/**
 * @file
 * Subtheme specific CSS.
 */
 
 /* @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');  */
 @import url('../css/fonts.css?family=Roboto&display=swap');  
 @import url('../css/fonts.css?family=Noto+Sans:400,700&display=swap');
 /*@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap');*/
 
div.code-toolbar > .toolbar {
    opacity: 1 !important;
}
 p {
    font-family: 'Roboto-Light', 'Roboto Light', 'Roboto';
    font-size: 16px;
    line-height: 24px;
	color: #555555;
	overflow-wrap: break-word;
}
 html, body {
    height: 100%;
  }
  
  .method-api-layout a{
		color: #027DB4!important;
  }
  
  /* #main-wrapper{
	    margin-top: -12px;
  } */
  
  /* rest api page links */
  
  .api-category-layout3 a{
    font-weight: 400;
    font-style: normal;
	color: #027DB4!important;
  }
  
   p{
      margin-bottom: 0!important;
  }
  
  .layout-main-wrapper
  
  
  .com_logo{
      width: 131px;
      height: 49px;
  }
  
  .content.api-layout1{
	  min-height:380px;
	  padding-left: 10px;
  }
  
  #page-wrapper{
	position: relative;
	min-height: 94vh;
  }
  
  /* #main-wrapper{
	margin-top: -15px;
  } */
  

table td{
	border: 1px solid #dee2e6;
}

table th{
	border: 1px solid #dee2e6;
}
  

   /* Header section starts here*/
#navbar-main {
    background-color: #ffffff;
    padding:0 7px!important;
	height: 70px;
	margin-bottom: 0;
    /* -ms-overflow-x: hidden;
    overflow-x: hidden; */
    /* -ms-overflow-y: hidden;
    overflow-y: hidden; */
    background-color: rgba(255, 255, 255, 1);
    background-image: none;
    border: none;
    border-radius: 0px;
    -moz-box-shadow: 1px 2px 4px rgba(170, 170, 170, 0.435294117647059);
    -webkit-box-shadow: 1px 2px 4px rgba(170, 170, 170, 0.435294117647059);
    box-shadow: 1px 2px 4px rgba(170, 170, 170, 0.435294117647059);
}
   a.navbar-brand {
    width: 131px;
    height: 49px;
	float: left;
}
.navbar-we-mega-menu a i {
    margin-right: .1875rem;
    padding-right: 15px;
}
.header .navbar form .form-row{
	float: right;
}
tr {
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em;
    background: #efefef;
    background: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 516px){
	header .navbar form .form-row {
		float: left!important;
		margin-top: 20px;
	}
}
   /*Header section ends here*/
/* Home page starts here*/
.path-frontpage .section.main-section p{
	font-family: 'Roboto Medium', 'Roboto';
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    color: #555555;
    line-height: 29px;
	text-align: center;
}

.path-frontpage .main-content.col{
	  padding-left: 0px;
	  padding-right: 0px;
  }
  
  .main-section .block-views-blockapi-listing-block-1{
	  margin-top: 50px;
  }

h2.home-title{
	font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto';
    font-weight: 200;
    font-size: 65px;
	font-style: normal;
    color: #000000;
    line-height: 65px;
	overflow-wrap: break-word;
	text-align: center;
}

.path-frontpage .section.main-section h2.home-title > p{
	text-align: center;
}

h2.home-title .gep-text{
	font-family: 'Roboto Bold', 'Roboto';
    font-weight: 700;
	font-size: 80px;
}

.home_bkg .api-blocks.home-api-blocks {
    margin-top: 55px;
}

/* homepage api boxes */

.api-blocks.home-api-blocks{
	padding: 25px;
    background: inherit;
    border: none;
    border-radius: 3px;
    color: #fff;
	height: 100%;
	background-color: rgba(3, 156, 221, 1);
	-moz-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.349019607843137);
    -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.349019607843137);
    box-shadow: 2px 3px 6px rgba(127, 127, 127, 0.690196078431373);
}

.api-blocks.home-api-blocks.home-block-30{
	background-color: rgba(255, 179, 2, 1);
}

.api-blocks.home-api-blocks.home-block-36{
	background-color: rgba(237, 92, 93, 1);
}

.api-blocks.home-api-blocks.home-block-16{
	background-color: rgba(63, 176, 59, 1);
}

.api-blocks.home-api-blocks.home-block-17{
	background-color: rgba(3, 156, 221, 1);
}
.api-blocks.home-api-blocks.home-block-81 {
    background-color: rgba(255, 179, 2, 1);
}
.api-blocks.home-api-blocks.home-block-82 {
    background-color: rgba(237, 92, 93, 1);
}
.api-blocks.home-api-blocks.home-block-98 {
    background-color: rgba(63, 176, 59, 1);
}
.api-blocks.home-api-blocks.home-block-78 {
    background-color: rgba(0, 0, 0, 0.43);
}
.api-blocks.home-api-blocks p{
    font-weight: 400!important;
    font-size: 14px!important;
    color: #FFFFFF!important;
    line-height: 23px!important;
}

.api-blocks.home-api-blocks .api-title a{
	font-family: 'Roboto Medium', 'Roboto';
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 36px;
}

