.navbar-nav{
    float: right;
    position: absolute;
    right: 0;
}

.user-details-update .ip-form-group .alert{display : none; }

.toolbar-tray-open .apicStickyHeader {
    top: 0px !important;
}

#disabled_apis_listing p{
    font-family: Lato-Bold !important;
    font-size: 1rem !important;
    color: #000;
    margin-bottom: 0.5rem;
    padding: 5px 10px;
    width: 99%;
    margin: 0;
    margin-bottom: 5px;
    margin-left: 5px;
    display: block;
    border: 1px solid #ddd;
}

#disabled_apis_listing .tooltip-auth{
        /* top: 0px !important; */
        top: -2px !important;
       left: unset !important;
}

.uat-prod-multi-step-form .form-submit.btn{
    position:relative;
    background: #97144d !important;
}

.non-payment-auth{ display:none; } 

.not_authorized{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-family: 'Lato';
    width:100%;
}
.not_authorized .not_authorized--title{
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 1rem;
}

.prod-multi-step-form .alert.alert-success{
display:none
}

.admin-tab-css-class{
display:flex;
}

.admin-tab-css-class > li{
padding-right: 5px;
}

.flow-chart-download{
display:none;
}

header.apicStickyHeader.section-header {
    margin: 0;
    position: inherit;
}

body.bx--global-light-ui{
background:#fff;
}
.apicMainContent.main-container.js-quickedit-main-content {
    min-height: unset;  
}

.js-quickedit-main-content .col-md-6 .btn{
    font-size: 14px;
    font-family: Lato-Bold;
    padding: 8px 40px;
    border-radius: 5px;
    background: #97144D;
    border-color: #97144D;
    color: #FFFFFF;
}
.context--index .js-quickedit-main-content .field--item{
       background-color: #fff !important;
}
footer .col-md-4 .field--name-body p {
    color: #fff;
}
.context--index .section-header .navbar-collapse .dropdown .dropdown-menu{
box-shadow:none;
}
.context-index .js-quickedit-main-content .connect-container .content-with-us-curve{
padding-left:40px;
}

.section-header .fixed-header.img-header {
	background-color: #fff;
}

.section-header .fixed-header.img-header .navbar-collapse .nav-item.dropdown .dropdown-menu .nav-item .nav-link {
	background-color: #fff;
}
/*21-04-2022*/
.path-frontpage .home-banner img {
    width: 100%;
    height: auto;
}

.path-frontpage .home-container-fluid .col-md-4 {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.section-header .navbar-nav .dropdown-menu{
   box-shadow:none;
}
.context-get-started-guide .main-page-toptitle {
    background-color: #fff;
    box-shadow: 0 8px 6px -6px black;
    padding: 20px;
    margin: 10px 0 30px;
}
.context-get-started-guide .main-page-toptitle h1 {
    color: #97144d;
    font-weight: 400;
    font-family: 'Lato', sans-serif !important;
    line-height: .9;
   font-size: 26px;
    margin:0;
}

body.bx--global-light-ui.context-get-started-guide,body.bx--global-light-ui.page-node-type-how-it-works-page, body.bx--global-light-u.path-products {
  background-color: #fff;
} 

body.context-get-started-guide .content{
    width: 94%;
    margin: 0 auto;
}
a{
color:#000;
}
a:hover{
color:#97144D;
}
.adminimal-admin-toolbar.toolbar-tray-open .apicStickyHeader {
    top: 0px;
}
 .path-products #productpage .pageheading {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
}
 .path-products .suggestnewusecasebutton.button,.context-become-partner .button {
    font-size: 14px;
    font-family: Lato-Bold;
    padding: 12px 40px;
    border-radius: 5px;
    background: #97144D;
    border-color: #97144D;
    color: #FFFFFF;
    height:auto;
}
.context-become-partner .button:hover{
background: #97144D;
    border-color: #97144D;
}

.path-products .suggestnewusecasebutton.button:focus,.context-become-partner .button:focus{
box-shadow:none;
}

.path-product-details  .feature-product-wrap {
    margin-bottom: 15px;
   margin-top:15px;

}
.context-why-partner-with-us .partner-sub-heading {
 font-size:20px;
}
.path-products .views-field.views-field-nothing {
    flex: 0 0 25%;
    max-width: 25%;
}
.path-products .views-field.views-field-nothing .col-md-3 {
    max-width: 100%;
}
.path-faq .faq-container  .ui-accordion .ui-accordion-header {
    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;
}
.path-frontpage .content-with-us-curve .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 14px;
    font-family: Lato-Bold;
    padding: 8px 40px;
    border-radius: 5px;

}
.path-frontpage .content-with-us-curve .btn-solid {
    border-color: #97144D;
    color: #97144D;
height:auto;
}

.application-items-wrap {
    display: flex;
    width: 90%;
    margin: 0 auto;
    justify-content: center;
    flex-wrap: wrap;
}
.bx--card-footer.apicAppFooter {
    background-color: transparent;
}
.node--type-application.bx--card {
    margin: 0 auto 20px;
    width: 94%;
    height: 16rem;
}
#views-exposed-form-applications-page-1 .custom-form-element:first-child
{
margin-right:50px;
margin-left:0;
}
#views-exposed-form-applications-page-1 #edit-submit-applications
{
margin-left:10px;
line-height:normal !important;
}


#views-exposed-form-applications-page-1 .custom-form-element
{
margin-left:20px;
}
#views-exposed-form-applications-page-1 #edit-title
{
border:none;
border-bottom:1px solid #333;
margin:0;
}
#views-exposed-form-applications-page-1 .custom-form-element label
{
text-align:left;
display:block;
}
#views-exposed-form-applications-page-1 #edit-items-per-page
{

    border: none;
    border-bottom: 1px solid #333;
    width: 100px;
}
#views-exposed-form-applications-page-1 #edit-sort-bef-combine
{

    border: none;
    border-bottom: 1px solid #333;
}

#views-exposed-form-applications-page-1
{

    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    margin: 40px auto 50px auto;
}
#apic-view-filter{
    display: flex;
    justify-content: flex-start;
    text-align: left;
    align-items: center;
}

#views-exposed-form-applications-page-1 #edit-submit-applications {
  font-size: 14px;
    font-family: Lato-Bold;
    padding: 8px 40px;
    border-radius: 5px;
    background: #97144D;
    border: none;
    height:auto;
    color: #FFFFFF;
}
#views-exposed-form-applications-page-1 #edit-title {
    background-repeat: no-repeat;
    background-position: right;
    background-color: transparent;
}
.custom-form-element .children {
    font-family: Lato-Bold;
    font-size: 1rem;
    color: #000;
}
.bx--global-light-ui .views-exposed-form .input-group-addon {
  display: none;
}
#apic-view-filter .select-wrapper {
    border: 0;
}
#apic-view-filter .select-selected {
    display: none;
}
#views-exposed-form-applications-page-1 #edit-items-per-page {
    padding-left: 0px;
    font-size: 16px;
}
.node--type-application.bx--card a span.apicAppName {
  color: #97144d;
}
.apicAppStatus {
    font-size: 17px;
    display: flex;
    line-height: 20px;
}
ul.pagination.js-pager__items {
    justify-content: center;
    margin: 20px auto;
}
li.pager__item a {
    border: 0px;
    color: #000;
}
li.pager__item.is-active.active a {
    background-color: #97144d;
}
li.pager__item.pager__item--last a {
    width: 100%;
    background-color: transparent;
    border: 0px!important;
    font-size: 18px;
}

/*25-04-2022*/
.ui-widget-content .webform-ajax-form-wrapper .contextual-region .form-control{
outline: none;
}
.ui-widget-content .webform-ajax-form-wrapper .contextual-region .form-submit{
    position: relative;
    color: #fff;
    padding: 8px 40px;
    border-radius: 5px;
    background: #97144D;
    width: auto;
    height:auto;
    right: 0;
}
.ui-widget-content .ui-dialog-titlebar-close{
    width: auto;
    height: auto;
    margin-top: -20px;
    background: #fff;
    border: none;
    position: absolute;
    right: 0.3em;
    top: 50%;
    margin: -10px 0 0 0;
    padding: 1px;
    font-family: Lato-Regular;
    color: #aeaeae;
}
.js-quickedit-main-content .productmainpage .row .col-md-3 .feature p{
    min-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

}
.js-quickedit-main-content .productmainpage .row .col-md-3 .feature{
   height: 250px;
   display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.js-quickedit-main-content .productmainpage .row .col-md-3 .feature img{
    width: 40px;
    margin: 0 auto;
}
.js-quickedit-main-content .contextual-region .card .col-md-12 .select-wrapper .select-wrapper{
display:none;
}
.js-quickedit-main-content .contextual-region .card .col-md-12 .select-wrapper:after{
display:none;
}
.js-quickedit-main-content .js-webform-details-toggle  .card .form-control:focus{
outline:none;
}
.js-quickedit-main-content .js-webform-details-toggle  .card input.form-control:focus{
border-color: #97304e;
}
.ui-widget-content .ui-dialog-titlebar{
    text-align: center;
}    
.context--form-become-partner footer{
margin-top:2rem;
}
.js-quickedit-main-content .js-webform-details-toggle .form-group .select-wrapper .select-selected.select-arrow-active:after{
top:auto;
}
.context--products .ui-dialog{
padding:2rem !important;

}
.context--products  .ui-dialog .ui-dialog-content{
padding:0;
}

/* This is for top heading terms and privacy page */
.main-page-toptitle {
    box-shadow: 0 8px 6px -6px black;
    padding: 20px;
    margin: 10px 0 30px;
}
.main-page-toptitle h1 {
    color: #97144d;
    font-weight: 400;
    font-family: 'Lato', sans-serif !important;
    font-size: 26px;
}
.context--forum .js-quickedit-main-content .col-sm-12 .forumWrapper .forumContent{
    width: 100%;
    border: none;
}
.context--forum .js-quickedit-main-content .col-sm-12 .forumWrapper .forumSidebar{
    display:none;
}
.js-quickedit-main-content .col-sm-12 .forum-actions-wrapper li .btn{ 
    font-size: 14px;
    font-family: Lato-Bold;
    padding: 8px 40px;
    border-radius: 5px;
    background: #97144D;
    border-color: #97144D;
    color: #FFFFFF;
	width: auto;
}
.context--forum .js-quickedit-main-content .col-sm-12 .forum-actions-wrapper{
    margin: 0 auto;
}

.api_section .search-form .button{
    font-size: 14px;
    font-family: Lato-Bold;
    padding: 8px 40px;
    border-radius: 5px;
    background: #97144D;
    border-color: #97144D;
    color: #FFFFFF;
}
.search-api-page-block-form-mysearch .bx--search-magnifier{
display:none;
}

.api_section .search-form .button{
    position: absolute;
    right: 0px;
    height: 50px;
    outline: none;
    border: 0px;
}
.api_section .search-api-page-block-form-mysearch .custom-form-element{
display:inline;
}

/* Become partner page css start here */
select.form-control {
    color: initial;
    background: initial;
}
/* Become partner page css end here */

/* Newchannelskyboxid page css start here */
.mail-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 1140px;
    padding: 40px 15px 0;
    margin: 30px auto;
}
.mail-wrapper nav.tabs {
    width: 40%;
    flex-basis: initial;
    margin: 0;
    padding: 0;
}
.mail-wrapper nav.tabs .email-settings-wrap {
    width: initial;
    max-width: initial;
    margin: 0;
}
.mail-wrapper nav.tabs .email-settings-wrap ul.vertical-tabs {
    width: initial;
    display: flex;
    flex-wrap: wrap;
}
.mail-wrapper nav.tabs .email-settings-wrap ul.vertical-tabs li {
    width: 100%;
}
.mail-wrapper form {
    width: 60%;
}
.mail-wrapper form .custom-form-element + .custom-form-element {
    margin-top: 15px;
}
.mail-wrapper form .js-text-format-wrapper {
    margin-top: 20px;
}
@media(max-width:767px) {
    .mail-wrapper nav.tabs,
    .mail-wrapper form {
        width: 100%;
    }
}
/* Newchannelskyboxid page css ends here */
.webform-submission-suggest-use-case-form .custom-form-element + .custom-form-element {
    margin-top: 10px;
}

.webform-submission-suggest-use-case-form .form-submit {
    margin-top: 15px;
}

/* forums css start here */
.path-forum.context-forum.context--forum .js-quickedit-main-content .col-sm-12 .forum-actions-wrapper {
    margin: 15px 0 0 auto;
}
.js-quickedit-main-content .col-sm-12 .forum-actions-wrapper li .btn {
    padding: 5px 40px 8px;
    width: auto;
    margin-right: 20px;
}
/* forums css end here */

/*become-partner css start*/
.bx--global-light-ui .form-item label.option {
  display: flex!important;
}

