/* This is reference of Aggregated styles disabled from Styles.css CSS  which has dependendency on the portal*/
/* This Css will be overridden wherever necessary by other css and will be removed later on */
.user-details-update .ip-form-group .alert {
    display: none;
}

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

.not_authorized {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-family: 'Lato-Regular';
    width: 100%;
}

.not_authorized .not_authorized--title {
    font-size: 2rem;
    font-weight: 800 !important;
    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;
}


body.bx--global-light-ui {
    background: #fff;
}

.apicMainContent.main-container.js-quickedit-main-content {
    min-height: unset;
}

.context--index .js-quickedit-main-content .field--item {
    background-color: #fff !important;
}

footer .col-md-4 .field--name-body p {
    color: #fff;
}

.context-index .js-quickedit-main-content .connect-container .content-with-us-curve {
    padding-left: 40px;
}

/*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;
}

.home-container-fluid .row {
    gap: 20px 0;
    margin-right: 0px;
    margin-left: 0px;
}

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

.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%;
}

.application-items-wrap {
    display: flex;
    width: 90%;
    margin: 0 auto;
    justify-content: center;
    flex-wrap: wrap;
}

.bx--card-footer.apicAppFooter {
    background-color: transparent;
}

#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-Regular';
    font-weight: 800 !important;
    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-Regular';
    font-weight: 800 !important;
    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 {
    color: #fff;
    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 .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 .ui-dialog-content {
    padding: 0;
}

.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-Regular';
    font-weight: 800 !important;
    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-Regular';
    font-weight: 800 !important;
    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%;
    }
}

/* 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;
}

.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 {
    background-color: #97144D;
    text-align: center;
    padding: 8px 45px;
}

/*signin css end*/

.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 legend .fieldset-legend {
    font-family: 'Lato-Regular' !important;
    font-weight: 800 !important;
    font-size: 16px;
}


.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 .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;
}

.user-and-notify-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: -43px;
    position: absolute;
    top: 40px;
    z-index: 1;
}

/*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;
}

.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-Regular';
    font-weight: 800 !important;
    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;
    margin-top: 1.5rem;
    font-size: 14px;
    font-family: 'Lato-Regular';
    font-weight: 800 !important;
    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;
}

.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;
}

.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;
}

.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;
}

.custom-file .alert-danger{
	display :  none;
}

.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;
}

.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;
}

/* 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;
}

.multi-select-box__list .bx--checkbox-appearance {
    display: none !important;
}

#ticket-filter-form .filter-ticket.button {
    font-size: 14px;
    font-family: 'Lato-Regular';
    font-weight: 800 !important;
    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-Regular';
    font-weight: 800 !important;
    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;
}

.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-Regular';
    font-weight: 800 !important;
    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;
}


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;
}

.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;
}


#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 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-Regular';
    font-weight: 800 !important;
    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-Regular';
    font-weight: 800 !important;
    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: 800 !important;
}

.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,
.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;
}

.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-Regular';
    font-weight: 800 !important;
    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-Regular';
    font-weight: 800 !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-Regular';
    font-weight: 800 !important;
}

.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-Regular';
    font-weight: 800 !important;

}

.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%;
}

/* 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;
}

/* Admin  Css 23 may    */

.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-savecontinue {
    color: #000;
    border: 1px solid #666768;
}

#admin-toolbar button:focus,
#admin-toolbar button:focus,
#admin-toolbar button:active,
.top-bar__content button:active,
.top-bar__content button:hover,
.top-bar__content button:focus {
    background-color: unset;
}

#admin-toolbar .admin-toolbar__expand-button:hover,
#admin-toolbar .admin-toolbar__expand-button {
    border: 1px solid var(--admin-toolbar-color-gray-300);
    color: var(--admin-toolbar-color-blue-700);
    background-color: unset;
}


.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;
}

.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%;
    }
}

@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%;
}

.bx--global-light-ui button.btn-danger {
    background-color: #97144D;
    border-color: #97144D;
    font-size: 1em;
    border-radius: 5px;
}

.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;
    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-Regular';
    font-weight: 800 !important;
    padding: 8px 40px;
    border-radius: 5px;
    background: #97144D;
    border-color: #97144D;
    color: #FFFFFF;
    width: 126px;
    right: 0px
}

.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-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*/
.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: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-family: 'Lato-Regular' !important;
    font-weight: 800 !important;
    font-size: 16px;
}

/* 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: 0px;
}

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


/* 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;
}

.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 {
    left: 0;
}

.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;
}

.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;
}

@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;
}

.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%);
}

.generic-table-wrapper {
    width: 100%;
    overflow: auto;
}

.generic-table-wrapper::-webkit-scrollbar {
    width: auto;
    background-color: #f3f3f3;
    border-radius: 20px;
    height: 5px;
}

.generic-table-wrapper::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #97144d;
}

.generic-table {
    border-collapse: collapse;
    width: 100%;
    min-width: 992px;
}

.generic-table-header {
    background-color: #97144d;
    position: sticky;
    top: 0;
}

.generic-table-header td {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    padding: 17px 12px;
}

.generic-table-body {
    border: 1px solid #f0f0f0;
}

.generic-table-body tr:nth-child(even) {
    background-color: #F8F8F8;
}

.generic-table-body td {
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 400;
}

@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;
    }
}

/* css 18 jun */
.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;
}

/*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-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;
}

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*/

.reg-login-wrap .user-login-form .apic-user-form-subheader {
    margin-left: 0;
}

.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: 800 !important;
}

.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;
}

.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%;
}

#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;
}

#myrequests>.row {
    margin-left: 0;
    margin-right: 0;
}

.btn_form_submit_request .btn {
    background-color: #97144d;
    color: #ffffff;
    text-align: center;
}

.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;
}

.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 .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 {
    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 .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;
}

.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;
}

.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;
}

.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 .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;
}

.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: 100%;
    margin: 0 auto;
}

.context--approve-power-access-detail .col-sm-12,
.context---power-access-detail .col-sm-12 {
    margin: 0 auto;
    flex: 0 0 98%;
    padding: 10px 20px;
}

.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;
}

.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;
}

.thankyou_info a,
p {
    margin-bottom: 0px;
}


/*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;
    }

    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) {
    .security-features a.ext {
        word-break: break-word;
    }

    .dashboard_section>.container-fluid>.row {
        margin-right: 0;
        margin-left: 0;
    }

    .dashboard_container {
        overflow-x: initial;
    }

    footer .container>.row {
        margin: 0;
    }

    .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;
    }

    .forumWrapper .forumContent {
        padding: 1rem 0;
    }

    .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;
    }
}

/*From 768px To 991px screen */
@media (min-width: 768px) and (max-width:991px) {
    .apicMainContent.main-container.js-quickedit-main-content>.row {
        margin: 0;
    }

    /* 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%;
    }

    .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: 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%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .content-with-us-curve {
        margin: 0;
    }

    .context--index .pagetitle+.row {
        margin: 0;
    }
}