.swagger-ui .block{
	margin-bottom:0px !important;
}
ul.nav > li:nth-of-type(4) > a[href^="/node/add/forum"][href*="?forum_id="] {
    color: white !important;
    background: #D72A1B !important;
    border-radius: 8px !important;
}


.information-container h2{
	font-size: 24px !important;
	
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.information-container .main{
	padding: 0px !important
}
.path--user-register .user-register-form{
	margin-top:20px;
}
.apidoc__field-endpoints{
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 33px;
    margin: 5px 0px;
    padding: 5px 4px;
    background: #FBEAE9;
    border-radius: 8px;
}

.bg-lighter {
    background-color: white !important;
    color: black;
        padding-bottom: 0px !important;
}
.filter-help{display:none}

.page__title{
		font-size:44px;
		font-weight:700;
}
.card-title{
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 0.11px;
}
/* openapi spec*/
.mat-toolbar.mat-primary {
    display: none;
}
mat-sidenav-content {
    /* Your styles here */
    height:100vh;
}
/*
hopepage api
*/

.page__content-below .views-row{
    display: flex;
    gap: 2em;
    /* min-width: 221px; */
    justify-content: center;
    min-width: 20rem;

    flex-wrap: wrap;
}


.page__content-below .views-col{
    /* border: 1px solid #F7D4D1; */
    box-shadow: 0px 8px 24px #0000000D;
    padding: 21px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 20rem !important;
    /* height: 2rem; */
   
}
.page__content-below .views-col .views-field-name .field-content{
	font-size:20px;
	font-weight:700;
}

.page__content-below .views-element-container > h2{
	display: flex;
    
    align-items: center;
    padding:25px;
    
        font-size: 40px;
    font-weight: 700;
}

.page__content-below .block--apigee-kickstart-viewcontentlinkblock{

    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 37px;
        font-size: 20px;
    font-weight: 700;
}
.view-taxonomy-term--page-1 .view-content{
	display: none;
}

.views-row .field-content a{
    color: black;
    font-weight: 700;
    font-size: 18px;
}
.field-content p {
    font-size: 14px;
    color: black;
}
.views-field-field-a .field-content a {
    font-size: 14px !important;
    color: #D72A1B !important;
}

/*footer*/

.block--type-footer-new1{
	width:100%;
}
.footer-new1__body .field__item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.footer-new1__body .field__item .icon-text{
    display: flex;
    align-items: center;
    line-height: 14px;
}
.footer-new1__body .field__item .icon-text .footer-left-text >h3{
	font-size: 22px;
    font-weight: 600;
    margin-top:9px;
}
.footer-new1__body ul {
	    display: flex;
    list-style: none;
    flex-wrap:wrap;
    gap: 1em;
    padding:0px;
}
.footer{
	background:#FBEAE9 !important;
}

.page__footer, .page__footer a {
   color: black;
}
.footer{
	padding-bottom:1.5rem !important;
	font-size:14px;
}
.footer img{
    margin-right: 14px;

    height: 68px;
    width: 87px;

}
.footer-new1__body >p {
	display: flex;
	align-items: center;
}
/*navbar flex*/
.responsive-menus{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/*card*/

.card-body p {
    font-size: 14px;
     letter-spacing: 0px; 
    /* line-height: 1.5; */
    font-family: 'Lato';
    color: black;
}
.user-login-form .form-label,
.user-login-form .description{
	display: none;
}
@media screen and (max-width: 783px) {
  .footer-new1__body .field__item{
    display: block;
 
}
}
@media only screen and (max-width: 767px) {
	 .bg-lighter {
    margin-top: 84px;
}
	
	 .toolbar-icon-10 .bg-lighter {
    margin-top: 84px;
}
    .sticky-wrapper {
        position: fixed;
        width: 100%;
        z-index: 9999;
    }
    .view-home-api-s--block-1 .views-col{
    width:85% !important;
}
.page__content-below .views-row {
	gap:0em
}
.path-user .main{
	   margin-top: 70px !important;
}
 .toolbar-icon-10 .main{
	padding-top:10px !important;
}
    .toolbar-icon-10 .text-image-custom  {
        margin-top: 10px !important;
    }
.block--apigee-kickstart-branding {
    border-right: unset;
}
.toolbar-icon-10 .responsive-menus span.toggler{
	    top: 53px;
}

.view-apis-internal--block-1 .view-content .views-row{
    width: 100%;
    margin-left: 10px;
        margin-right: 10px;
}
}
.navbar{
	z-index: 111 !important;
	width:100% !important;
}

/***@media only screen and (max-width: 767px) {
  
.navbar{
	position:fixed;
	width:100%;
	top:37px
}
}
***/
.block--apigee-kickstart-main-menu a[href="/HDFCErgo/web/user/login"].nav-link.is-active {
	color: #000 !important;
    background: transparent !important;
    font-weight: normal;
}
.block--apigee-kickstart-menu-account .navbar-nav .nav-item:nth-of-type(2){
	width: 138px;
    padding-right: 9px;
    text-align: center;
}
.copyright {
    background: #FBEAE9;
    border-top: 1px solid #FFFFFF;
        font-size: 14px;

}
.justify-content-md-end {
        justify-content: center !important;
    }
/*key features*/
.navbar .block--apigee-kickstart-menu-account .nav-link.is-active {
    color: #fff !important;
}
.field--type-app-callback-url .form-label
{
      top: 0px !important;
}
a[href="https://apifactory.itnext-dev.com/HDFCErgo/web/moLogin"]{
	    color: #000;
    opacity: 60%;
}
.form-select,
.form-textarea {
	border-radius:8px !important;
}

.developer-app-edit-for-developer-form{
        max-width: 887px !important;
        margin-left: auto;
        margin-right: auto;
        position: relative;
}
.developer-app-edit-for-developer-form .form-control,
.developer-app-add-for-developer-form .form-control{
    padding-top: 19px;
    height: 46px !important;
}
.developer-app-edit-for-developer-form .form-label {
    color: #010725;
    opacity: 60%;
    transition: 0.3s;
    letter-spacing: 0.5px;
    padding: 15px;
    margin-top: -103px;
    padding-bottom: 0;
    font-size: 12px;

}

.developer-app-edit-for-developer-form .fieldset-wrapper .fieldset-wrapper {
    overflow-y: scroll;
    height: 265px;
}
.developer-app-edit-for-developer-form .p-4{
	   padding: 13px !important;
}

.developer-app-edit-for-developer-form .form-item-displayname-0-value, .developer-app-edit-for-developer-form .form-item-callbackurl-0-value, .developer-app-edit-for-developer-form .form-item-description-0-value{
	    margin-bottom: -15px !important;
}
.developer-app-edit-for-developer-form.developer-app-form .js-form-type-textarea .form-label{
	    margin-top: -319px;
}

#user-login-form img{
  height: 64px;
  width:84px;
}
.path--entity-developer-app-edit-form-for-developer .page__tasks .container,
.path--entity-developer-app-add-form-for-developer .page__tasks .container{
	    max-width: 915px;
}
.register-text,
.forgot-text{
	    margin-top: 20px;
}
.block--apigee-kickstart-browserbackbuttonblock{
	    margin: 30px 0 0 0  !important;
}
.path--entity-developer-app-delete-form-for-developer main{
        width: 540px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 4px 21px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
.path--entity-developer-app-delete-form-for-developer .page__tasks .container{
        max-width: 915px;
}
.path--entity-developer-app-delete-form-for-developer .developer-app-delete-for-developer-form.developer-app-confirm-form .dialog-cancel{
    background: #D72A1B;
    border-radius: 8px !important;
    border-color: #D72A1B;
    border: 1px;
    color: #fff;
    width: 49%;
    padding: 15px;
    float: right;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
}
.path--entity-developer-app-delete-form-for-developer .developer-app-delete-for-developer-form.developer-app-confirm-form .button--primary.js-form-submit{
    width: 49%;
}
.developer-app-edit-for-developer-form.developer-app-form .form-actions .button.button--danger.use-ajax{
    float: right;
    font-weight: 500;
    min-width: 160px;
    background: #D72A1B;
    border-radius: 8px !important;
    border-color: #D72A1B;
    border: 1px;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin-right: 30px;
}
.register-text,
.login-text{
	text-align: center;
}
.developer-app-edit-for-developer-form .form-actions .btn {
    text-transform: capitalize !important;
    letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
    .developer-app-edit-for-developer-form .form-actions .btn {
        width: 160px !important;
    }
   
.developer-app-edit-for-developer-form .form-actions .btn{
    float: right;
    border-radius: 8px !important;
    height: 48px;
}
}
@media only screen and (max-width: 767px) {
	  .page__tasks{
	  	margin-top: 100px;
	  }  
	  .block--apigee-kickstart-browserbackbuttonblock{
	  	  max-width: unset !important;
    		margin: unset;
        width: auto;
	  }
}
@media only screen and (min-width: 768px) {
    .developer-app-edit-for-developer-form #edit-description-wrapper {
        width: 49% !important;
        float: left !important;
    }
    .developer-app-edit-for-developer-form #edit-callbackurl-wrapper{
    	  width: 49% !important;
    }
    .developer-app-edit-for-developer-form #edit-displayname-wrapper {
        	width: 49% !important;
        display: block !important;
        float: left !important;
    }
    #edit-credential{
    	width: 49%;
      position: absolute;
      top: 0;
      right: 0;
    }
    #developer-app-edit-for-developer-form .form-actions{ 
    position: absolute;
    right: 0px;
    top: 418px;
}
}