.api-blocks.home-api-blocks .api-home-top-region .api-learn-more a{
	padding: 4px 10px 5px 10px;
    border: 1px solid #ffffff;
    color: #fff;
    font-size: 12px;
}

.api-blocks.home-api-blocks .api-title {
	margin-top: 15px;
}

.api-blocks.home-api-blocks .api-home-top-region{
	display: inline-block;
    width: 100%;
}

.api-blocks.home-api-blocks .api-home-top-region .api-image{
	float: left;
}

.api-blocks.home-api-blocks .api-home-top-region .api-learn-more{
	float: right;
}

.api-title {
    padding: 5px 0px;
}
.api-body {
 
    font-size: 14px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: normal;
    color: #292929;
    line-height: 24px;
    padding-top: 0px;
 
}

.api-body p{
	text-align: left!important;
}

.main-section{
	padding: 55px;
	position: relative;
	z-index: 1;
}

.main-section h1.title {
  color: #191919;
    font-size: 65px;
    font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto';
    /* text-align: center; */
    font-weight: 400;
	word-break: break-word;
	display: none;
}
.api-title a {
    font-family: 'Roboto-Regular', 'Roboto';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #027DB4;
    line-height: 32px;
}

.api-image {
    width: 60px;
    height: 60px;
    /* padding: 13px; */
    /* border-radius: 50px; */
}

.api-image img{
	width:100%; height:auto;
}
/* Home page ends here*/
/*Layout 2 page*/

.api-category-layout1 .section-api-child-blocks .block-layout1:first-child{
	margin-left: 16.666667%;
}

@media screen and (max-width: 991px){
	.api-category-layout1 .section-api-child-blocks .block-layout1:first-child{
		margin-left: 0;
	}
}

.api-block-layout1 .api-children-content .item-list ul li a{
	font-family: 'Roboto-Regular', 'Roboto';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #3baff0;
    line-height: 29px;
}

.api-block-layout1 .api-children-content{
	height: 100%;
}

.api-block-layout1-wrap {

	padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
	min-height: 160px;
}

@media screen and (min-width: 992px) and (max-width: 1206px){
	.api-block-layout1-wrap {
		min-height: 210px;
	}
}

.view-content .api-block-layout1-wrap {
    background: #3baff0;
}


.section-api-child-blocks{
	margin-bottom: 40px;
	margin-top: 40px;
}

.api-block-layout1-wrap .api-title a{
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Roboto-Medium', 'Roboto Medium', 'Roboto';
}
/* .api-block-layout1 {
    position: relative;
    margin: 30px 0px;
} */
.api-block-layout1-wrap .api-content p {
    font-size: 14px;
    color: #fff;
	line-height: 1.4rem;
}
/* .api-children-content {
    background: #FFFBEE;
    padding-bottom: 30px;
} */
.api-children-content .view-content.row {
    margin-right: 0;
    margin-left: 0;
}

.api-block-layout1-wrap p {
    line-height: 17px;
}
.item-list {
    padding: 15px;
}
.api-block-layout1 {

	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f8f8f8;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
	height: 100%;
}
.api-block-layout1 .item-list ul {
    margin: 0 0 0.25em 0;
    padding: 0;
    margin-left: 30px;
	list-style:disc;
}

.api-block-layout1 .item-list ul {
  list-style: none; /* Remove default bullets */
}

.api-block-layout1 .item-list ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  color: #3baff0;
}

.api-show-all {
    padding: 10px 16px 15px;
    position: relative;
    bottom: 0;
    text-align: center;
    background: #f2f2f2;
}
.api-show-all a{
	font-family: 'Roboto-Medium', 'Roboto Medium', 'Roboto';
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    color: rgba(11, 187, 187, 0.980392156862745);
}

.api-show-all a:hover{
	color: rgba(11, 187, 187, 0.980392156862745);
}
 
/* MAst api show all page css*/
#master-api-page .section-api-description {
    border-width: 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    background: inherit;
    background-color: #8BB174;
    border: none;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px;
    color: #ffffff;
}

.api-category-layout2 .section-api-description {
    border-width: 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    background: inherit;
    background-color: #3caff0;
    border: none;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px;
    color: #ffffff;
}

.api-category-layout2 .section-api-child-blocks .api-content-link .api-details-content .api-content p{
	font-family: 'Roboto-Light', 'Roboto Light', 'Roboto';
    font-weight: 200;
    font-style: normal;
    font-size: 14px;
    color: #555555;
    line-height: 29px;
}

.api-category-layout2 .section-api-child-blocks .api-content-link {
    border-bottom: 1px dashed #ddd;
	padding-bottom: 10px;
}

.api-category-layout2 .section-api-child-blocks .api-content-link .api-details-link{
    text-align: center;
    margin-top: 25px;
}
@media (max-width: 991px){
.region-we-mega-menu {
    background-color: #e4e4e4;
    padding: 13px 15px;
    margin-bottom: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.navbar-toggle .icon-bar {
    background-color: #423e3e;
}
}
@media screen and (max-width:767px){
	.method-api-layout #section-data-model .section-content table {
    overflow-x: auto;
    display: block;
}
.main-section {
    padding: 20px;
    position: relative;
    z-index: 1;
}
	.api-category-layout2 .section-api-child-blocks .api-content-link .api-details-link{
		text-align: left;
	}
	
	.api-category-layout2 .section-api-child-blocks .api-content-link {
		padding-bottom: 25px;
	}
}