.context--form-become-partner-confirmation .apicMainContent.main-container.js-quickedit-main-content {
	display: flex;
    	flex-direction: column;
	min-height: 90vh;
}
.bx--global-light-ui .bx--checkbox-appearance svg.bx--checkbox-checkmark {
  display: none!important;
}
/*become-partner css end*/

/*Privacy Policy css start */
.context-privacy .how-it-works-content p a svg.ext {
	display: none;
}
/*Privacy Policy css end */

/*signin css start*/
.context--user-login.user-registry-lur input.form-control {
	color: #000;
	padding-left: 10px;
}
.context--user-login.user-registry-lur .button.js-form-submit {
    position: relative;
    background-color: #97144D;
    text-align: center;
    padding: 8px 45px;
}
/*signin css end*/

/*UAT button css start*/

.uat-dropdown-active {
    background: #97144D;
    color: #fff;
    padding: 10px;
    display: block;
    border-radius: 5px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
}

.uat-prod-access-form #uatDropdown .uat-dropdown {
    position: absolute;
    width: 100%;
    z-index: 99;
}
.uat-dropdown a {
    background: #fff;
    color: #97144D;
    padding: 10px;
    display: block;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
}
.uat-prod-access-form #uatDropdown {
    position: relative;
}
#uatDropdown {
    width: 200px;
    position: relative;
}

.context--node-2188 .apicMainContent .contextual-region .uat-dropdown-active{
    border-radius: 0;
    background: #97144D;
    color: #fff;
    text-decoration: none;
}
.context--node-2188 .apicMainContent .contextual-region .uat-dropdown .use-ajax{
    background: #fff;
    color: #97144D;
    padding: 10px;
    display: block;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none; 
    font-size: 14px;
    font-family: Lato-Bold;
}
.context--node-2188 .apicMainContent .contextual-region .uat-dropdown .use-ajax:hover{
    border-radius: 0;
    background: #97144D;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: block;
    cursor: pointer;
}
.ui-dialog-content form .step1-button .form-submit{
   margin: 20px auto 20px 0;
    display: table;
    color: #fff;
    border: none;
   padding: 8px 40px;
    border-radius: 5px;
    background: #97144D;
    font-size:1em;
    position: relative; 
} 

.ui-dialog-content form .pre-post-auth .fieldset-wrapper .edit-pre-post-auth--JOKwP4JsLic .custom-form-element{
    display: inline;
    margin-right: 0px;
} 
.ui-dialog-content form .pre-post-auth .fieldset-wrapper .edit-pre-post-auth--JOKwP4JsLic{
display:flex;
}
.context--node-2188 .apicMainContent .contextual-region .uat-dropdown{
    position: absolute;
    width: 100%;
    z-index: 99;
    display: block;
    left: 0;
    top: 43px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0px 0 5px 5px;
} 
 .ui-dialog-content .uat-prod-multi-step-form .custom-form-element .input-group input,
 .ui-dialog-content .uat-multi-step-form .custom-form-element .input-group input{
    outline:none;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    border-radius: 0px;
    color: #333;
    background-color: transparent;
}
.context--node-2188 .ui-dialog {
    width: 600px !important;
    padding: 2rem;
    top: 47.5116px;
    left: 280.5px;
}
.context--node-2188 .ui-dialog .ui-dialog-content{
padding-left:0;
}
.context--node-2188 .apicMainContent .contextual-region .uat-dropdown .use-ajax:focus{
box-shadow:none;
}
.ui-dialog-content .uat-prod-multi-step-form .pre-post-auth fieldset, 
.ui-dialog-content .uat-multi-step-form .pre-post-auth fieldset{
    opacity: 1;
    position: relative;
    z-index: 1;
    margin-right: 5px;
    width: auto !important;
    height: auto !important;
    margin-left:0px;
}

.ui-dialog-content .uat-prod-multi-step-form .pre-post-auth legend .fieldset-legend{
    font-family: Lato-Bold !important;
    font-size: 16px;
}
.fieldset-wrapper span.children {
    padding-right: 25px;
    vertical-align: text-bottom;
}
.ui-dialog-content form .pre-post-auth .fieldset-wrapper .edit-pre-post-auth--JOKwP4JsLic .custom-form-element .bx--label option .bx--radio-button__appearance{
    font-family: Lato-Regular;
    color: #aeaeae;
}
.uat-prod-multi-step-form .fieldset-wrapper > div {
    display: flex;
}
.uat-prod-multi-step-form .fieldset-wrapper .custom-form-element label,
.uat-multi-step-form .fieldset-wrapper .custom-form-element label{
    display: inline-block;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}
.bx--global-light-ui fieldset.form-item legend{
    line-height:32px;
    color:initial;
}
.bx--global-light-ui .bx--radio-button__appearance{
    border: 1px solid #aeaeae;
} 
.uat-prod-multi-step-form .input-group-addon:last-child{
    display:none;
}
.top-notification{
    background:transparent !important;
    padding-top:5px;
}
.contextual .trigger{
    position: absolute;
    z-index: 1;
    background: transparent !important;
    top: 85px;
}
.navbar{
    margin-top: 0px;
}
.user-and-notify-wrap{
width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: -43px;
    position: absolute;
    top: 40px;
    z-index: 1;
}
.user-and-notify-wrap .user-block {
    margin: 6px 15px;
}

/*sign in css start */
.reg-login-wrap .apic-user-form {
  margin-left:0px;
}
.apic-user-form.apic-user-form-login .apic-login-wrapper:after {
  background-image: none;
  background-color: transparent;
  box-shadow: none;
}
.reg-login-wrap .user-login-form .apic-user-form-subheader {
  margin-left: 15px;
}
.apic-login-wrapper .apic-user-form-footer .apic-user-form-text {
  padding-top: 0px;
  padding-bottom: 0px;
}
.navbar{
    z-index: 0;
}
.fixed-header .user-and-notify-wrap .notification-menu{
    background-color: #fff;
    box-shadow: 0 3px 3px rgb(0 0 0 / 38%);
}
.notification-menu li a:hover {
    background: #fff !important;
}
.notification-menu li a:hover .text-muted .ng-binding {
    color: #000 !important;
}

/* Forgot  password*/
.apic-user-form-reset-pwd .apic-user-form-inner-wrapper .form-submit{
position:relative;
    order: 1;
    margin: auto;
    margin-top: 1.5rem;
    font-size: 14px;
    font-family: Lato-Bold;
    padding: 11px 40px;
    border-radius: 5px;
    background: #97144D;
    color: #FFFFFF;
    width:auto !important;
    height:auto;
}

/* signup button */
.user-register-form .form-submit{
    position:relative;
    order:1;
    width:auto !important;
    height:auto;
    padding:11px 40px;
    margin-top: 1.5rem;
    font-size: 14px;
    font-family: Lato-Bold;
    border-radius: 5px;
    background: #97144D;
}
/*Reset password and Register*/
.context-user-register .apic-register-wrapper:after, .context-user-password .apic-reset-wrapper:after{
display:none;
}
/*Reset password and Register end*/
#apilist .card .list-group-item:hover p, #apilist .card .list-group-item:hover a{
    color:#ffffff;
}
/*uat CORP POPUP */
.uat-prod-multi-step-form .custom-control-input {
    opacity: 1;
    position: relative;
    z-index: 1;
}
.alert-danger {
    background: #fff !important;
    border: 1px solid #f9c9bf !important;
    color: #a51b00;
}
.uat-prod-multi-step-form .apis_listing fieldset .custom-form-element, .uat-multi-step-form .apis_listing fieldset .custom-form-element, .retail-uat-multi-step-form .apis_listing fieldset .custom-form-element {
    display: flex;
    align-items: center;
    margin-right: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 0 10px;
    width: 99%;
    margin: 0;
    margin-bottom: 5px;
    margin-left: 5px;
    display: block;
    border-left: 1px solid #ddd;
}
.uat-prod-multi-step-form fieldset, .uat-multi-step-form fieldset, .retail-uat-multi-step-form fieldset{
    width: auto !important;
    height: auto !important;
}
.uat-prod-multi-step-form fieldset .fieldset-wrapper .form-checkboxes, 
.uat-multi-step-form fieldset .fieldset-wrapper .form-checkboxes, .retail-uat-multi-step-form fieldset .fieldset-wrapper .form-checkboxes {
    flex-direction: column;
    overflow-y: auto;
    max-height: 300px;
}

.uat-prod-multi-step-form #transfer_modes .fieldset-wrapper .form-checkboxes,
.uat-multi-step-form #transfer_modes .fieldset-wrapper .form-checkboxes{
    flex-direction: row !important;
}

.bx--global-light-ui .bx--checkbox:checked + .bx--checkbox-appearance, .bx--global-light-ui .bx--checkbox:checked + .bx--checkbox-label .bx--checkbox-appearance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: #AF155D;
    border-color: #161616;
}
.uat-prod-multi-step-form .step1-button .form-submit {
    border: none;
    padding: 8px 40px;
    border-radius: 5px;
    background: #97144D;
    font-size: 1em;
    margin-top: 347px;
    left: 0;
}
.authorized-signatory-form .upload-btn-wrapper a {
    background: #97144D;
    border-radius: 5px;
    text-decoration: none;
    border: none;
    color: #fff;
    padding: 8px 9px 8px 8px;
    position: relative;
}
#edit-auth-type .custom-form-element {
    display: flex;
    align-items: center;
}
#edit-auth-type {
    display: flex;
}
#edit-auth-type .custom-form-element input[type="radio"] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
#edit-auth-type .custom-form-element .children {
    display: inline-block;
    margin-bottom: .5rem;
    font-family: Lato-Bold !important;
    font-size: 1rem !important;
    margin-left:10px;
    padding-right:25px;
    color:#000;
    opacity:1;
}
#edit-auth-type .custom-form-element .bx--label.option{
    color:#000;
    margin-right:10px;
    display:flex;
}
.ip_address_section .comment_box #edit-ips {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 8px;
    width: auto;
    height:auto;
   font-size:16px;
}
.authorized-signatory-form .btn-approve.form-submit {
    background-color: #97144d;
    color: #fff;
    position: inherit;
}
.authorized-signatory-form .btn{
  padding:8px 40px!important;
  font-size: 14px;
  font-family: Lato-Bold;
  height: auto;
  line-height: 1.5;
}
.authorized-signatory-form .btn-success.btn-reject {
    background-color: #6c6c6c;
}
.authorized-signatory-form .btn.disabled, .authorized-signatory-form .btn:disabled {
    opacity: .65;
}
.authorized-signatory-form .btn-success.btn-reject:hover {
    background-color: #6c6c6c;
}

.ip_address_section .comment_box .btn-success.focus,.ip_address_section .comment_box  .btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72,180,97,.5);
}
.ip_address_section .comment_box .btn-warning.disabled, .ip_address_section .comment_box .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}
.ip_address_section .comment_box  .btn-warning.focus, .ip_address_section .comment_box  .btn-warning:focus {
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222,170,12,.5);
}
.ip_address_section .comment_box .btn.disabled, .ip_address_section .comment_box .btn:disabled {
    opacity: .65;
}
.authorized-signatory-form fieldset#edit-approve-reject--wrapper {
    position: relative;
    opacity: 1;
    z-index: 1;
    width: 100% !important;
    height: auto;
}
.authorized-signatory-form fieldset#edit-approve-reject--wrapper legend {
    font-size: 18px;
    font-weight: bold;
}
.authorized-signatory-form #edit-approve-reject {
    display: flex;
    align-items: center;
}
.authorized-signatory-form fieldset .custom-form-element .children {
    margin-left: 10px;

}
.context-uat-prod-request-status .table-responsive{
width:94%;
margin:50px auto;
}
.table th {
    text-align: inherit;
    background-color: #97144D;
    color: #fff;
    border: 1px solid #8c2946;
    padding: 13px 20px;
    font-weight: 400;
}
.context-uat-prod-request-status .table td {
    color: #000;
    border: 1px solid #DEDEDE;
    background-color: #F9F9FA;
    height: 45px;
    padding: 13px 20px;
}
.context-signatorydashboard .ip_address_section .ip_table {
    width: 94%;
    margin: 0 auto;
}
.context-signatorydashboard .as-table-wrapper {
    overflow-x: auto;
    margin-bottom: 100px;
}

.context-form-become-partner .highlighted{
position:absolute;
}
.context--form-become-partner .pageheading {
    margin-top:100px;
}
/* 16/05/2022  power access detail page table code */
#poweraccessdetails {
    width: 100%;
    margin: 40px auto 0 auto;
	font-size: 11px;
}

.multi-select-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 450px;
}
.multi-select-box h3 {
    margin-bottom: 0;
    background-color: #97144D;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding: 5px 10px;
    font-family: 'Lato-Regular';
}
.multi-select-box__list {
    border: 1px solid #ccc;
    max-height: 150px;
    overflow-y: auto;
    padding: 10px;
}