.page{
	    /*height: unset;*/
	        /*display: unset;*/
}

#edit-comment-body-0-format-help-about{
display:none
}

#edit-field-body-0-format-help{
display:none
}

/* Remove this once we want to activate Analytics Section*/
/*.nav-item a[href*="/analytics"] {*/
/*    display: none;*/
/*}*/

.badge.badge-light {
    display: none !important; /* Prevents the badge from being shown */
}
.js-form-item-field-ips-0-value{
	margin-bottom: 10px !important;
}
.form-control.form-textarea {
    min-height: 158px;
}

textarea:focus ~ label,
textarea:not(:placeholder-shown) ~ label {
      top: -100px !important;
    font-size: 12px !important;
}
.developer-app-add-for-developer-form.developer-app-form .form-item-callbackurl-0-value .form-control:not(:focus):valid ~ label {
    top: 0 !important;
}
.field--name-field-ips a.tabledrag-handle .handle{
	width: 23px;
  height: 23px;
  background-position: bottom;
}
.field--name-field-ips .tabledrag-toggle-weight-wrapper{
	display:none;
}
.field--name-field-ips table tbody td, .table tbody td {
    padding: 0px 0px;
    border-bottom: 0;
    padding-right: 0px !important;
}
.field--name-field-ips .table thead th {
    border-bottom-width: 0;
}
.field--name-field-ips .table {
    margin: 0;
}
#edit-api-products--wrapper .fieldset-wrapper{
	height: 278px;
}
.field--name-field-ips .clearfix {
    position: relative;
}
.field--name-field-ips .field-add-more-submit{
    position: absolute;
    right: 0;
}
.field--name-field-ips .field-multiple-table .has-multiple-fields-remove-button input{
    width: 100%;
    left: 45%;
}
.field--name-field-ips .field-multiple-table .has-multiple-fields-remove-button label.visually-hidden{
    overflow: unset !important;
    clip: unset !important;
        top: 3px;
    position: absolute !important;
        left: 10px;
}
.developer-app-add-for-developer-form input[name="field_ips_und_0_remove_button"] {
    display: none;
}
.field--name-field-ips .field-multiple-table .draggable td{
	    padding: 0;
}
@media only screen and (min-width: 768px) {
    #edit-field-ips-wrapper {
        margin-bottom: 17px;
    }
    #edit-api-products--wrapper {
        top: 0px;
        right: 0;
        position:absolute;
    }
        #developer-app-add-for-developer-form .form-actions#edit-actions {
        top: 358px;
        position: absolute;
        right: 0;
    }
        .developer-app-add-for-developer-form .js-form-item-field-ips-0-value .form-label {
        margin-top: 0px !important;
    }
        #developer-app-add-for-developer-form .form-actions .btn {
        width: 160px;
    }
}

.ui-dialog .ui-dialog-buttonpane button{
	 border-radius: 8px;
}
.role-external .view-apis-internal article[data-history-node-id="111"],
.role-external .view-apis-internal article[data-history-node-id="112"],
.role-external .view-apis-internal article[data-history-node-id="126"],
.role-external .view-apis-internal article[data-history-node-id="134"]{
	display:none;
}