.api-category-layout2 .section-api-child-blocks .api-content-link .api-details-link a{
    padding: 5px 15px 7px 15px;
    border: 1px solid #41BDF2;
	font-size: 12px;
    color: #41BDF2;
}

.api-category-layout2 div{
	width: 100%;
	padding-left: 5px;
}

.api-category-layout2 .section-api-child-blocks{
	margin-top: 10px;
	margin-bottom: 0;
}

#master-api-page .section-api-description .field.field--name-description p{
	color: #ffffff;
}

#transaction-page .section-api-description .field.field--name-description p{
	color: #ffffff;
}

#exception-handling-page .section-api-description .field.field--name-description p{
	color: #ffffff;
}

.api-category-layout2 .section-api-description .field.field--name-description p {
    color: #ffffff;
}

#exception-handling-page .section-api-description {
    border-width: 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    background: inherit;
    background-color: #2EB0C4 !important;
    border: none;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px;
    color: #ffffff;
}

.section-api-description h1.api-title{
	font-size: 24px;
    font-weight: 500;
    font-family: 'Roboto-Medium', 'Roboto Medium', 'Roboto';
}

/* .field.field--name-description p{
	color: #191919;
 
} */

.api-block-layout2 .api-title a{
	font-size: 16px;
    font-weight: 500;
	color: #027DB4;
	font-family: 'Roboto-Medium', 'Roboto Medium', 'Roboto';
}

.api-block-layout2{
	border-bottom: 1px dashed #D7D7D7;
    padding-bottom: 20px;
    padding-top: 20px;
}

.view-api-listing .view-content div:last-child .api-block-layout2{
	border-bottom: none;
}

#transaction-page .section-api-description {
    border-width: 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    background: inherit;
    background-color: rgba(245, 100, 118, 1);
    border: none;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px;
    color: #ffffff;
}
/**/
  h1.title {
    padding: 15px 0px;
	font-family: 'Roboto-Thin', 'Roboto Thin', 'Roboto';
    font-weight: 200;
    font-style: normal;
    font-size: 45px;
    color: #000000;
	line-height: 36px;
	overflow-wrap: break-word;
}

@media screen and (max-width: 767px){
	h1.title {
		font-size: 32px;
		line-height: 55px;
	}	
}