.opportunity-details{
margin-top:40px;
}
 .multi-select-box input[type="checkbox"].bx--checkbox{
background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;   
 position: inherit;
    margin: 0;
    width: auto;
    height: auto;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    visibility: visible;
    white-space: nowrap;
    margin-right: 8px !important;
}
.multi-select-box__list  .bx--checkbox-appearance{
display:none !important;
}


#ticket-filter-form .filter-ticket.button{
    font-size: 14px;
    font-family: Lato-Bold;
    padding: 8px 40px;
    border-radius: 5px;
    background: #97144D;
    border-color: #97144D;
    color: #FFFFFF;
    margin-left: 20px;
   position: absolute;
    right: -91px;
    top: 14px;
}
#ticket-filter-form .custom-form-element {
    width: 100%;
}
#ticket-filter-form .select-wrapper select {
    display: none;
}

#ticket-filter-form .ticket-filter-select .select2.select2-container .select2-selection--single {
    border: 0px;
    width: 100%;
    background-color: transparent;
    border-bottom: 1px solid #000;
    border-radius: 0px;
}


#ticket-filter-form .ticket-filter-select .select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border-bottom: 1px solid #aaa !important;
    border-radius: 0px !important;
    
}
#ticket-filter-form .ticket-filter-select .select2-results ul li:before{
display:none;
}
#ticket-filter-form .ticket-filter-select .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #97144d;
    color: white;
}
#ticket-filter-form .ticket-filter-select .select2-results ul li{
    font-size: 15px;
}

#ticket-filter-form  .input-group-addon  {
 background: transparent;
    border: 0px;
    visibility: hidden;
}
#ticket-filter-form .select2-container--default .select2-selection--single .select2-selection__arrow b{
display: contents;
}
#ticket-filter-form .select2-container .select2-selection--single .select2-selection__rendered{
font-size:16px;
}
#ticket-filter-form .select2-results ul li.select2-results__option--selected:after{
display:nonel
}

.context--add-channel-id .apicMainContent .add-channel-id-form #edit-submit{
position:relative;
width:auto;
} 
.context--add-channel-id .apicMainContent .add-channel-id-form select{
 padding: 0 10px;
}
.context--add-channel-id .apicMainContent .add-channel-id-form .form-control{   
 color: #000000;
}
.context--add-channel-id .apicMainContent .add-channel-id-form .form-control:disabled{
	background-color: transparent;
	
}
.context--add-channel-id .apicMainContent .add-channel-id-form .form-control:focus{   
outline:none;
}
.context--node-2823 .contextual-region .table-responsive .go-to-unidesk .button{
    margin-top: 20px;
    display: table;
    font-size: 14px;
    font-family: Lato-Bold;
    padding: 8px 40px;
    border-radius: 5px;
    background: #97144D;
    border-color: #97144D;
    color: #FFFFFF;
    margin-bottom: 1rem;
    line-height: 2;
}

.csr_download_adminpage svg.svg-inline--fa.fa-download.fa-w-16 {
      margin-left: 9px;
}
.apicMainContent .side-leftMenu{

width:97%;
    box-shadow: -5px -10px 20px #00000026;
    padding: 30px 19px 15px;
    position: static;
    top: 10px;
    left: 0;
    height: 100%;
    overflow: auto;
    z-index: 1;
}
.apicMainContent {
    margin-top: 0px !important;
}
.context--become-partner .apicMainContent,
.context--why-partner-with-us .apicMainContent{
padding-top:0px !important;
}

.context--become-partner .apicMainContent .content,
.context--why-partner-with-us .apicMainContent .content{
padding-top:0px !important;
}
.context--listApiData .dashboard_container .selectoptiondiv{

    width: 80%;
    display: flex;
}


.context--listApiData .dashboard_container .selectoptiondiv #createskybox,
.context--listApiData .dashboard_container #deletemultipleitem{
background-color: #97144d;
    color: #fff;
    position: inherit;
    padding: 8px 40px!important;
    font-size: 14px;
    font-family: Lato-Bold;
    height: 40px;
    line-height: 1.5; 
}
.context--listApiData .dashboard_container #deletemultipleitem{
margin-bottom:20px;
}
.context--listApiData .dataTables_wrapper .dataTables_paginate .paginate_button{
padding:0px 9px !important;
}    
.uat-dropdown.uat-none {
    display: none !important;
}


.ui-dialog .ui-dialog-titlebar-close:after {
    content: "\f00d";
    font-family: Fontawesome;
}

.uat-prod-access-form #uatDropdown .uat-dropdown {
    position: absolute;
    width: 100%;
    z-index: 99;
}

.uat-dropdown {
    width: 100%;
    background: #fff;
    display: block;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0px 0 5px 5px;
}
.uat-dropdown a:hover{
    border-radius: 0;
    background: #97144D !important;
    color: #fff !important;
    text-decoration: none;
}
.uat-dropdown a{
    background: #fff !important;
    color: #97144D !important;
    padding: 10px;
    display: block;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    font-family: Lato-Bold;
}
#uat-prod-access-form .uat-dropdown .bx--global-light-ui .button{
padding:calc(0.875rem - 3px) 53px calc(0.875rem - 3px) 12px;
}
.bx--global-light-ui .bx--checkbox:checked + .bx--checkbox-appearance{
display:inline-block;
margin-right: 7px;
}

a.uat-dropdown-active:hover
{ color:#fff;
}
.terms-cond {
    margin-left: -31px;
   padding-bottom: 13px;
    left: 0px;
}
textarea { color :#000; font-size:15px; resize:none;

}
input {color :#000; font-size:15px;}
textarea#edit-issue-description {
    color: #000;
}
.context--ticketing-system .dashboard_container_main {padding-top:30px;}

button#submitskyboxticket {
    background: #97144d;
padding: 8px 40px!important;
}

.bx--global-light-ui .button:active {
    background-color: #97144d;
   text-align:center;
}
.bx--global-light-ui .button:hover {
  background-color: #97144d;
    color: #ffffff;
    text-align:center;
}
.thankyou_info a.btn.button {
    background-color: #97144d;
    padding: 8px 40px!important;
    color:#fff;
}

.uat-prod-multi-step-form button#edit-forward--94GViqRp_yc {
    bottom: 0px;
    display: block;
    top: 419px;
    left: 25px;
}
.prod-multi-step-form .custom-form-element {
  margin-bottom:10px;
}
.prod-multi-step-form .custom-form-element .select-wrapper select.form-control, .retail-uat-multi-step-form .custom-form-element .select-wrapper select.form-control, .co-prod-multi-step-form .custom-form-element .select-wrapper select.form-control {
  display: block;
  outline: none;
}
.prod-multi-step-form .custom-form-element .select-wrapper, .co-prod-multi-step-form .custom-form-element .select-wrapper, .retail-uat-multi-step-form .custom-form-element .select-wrapper {
  border-bottom:0px;
}
.ui-dialog-content form.uat-prod-multi-step-form .step1-button .form-submit {
  position: relative;
}
#skyboxmodal .modal-dialog .modal-body {
    overflow-y: scroll;
    max-height: 500px;
}
#skyboxmodal .modal-dialog .modal-header button {
  background-color: transparent;
}
#skyboxmodal .modal-dialog .modal-body form .form-group .appidselect {
  width: 100%;
  padding-left:0px;
}
#listapi_wrapper.dataTables_wrapper Table#listapi tbody tr td.sorting_1 input {
  margin-left:8px;
}
.contextual-region.block-footer {
  position: unset;
}
.opportunity-details {
  margin-bottom: 50px;
}
/*search result page css */
form#search-api-page-block-form-mysearch {
    position: relative;
}
.api_section .pagination li.pager__item--previous {
  display: none;
}
.api_section .pagination li:first-child a:hover, .api_section .pagination li:last-child a:hover {
  border-radius: 0px;
  line-height: 22px;
}
.api_section .pagination li:first-child a {
  border: 0px!important;
  width: auto;
  border-radius: 0px;
  line-height: 22px;
}
.api_section .pagination li a {
    border-radius: 0px;
    line-height: 19px;
    width: auto;
    padding: 5px 8px;
    margin: 0px;
    font-size: 15px!important;
    height: 30px;
    border: 0px !important;
}
.api_section .pagination li a:hover {
    background-color: #97304e;
    border-radius: 0px;
}
.api_section .pagination li.pager__item.is-active.active a {
    background-color: #97304e;
    border-radius: 0px;
    color: #fff;
}
.api_section .pagination li.pager__item.pager__item--next{
   display: none;
}
.go-to-unidesk a.btn.button.mt-3 {
    background-color: #97144d;
    padding: 8px 40px!important;
}
.search-api-page-block-form-mysearch  input.form-autocomplete{
    background-repeat:no-repeat;
    color: #000;
    font-size: 16px;
    background-position: right;
}
.search-api-page-block-form-mysearch .input-group-addon:last-child{
    display:none;
}
.context-mysearch-testing .api_section .mysearch-content-wrapper .api_content_bottom p {
    padding-top: 0px; 
}
.context-mysearch-testing .api_section .mysearch-content-wrapper .api_content_bottom h3 a {
    color: #97144d;
    text-transform: capitalize;
}
.context-mysearch-testing .api_section .pagination li.pager__item.is-active.active a {
    margin-top:0;
    height: 30px;
}
.context-mysearch-testing .api_section .pagination li a{
    padding:5px 10px;
}
.path-product #keyfeature .col-md-4 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
#keyfeature .col-md-4 img {
    margin-right: 10px;
    margin-top: 0;
}

.form-control{
color:#000;
}
.context-emailsettings-tabs-uatrequestform .js-form-submit{
background-color: #97144d;
    color: #ffffff;
}
.context-emailsettings-tabs-uatrequestform .js-form-submit:hover{
border-color: #97144d;
}

/*api details page css*/

a:hover{
    text-decoration: none;
}

.mesh-portal-product.singleapi.api-page-new {
    display: block;
}
.api-page-new .node-type-api article {
    padding: 0px !important;
    margin-bottom: 0;
}
.mesh-portal-product.api-page-new  {
    display: flex;
    height: 100%;
    font-size: 1em;
    line-height: 20px;
}
.api-page-new article {
    background: #fff !important;
    border-radius: 3px;
}
.api-page-new .nav-crumbs {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: .9em;
    color: #333333;
    margin-left: 1%;
}
.api-page-new .node-api-all {
    margin-top: 10px;
}
.mesh-portal-product.api-page-new  .readAndInteract {
    display: flex;
    flex-flow: row wrap;
}

