@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"); 

body{font-family:"Open Sans", sans-serif /*"Montserrat", sans-serif*/;font-weight:normal;font-style:normal;padding:0;margin:0;overflow-x:hidden; font-size: 14px;}
a{color:#04005f;}

::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
::-webkit-scrollbar {width: 6px;height: 8px;background-color: #F5F5F5;border-radius: 10px;}
::-webkit-scrollbar-thumb {background-color: #04005f;border-radius: 10px;}

.panel-title{cursor:pointer;}
h4.tab-title{font-family:'Roboto', sans-serif;font-weight:normal;font-size:22px;color:#ffffff;}
.vertab-content ul, .vertab-content ol{padding-left:0px;}
.righttabs .nav-tabs .nav-link:hover{border:none;color:#F65741;}
.righttabs .nav-tabs .nav-link{border:none;}
.stickySide {position: -webkit-sticky;position: sticky;top: 0;z-index: 99;}
.listScroll {height: calc(100vh - 110px);overflow-y: scroll;}
.apilogo{padding:11px 0px 10px 20px;display:block;background-color: #fff;}
.leftsd-head{padding:12px 15px;font-size:16px;margin-bottom:0px;margin-bottom:0px;font-weight:600;background-color:#f65741;color:#ffffff;}
.apilogo img{height:45px;}
.midside-api{padding:0;}
.rgtside-api{background:#393939;position:relative;height:100%;padding:0px!important;color:#fff;}
.righttabs .nav-tabs{background:#fff;padding-top:18px;position: sticky;top: 0;z-index: 99;background-color: #fff;}
.righttabs .nav-tabs .nav-item.show .nav-link, .righttabs .nav-tabs .nav-link.active{color:#fff;background-color:#04005f;border:none;margin-bottom:10px;border-radius:2px;}
.rgtcntnt{padding:30px;padding-left:40px;padding-right:40px;}
.splrapi{padding:10px 10px;font-size:2.4rem;text-align:center;border-bottom:1px solid #dbdbdb;color:#04005f;font-weight:600;margin-bottom:0px;}
.midside-api .panel-body{padding:30px;}
.midside-api .panel-body h5{font-size:20px;font-weight:600;}
.righttabs .highlight{background:#191919 none repeat scroll 0 0;border-bottom:1px solid #404040;border-radius:5px;border-top:1px solid #000;padding:13px;color:#fff;font-size:0.9rem;font-size:0.8rem;line-height:22px;letter-spacing:0.4px;}
.righttabs span{color:#ffae57;word-break:break-all;}
.righttabs .dfntn{font-size:1.1rem;letter-spacing:0.4px;color:#eee;}
.righttabs .txt2colr{color:#7aafff;}
.righttabs .txt3colr{color:#00c700;}
.subttl-table{font-size:18px;color:#000;}
.prameter-tbl th{background-color:#f2f2f2;padding:10px 10px;color:#04005f;font-size:14px;letter-spacing:0;text-align: center;}
.prameter-tbl td{background-color:#f9fbfc;padding:10px 5px;font-size:13px;letter-spacing:0;text-align: center;}
.apiColorA {color:#ffae57;}
.apiColorB {color:#7aafff;}
.dlLang, .dlLang:hover, .dlLang:focus {background-color: #04005f;color: #FFF; padding: 2px 10px; font-size: 12px; font-weight: 600;float: right;}

.navMenu .navbar {box-shadow: 1px 1px 5px #ccc;padding:5px 0;}
.navMenu .splrapi {border:none;padding:5px;text-align: left;}
.navMenu .apilogo {padding: 5px 0px 5px 10px;}
.navMenu .apilogo img {height: auto;}
.btnWraps {padding-top: 50px;text-align: center;}
.btnWraps .apiBtn {padding: 0 25px; text-align: left;}
.btnWraps .apiBtn p {font-size:14px; font-weight: 600;color: #676767;}
.btnWraps .apiBtn .btn {color: #fff;background-color: #04005f;border-color: #04005f; border-radius: 30px; font-size: 14px;padding:8px 12px; background-image: linear-gradient(0deg,#04023c, #04005f, #040063,#04005f);margin-right: 10px;float: right;}
.btnWraps .apiBtn .media {box-shadow: -5px 8px 18px 0px #e6e6e6;padding: 15px 10px;margin-bottom: 50px;}

@media (min-width:768px)
 {
	.vertab-container{z-index:10;background-color:#fff;padding:0 !important;border:none;height:100vh;}
	.vertab-menu{padding-bottom:0;display:block;background-color:#fff;border-right:1px solid #d9d9d9;height:100vh;background:#e6e6e614;padding:0;position:absolute;height:100%;width: 100%;}
	.vertab-menu .list-group{margin-bottom:0;border-right: 1px solid #cacaca;}
	.vertab-menu .list-group>a{margin-bottom:0;border-radius:0;}
	.vertab-menu .list-group>a, .vertab-menu .list-group ul li a{color:#292929;background-image:none;text-decoration:none;box-sizing:border-box;font-size:13px;border-radius:0;border:none;border-bottom:1px solid #CACACA;padding:10px 15px;padding-right: 5px;font-weight:600;display: block;}
	.vertab-menu .list-group>a.active, .vertab-menu .list-group>a:focus{position:relative;border:none;border-radius:0;border-bottom:1px solid #CACACA;background-color:#04005f;color:#fff;}
	.vertab-menu .list-group>a.active:hover{position:relative;border:none;border-radius:0;border-bottom:1px solid #CACACA;background-color:#04005f;color:#fff;}
	.vertab-menu .list-group>a:hover{position:relative;border:none;border-radius:0;border-bottom:1px solid #CACACA;color:#fff;background-color:#3d3a84;}
	.vertab-content{margin:0;font-size: 15px;/*padding-left:20px;padding-top:10px;*/
	height:100%;color:#000;font-weight:500;display:flex; width: 100%;}
	.vertab-accordion .vertab-content:not(.active){display:none;}
	.vertab-accordion .vertab-content.active .collapse{display:block;}
	.vertab-container .panel-heading{display:block;position: sticky;top: 0;z-index: 99;background-color: #fff;}
	.vertab-container .panel-body{border-top:none !important;}
}
/* If the tc_breakpoint variable is changed, this breakpoint should be changed as well */
@media (max-width:767px){
	.vertab-container{margin-top:20px;margin-bottom:20px;}
	.vertab-container .vertab-menu{display:block;}
	.vertab-accordion .vertab-content:not(.active){display:none;}
	.vertab-container .panel-heading{background-color:#d2d2d2;color:#818181;padding:15px;border-bottom:1px solid #F6F6F6;border-top-left-radius:0;border-top-right-radius:0;}
	/* .vertab-container .panel-heading:hover, .vertab-container .panel-heading:focus, .vertab-container .panel-heading.active{border-left:5px solid #7952b3;border-bottom:1px solid #7952b3;}
	*/
	.vertab-content{border-bottom:1px solid #CACACA;}
	.vertab-container .panel-title a:focus, .vertab-container .panel-title a:hover, .vertab-container .panel-title a:active{color:#818181;text-decoration:none;}
	/* .panel-collapse.collapse, .panel-collapse.collapsing{background-color:#7952b3 !important;color:#ffffff;}
	*/
	.vertab-container .panel-collapse .panel-body{border-top:none !important;}
}


/* Media */
/*  ##Device = Desktops, ##Screen = 1281px to higher resolution desktops */
@media (min-width: 1281px) {
}
/* ##Device = Laptops, Desktops, ##Screen = B/w 1025px to 1280px */
@media (min-width: 1025px) and (max-width: 1280px) {

}
/* ##Device = Tablets, Ipads (portrait), ##Screen = B/w 768px to 1024px  */
@media (min-width: 768px) and (max-width: 1024px) {
}
/* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px  */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}
/* ##Device = Low Resolution Tablets, Mobiles (Landscape),  ##Screen = B/w 481px to 767px  */
@media (min-width: 481px) and (max-width: 767px) {
	.apilogo {padding: 0px 0px 20px 20px;}
	.leftsd-head {font-size: 30px;}
	.vertab-menu .list-group>a, .vertab-menu .list-group-item {color: #04005f;font-weight: 600;background-color: #fff;border-radius: 0;padding: 15px 30px;border-bottom: 1px solid #ccc;}
	.vertab-menu .list-group>a.active:hover, .vertab-menu .list-group-item.active {border-color: #04005f;border: none;border-radius: 0;border-bottom: 1px solid #04005f;background-color: #04005f;color: #fff;font-weight: 600;text-decoration: none;}
	.vertab-content .collapse:not(.show) {display: block; }
	.vertab-content .panel-collapse.collapse, .vertab-content .panel-collapse.collapsing {font-weight: 500;}
	.vertab-content .panel-heading {display: none;}
	.vertab-content .panel-collapse .panel-body {padding: 5px; margin-top: 10px;}
	.vertab-content .panel-collapse .panel-body h5 {color: #f65741;}
	.rgtcntnt {padding: 20px;padding-left: 20px;padding-right: 20px;}
	.righttabs .nav-tabs {position: static;}
}
/*   ##Device = Most of the Smartphones Mobiles (Portrait),  ##Screen = B/w 320px to 479px  */
@media (min-width: 320px) and (max-width: 480px) {
	.apilogo {padding: 0px 0px 20px 20px;}
	.leftsd-head {font-size: 22px;}
	.vertab-menu .list-group>a, .vertab-menu .list-group-item {color: #04005f;font-weight: 600;background-color: #fff;border-radius: 0;padding: 15px 30px;border-bottom: 1px solid #ccc;}
	.vertab-menu .list-group>a.active:hover, .vertab-menu .list-group-item.active {border-color: #04005f;border: none;border-radius: 0;border-bottom: 1px solid #04005f;background-color: #04005f;color: #fff;font-weight: 600;text-decoration: none;}
	.vertab-content .collapse:not(.show) {display: block; }
	.vertab-content .panel-collapse.collapse, .vertab-content .panel-collapse.collapsing {font-weight: 500;}
	.vertab-content .panel-heading {display: none;}
	.vertab-content .panel-collapse .panel-body {padding: 5px; margin-top: 10px;}
	.vertab-content .panel-collapse .panel-body h5 {color: #f65741;}
	.rgtcntnt {padding: 20px;padding-left: 20px;padding-right: 20px;}
	.righttabs .nav-tabs {position: static;}
	.navMenu .splrapi {text-align:center;}
	.btnWraps .apiBtn .media {display: block;text-align: center;}
	.btnWraps .apiBtn .btn {float: none;}
	


}