.api-category-layout3 .section-title {
    font-weight: 700;
    font-family: 'Noto Sans', sans-serif;
    padding-bottom: 15px;
	color: #191919l
}

  /*Bread Crumb*/
  
  .block-system-breadcrumb-block nav{
	  margin-left: -15px;
    margin-right: -15px;
	margin-top: -2px;
  }

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #ffffff;
    border-radius: .25rem;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

  
  #header_container{
      z-index: 1;
      background: #ffffff;
      border-bottom: 1px solid #E0E0E0;
      height: 80px;
  }
  
  .search-input{
      border-radius: 25px!important;
      width: 330px!important;
      height: 48px!important;
      border: 1px solid #E0E0E0;
  }
  
  .breadcrumb{
      height: 49px;
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    -ms-overflow-y: hidden;
    overflow-y: hidden;
    background-color: rgba(242, 242, 242, 0.690196078431373);
    background-image: none;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(215, 215, 215, 0.588235294117647);
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	padding-left: 25px;
  }
  
  .breadcrumb .breadcrumb-item{
      font-family: 'Roboto-Light', 'Roboto Light', 'Roboto'; 
	  padding-left: 0;
  }
  
  .breadcrumb .breadcrumb-item.active{
      color: #767676;
	  font-size: 12px;
      padding-top: 3px;
  }
  
  .breadcrumb .breadcrumb-item a{
      text-decoration: none;
      color: #0177d6;
	  font-size: 12px;
  }
  
  .breadcrumb-item+.breadcrumb-item::before {
    color: #767676;
	padding-right: 0;
}
  
  .title_head_badge{
      border-width: 0px;
      left: 0px;
      top: 0px;
      width: 100%;
      background: inherit;
      background-color: #8BB174;
      border: none;
      border-radius: 4px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 20px;
      color: #ffffff;
  }
  
  .title_head_badge h1{
      font-size: 24px;
      font-weight: 700;
      font-family: 'Noto Sans', sans-serif; 
  }
  
  .title_head_badge p{
      font-size: 14px;
      font-family: 'Noto Sans', sans-serif; 
  }
  
  .api_lists a{
      text-decoration: none;
      font-size: 14px;
      font-weight: 600;
      color: #0177d6;
      font-family: 'Noto Sans', sans-serif; 
  }
  
  .api_lists p{
      font-size: 14px;
      color: #191919;
      font-family: 'Noto Sans', sans-serif; 
  }
  
  .api_lists{
      border-bottom: 1px dashed #D7D7D7;
      padding-bottom: 20px;
      padding-top: 20px;
      /*height: 80px;*/
  }
  
  
  .section_buffer{
      margin-bottom: 40px;
  }
  
  /*Partner API*/
  
  .api-category-layout3 .section-content{
      font-family: 'Noto Sans', sans-serif;
      font-size: 14px;
      color: #191919;
  }
  
  .api-category-layout3 .section-title{
      font-weight: 400;
    font-family: 'Roboto-Regular', 'Roboto';
    padding-bottom: 15px;
    color: #000000;
	font-size: 23px;
  }
  
          /*.api_list_cont{
              margin-left: 20px;
              margin-right: 20px;
          }*/
  
          .api-category-layout3 .overview_contents table td{
              font-size: 16px;
          }
		  
		  .api-category-layout3 .overview_contents #section-actions table td:last-child {
				text-align: right;
			}
		  
		  .api-category-layout3 .overview_contents table td.views-field-view-node a{
			    border: 1px solid;
				padding: 5px 20px;
				color: #41BDF2!important;
				font-size: 12px;
				text-transform: uppercase;
		  }
  
         .api-category-layout3 .right_cont{
              border-left: 1px solid #D7D7D7;
          }
  
          .api-category-layout3 .sidebar span{
              font-size: 16px;
              font-family: 'Roboto-Light', 'Roboto Light', 'Roboto';
              text-decoration: none;
              color: #555555;
              border-bottom: 1px solid #D7D7D7;
              padding-top: 13px;
              /*padding-bottom: 15px;*/
              height: 48px;
			  cursor: pointer;
          }
  
          .api-category-layout3 .sidebar span.active {
              color: #027DB4;
              border-left: 5px solid rgba(0, 191, 191, 1);
              /* background: #FAFAFA; */
          }
		  
		  .api-category-layout3 .sidebar ul{
			padding-left: 0;
			list-style: none;
		  }
		  
		  .api-category-layout3 #section-response-codes .status-ok{
			  color: #02B469!important;
		  }
		  
		  .api-category-layout3 #section-response-codes .status-bad{
			  color: #B964AB!important;
		  }
		  
		  .api-category-layout3 #section-response-codes .status-unautherized{
			  color: #D9001B!important;
		  }
		  
		  .api-category-layout3 #section-response-codes .status-not-found{
			  color: #748FF7!important;
		  }
		  
		  .api-category-layout3 #section-response-codes .status-media-type{
			  color: #00BFBF!important;
		  }
		  
		  .api-category-layout3 #section-response-codes .status-server-error{
			  color: #F59A23!important;
		  }
  
          /*.sidebar ul li.active{
              border-bottom: 1px solid #eee;
              height: 40px;
              border-left: 3px solid #0177D6;
              padding-top: 6px;
          }
  */
          .sticky {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            width: 100%
          }
  
          /* .api-category-layout3 tr td, tr th{
			border: none;
		  } */
  
          .api-category-layout3 table th{
              background: #FFFFFF !important;
			  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto';
				font-weight: 700;
				font-style: normal;
				font-size: 12px;
				color: #000000!important;
				text-transform: uppercase;
				border: none;
          }
  
          .api-category-layout3 table tr{
              height: 48px;
			  background: #ffffff;
          }
		  
		  .api-category-layout3 thead > tr{
			  border-bottom: 1px solid #ccc;
		  }
  
          .api-category-layout3 table td{
              font-size: 14px;
              font-family: 'Noto Sans', sans-serif;
              color: #191919!important;
			  border: none;
          }
		  
		  .api-category-layout3 .table-hover tbody tr:hover {
				background-color: #ffffff;
			}
			
			.api-category-layout3 .section-content .table-responsive.col{
					padding-left: 0!important;
			}
			
		
		/* Partner API table styles */
		
		.api-category-layout3 .table-responsive h3{
		font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto';
		font-size: 14px;
		color: #191919;
		background: #FAFAFA;
		padding: .5rem!important;
		margin-bottom: 0;
		border-bottom: 1px solid #D7D7D7;
		letter-spacing: 1px;
	 }
	 
	 .api-category-layout3 .table-responsive table{
		 margin-top: 0;
		 /* table-layout: fixed;
		 width: auto; */
	 }
	 
	 /* .api-category-layout3 tr td, tr th{
			border: none;
		  } */
  
          /* .api-category-layout3 table tr:first-child{
              background: #FAFAFA !important;
          }
		  
		  .api-category-layout3 table tr:first-child p{
              font-family: 'Noto Sans', sans-serif;
              font-size: 12px;
              color: #767676 !important;
          } */
  
          .api-category-layout3 table tr{
              height: 48px;
			  background: #ffffff;
          }
  
          .api-category-layout3 table td{
              font-family: 'Roboto-Light', 'Roboto Light', 'Roboto';
              color: #555555!important;
          }
		  
		  .api-category-layout3 .table-hover tbody tr:hover {
				background-color: #ffffff;
			}
  
          .url_text{
              font-size: 12px!important;
              font-family: 'Noto Sans', sans-serif;
              color: #767676!important;
          }
  
          /* .sticky-top{
              top: 75px;
          } */
  
          .sidebar{
              z-index: 0!important;
          }
  
          a:hover{
              text-decoration: none!important;
          }
  
          .main-container{
              background-color: rgba(248, 249, 254, 1);
              height: 535px;
          }
  
          .card-body{
              background-color: #FFFBEE;
          }
  
          .rest_api.card{
              height: 100%;
          }
  
      .rest_api .card-header h5{
          font-family: 'Noto Sans', sans-serif; 
          font-size: 20px;
          color:#FFFFFF;
          font-weight: 600;
      }
  
      .rest_api#card-head-1 .card-header{
          background: #8BB174;
      }
  
      .rest_api#card-head-2 .card-header{
          background: #F56476;
      }
  
      .rest_api#card-head-3 .card-header{
          background: #2EB0C4;
      }	
  
      .icon_cont{
          width: 60px;
          height: 60px;
          padding: 13px;
          border-radius: 50px;
      }
  
      .icon_cont.api{
          background: #FF8A65;
      }
  
      .icon_cont.user_auth{
          background: #B39DDB;
      }
  
      .icon_cont.formats{
          background: #F48FB1;
      }
  
      .icon_cont.soap_ser{
          background: #AED581;
      }
  
      .icon_cont.ip_guidelines{
          background: #80CBC4;
      }
  
      .icon_cont.test_automation{
          background: #FFCC80;
      }
  
      .icon_cont.int_process{
          background: #F48FB1;
      }
	  
	  
	  /*Method api page*/
	  
	  .method-main-content #section-download .far.fa-file-pdf{
		  color: red;
		  padding-right: 2px;
	  }
	  
	  .method-main-content #section-download{
		  padding: 5px 10px;
		  border-width: 1px;
		  border-style: solid;
		  border-color: rgba(215, 215, 215, 1);
		  border-radius: 2px;
	  }
	  
	  .method-main-content #section-download a{
			color: #555555!important;
            font-size:12px;
            text-transform: uppercase;
	  }
	  
			
			.method-api-layout .section-content .table-responsive.col{
					padding-left: 0!important;
			}
			
		.method-api-layout .overview_contents table td{
              font-size: 14px;
			  word-break: normal;
          }
  
         .method-api-layout .right_cont{
              border-left: 1px solid #D7D7D7;
          }
  
          .method-api-layout .sidebar span{
              font-size: 16px;
              font-family: 'Roboto-Light', 'Roboto Light', 'Roboto';
              text-decoration: none;
              color: #555555;
              border-bottom: 1px solid #D7D7D7;
              padding-top: 13px;
              /*padding-bottom: 15px;*/
			  cursor: pointer;
          }
  
          .method-api-layout .sidebar span.active {
              color: #0177d6;
              border-left: 5px solid rgba(0, 191, 191, 1);
              /* background: #FAFAFA; */
          }
		  
		  .method-api-layout .sidebar ul{
			padding-left: 0;
			list-style: none;
		  }
		  
		  .method-api-layout .section-title {
				font-weight: 400;
				font-family: 'Roboto-Regular', 'Roboto';
				padding-bottom: 15px;
				color: #000000;
				font-size: 23px;
			}
			
			.method-api-layout .section-content{
      font-family: 'Noto Sans', sans-serif;
      font-size: 14px;
      color: #191919;
  }
  
  .method-api-layout #section-url-formats .section-content{
	    word-break: break-word;
  }
  
  .method-api-layout #section-example .section-content p:first-child{
	  word-break: break-word;
  }
  
  .method-api-layout #section-data-model .section-content table{
	  overflow-x: auto;
	  /* display: block; */
  }
  
  /* Method API table styles */
	 .method-api-layout h3{
		font-family: 'Noto Sans', sans-serif;
		font-size: 14px;
		color: #191919;
		background: #FAFAFA;
		padding: .5rem!important;
		margin-bottom: 0;
		border-bottom: 1px solid #D7D7D7;
		letter-spacing: 1px;
	 }
	 
	 .method-api-layout table{
		 margin-top: 0;
		 /* table-layout: fixed;
		 width: auto; */
	 }
	 
	 /* .method-api-layout tr td, tr th{
			border: none;
		  } */
  
          /* .method-api-layout table tr:first-child{
              background: #FAFAFA !important;
			  
          } */
		  
		  .method-api-layout table tr:first-child p{
              font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto';
              font-size: 16px;
              color: #015478 !important;
          }
  
          .method-api-layout table tr{
              height: 48px;
			  background: #ffffff;
          }
		  
		  .method-api-layout table tr:nth-child(2) td p{
			font-size: 12px;
			color: #000000;
			text-transform: uppercase;
		  }
  
          .method-api-layout table td{
              font-size: 14px;
              font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto';
              color: #191919!important;
			  /* word-break:break-word; */
          }
		  
		  .method-api-layout .table-hover tbody tr:hover {
				background-color: #ffffff;
			}
			
	
	/* Search list Page */
	
	#search-page .view-content .views-row .views-field span.field-content a{
		font-size: 14px;
		font-weight: 600;
		color: #0177d6;
		font-family: 'Noto Sans', sans-serif;
	}
	
	#search-page .view-content .views-row .views-field span.search-path {
		font-size: 12px;
		font-weight: normal;
		color: #767676;
		font-family: 'Noto Sans', sans-serif;
	}
	
	#search-page .view-content .views-row .views-field.views-field-description span.field-content {
		font-size: 14px;
		font-weight: normal;
		color: #191919;
		font-family: 'Noto Sans', sans-serif;
	}
	
	#search-page .view-content .views-row{
		border-bottom: 1px dashed #D7D7D7;
		padding-bottom: 20px;
        padding-top: 20px;
        width: 100%;
	}
	
	#search-page .view-content .views-row:last-child{
		border-bottom: none;
		
	}
  
  
  /* Navbar search form */
  .navbar>.container, .navbar>.container-fluid{
	  display:inline-block;
  }

  #CollapsingNavbar.collapse.navbar-collapse{
	  float: right;
  }
  
  /* .btn-group-sm>.btn, .btn-sm {
    padding: 0.35rem .5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .2rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
} */