/* left-section */
.mesh-portal-product.api-page-new .documentation {
    width: 48%;
    padding: 0 1% 0 1%;
    display: inline-block;
    vertical-align: top;
}
.api-page-new .node-api-all .list-group {
    margin-left: 0;
}
.api-page-new .list-group {
    padding-left: 0;
    max-height: 270px;
    overflow-y: scroll;
    margin-bottom: 20px;
}
.mesh-portal-product.api-page-new .hidden {
    display: none;
}
.api-page-new .block ul li {
    margin: 0;
}
.api-page-new .hidden {
    display: none!important;
    visibility: hidden!important;
}
.node-api-all .list-group .list-group-item {
    margin-bottom: 5px;
}
.api-page-new .list-group-item {
    background: #f9f9f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    font-size: 14px;
    border-color: #f1f1f1;
    padding: 1em 1.25em;
    color: #333;
    font-family: Lato-Bold;
    position: relative;
    border: 1px solid #ddd;
}
.api-page-new .list-group-item:hover {
    background: #97144d;
    border-color: #97144d;
    color: #fff;
}
.api-page-new .list-group-item > a {
    color: #333;
    font-family: Lato-Bold;
    display: block;
    width: 100%;
    height: 100%;
}
.api-page-new .list-group-item:hover > a {
    color: #fff;
    text-decoration: none;
}
.api-page-new .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1.3em;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* right-section */
.mesh-portal-product.api-page-new .interact {
    width: 52%;
}
.mesh-portal-product.api-page-new .interact {
    display: inline-block;
    vertical-align: top;
    color: #ddd;
    padding: 0;
}
.mesh-portal-product.api-page-new .interact {
    background-color: #1f2638;
}
.mesh-portal-product.api-page-new .rightHeader {
    display: block;
    background: #202230;
    min-height: 50px;
    width: 100%;
    top: 89px;
}
.mesh-portal-product.api-page-new .rightHeader .tableWrapper {
    display: table;
    width: 100%;
    padding: 10px 10px 0 10px;
}
.mesh-portal-product.api-page-new .rightHeader ul,  .mesh-portal-product.api-page-new .rightHeader .subscribeButton {
    display: table-cell;
}
.mesh-portal-product.api-page-new .langs-menu {
    margin: 0;
    padding: 0;
}
.mesh-portal-product.api-page-new .langs-menu li {
    height: 35px;
    line-height: 30px;
    display: inline-block;
    list-style: none;
    margin-top: 4px;
}
.mesh-portal-product.api-page-new .langs-menu li.current {
    position: relative;
    border-bottom: 3px solid #fff;
}
.mesh-portal-product.api-page-new .langs-menu li a {
    padding: 10px;
    color: #fff;
    text-decoration: none;
}
.mesh-portal-product.api-page-new .subscribeButton {
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 1rem;
    vertical-align: middle;
}
.mesh-portal-product.api-page-new .rightHeader .subscribeButton .subscribeButtonInner{
    color: #97144d;
    background-color: #ffffff;
    border: 1px solid #97144d;
    padding: 10px 25px;
    line-height: 1;
    height: 32px;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    display: table-cell;
}
.api-page-new .interact .node-content {
    background-color: rgb(31 38 56);
}
.mesh-portal-product.api-page-new .documentation label, .mesh-portal-product.api-page-new .interact label:not(.tab-label) {
    font-size: 0.9em;
    margin: 15px 0 5px 0;
    display: block;
    font-weight: 700;
}
.mesh-portal-product.api-page-new .interact label {
    color: #ccc;
}
.mesh-portal-product .toc a.selected, a.flag, .mesh-portal-product a, #skip-link a, ul.tabs li a, ul.tabs li a:visited, .mesh-portal-product .subscribeButton .subscribeButtonInner a, .mesh-portal-product .subscribeButton .subscribeButtonInner a:visited, a, a:visited, .myorgAddUserLink h3, .plantab .apis h3.ui-accordion-header .apititle, .portal .portalApi .testAPILink a, .portal .portalApi .testAPILink a:visited {
    color: #97144d;
}
.mesh-portal-product.api-page-new * {
    box-sizing: border-box;
}
.mesh-portal-product.api-page-new .interact .parameterValue, .mesh-portal-product.api-page-new .interact .endpointSelect {
    color: #FFF;
    background: #353b4c;
    border-width: 0 0 1px 0;
    border-radius: 0;
    word-wrap: break-word;
    word-break: break-all;
    font-family: "DejaVu Sans Mono",monospace,sans-serif;
    font-size: 13px;
}
.mesh-portal-product.api-page-new .interact .contrast {
    padding: 5px;
}
.mesh-portal-product.api-page-new .interact select.parameterValue, .mesh-portal-product.api-page-new .interact textarea.parameterValue, .mesh-portal-product.api-page-new .interact select.endpointSelect {
    border: 0;
}
.mesh-portal-product.api-page-new .endpointSelect {
    margin-left: 10px;
    margin-right: 10px;
}
.mesh-portal-product.api-page-new .readAndInteract.operation {
    display: flex;
}
.mesh-portal-product.api-page-new .readAndInteract .operationContent, .mesh-portal-product.api-page-new .readAndInteract .tabs-content, .mesh-portal-product.api-page-new .readAndInteract .tabs .tab, .mesh-portal-product.api-page-new .definitionsContent .definitionsWrapper, .mesh-portal-product.api-page-new .planapiwrapper .apicontents {
    display: block;
}
.mesh-portal-product.api-page-new .readAndInteract .tabs-content {
    margin-left: 10px;
    margin-right: 10px;
}
.mesh-portal-product.api-page-new .tab-content.code, .mesh-portal-product.api-page-new .tab-content.example {
    padding-bottom: 30px;
}
.api-page-new .node-api-all .tab-content {
    padding: 0;
}
.api-page-new .interact .tab-content {
    background-color: rgb(31 38 56);
}
.api-page-new .tab-content {
    text-align: justify;
}
.mesh-portal-product.api-page-new .rightSectionHeading {
    font-size: 1.2em;
}
.mesh-portal-product.api-page-new .langtab {
    margin-bottom: 20px;
    width: auto;
    border-top: #FFF 1px solid;
}
.api-page-new .show {
    display: block!important;
}
.mesh-portal-product.api-page-new .langtab-content {
    padding: 20px;
    display: none;
}
.mesh-portal-product.api-page-new .langtab-content.show {
    display: block;
}
.api-page-new .hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    background: #000;
    color: #f8f8f8;
}
.mesh-portal-product .definitionsSection pre, .mesh-portal-product .langtab pre, .mesh-portal-product .interact {
    background-color: #1f2638;
}
.mesh-portal-product.api-page-new .definitionsSection pre, .mesh-portal-product.api-page-new .langtab pre, .mesh-portal-product.api-page-new .exampleResponse pre, .mesh-portal-product.api-page-new .interact .responseSection pre, .mesh-portal-product.api-page-new pre.inlineSchema {
    border: none;
    border-radius: 0;
    padding: 0 15px;
    margin: 0;
    word-break: break-all;
}
.mesh-portal-product.api-page-new .langtab pre, .mesh-portal-product.api-page-new .exampleResponse pre {
    background-color: #1f2638;
    padding: 0 15px 0 0;
}
.api-page-new code, .api-page-new kbd, .api-page-new pre, .api-page-new samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}
.api-page-new code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}
.api-page-new pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}
.api-page-new .hljs-string {
    color: #65b042;
}
.mesh-portal-product.api-page-new .showMore {
    text-align: center;
}
.mesh-portal-product.api-page-new .showMore a.btn {
    width: 100%;
    display: block;
    padding: 10px;
}
.mesh-portal-product.api-page-new .tab-content.example {
    padding: 0 15px 30px 0;
}
.api-page-new .tab-content {
    background-color: rgb(255,255,255);
    padding: 0 25px 45px;
}
.api-page-new form {
    margin: 0;
    padding: 0;
}
.api-page-new ul, .api-page-new li, .api-page-new a, .api-page-new p, .api-page-new form {
    list-style: none;
    text-decoration: none !important;
    padding: 0;
} 
.mesh-portal-product.api-page-new .interact .contrast {
    color: white;
    background-color: rgba(255,255,255,0.1);
    padding: 5px;
    margin-bottom: 15px;
}
.mesh-portal-product.api-page-new .interact .contrast {
    margin: 5px;
}
.api-page-new .tab-content p {
    color: #505050;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 0px;
}
.api-page-new .markdown > p {
    font-size: 15px;
}
.api-page-new .white-text>p {
    color: #fff;
}
.mesh-portal-product.api-page-new .interact .parameter {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
.mesh-portal-product.api-page-new .interact .parameterName, .mesh-portal-product.api-page-new .interact .parameterValue {
    flex: 1;
}
.mesh-portal-product.api-page-new .interact .parameterName {
    color: #cda869;
}
.mesh-portal-product.api-page-new .interact .parameter:last-child, .mesh-portal-product.api-page-new .interact .identificationSection .contrast .parameter:last-child, .mesh-portal-product.api-page-new .interact .parameter.accesstoken {
    border: 0;
}
button, input[type="submit"], input.form-submit, .form-actions a, .form-actions a:visited, .button, a.button, a.button:visited, .banner_block .banner_button a, a.buttonLink, .portal .migratePlanContainer .migrateButton a, .numberedList a, .supportList a {
    border-radius: 3px;
}
button, button.mesh, input[type="submit"], input.form-submit, .form-actions a, .form-actions a:visited, .button, .mesh-portal-product.api-page-new .rightHeader .subscribeButton .subscribeButtonInner, a.button, a.button:visited, .banner_block .banner_button a, a.buttonLink, .portal .migratePlanContainer .migrateButton a, .numberedList a, .supportList a {
    color: #97144d;
    background-color: #ffffff;
    border: 1px solid #97144d;
    padding: 10px 25px;
    line-height: 1;
}
.api-page-new button.mesh:hover {
    background: #5aaafa;
    border: 1px solid #5aaafa;
    color: white;
}
.floatRight {
    float: right;
}
.api-page-new a, .api-page-new a:hover, .api-page-new a:focus, .api-page-new button, .api-page-new .btn, .api-page-new .btn:disabled, .api-page-new .btn.disabled, .api-page-new a.active, .api-page-new a:hover {
    transition: .5s all;
}
.api-page-new .definitionsWrapper .inlineSchema.hljs, .api-page-new .definitionsWrapper .inlineSchema.hljs .hljs {
    background: #eee;
    border: 1px solid #ddd;
    color: black;
}
.api-page-new .definitionsWrapper .inlineSchema.hljs code.hljs {
    font-size: 12px;
}
.api-page-new .definitionsWrapper .inlineSchema.hljs code.hljs {
    border: none;
}
.api-page-new .inlineSchema .hljs-title, .api-page-new .inlineSchema .hljs-doctag, .api-page-new .inlineSchema .hljs-type, .api-page-new .inlineSchema .hljs-attr, .api-page-new .inlineSchema .hljs-built_in, .api-page-new .inlineSchema .hljs-builtin-name, .api-page-new .inlineSchema .hljs-params {
    color: #606;
}
.mesh-portal-product.api-page-new .readAndInteract .operationDetails {
    margin: 15px;
    padding-bottom: 20px;
    border: 1px solid #e4e4e4;
}
.mesh-portal-product.api-page-new .readAndInteract .operationDetails {
    border: 0px solid #e4e4e4 !important;
}
.mesh-portal-product.api-page-new .readAndInteract .operationDetails {
    margin: 0;
}
.api-page-new .subTitle {
    font-family: Lato-Bold;
    font-size: 14px;
}
.api-page-new .top-bottom-margin {
    margin: 15px 0;
}
table {
    border: solid #e4e2e0;
    border-collapse: collapse;
    border-width: 1px;
    margin: 1em 0;
    width: 100%;
}
table {
    background: #fff;
}
th, td {
    padding: 0.5em !important;
}
th {
    text-align: left;
}
th, td {
    border: solid #e4e2e0;
    border-width: 0 0 1px 0;
    padding: 0.5em;
    vertical-align: top;
}
.api-page-new .card {
    text-align: inherit;
    min-height: 0px;
    margin-top: 20px;
}
.api-page-new .margin-bottom {
    margin-bottom: 20px;
}
.api-page-new .card {
    border-radius: 5px;
    border-color: transparent;
}
.api-page-new .card-border {
    border-color: #70707033 !important;
    border: 0.5px solid;
}
.api-page-new .operationDetails .nav-tabs{
    margin-top: 0;
}
.api-page-new .nav>li {
    position: relative;
    display: block;
}
.api-page-new .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.api-page-new .nav-tabs .nav-item {
    margin-bottom: 0;
}
.api-page-new .nav-tabs .nav-item {
    margin-right: 20px !important;
}
.api-page-new .nav>li>a {
    padding: 0px !important;
}
.api-page-new .nav-tabs .nav-link {
    border: 0;
    font-size: 20px;
    line-height: 26px;
    font-weight: normal;
    color: #000;
    border: 0;
    border-bottom: 4px solid transparent;
    padding: 7px 0;
}
.api-page-new .nav-tabs .nav-link {
    color: #333333;
}
.api-page-new .nav-tabs .nav-link {
    margin-right: 0 !important;
}
.api-page-new .nav>li>a:hover, .api-page-new .nav>li>a:focus {
    text-decoration: none;
    background-color: #eee0;
}
.api-page-new .nav-tabs .nav-link:focus, .api-page-new .nav-tabs .nav-link:hover {
    border: none;
    border-bottom: 3px solid #97144D;
}
.mesh-portal-product.api-page-new .responsesSection .code {
    width: 20%;
}
.mesh-portal-product.api-page-new .securitySection .name, .mesh-portal-product.api-page-new .securitySection .located-in, .mesh-portal-product.api-page-new .securitySection .type, .mesh-portal-product.api-page-new .parametersSection .name, .mesh-portal-product.api-page-new .parametersSection .schemawrapper, .mesh-portal-product.api-page-new .responsesSection .code, .mesh-portal-product.api-page-new .responsesSection .responseContent {
    display: inline-block;
    vertical-align: top;
}
.mesh-portal-product.api-page-new .responsesSection .responseContent {
    width: 79%;
    padding-top: 6px;
}
.mesh-portal-product.api-page-new .documentation .security label, .mesh-portal-product.api-page-new .documentation .parameters label, .mesh-portal-product.api-page-new .documentation .responses label {
    border-bottom: 1px solid #e4e4e4;
}
.api-page-new .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-page-new .fa-angle-up, .fa-angle-down {
    font-size: 18px !important;
}
.api-page-new .svg-inline--fa.fa-w-10 {
    width: 0.625em;
}
.api-page-new svg:not(:root).svg-inline--fa {
    overflow: visible;
}
.back-grey {
    background: #f9f9f9;
}
.api-accordion .accordion-wrap
{
    border-radius: 5px;
    border:1px solid #70707033;
    margin-bottom: 10px;
}
.api-accordion .accordion-body
{
    padding: 15px;
}
    
.api-accordion a i
{
    font-size: 20px;
}
.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;
}
.card-body p
{
    margin-bottom: 0;
}
.tab-content .container
{
    padding:0;
}
.nav-link
{
    margin-right: 1.5em;
    padding: .5rem 0;
}
select {
    max-width: 100%;
}

