@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500');
*{ margin: 0px; padding: 0px; }
body{ margin: 0px; padding: 0px;font-family:'Roboto';font-weight:400;}

header { background: #fff; height: 65px; position:fixed; z-index: 1; width: 100%; top:0px; }
#logo img { padding-top:5px !important;}
.logo-head { border-left: 1px solid #ccc;margin:0px 10px 0;display: inline-block;padding: 5px 10px;vertical-align:middle;font-size: 16px;color: #333;}
header .nav { margin-top:8px;}

.side-sub li { list-style: none;}
.side-sub li a { text-decoration: none;padding-left:20px;}

.body-content h1, .body-content h2, .body-content h3 { margin:0px; padding:5px 0px;}
.body-content { padding-top:65px;}
.inner-body { padding:70px 0px 15px; min-height:520px;}
.body-content h1 { font-size:30px;}
.body-content h2 { font-size:22px;}
.body-content h3 { font-size:20px; font-weight:300;}

.bg-section { z-index:999; background-image: linear-gradient( to left,  #5eacea, #0060ac); position:fixed; background-size:cover; width:100%; padding:15px 0px; top:65px;}
.bg-section h2 { padding:0px;}
.bg-head {color:#ffffff; font-size:20px; margin:0px;font-weight:300 !important;}

.index-page { padding:0px; background:url("../Images/emsigner-api-banner.png") no-repeat 0 0; background-size:cover; min-height:500px;}
.index-page h3 { color:#fff; font-weight:300; line-height:40px; margin-bottom:30px; font-size:32px;}
.index-page h4 { color:#fff; font-weight:300; line-height:30px; font-size:22px; margin-bottom:10px;}
.index-page ul li { color:#fff; font-size:16px; font-weight:300;  font-size:18px; line-height:30px; list-style:none; position:relative; padding-left:20px;}
.index-page ul li:before { content:'»'; position:absolute; left:5px; top:-2px; font-size:20px;}
.index-page .banner-content { padding:120px 50px;}
.index-page .btn-started { background:#f36f21; padding:12px 50px; font-size:18px; color:#fff; margin:10px 0px;}

.left-sidebar { padding:0px; background:#f1f1f1; border:1px solid #e2e2e2; position:fixed; }
.left-sidebar h3 { margin:0px; padding:12px 20px 10px; font-weight:500; border-bottom:2px solid #e2e2e2; font-size:16px;}
.left-sidebar ul { margin:0px; padding:0px; list-style:none; background:#f9f9f9;}
.left-sidebar ul li a {overflow:hidden; text-overflow:ellipsis; color:#0060ac; width:250px; border-bottom:1px solid #f1f1f1; padding:8px 20px; display:block; background:#f9f9f9;}
.left-sidebar ul li a.active, .left-sidebar ul li a:hover { background: #f1f1f1; color:#f36f21; border-left:3px solid #f36f21; text-decoration:none;}
.left-sidebar ul.listScroll { overflow-y:auto;}

.inner-body pre.wrapped { background:#231d1a; color:#fff;}

footer { color:#888888; overflow:hidden; clear:both; background:#231d1a; padding:15px 0px;}
footer a, footer a:hover {-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
footer .copyright { padding:0px; color:#888888; }
footer .f-comlink { margin:0; color:#888888; text-align:right;}
footer .f-comlink a { color:#888888; }
footer .f-comlink a:hover { color:#fff;}


@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {height: auto;} 
  article.offset-md-3{ margin-left: 0%; }
  .navbar-header { margin:0 10px !important;}
  .index-page .banner-content { padding:50px 30px;}
  .index-page h3 { font-size:26px; line-height:30px;}
  footer .f-comlink, footer .copyright { text-align:center;}
  .navbar-toggle { border-color:#000; margin:15px 0px; z-index:999;}
  .navbar-toggle .icon-bar { background-color:#000;}

  header .nav { background:#fff; margin:2px -15px 0px;}
  header .nav a { padding:10px 25px;}

}

.sidenav h4 { margin: 30px 0px 20px 0px; }
.emBlog a { color: #0060c0; }
.emBlog .list-group-item.active a { color: #fff; }

.nav-pills .nav-link{color:#333;}
.nav-pills .nav-link.active{color:#0060ac !important;background:none !important;}
.nav-pills .nav-link.active span { color:#0060ac !important;font-size:12px !important;}
.arrow-mark{font-size:12px;color:#333;padding-right:5px;}
.toggle-list { position:absolute;right:70px;font-size:12px;color:#b1b1b1;}

button.btn.search { border-radius: 0 .25rem .25rem 0; color: #333; background-color: #fff; border-color: #ccc; }
button.btn.search:hover { border-radius: 0 .25rem .25rem 0; background-color: #e6e6e6; border-color: #adadad; }
article { padding: 30px !important; }

ol.useAPI{ padding: 20px !important; }
ol.useAPI li{ padding-bottom: 10px; }

.h300 { height: 300px; border: 1px solid lightgray; }
.dropdown-toggle::after { float: right; margin-top: 10px; }
.newtab-switch{color:#999999;margin-left:10px;font-size:11px;}

.dev-section { padding-top:5px;font-family:'Roboto';}
.dev-section.overview-box h1{font-weight:300;font-size:32px !important;}
.dev-section.overview-box p{font-size:16px !important;color:#666666;line-height:24px;}
.dev-section.overview-box h4{font-size:18px !important;color:#333333;line-height:24px;}
.dev-section.overview-box h2{font-weight:300;}
.dev-section.overview-box h3{font-weight:300;}
.dev-section.overview-box ul { padding-top:9px;padding-left:30px;}
.dev-section.overview-box ul li { font-size:15px;color:#555;margin-bottom:15px;}
.dev-section.overview-box ul li b { font-weight:500;}
.dev-section.overview-box  p a:hover { text-decoration: none;}
.dev-section.overview-box a:hover { text-decoration: none;}
.dev-section.overview-box ol { padding-top:7px;padding-left:30px;}
.dev-section.overview-box ol li { font-size:15px;color:#555;margin-bottom:15px;}
.dev-section.overview-box  a.btn-banner-fixed{margin-top:10px;margin-bottom:10px;border:1px solid #0060ac;min-width:200px;background:#0060ac;color:#fff;}

.blue-tabs-wrap .dcs-tabs { background:#f1f1f1;height:40px;padding-top:10px;}
.blue-tabs-wrap .dcs-tabs li { display:inline;padding-left:50px;color:#0060c0;}
.blue-tabs-wrap .dcs-tabs li:first-child { padding-left:0px;}
.blue-tabs-wrap .dcs-tabs li a { color:#0060ac;}
.blue-tabs-wrap .dcs-tabs li a:hover,.blue-tabs-wrap .dcs-tabs li a:focus { text-decoration: none;color:#0578d6;}
.copyright-box{text-align:right;}