/* .js input.form-autocomplete.form-control{
	padding: .670rem .75rem;
	border-radius: 50px;
} */

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

.search-box form fieldset input{
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	border-right: none;
	font-family: 'Roboto-Regular', 'Roboto';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    letter-spacing: normal;
    color: #999999;
    vertical-align: none;
    text-align: left;
    text-transform: none;
    background-color: transparent;
    border-color: #e8e8e8;
}

.search-box .js-form-type-search-api-autocomplete{
	padding-right: 0;
}

.search-box .form-actions.js-form-wrapper.form-group.col-auto{
	padding-left: 0;
}

.search-box .form-actions.js-form-wrapper.form-group.col-auto button{
	/* position: absolute;
    top: -45px;
    left: -55px;
    padding: 11px;
    background: transparent;
    border: none;
	display: inline-block; */
    overflow: hidden;
    text-indent: -9999px;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	padding: 0.32rem .5rem;
}

.search-box .form-actions.js-form-wrapper.form-group.col-auto button:before{
	content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
	color: #f8f8f8;
	float: left;
	text-indent: 0;
	font-size: 15px;
}

.js input.form-autocomplete{
	background-position: -999px -999px;
	width: 450px;
}

@media screen and (min-width: 768px) and (max-width : 892px){
	.js input.form-autocomplete {
		width: 360px;
	}
}