li#api-1885{
display:none !important;
}

/* WEBHOOK SIMULATOR */
#webhook-simulator-form .custom-form-element{
    margin-top: 30px;
}

#webhook-simulator-form #edit-actions{
    margin-top: 40px;
}


/* media query */
@media only screen and (min-width: 100px) and (max-width: 768px){
    .api-page-new {
        padding: 0 2%;
    }
    .api-page-new .readAndInteract section {
        width: 100% !important;
    }
    .mesh-portal-product.api-page-new .rightHeader .tableWrapper {
        display: flex;
        width: 100%;
        align-items: center;
        padding: 10px;
        flex-direction: column;
    }
}

.titleInnerWrapper a.subscribeButton.button {
    background: #97144d;
padding: 3px 29px;
    font-size: 15px;
    height: 44px;
}
.go-to-unidesk {
    margin-bottom: 20px;
}

.dashboard_container_main .views-exposed-form.bef-exposed-form .form--inline > div {
   
    margin-right: 20px;
}
.thankyouSuccess div.button {
    background: #97144D;
padding: 8px 40px;
    border-radius: 5px;
    line-height: 28px;
}
.pageheading a.btn.button
{
background-color: #97144d;
    color: #ffffff;
    text-align: center;
}

/* Admin  Css 23 may    */

.no-touchevents .button--small
{
color: #fff;
}

.admin-list li a .label {
    font-size: 1.0769em;
    color: #1b61d5;
}
.role-superuser a.button.button-action.button--primary.button--small {
    color: #fff;
    height: 37px;
    line-height: 29px;
}
.role-administrator input#edit-actions-submit {
    color: #fff;
}

.role-administrator input#edit-actions-savecontinue {
    color: #000;
    border: 1px solid #666768;
}

.role-administrator strong.vertical-tabs__menu-item-title {
    color: blue;
}

.role-administrator a#edit-actions-delete {
    
    color: red;
    text-decoration: none;
    border-radius: 3px;
    border: 1px solid;
    padding: 10px 20px;
}

.slick-dots li button{
padding: 0 !important;
}
.path-frontpage .productslider .slick-arrow{
padding:1px 6px;
}
 .connect-container .content-with-us-curve {
    padding-left: 40px !important;
}
.path-products .side-leftMenu li a{
    font-size: 14px !important;
}
.block-partnership .leftMenu{
    width: 165px !important;
}
.context--tsandcs .apicMainContent .offset-md-1,
.context--privacy  .apicMainContent .offset-md-1{
margin-left:0px !important;
}
@media (min-width:768px) and (max-width:992px){

.context--product .apicMainContent aside.col-sm-2{
flex: 0 0 30.666667%;
    max-width: 30.666667%;
}
.path-products .views-field.views-field-nothing{
    flex: 0 0 50%;
max-width: 50%;
}
.context--product .apicMainContent #productpage.col-sm-10{
    flex: 0 0 65.333333% !important;
    max-width: 65.333333% !important;
}
}
@media (max-width:767px){
.context--product .apicMainContent aside.col-sm-2{
    flex: 0 0 38.666667%;
    max-width: 31.666667%;
}
.path-products .views-field.views-field-nothing {
    flex: 0 0 100%;
    max-width: 100%;
}
}

/*sign in page css*/
form#user-login-form.pwd-see .apic-user-form-inner-wrapper .custom-form-element {
	position: relative;
}

form#user-login-form.pwd-see .apic-user-form-inner-wrapper .custom-form-element button{
	position: absolute;
        right: 0px;
        top: 38px;
}
form#user-register-form .apic-user-form-wrapper .custom-form-element  {
	position: relative;
}
form#user-register-form .apic-user-form-wrapper .custom-form-element button {
	  position: absolute;
    	top: 42px;
    	right: 0;
}
form#user-register-form .apic-user-form-wrapper .custom-form-element .input-group.password-parent {
  display: inline-block;
  position: relative;
}
form#user-register-form .apic-user-form-wrapper .custom-form-element .input-group.password-parent button {
  top:10px;
}

@media screen and (max-width:767px){
.apicMainContent.main-container.js-quickedit-main-content{

    padding: 0px 15px;
}
.home-banner .accelerate{
padding: 0px 30px;
}
.home-banner .button{
margin: 0px 30px;
}
}
/*search */

.context-mysearch-api .api_section .mysearch-content-wrapper .api_content_bottom p {
     padding-top: 0px; 
}
.context-mysearch-api .api_section .mysearch-content-wrapper .api_content_bottom {
    padding: 8px;
    box-shadow: none;
   border: 1px solid #ddd; 
    margin-bottom: 40px;
    color: #565353;
    background-color: #fefefe;
}
.context-mysearch-api .api_section .mysearch-content-wrapper .api_content_bottom h3{
margin-bottom:10px;
}
.context-mysearch-api .api_section .mysearch-content-wrapper .api_content_bottom h3 a {
    color: #97144d;
    font-size: 1.4em;
    font-weight: 500;
}
.path-frontpage .productslider .slick-arrow.slick-next {
  right:-2%;
}
.navbar-dark .navbar-toggler{
color:#333;
}
@media only screen and (min-width: 768px) and (max-width: 990px){
nav.navbar.navbar-expand-lg.navbar-dark {
    display: flex;
    justify-content: flex-end;
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
.path-frontpage .product-use-case .product-content {
    color: #787878;
    min-height: 150px;
}
}

.bx--global-light-ui button.btn-danger {
     background-color: #97144D;
    border-color: #97144D;
    padding: 3px 27px;
    font-size: 1em;
    border-radius: 5px;
    margin-top: 13px;
}
.bx--global-light-ui button.btn-danger:hover
{
background-color: #97144d;
    border-color: #97144d !important;
}

.productmainpage {
    max-width: 98%;
    margin: 0 auto;
padding-top: 20px;
padding-left: 0px;
}

.bredcrumb-custom {
    margin-bottom: 14px;
}

.session-limit-form .form-submit {
    background: #97144d !important;
}

.webform-ajax-form-wrapper select.form-control {
    color: initial;
    background: initial;
    display: block;
    border-bottom: none;
}

.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;
}
.subscribe-button a.button {
    background: #D9D9D9;
 padding: 2px 16px;
}

#application-create-form .button {
    display: block;
	width: fit-content;
	font-size: 15px;
	font-weight:600;
	color: #FFFFFF;
	padding: 10px 27px;
	background-color: #97144d;
	margin: 31px 0 0 auto;
}
#application-create-form .button:focus-visible,
#application-create-form .button:active:focus{
	outline: none;
	box-shadow: none;
}

#application-create-form #edit-cancel {
   margin: -57px 0 10px 161px;
    display: none;
    font-size: 14px;
    font-family: Lato-Bold;
    padding: 8px 40px;
    border-radius: 5px;
    background: #97144D;
    border-color: #97144D;
    color: #FFFFFF;
    width: 126px;
    right: 0px
}

#display-app-credentials-form a#edit-cancel {
    display: block;
    width: fit-content;
    height: auto;
    line-height: 1;
    font-size: 15px;
    position: relative;
    padding: 10px 27px;
	font-weight: 600;
    background: #97144D;            
}
#display-app-credentials-form {
 position: relative;
}
#display-app-credentials-form p {
    padding-bottom: 39px;
	line-height: 1;
}

#uat_multi_step_form .alert-success{
    display : none;
}

.ui-widget input, .ui-widget select, .ui-widget textarea
{
    font-family: Lato-Regular;
    color: #000;
    font-size: 16px;
}
.thankyouSuccess div.button a {
    color: #fff;
}
.thankyouSuccess
{
padding-bottom:20px;
}
.subscribe-button a.button {
    background-color: #97144D;
    padding: 2px 18px;
color:#fff;
}
.uat-dropdown {
   
    position: absolute;
    z-index: 10;
}

.bx--global-light-ui .button.apicTertiary, .bx--global-light-ui button.apicTertiary {
    border: 2px solid #97144D;
    color: #97144D;
    background-color: transparent;
    display: inline;
}
.bx--global-light-ui .button.apicTertiary:hover, .bx--global-light-ui button.apicTertiary:hover {
    color: #ffffff;
    background-color: #97144D;
}
.subscription-wizard-confirm-subscribe button#edit-submit {
    background: #97144D;
    padding: 10px 45px;
}

.subscription-wizard-confirm-subscribe .apicTertiary {
    background: gray;
    padding: 8px 42px;
    display: flex;
}
.subscription-wizard-confirm-subscribe button#edit-previous {
    display: flex;
    padding: 7px 50px;
    margin-left: 10px;
    border-radius: 4px;
	background: #97144D;
	border: 0;
}
.subscription-wizard-confirm-subscribe button#edit-previous:focus,
.subscription-wizard-confirm-subscribe button#edit-previous:focus-visible{
	box-shadow: none;
	outline: none;
}

.productMultiSelect {
   
    width: 94%;
    margin: auto;
    padding-top: 40px;
}

/*31_may_2022*/
.section-header .navbar-nav .dropdown-menu {
  width: auto;
}
.apicMainContent.main-container.js-quickedit-main-content section article {
  width: 100%;
}
body.adminimal-admin-toolbar.route-productapi .apicMainContent {
  min-height: initial;
}
button.button.button--primary.js-form-submit {
    background-color: #97144D;
    border: 0;
    text-align: center;
    padding: 0 30px;
}
button.button.button--primary.js-form-submit:focus{
  background-color: #97144D!important;
}

button.button.button--primary.js-form-submit span {
  display: none;
}
.apicProductAPIs .apicProductSeeAll {
  position: unset;
}
.context-uat-prod-request-status caption,
.context-power-access-details caption,
.context--all-dashboard-status caption {
    padding: 0px 0px 20px;
    position: relative;
    box-shadow: 0px 4px 0px rgb(0 0 0 / 25%);
    margin-bottom: 20PX;
    font-size: 26px;
    font-weight: normal;
    color: #000;
    width: 100%;
}
.context-uat-prod-request-status caption::before ,
.context-power-access-details caption::before,
.context--all-dashboard-status caption::before{
    border-bottom: 1px solid #4c4c4c;
    content: " ";
    position: relative;
    left: 0px;
    width: 160px;
    height: 0.01em;
    background: #000;
    display: inline-block;
    margin-right: 3%;
    vertical-align: middle;
}
.context-uat-prod-request-status caption::after,
.context-power-access-details caption::after,
.context--all-dashboard-status caption::after{
    content: " ";
    position: absolute;
    left: 159px;
    top: 20px;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
}


#productcreativeapi p a{
color:#000;
}

#productcreativeapi span a{
color:#000;
}

#zoomModal.fade.in{
display:flex!important;
opacity:1!important;
}

.pre-post-auth .custom-control-input{
opacity:1;
}

span.fieldset-legend.js-form-required.form-required {
    font-family: Lato-Bold !important;
    font-size: 16px;
}

.bx--global-light-ui .form-item:last-child {
    margin: 0;
    margin-left: 25px;
}

/* Get UAT Access modal */
.prod-multi-step-form .pre-post-auth > .custom-control-input, .co-prod-multi-step-form .pre-post-auth > .custom-control-input {
    position: initial;
    width: auto !important;
    height: auto;
    margin: 0;
}

.prod-multi-step-form .pre-post-auth .custom-control-input .fieldset-wrapper > div, .co-prod-multi-step-form .pre-post-auth .custom-control-input .fieldset-wrapper > div{
    display: flex;
    flex-direction: row;
}
/* Get UAT Access modal - remove */

.pre-post-auth {
    padding: 0px;
    margin-top: -26px;
}

.prod-multi-step-form .pre-post-auth, .co-prod-multi-step-form .pre-post-auth{
    margin-top: 19px;
}


/* Get UAT 2nd step */

.prod-multi-step-form .custom-control-input, .co-prod-multi-step-form .custom-control-input{
    opacity: 1;
    position: relative;
    z-index: 1;
}

.prod-multi-step-form fieldset#edit-apis--WvXhlZyWhXo--wrapper {
   width: auto !important;
    height: auto !important;
}
.prod-multi-step-form.fieldset-wrapper .form-checkboxes, .co-prod-multi-step-form.fieldset-wrapper .form-checkboxes  {
    flex-direction: column;
    overflow-y: auto;
    max-height: 300px;
}

fieldset#edit-apis--WW8zHfQV-n0--wrapper {
    width: auto !important;
    height: auto !important;
}

.prod-multi-step-form fieldset, .co-prod-multi-step-form fieldset{
    width: auto !important;
    height: auto !important;
}

/* 13 Jun */

.dashboard_section .button_text a {
     border: none;
}

.dashboard_section .button_text a i {
    display: block;
}

button.button.button--primary.js-form-submit {
    position: relative;
    left: 0;
}

.submenu .fa-plus, .fa-minus {
    border: none;
}

.submenu .fa-plus, .fa-minus,
.submenu .bargundy-color .fa-plus, .fa-minus {
    border: none !important;
}

.route-ibm-apimsubscription-wizard .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line, 
.route-ibm-apimsubscription-wizardstep .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line, 
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line, 
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-step--incomplete .bx--progress-line,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-step--current .bx--progress-line,
.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress-step--complete .bx--progress-line,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress-step--current .bx--progress-line {
    bottom: 0;
}

.route-ibm-apimsubscription-wizardnoplanstep .apicMainContent .wizard-trail .bx--progress,
.route-ibm-apimsubscription-wizardnoplan .apicMainContent .wizard-trail .bx--progress {
     margin-bottom: 0;
}

.bx--global-light-ui .button {
     padding: calc(0.875rem - 3px) 30px calc(0.875rem - 3px);
}

.bx--global-light-ui .btn {
     padding: 10px 45px;
     /* background: gray; */
     background-color: #97144D;
}
.bx--global-light-ui .btn:hover,
.bx--global-light-ui .btn:focus{
    border-color: #97144D;
    outline: none;
    box-shadow: none;
}
.views-exposed-form{
    margin: 20px auto;
    width: 95%;
}

.analytics-dropdowns .filter-analytics, .filter-reset {
     padding: 8px 12px !important;
}

.apicMainContent .wizard-trail {
     margin-top: 16px;
     justify-content: center !important;
}

.apicMainContent .apicFormHeader{
     text-align: center;
}

.bx--global-light-ui .button.apicTertiary {
     margin-left: 16px;
}

.apicForm .apic-user-form-wrapper {
     width: auto;
     max-width: initial;
     display: flex;
     justify-content: flex-end;
}

.apicForm .apic-user-form-wrapper .subscription-wizard-subscribe-result {
     width: 350px;
}

.button.button.button--primary.js-form-submit {
    padding: calc(0.875rem - 3px) 30px calc(0.875rem - 3px);
}


.route-entityuseredit-form .main-container .row .user-form {
    width: 75%;
    box-shadow: 0px 0px 19px #e0e0e0;
    padding: 0px 20px;
    margin: 0 auto 20px !important;
}

@media (min-width: 768px){
.modal-dialog {
     min-width: 680px;
}
}


/*UAT/PROD authentication  */
.dashboard_section .pagination li:first-child a, .pagination li:last-child a{
border-radius:0;
color:#ffffff;
line-height:initial;
margin: 0;
}
.api_section .pagination li:first-child a:hover, .api_section .pagination li:last-child a:hover{
  border: 2px solid #f4f2f1 !important;
    width: 35px;
    line-height: initial;
}
.apicMainContent.main-container.js-quickedit-main-content section article, .route-entityuseredit-form .main-container .row .user-form {
padding:10px 20px;
margin: 0 10px 20px;
}

/* 16 jun*/
.path-user nav.tabs {
	width: 75%;
	margin: 0 auto;
	justify-content: center;
	padding: 1rem 2rem 1rem 2rem;
}
.path-user nav.tabs .admin-tab-css-class{	
	background-color: #e9e9e9;
	border-radius: 30px;
}

.path-user nav.tabs .admin-tab-css-class li{
	padding: 10px 30px;
}
.path-user nav.tabs .admin-tab-css-class li.active{
	background-color: #97144d;
	border-radius: 30px;
	color: white;
}
.path-user nav.tabs .admin-tab-css-class li a{
	color: #000000;
}
.path-user nav.tabs .admin-tab-css-class li.active a{
	color: #FFFFFF;
}
.path-user article[typeof="schema:Person"] {
	width: 75% !important;
	margin: 0 auto 20px !important;
	padding: 0 20px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.path-user .table-responsive{
	width: 90%;
	margin: 0 auto;
}
.pagination li:last-child a {
	color: #393939;
	font-size: 16px;
	line-height: 1.5;
	height: auto;
}
.select2-results ul li.select2-results__option--selected:after {
	top: 52%;
	transform: translateY(-50%);
}

@media (min-width: 320px) and (max-width: 767px){
aside[role="complementary"]
 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		margin: 0 auto;
        height: 170px;
        overflow-y: auto;
}
aside[role="complementary"] .side-leftMenu {
	width: 100%;
}
aside[role="complementary"] + .col-sm-10{
	flex: 0 0 100%;
	max-width: 100%;
	margin: 0 auto;
}
.home-banner .col-md-6 {
    text-align: center;
}
.user-and-notify-wrap .user-block {
	margin: 0 15px;
}
.user-and-notify-wrap {
	font-size: 16px;
}
}


 /* css 18 jun */

.prod-multi-step-form .step1-button.step3_next {
    margin-left: 16px;
}


.prod-multi-step-form .required {
    background: #fff;
    width: 100%;
padding:0px;
}

/*21-jun-2022*/

.route-entityuseredit-form .user-form #edit-field-terms-and-conditions-value--description{
margin-bottom:15px;
}

.route-entityuseredit-form .user-form #edit-submit{
margin-right:20px;
}

/*reset password page issue */
.apic-user-form-wrapper .apic-user-form-inner-wrapper .input-group.password-parent {
  position: initial;
}

.apic-user-form-wrapper .apic-user-form-inner-wrapper .custom-form-element {
  position: relative;
}
.apic-user-form-wrapper .apic-user-form-inner-wrapper .custom-form-element button.shwpd {
  position: absolute;
  top: 41px;
  right: 0px;
}	
.apic-reset-wrapper:after {
	    display: none!important;
}

.ip_address_section .comment_box .btn-warning.disabled, .ip_address_section .comment_box .btn-warning:disabled {
    color: #212529;
    background-color: #97144d;
    border-color: #97144d;
}