@media screen and (max-width : 541px){
	.js input.form-autocomplete {
		width: 100%;
	}
}

/* fieldset.js-form-item.js-form-type-search-api-autocomplete{
	padding-right: 0;
} */

  
  /*shrikant css*/
  
  .title{
      color:#0177d6;
      font-weight: 600;
      font-size: 24px;
      font-family: 'Noto Sans', sans-serif; 
  }
  .section-headerbg{
      padding: 40px 0 40px 0;
  }
  
  .mtop{
      margin-top:35px;
  }
  .home_bkg{
    
	  opacity: 0.5;
	  position: absolute;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: url('../home-page-bg-image.png');
		opacity: .4;
		width: 100%;
		height: 100%;
  }
  
  /* .section p{
      font-family: 'Noto Sans', sans-serif; 
      text-align: start;
      margin: auto;
      font-size: 14px;
      Color: #767676;
      line-height: 24px;
  } */
  .section-headerbg h3 {
      font-family: 'Noto Sans', sans-serif; 
      font-size: 40px;
      color: #191919;
      text-align: center;
      font-weight: 400;
      position: relative;
  }
  
  .section-headerbg p {
      font-family: 'Noto Sans', sans-serif; 
      text-align: center;
      margin: auto;
      font-size: 14px;
      color: #767676;
      width: 50%;
  }
  
  .section-header{
      /*background-color: rgba(248, 249, 254, 1);*/
      padding: 40px 0 40px 0;
  }
  .section-header h3 {
      font-family: 'Noto Sans', sans-serif; 
      font-size: 40px;
      Color: #191919;
      text-align: center;
      font-weight: 400;
      position: relative;
  }
  
  .section-header p{
      font-family: 'Noto Sans', sans-serif; 
      text-align: center;
      margin: auto;
      font-size: 14px;
      Color: #767676;
      width: 50%;
  }
  
  
  li a{font-family: 'Noto Sans', sans-serif; font-size:14px;color:#0177d6;}
  li a:hover{text-decoration:none;}
  .cta{
      font-family: 'Noto Sans', sans-serif; 
      font-size: 14px;
      Color: #0177d6;
      text-align:right;
      font-weight: 700;
  } 
  .cta a:hover{text-decoration:none;}
  .card-description{font-family: 'Noto Sans', sans-serif; font-size:14px;color:#FFFFFF;line-height: 24px;}
  
  
  
  
 /*Footer sectiosn starts here*/

.site-footer {
    padding: 0 !important;
    text-align: center;
	position: relative;
    bottom: 0px;
    width: 100%;
	background: rgba(242, 242, 242, 1) !important;
}

.site-footer__bottom{
	display: block;
	margin-top: 0;
	border: none;
}

.site-footer__bottom .block{
	width: 100%;
	text-align: center;
}

.site-footer .site-footer__bottom .content p{
	font-size: 13px;
}

.main-content{
	margin-bottom: 50px;
}

#index-page .main-content{
	margin-bottom: 0px;
}

.main-content .api-category-layout3{
	margin-bottom: -40px;
}

.main-content .method-api-layout{
	margin-bottom: -40px;
}

.site-footer__bottom .region {
    margin-top: 0;
}

/*Footer section ends here*/ 
  
  @media screen and (min-width: 320px) and (max-width: 767px){
      #header_container{
          height: auto;
      }
  
      .right_cont {
          border-left: none;
      }
  
      #header_container form{
          margin-top: 15px;
      }
	  
  }
  
  @media screen and (max-width:767px){
	  .breadcrumb {
		height: auto;
	}
  }
  
  @media screen and (max-width:991px){
	  .view-api-listing.view-id-api_listing .view-content .views-row{
		  margin-bottom: 40px;
	  }
	  
  }
  
  @media screen and (max-width:991px){
	  .api-category-layout3 .right_cont {
			border-left: 0;
		}
		
		.method-api-layout .right_cont {
			border-left: 0;
		}
  }
  
 /* Code block copy button */
 div.code-toolbar > .toolbar {
    position: absolute;
    top: 0!important;
    right: 0!important;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}
 .code-toolbar .toolbar button {
    background: rgba(0, 191, 191, 1)!important;
    border: 1px solid rgba(0, 191, 191, 1) !important;
    border-radius: 0px!important;
    font-size: 12px !important;
    color: #FFFFFF!important;
    box-shadow: none!important;
    padding: 4px 8px !important;
	border-bottom-left-radius: 10px!important;
}