.thank_main {
    height: 100% !important;
   padding-bottom: 30px;
}
.navbar-expand-lg .navbar-collapse {
    justify-content: flex-end;
    margin-right: 90px;
}
form#application-create-form
 {
    margin: 0;
    width:35%;
	box-shadow: none;
}
form#display-app-credentials-form{
	width:56%;
	margin: 0;
	padding: 0;
	box-shadow: none;
}
.pre-auth-tbms-config .custom-control-input, form#mis-report-config .custom-control-input {
    width: auto !important;
    height: auto;
}
	.route-apic-appcreate .custom-application-form-wrapper,
	.route-apic-appdisplay-creds .custom-application-credientials-form-wrapper{
		display: flex;
		flex-wrap: wrap;
		padding: 27px;
		margin-bottom: 30px;
		border: 1px solid #d9d9d9;
		border-radius: 12px;
	}
	.route-apic-appcreate .custom-application-form-wrapper .form_body_wrapper{
		display: flex;
		flex-wrap: wrap;
	}
		
	#application-create-form .bx--label{
		margin-top: 20px;
	}
		
	#application-create-form .bx--label .children{
		color: #97144d;
		font-weight: 600;
	}
	.route-apic-appcreate .custom-application-form-wrapper .create-app__banner{
		width: 64%;
	}
	.route-apic-appcreate .custom-application-form-wrapper .create-app__banner .create-app__banner-img{
		width: 80%;
		display: block;
		margin: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.route-apic-appcreate .custom-application-form-wrapper .create-app__form-title{
		width: 100%;
		font-size: 20px;
		font-weight: 500;
		margin: 0;
	}
	.route-apic-appdisplay-creds .custom-application-credientials-form-wrapper .display-app-credentials-form > span{
		font-size: 20px;
		font-weight: 500;
		color: #222222;
	}
	.route-apic-appdisplay-creds .custom-application-credientials-form-wrapper .create-app__banner{
		width: 44%;
	}
	.route-apic-appdisplay-creds .custom-application-credientials-form-wrapper .create-app__banner .create-keys-banner-img{
		display: block;
		margin: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	
	/*remove after style start*/
	#application-create-form input[type='text'], #application-create-form textarea
	{
		width: 100%;
		border: 1px solid #C4C4C4;
		border-radius: 6px;
		font-size: 16px;
		padding: 16px 17px;
		height: auto;
	}
	#application-create-form textarea{
		resize: none;
	}
	#display-app-credentials-form input[type='password'],
	.route-apic-appdisplay-creds #clientIDInput,
	.route-apic-appdisplay-creds #clientSecretInput
	{
		width: 75%;
		padding: 13px 16px;
		font-size: 1rem;
		font-weight: 500;
		color: #646060;
		background-color: #fff;
		border: 1px solid #c4c4c4;
		border-radius: 6px;
	}
	#display-app-credentials-form #edit-cancel
	{
		margin:20px 0 0 auto;
	}
	#application-create-form input[type='text'], #application-create-form textarea:focus,
	#application-create-form input[type='text'], #application-create-form textarea:focus-visible{
		outline: none;
	}
	.applicationCredentials .credentialsTable .credentialsHeader, 
	.applicationSubscriptions .subscriptionsTable .subscriptionsHeader{
		box-shadow: none;
	}
	.applicationCredentials .credentialsTable .credentialsContent
	{
		box-shadow:none;
		margin-top:0;
		border-radius:0;
	}
	.apicAppSubscriptions
{
                box-shadow:none;
        margin-top:10px;
        border-radius: none;
}
	/*remove after style close*/

	.route-ibm-apimsubscription-wizardnoplan .apicMainContent .apicSubscribeAppForm {
		flex-direction: initial;
		justify-content: center;
	}
	.route-ibm-apimsubscription-wizardnoplan .apicMainContent .apicSubscribeAppsList {
		justify-content: center;
	}
	.route-ibm-apimsubscription-wizardnoplan .apicMainContent .apicSubscribeAppsList .apicSubAppCard {
		margin: 0 15px;
	}

	.js-quickedit-main-content .col-sm-12 .forum-actions-wrapper li .btn{
		top: 5px;
		padding: 8px 40px 8px;
		height: auto;
	}
	.fqs-background,
	.security_banner{
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.context--privacy .apicMainContent.main-container.js-quickedit-main-content section article,
	.context--tsandcs .apicMainContent.main-container.js-quickedit-main-content section article{
		padding: 10px 0;
		margin: 0 0 20px;
	}
	.context--privacy .apicMainContent.main-container.js-quickedit-main-content section
	.context--tsandcs .apicMainContent.main-container.js-quickedit-main-content section{
		padding: 0;
	}
	.full-width-page{
		height: 260px;
	}
	.reg-login-wrap .user-login-form .apic-user-form-subheader {
		margin-left: 0;
	}
	.apic-user-form-register .apic-user-form-header{
		margin-left: 10px;
	}
	.apic-user-form-reset-pwd .apic-user-form-header{
		padding-left: 15px;
	}
	.apic-user-form-reset-pwd .apic-user-form-subheader{
		margin-left: 0;
	}
	.how-work-box{
		height: 100%;
	}
	.newrequest_right .breadcrumb_section .breadcrumb_header h1{
		text-align: left;
	}
	caption {
		caption-side: top;
		font-size: 24px;
		font-weight: 700;
	}
	.newrequest_left{
		margin-top: 30px;
	}
	.newrequest_right .breadcrumb_section,
	caption{
		padding-top: 0;
	}
	.opportunity-details,
	#poweraccessdetails	{
		margin-top: 0;
	}
	.newrequest_right .table{
		margin-top: 0;
	}
	.breadcrumb_section .breadcrumb_header {
		width: 94%;
		margin: 0 auto;
	}
	.confirmation{
		display: flex;
		flex-wrap: wrap;
	}
	.confirmation #edit-cancel{
		font-size: 1em;
		background-color: #97144D;
		margin: 13px 0 0 13px;
	}
	.applicationWrapper{
		width:100%;
		max-width: 1140px;
	}	
       
	.context--become-partner .apicMainContent.main-container.js-quickedit-main-content section article,
	.context--why-partner-with-us .apicMainContent.main-container.js-quickedit-main-content section article{
		padding: 0;
		margin: 0;
	}
	.context--tsandcs section article > .content,
	.context--privacy section article > .content{
		padding-top: 0;
	}
        .context--all-dashboards caption {
		padding: 0px 0px 20px;
		position: relative;
		box-shadow: 0px 4px 0px rgb(0 0 0 / 25%);
		margin-bottom: 20PX;
		font-size: 26px;
		font-weight: normal;
		color: #000;
		width: 100%;
	}
	.context--all-dashboards caption::before {
		border-bottom: 1px solid #4c4c4c;
		content: " ";
		position: relative;
		left: 0px;
		width: 160px;
		height: 0.01em;
		background: #000;
		display: inline-block;
		margin-right: 3%;
		vertical-align: middle;
	}
	.context--all-dashboards caption::after {
		content: " ";
		position: absolute;
		left: 159px;
		top: 20px;
		width: 5px;
		height: 5px;
		background: #000;
		border-radius: 50%;
	}
	.breadcrumb_section{
		padding-bottom: 20px;
	}
	#myrequests.fade,
	#newrequest.fade{
		display: none;
	}
	#myrequests.fade.active,
	#newrequest.fade.active{
		display: block;
	}
	#myrequests.fade:not(.show),
	#newrequest.fade:not(.show){
		opacity: initial;
	}
	#myrequests{
		padding-top: 30px;
	}
	.comment_box .form-group h3{
		float: left;
		width:100%;
	}
	.comment_box #edit-auth-type{
		width:100%;
	}
	#myrequests > .row{
		margin-left: 0;
		margin-right :0;
	}
	.btn_form_submit_request .btn{
		background-color: #97144d;
		color: #ffffff;
		text-align: center;
	}
	.thirdSubmenu li{
		background: transparent !important;
		border: 0 !important;
		margin-bottom: 0 !important;
	}
	.thirdSubmenu {
		background-color: #f0f0f0;
		padding-left: 0 !important;
	}
	.submenu li{
		margin-bottom: 0 !important;
		border: 0 !important;
	}
	.thirdSubmenu li a{
		padding-left: 20px !important;
	}
	.thirdSubmenu li a:before{
		left: 10px !important;
	}
	.pagination .pager__item--last a:hover{
		z-index: 2;
		color: #393939 !important;
		background-color: #eee !important;
		border-color: #ddd !important;
	}
	.pagination li:last-child.active a {
		color: #FFFFFF;
		border: 0 !important;
	}
	.form-control{
		height: calc(1.5em + 0.75rem + 4px);
	}
        .img-header{
		height: 96px;
	}
	.privacy_banner,
	.terms_cond{
		background-size: 100%;
		background-repeat: no-repeat;
		margin-top: -10px;
	}
	.subscribe-button .notuser .notLoggedIn p,
	.subscribe-button .notuser .notLoggedIn p a,
	.subscribe-button .notuser .apicSubscribeMsg,
	.subscribe-button .notuser .productLoginMessage .alert-info{
		color: #FFFFFF;
		text-align: right;
		font-size: 13px;
	}
	.subscribe-button .notuser button[disabled]{
		margin-left: auto;
		display: block;
		font-size: 14px;
		border-radius: 20px;
        margin-top: 15px;
	}
	.subscribe-button .notuser .productLoginMessage .alert-info{
		border: none;
		background-color: transparent;
		padding: 12px 0;
	}
	.subscribe-button .notuser .productLoginMessage .alert-info .alert-text-wrapper{
		margin: 0;
	}
	.feature .view-more{
		background-color: #97144d;
		color: #FFFFFF;
	}
	.key-feature-desc-wrapper{
		width: 75%;
	}
	.nav-tabs>li>a{
		width: auto;
	}
	.api-header-wrapper .api-header-title{
		width: 62%;
               font-size: 26px !important;
	}
	.key-feature-desc-wrapper p{
		margin-bottom: 0;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow b:before{
		font-family: 'FontAwesome';
		font-size: 16px;
	}
	.fa, .far, .fas {
		font-family: "FontAwesome";
	}
	#product-navbar li .nav-link{
		padding: 7px;
	}
        .productmainpage .row{
		justify-content: center;
	}
	.productslider .slick-list{
		pointer-events: initial;
	}
        .feature p {
               margin: 0px 0 20px;
        }
	.slick-dots li button{
		border: 1px solid #f9e9e9;
	}
	.apic-change-pwd-form{
		width: 75%;
		margin: 0 auto 20px;
		box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);
	}
	.apic-change-pwd-form .form-submit,
	.apic-change-pwd-form .form-submit:active{
		background-color: #97144d !important;
		border: none !important;
	}
	.apic-change-pwd-form .form-submit:hover,
	.apic-change-pwd-form .form-submit:focus,
	.apic-change-pwd-form .form-submit:active:focus{
		box-shadow: none !important;
		outline: none;
	}
	.apic-change-pwd-form .custom-form-element input{
		width:97%;
		display: inline;
	}
	.productmainpage .pager-nav{
		width: 100%;
	}
	.context--products .productmainpage .fe-title{
		background-color: #97144d;
		margin: -15px -15px 0;
		padding: 15px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.context--products .productmainpage .fe-title img{
		margin-right: 10px !important;
	}
	.context--products .productmainpage .fe-title a{
		color: #FFFFFF;
		width: calc(100% - 50px);
		text-align: left;
	}
	/*02 Aug 2022*/
	.divIframeChat iframe{
		width: 430px;
		height: 500px;
	}
	
	/*08 Aug 2022*/
	#apilist .card .list-group-item:hover table{
		color: #000;
	}
	
	/*20 Aug 2022*/
	#uat_multi_step_form div[role="radiogroup"]{
		display: flex;
	}
	#uat_multi_step_form .form-title{
		margin-bottom: 16px;
	}
	#uat_multi_step_form > .custom-form-element{
		margin-bottom: 16px;
	}
	#uat_multi_step_form .input-group-addon, #retail_uat_multi_step_form .input-group-addon{
		display: none;
	}
	#uat_multi_step_form .select-wrapper select{
		display: block;
		border-bottom: 0;
	}
	#uat_multi_step_form div[data-drupal-selector="edit-service-charges"]{
		margin-top: 40px;
	}
	.nav-tabs>li.active>a, 
	.nav-tabs>li.active>a:hover, 
	.nav-tabs>li.active>a:focus {
		background-color: transparent;
	}
	#views-exposed-form-ticketing-system-request-status .custom-form-element + .custom-form-element{
		margin-left: 16px;
	}
	.download_samples_file .sample_files_dwn{
		height: auto;
		width:100%;
		display: flex;		
	}
	.download_samples_file .sample_files_dwn a + a{
		margin-left: 10px;
	}
		
	.verify-otp #varify-btn{
		background-color: #97144d;
		margin-top: 10px;
	}
	.verify-client-secret .use-ajax.button + .use-ajax.button {
		margin-left: 16px;
	}
	.verify-client-secret .use-ajax.button:focus,
	.verify-otp #varify-btn:focus,
	.verify-client #verify-client:focus{
		border-color: #97144d;
		box-shadow: none;
		outline: none;
	}
	.verify-client-secret .use-ajax.button:focus-visible,
	.verify-otp #varify-btn:focus-visible,
	.verify-client #verify-client:focus-visible{
		outline: none;
	}
	.verify-client-secret .client_secret:focus,
	.verify-otp .app-details-clsecret .form-control:focus,
	.verify-client .app-details-clsecret .form-control:focus{
		outline: none;
		box-shadow: none;
	}
	.verify-client-secret .input-group-addon{
		padding: 8px 25px;
		background-color: #fff;
		border: 0;
		border-bottom: 1px solid #e6e6e6;
		line-height: .5;
	}
	.verify-otp .otp-message,
	.verify-client .otp-message{
		margin-bottom:10px;
	}
	.verify-otp #varify-btn,
	.verify-client #verify-client{
		bottom: 20px;
		top: initial;
		margin-top: 0 !important;
		background-color: #97144d;
	}
	.verify-otp .app-details-clsecret .form-control,
	.verify-client .app-details-clsecret .form-control{
		margin-bottom: 12px;
	}
	.verify-otp .copy_client_secret{
		font-size: 18px;
		text-align: center;
	}
	.verify-otp .copy_client_secret p{
		margin-bottom: 0;
		font-size: 18px;
	}
	.verify-client .success-error-message{
		font-size: 18px;
		text-align: center;
	}
	.api-header-wrapper .api-header-title .postman-run-button{
		background: url(../../../themes/axis_theme/images/btn_postman.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		height: 42px;
		margin-bottom: -12px;
		position: relative;
	}
	.api-header-wrapper .api-header-title .postman-run-button .postman-btn-desc{
		display: none;
		position: absolute;
		top:6px;
		right: -200px;
		width: 200px;
		font-size:12px;
	}
	.api-header-wrapper .api-header-title .postman-run-button:hover .postman-btn-desc{
		display: block;
	}
	.ip_address_section .comment_box.mt-4.mb-4{
		width: 94%;
		margin:0 auto;
	}
	.ip_address_section .comment_box.mt-4.mb-4 .tooltip-auth + p{
		display: none;
	}
	.ip_address_section .comment_box .uat-access-table.uat-access-table2 .table thead tr th{
		background-color: #97144d;
		color: #FFFFFF;
	}
	.ip_address_section .comment_box .uat-access-table.uat-access-table2 .table tr td{
		border: 1px solid #dedede;
	}
	.ip_address_section .comment_box .uat-access-table.uat-access-table2 .table tr td:first-child,
	.ip_address_section .comment_box .uat-access-table.uat-access-table2 .table thead tr th:first-child{
		text-align:center;
	}
	.route-apic-appcreate .main-container .row,
	.route-apic-appdisplay-creds .main-container .row,
	.route-apic-appreset-clientid .main-container .row,
	.route-apic-appverify-clientsecret .main-container .row,
	.route-apic-appreset-clientsecret .main-container .row,
	.route-apic-appcredentials-create .main-container .row{
		width: 80% !important;
		margin: 2rem auto 2rem;
	}
	.display-app-credentials-form .clipboardjs-button p{
		display: inline;
		color: #646060;
		padding: 0 !important;
	}
	.display-app-credentials-form .clipboardjs-button:hover p,
	.display-app-credentials-form .clipboardjs-button:focus p{
		color: #FFFFFF;
	}
	.clipboardjs-button svg{
		fill: #97144d;
		stroke: #97144d;
		width: 20px;
		height: 20px;
		margin-right: 12px;
	}
	.clipboardjs-button{
		width: fit-content;
		
	}
	.bx--global-light-ui .eye-close,
	.bx--global-light-ui .eye-open{
		padding: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.apicAppCredentials .applicationCredentials .credentialsTable,
	.apicAppSubscriptions .applicationSubscriptions .subscriptionsTable,	
	.cred-wrapper,
	form#application-verify-clientsecret-form{	
		border: 1px solid #D9D9D9;
		border-radius: 12px;
	}
	.applicationCredentials .credentialsTable .credentialsHeader, 
	.applicationSubscriptions .subscriptionsTable .subscriptionsHeader{
		padding: 10px 31px;
		background-color: #97144d;
		border-radius: 12px 12px 0 0;
		color: #FFFFFF;
}
	.uat-prod-multi-step-form .captcha .form-text{
		    padding: 0.375em;
	}
	.applicationCredentials .credentialsTable .credientialsTable-body{
		display: flex;
		flex-wrap: wrap;
		padding: 27px 37px;
	}
	.applicationCredentials .credentialsTable .credientialsTable-body .credentialsContent{
		padding:0;
		width: 75%;
	}
	.applicationCredentials .credentialsTable .credientialsTable-body .credentialsContent .credentialsData .field__label{
		font-size: 16px;
		font-weight:600;
		color: #97144d;
	}
	.applicationCredentials .credentialsTable .credientialsTable-body .credentialsContent .credentialsData .form-item .passwordCreds{
		width: 48%;
		height: auto;
		font-size: 16px;
		font-weight: 500;
		color: #646060;
		padding: 9px 16px;
		border: 1px solid #c4c4c4;
		border-radius: 6px;
		background-color: #ffffff;
	}
	.applicationCredentials .credentialsTable .credientialsTable-body .credentialsContent .credentialsData .form-item a .reset-icon{
		width: 18px;
		margin-right: 12px;
	}
	.applicationCredentials .credentialsTable .credientialsTable-body .keys-banner{
		width: 25%;
	}
	.applicationCredentials .credentialsTable .credientialsTable-body .keys-banner .keys-banner__img{
		width: 59%;
		display: block;
		margin: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.applicationCredentials .credentialsTable .credientialsTable-body .credentialsContent .credentialsData .form-group{
		display: flex;
		flex-wrap:wrap;
		flex-direction: row;
	}
	.apicAppSubscriptions .applicationSubscriptions .subscriptionsTable{
		margin-bottom: 30px;
	}
	.applicationWrapper .rightTitle .delete-menu .icon{
		width: 18px;
		margin-right: 10px;
	}
	.applicationWrapper .rightTitle .delete-menu a{
		font-size: 16px;
		font-weight: 400;
		color: #97144d;
	}
		
		
		/* remove after update application css file*/
		.applicationCredentials .credentialsTable .credentialsHeader .credentialsActions .credentialsActionsAdd a{
			color: white;
			border: 1px solid white;
			border-radius: 5px;
			padding: 5px 10px;
		}
		.applicationCredentials .credentialsTable .credentialsHeader .credentialsActions .credentialsActionsAdd:hover {
			background-color: transparent;
		}
		button.clipboardjs-button{
			margin-left: 12px;
			width: auto;
			height: auto;
			color: #97144d;
			border: 1px solid #97144d;
			border-radius: 5px;
			padding: 10px;
			line-height: 1;
		}
		
		/* remove after update application css file*/
		
		
		/* remove after update uat-access-status css file*/
			.uat-accs-status-list p span.done::before,
			.uat-accs-status-list p span.pending::before{
				background-color: transparent;
			}
			.uat-accs-status,
			.uat-details, 
			.uat-app-details{
				margin-bottom: 0;
			}
			.uat-subscription h6{
				font-size: 18px;
			}
		/* remove after update uat-access-status css file*/
		
		.webform-submission-suggest-use-case-form .bx--label{
			margin-bottom: 0;
		}
		.bx--global-light-ui .form-control:focus{
			outline: none;
		}
		#poweraccessdetails .tooltip-auth .tooltiptext{
			right: 30px;
			left: initial;
		}
		#poweraccessdetails .tooltip-auth .tooltiptext:before {
			right: -2%;
			left: initial;
			transform: rotate(272deg) translateX(50%);
		}
		.file > span{
			border: 0 !important;
			color: #97144D;
		}
		.file .file-icon .icon{
			color: #97144D !important;
		}
		.apic_attachments .field--name-apic-attachments tbody tr td{
			vertical-align: middle;
		}
		.sign-control-box{
			height: auto;
		}
		.context--approve-power-access-detail .table-responsive{
			font-size: 11px;
			max-width: 95%;
			margin: 0 auto;
		}
		.custom-form-50,
		.update-channel-skybox-id-form{
			width:50%;
			margin: 20px auto;
		}
		.custom-form-50 .btn-primary,
		.update-channel-skybox-id-form .btn-primary{
			position: initial;
			margin-top: 10px;
		}
		#section_new-dashboard .table-responsive caption{
			font-size: 26px;
			font-weight: normal;
			color: #000;
			position: relative;
			padding-left: 200px;
			box-shadow: 0px 4px 0px rgb(0 0 0 / 25%);
			margin-bottom: 20px;
		}
		#section_new-dashboard .table-responsive caption::before {
			border-bottom: 1px solid #4c4c4c;
			content: " ";
			position: absolute;
			left: 0px;
			top: 50%;
			transform: translateY(-50%);
			width: 160px;			
			height: 0.01em;
			background: #000;
			margin-right: 3%;
		}
		#section_new-dashboard .table-responsive caption::after {
			content: " ";
			position: absolute;
			left: 159px;
			top: 50%;
			transform: translateY(-50%);
			width: 5px;
			height: 5px;
			background: #000;
			border-radius: 50%;
		}
        .ui-dialog .ui-dialog-title{
            float: initial;
        }
		
        .icon.icon-error svg,
        .icon.icon-status svg{
            display: none;
        }
	