.code-toolbar .toolbar .toolbar-item{
	padding: 0px;
}

/*Mega menu styles*/
@media screen and (max-width: 991px){
	#navbar-main {
		height: auto;
	}
	
	.region-we-mega-menu{
		width: 55px;
		float: right;
		margin-top: 10px;
	}
}

   a.navbar-brand {
    width: 131px;
    height: 49px;
	float: left;
	margin-top:8px;
}

.header .navbar form .form-row{
	float: right;
}

.region-we-mega-menu nav.navbar-we-mega-menu{
	background: #ffffff;
	margin-bottom: 0;
	margin-top: 5px;
}

.region-we-mega-menu nav.navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li{
	background: #ffffff;
	/* background-color: transparent!important; */
	color: #555555!important;
	padding: 5px;
	width: 100%;
}

.region-we-mega-menu nav.navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li a{
	font-size: 14px;
	font-family: 'Roboto-Light', 'Roboto Light', 'Roboto';
}

.region-we-mega-menu nav.navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li a:before{
	right: 1.5rem;
	top: 44%;
}

.region-we-mega-menu nav.navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li a:after{
	background-image: none;
}

.region-we-mega-menu nav.navbar-we-mega-menu .we-mega-menu-ul li.we-mega-menu-li .we-mega-menu-submenu{
	border-color: #e6e6e6;
    /* background-color: #ffffff!important; */
	padding: 5px;
}

.we-mega-menu-ul>.we-mega-menu-li:first-child{
	width: 65%;
}

@media screen and (max-width: 767px){
	.search-box form .form-row{
		margin-right: 10px;
	}
}

@media screen and (max-width: 336px){
	.search-box form .form-row fieldset{
		width:83%;
	}
}