.path-add-prod-channel-skybox-id .add-channel-id-form #edit-submit{
        position: relative;
}
.validate-user-otp-form .otp-err {
  color: #bd0e0e;
  font-weight: 600;
}


	/*upto 991px screen*/
	@media (min-width: 100px) and (max-width:991px){
		.apicMainContent.main-container.js-quickedit-main-content section article {
			padding: 20px 0;
			margin: 0;
		}	
		.apicMainContent.main-container.js-quickedit-main-content section{
			padding: 0;
		}
		footer .container > .row{
			margin: 0;
		}
		.navbar-collapse.collapse.in:not(.show){
			display:block ;
		}
		.become-partner-background{
			background-position: 100% 50%;
		}
		.block-partnership .leftMenu.toggleleftMenu{
			height: auto !important;
		}
	}

	/*Screen size 100px to 767px*/
    @media (min-width: 100px) and (max-width:767px){
        .img-header{
            background-image: url('/portal/system/files/2023-10/logo-mobile_1.png');
            background-size: 100% 100%;
        }
		.full-width-page{
			height: 100px;
		}
		.terms_cond,
		.fqs-background,
		.security_banner{			
			background-size: cover !important;
			background-repeat: no-repeat;
			background-position: center;
		}
		.privacy_banner{
			background-size: cover !important;
			background-repeat: no-repeat;
			background-position: 20% 50%;
		}
		.security-features a.ext{
			word-break: break-word;
		}
		.dashboard_section > .container-fluid > .row{
			margin-right: 0;
			margin-left: 0;
		}
		.dashboard_container {
			overflow-x: initial;
		}
		/*Api pages*/
		.path-products #productpage .pageheading{
			 flex-direction: column;
		}
		.path-products .suggestnewusecasebutton.button{
			margin-top: 15px;
			margin-left: 0;
		}
		.productmainpage{
			max-width:100%;
			padding: 20px 15px 0;
		}		
		footer .container > .row{
			margin: 0;
		}
		.subscribe-button a.button{
			margin-top: 15px;
		}
		.block-dashboards-details .toggleleftMenu{
			height: auto !important;
		}
		.api-header-wrapper .api-header-title{
			width: 100%;
		}
		#product-navbar{
			margin-top: 10px;
		}
		.context--index .pagetitle + .row {
			flex-direction: column;
		}
		.homepage-axisbank{
			padding: 0 10px;
			font-size: 2.5rem;
		}
		.bx--global-light-ui .apicMainContent .ui-accordion .ui-accordion-header{
			height: auto;
		}
		.route-ibm-apimsubscription-wizardnoplan .apicMainContent .subscription-wizard-choose-application {
			width: 100%;
		}
		.path-user nav.tabs+div{
			width: 100%;
		}
		.apic-login-wrapper .apic-user-form-header{
			padding-left: 0;
			margin-left: 0;
		}
		.user-login-form .apic-user-form-wrapper{
			margin: 0;
			width: 100%;
		}
		.reg-login-wrap .user-login-form .apic-user-form-subheader{
			margin-left: 0;
		}
		.apic-user-form-footer,
		.apic-user-form-footer .apic-user-form-text, 
		.apic-user-forgot-password{
			padding-left: 0;
		}
			.navbar-expand-lg .navbar-collapse{
			margin-right: 0;
		}
		.navbar-collapse .dropdown-menu{
			border: 0 !important;
			padding: 0;
		}
		.forumWrapper .forumContent{
			padding: 1rem 0;
		}
		.product-use-case{
			min-height: 230px;
		}
		.context-uat-prod-request-status caption::before, 
		.context-power-access-details caption::before, 
		.context-uat-prod-request-status caption::after, 
		.context-power-access-details caption::after {
			display: none;
		}
		.context-uat-prod-request-status caption, 
		.context-power-access-details caption{
			padding-left: 15px;
		}
		.table-responsive{
			overflow-x: scroll;
			border: none;
		}
		.table-responsive::-webkit-scrollbar{
			height: 10px;
		}
                .application-update-form{
			width: 100%;
		}
		form#display-app-credentials-form{
			width: 100%;
		}
		.route-apic-appcreate .custom-application-form-wrapper .form_body_wrapper, 
		.route-apic-appdisplay-creds .custom-application-credientials-form-wrapper,
		.applicationCredentials .credentialsTable .credientialsTable-body{
			flex-direction: column-reverse;
		}
		.route-apic-appcreate .custom-application-form-wrapper .create-app__banner,
		form#application-create-form{
			width:100%;
			margin-top: 20px;
		}
		.route-apic-appcreate .main-container .row, 
		.route-apic-appdisplay-creds .main-container .row{
			width: 100% !important;
			padding:0;
			max-height: initial !important;
		}
		.route-apic-appdisplay-creds .custom-application-credientials-form-wrapper .create-app__banner,
		.applicationCredentials .credentialsTable .credientialsTable-body .keys-banner {
			width: 100%;
			margin-bottom: 20px;
		}
		.route-apic-appdisplay-creds .custom-application-credientials-form-wrapper .create-app__banner .create-keys-banner-img,
		.applicationCredentials .credentialsTable .credientialsTable-body .keys-banner .keys-banner__img{
			transform: translateY(0%);
			width: 65%;
		}
		#display-app-credentials-form input[type='password'], 
		.route-apic-appdisplay-creds #clientIDInput, 
		.route-apic-appdisplay-creds #clientSecretInput{
			width: 100%;
			padding: 13px 38px 13px 13px;
		}
		.display-app-credentials-form .clipboardjs-button{
			margin: 0;
		}
		#display-app-credentials-form a#edit-cancel{
			margin: 20px auto 0;
		}
		.applicationCredentials .credentialsTable .credientialsTable-body .credentialsContent{
			width: 100%;
		}
		.applicationCredentials .credentialsTable .credientialsTable-body .credentialsContent .credentialsData .form-item .passwordCreds{
			width: 100%;
		}		
		.custom-form-50,
		.update-channel-skybox-id-form{
			width:100%;
			padding: 0 15px;
		}
	}
    /* @media (max-width:575px){
        .img-header{
            background-size: 150% 100%;
        }
    } */

         /*From 768px To 991px screen */
         @media (min-width: 768px) and (max-width:991px){
			.apicMainContent.main-container.js-quickedit-main-content > .row{
				margin: 0;
			}
			.apicMainContent.main-container.js-quickedit-main-content section{
				padding: 0;
			}
			.faq-container{
				width: 94%;
			}
			.two-way-ssl{
				width: 100%;
			}
			/* 17 jun */
			aside[role="complementary"]{
				flex: 0 0 27%;
				max-width: 27%;
			}
			aside[role="complementary"] .side-leftMenu {
				width: 100%;
				max-width: 214px;
			}
			aside[role="complementary"] + .col-sm-10{
				flex: 0 0 73%;
				max-width: 73%;
			}
			/*01 Aug 2022*/
			.reg-login-wrap{
				width: 98%;
			}
			.product-use-case{
				min-height: 250px;
			}
			/*03 aug 2022*/
			.full-width-page{
				height: 200px;
			}
			.part-meet-goal{
				width: auto;
			}
			.row{
				margin: 0;
			}
			#block-axis-theme-footer{
				margin: 0 auto;
			}
			.route-apic-appcreate .main-container .row{
				 margin: 2rem auto 0 !important;
			 }
		}
		@media (min-width: 768px) and (max-width:1024px){
			.user-and-notify-wrap .user-block{
				margin: 3px 15px;
			}
		}
	

	@media (min-width: 992px) and (max-width: 1199px){
		aside[role="complementary"]{
			flex: 0 0 21%;
				max-width: 21%;
		}
		aside[role="complementary"] .side-leftMenu {
			width: 100%;
			max-width: 214px;
		}
		aside[role="complementary"] + .col-sm-10{
			flex: 0 0 79%;
			max-width: 79%;
		}
	}
	/* upto 768px screen*/
	@media (max-width:768px){		
		.navbar-collapse.collapse.in:not(.show){
			display:block !important;
			margin-top: 30px;
		}
		.navbar-collapse.collapse:not(.show){
			display:none !important;
		}
		.navbar-expand-lg .navbar-collapse{
			margin-right: 0;
		}
		/*02 aug 2022*/
		.how-it-works-content{
			max-width: 100%;
			flex: 0 0 100%;
			margin-left: 0;
		}
	}
	@media screen and (max-width: 1024px) and (min-width: 769px){
		.navbar-toggler {
			display: none;
		}
		.img-header{
			padding: 20px 0;
		}
		.navbar-expand-lg .navbar-collapse {
			margin-right: 0;
		}
		/*02 Aug 2022*/
		.navbar-dark .navbar-nav .nav-link{
			margin-right: 1.5em;
		}
	}
	@media (min-width: 769px){
		.navbar-collapse.collapse {
			display: flex !important;
			flex-basis: auto
		}
		.navbar-expand-lg .navbar-nav {
			flex-direction: row;
		}
		.navbar-nav .dropdown-menu{
			position: absolute;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 1200px){
		.path-frontpage .product-use-case .product-content {
			height: 100%;
		}
		.content-with-us-curve{
			margin: 0;
		}
		.context--index .pagetitle+.row{
			margin: 0;
		}
	}
	
	/*Screen size 100px to 767px*/
@media (max-width:767px) {
    .img-header {
        background-image: url('https://web.portal.uat.axisb.com/apiportal/sandbox/sites/apiportal.sandbox.web.portal.uat.axisb.com/themes/axis_theme/images/axis-logo-mobile-header.svg');
        background-size: 100%;
        background-position: left 20px;
    }

    .profile-info .dropdown{
        display: block;
      }
    
    .alert .item-list--messages{
        text-align: left;
    }
}