@media screen and (max-width: 991px){
	.navbar-we-mega-menu.navbar .nav-tabs>li.active>a i{
		display: none;
	}
	
	.navbar-we-mega-menu.navbar .nav-tabs>li.active>a:after{
		content: '';
	}
	
	.navbar-we-mega-menu.navbar .nav-tabs>li.active>a{
		color: #555555 !important;
		background-color: #ffffff;
		box-shadow: none;
		border-top: 0;
		text-shadow: none;
	}
	
	.navbar-we-mega-menu.navbar ul>li ul{
		padding-left: 0px!important;
		padding-bottom: 0px!important;
		padding-top: 0px!important;
	}
	
	.navbar-we-mega-menu.navbar .nav-tabs .dropdown-menu{
		margin-top: -25px;
	}
	
	.region-we-mega-menu nav.navbar-we-mega-menu{
		margin-top: 60px;
		padding-left: 0;
		padding-right: 0;
		left: 0;
		width: 100%;
		background: transparent;
	}
	
	.navbar-we-mega-menu.navbar ul>li ul li {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	.navbar-we-mega-menu.navbar .dropdown-menu.active>.we-mega-menu-submenu, .navbar-we-mega-menu.navbar .dropdown-menu.active-trail>.we-mega-menu-submenu{
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	.region-we-mega-menu nav.navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li a{
		border-bottom: 1px solid #d2d2d2;
	}
	
	.navbar-we-mega-menu.navbar .nav-tabs>li>a{
		padding: 10px!important;
	}
	
	.btn-close{
		right: 30px;
		width: 30px;
		height: 30px;
		background: #a5a5a5;
	}
	
	.overlay{
		background: #ffffff;
	}
	
	.btn-close:before, .btn-close:after{
		width: 15px;
		left: 60%;
	}
	
	.navbar-we-mega-menu.navbar .container-fluid{
		width: 100%;
	}
	
	.we-mega-menu-submenu li.we-mega-menu-li{
		width: 100%;
	}
	
	.navbar-we-mega-menu.navbar .nav-tabs>li.active>a, .navbar-we-mega-menu.navbar .nav-tabs>li.active>a:focus, .navbar-we-mega-menu.navbar .nav-tabs>li.active>a:hover{
		color: #555555 !important;
		background-color: #ffffff;
	}
}

@media screen and (min-width: 1440px){
	.region-we-mega-menu nav.navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li a:before{
		right: 3rem;
	}
}


@media screen and (max-width: 1024px){
	.region-we-mega-menu nav.navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li a:before{
		right: -1rem;
	}
}

/* Updated CSS for GEP SMART and GEP Nexxe on 02/03/2021 */
.api-blocks.home-api-blocks.home-block-76 {
    background-color: rgb(0 0 0 / 43%);
}
.api-blocks.home-api-blocks.home-block-77 {
    background-color: rgb(0 0 0 / 43%);
}
.api-blocks.home-api-blocks.home-block-74 {
    background-color:rgba(255,179,2,1);
}
.api-blocks.home-api-blocks.home-block-75 {
    background-color:rgba(237,92,93,1);
}
html#index-page .api-blocks.home-api-blocks .api-home-top-region .api-image {
    /* width: 192px; */
	 width: auto;
	 max-width: 215px;
}
/* @media (min-width: 992px) {
#index-page .col-lg-3, #gep-nexxe-page .col-lg-3 {
    flex: 1 0 25% !important;
    max-width: 100% !important;
     height: auto;
}
} */
/* /@media (min-width: 992px) {
#index-page .col-lg-3, #gep-nexxe-page .col-lg-3 {
    display: block;
	margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    flex: 1 0 25% !important;
    max-width: 45% !important;
    height: auto;
}
}  */

/* #index-page .col-lg-3, #gep-nexxe-page .col-md-6.col-lg-3.col-12.col-sm-6.views-row {
    display: block;
	margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    flex: 1 0 25% !important;
    height: auto;
} */
#index-page .col-lg-3, #gep-nexxe-page .col-lg-3 {
	flex: auto;
    display: block;
	margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    flex: 1 0 25% !important;
    max-width: 450px;
    height: auto;
}
html#index-page .api-blocks.home-api-blocks p {
    font-size: 16px!important;
} 
html#index-page .api-blocks.home-api-blocks .api-title {
    display: none;
}
html#gep-smart-page .field.field--name-field-api-image.field--type-image.field--label-hidden.field__item.quickedit-field img {
    display: none;
}

html#gep-smart-page .clearfix.text-formatted.field.field--name-field-short-description.field--type-text-long.field--label-hidden.field__item.quickedit-field p {
    margin: 2rem 0rem 0rem 3rem;
    text-align: center;
    padding-bottom: 28px;
}
html#gep-smart-page .field.field--name-name.field--type-string.field--label-hidden.field__item.quickedit-field {
    text-align: center;
}

html#gep-nexxe-page .field.field--name-field-api-image.field--type-image.field--label-hidden.field__item.quickedit-field img {
    display: none;
}
html#gep-nexxe-page .clearfix.text-formatted.field.field--name-field-short-description.field--type-text-long.field--label-hidden.field__item.quickedit-field p {
    margin: 2rem 0rem 0rem 3rem;
    text-align: center;
    padding-bottom: 28px;
}
html#gep-nexxe-page .field.field--name-name.field--type-string.field--label-hidden.field__item.quickedit-field {
    text-align: center;
}
html#gep-smart-page div#block-gepapidoc-content .field.field--name-field-api-image.field--type-image.field--label-hidden.field__item img {
    display: none;
}
html#gep-smart-page div#block-gepapidoc-content .clearfix.text-formatted.field.field--name-field-short-description.field--type-text-long.field--label-hidden.field__item p {
    margin: 2rem 0rem 0rem 3rem;
    text-align: center;
    padding-bottom: 28px;
}
html#gep-smart-page div#block-gepapidoc-page-title .field.field--name-name.field--type-string.field--label-hidden.field__item {
    text-align: center;
}
html#gep-quantum-page div#block-gepapidoc-content .field.field--name-field-api-image.field--type-image.field--label-hidden.field__item img {
    display: none;
}
html#gep-quantum-page div#block-gepapidoc-content .clearfix.text-formatted.field.field--name-field-short-description.field--type-text-long.field--label-hidden.field__item p {
    margin: 2rem 0rem 0rem 3rem;
    text-align: center;
    padding-bottom: 28px;
}
html#gep-quantum-page div#block-gepapidoc-page-title .field.field--name-name.field--type-string.field--label-hidden.field__item {
    text-align: center;
}

.page-node-107 div#page .row.row-offcanvas.row-offcanvas-left.clearfix {
	z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	opacity: 71%;
    height: 100%;
    background: url(https://apiuat.gep.com/themes/custom/gepapidoc/home-page-bg-image.png); 
}
.page-node-107 h1.title {
    text-align: center;
}