﻿

/*---------------------------------------------horizontal tab css start-----------------------------------------------*/

main { min-width: 270px;max-width: 100%;padding-top: 10px;margin: 0 auto;background: #fff;}
section { display: none; padding: 10px 25px 10px;border: 1px solid #ddd;}
main > input { display: none;}
main > label {display: inline-block; margin: 0 0 -1px; padding: 10px 25px; font-weight: 600;text-align: center; color: #504d4d; border: 1px solid transparent; background: #e9e9e9;}
main > label:before {  font-family: fontawesome; font-weight: normal; margin-right: 10px;}
main > label:after{font-family:@Arial Unicode MS;}
main > label:hover { color: #50ae26;  cursor: pointer;}
main > input:checked + label { color: #333131;border: 1px solid #ddd;border-top: 2px solid #4fb547;background: #effbe5;}
#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4,#tab5:checked ~ #content5,#tab6:checked ~ #content6 {  display: block;display: flow-root;}
@media screen and (max-width: 650px) {main > label {font-size: 13px;padding: 5px;display: block !important;background: #f0f0f0;border-top: 2px solid #4fb547;}
main > label:before {margin: 0;font-size: 18px;}
main > label:after{display: block;}}
@media screen and (max-width: 767px) {main > label {padding: 5px 9px;font-size: 12px;}}
@media screen and (max-width: 400px) { main > label {padding: 5px;display:block !important;background: #f0f0f0;border-top: 2px solid #4fb547;  } }


/*---------------------------------------------horizontal tab css close-----------------------------------------------*/

/*---------------------------------------------accordian tab css start-----------------------------------------------*/

.containertab{margin: 13px 0px 6px 0px;overflow: hidden;}
.bioinnertab h3{background:#efefef;color:#3e3e3e;text-align:left;border-radius:4px;padding:10px 0px 10px 46px;cursor:pointer;margin-top:0;margin-bottom:9px;padding-right:23px;transition:.25s all;position:relative;border:1px solid #b5b5b5;font-size:18px;font-weight:normal}
.bioinnertab h3.active{margin-bottom:12px;background:#efefef}
.bioinnertab h3.alignLeft{padding-left:35px}
.bioinnertab>div{display:none;background:#fff;border-radius:4px;border:1px solid #cdcdcd;text-align:left;padding:8px 15px;margin-bottom:9px}
.bioinnertab .arrowDown{width:0;height:0;border-style:solid;border-width:13.0px 7.5px 0 7.5px;border-color:#272e35 transparent transparent transparent;position:absolute;bottom:0;left:40px;transition:.25s all;opacity:0}
.bioinnertab .active .arrowDown{bottom:-13px;border-color:#009641 transparent;opacity:1}
.bioinnertab .collapseIcon{right:20px;top:51%;font-size:25px;font-weight:300;left:12px;display: inline;float: left;margin-left: -33px;margin-top: -4px;}
.biotabcat{float: right;width: 16%;}

/*---------------------------------------------accordian tab css close-----------------------------------------------*/


 
/*---------------------------------------------new menu css -----------------------------------------------*/
.menu-container{width:100%;margin:0 auto;margin-top:5px}
.mobmarginr{margin-right: 20px;}
.mobmenumar{margin-top: 36px;}
 .dropdown, .dropup { position: unset !important; }
 .navbar-nav>li>a {padding: 4px 10px 6px 9px;font-weight: normal;color:#b4293a;}
.dropdown > ul > li { margin-top: -8px; padding-bottom: 0; list-style: none; width: 25%; background: 0; float: left; line-height:4px; }
.menufinalcat { padding:0px 0px 2px 0px;}
.dropdown > ul > li > h5{font-size: 16px;font-weight: normal;margin-top: 18px;margin-bottom: 11px;color: #b4293a;text-transform: capitalize;}
.dropdown > ul > li > ul > li{width: 100%;padding: 0;margin-top:7px;font-size: .8em;list-style: none;}
.dropdown > ul > li > ul{padding: 0;margin-top: -6px;}
.dropdown > ul > li > ul > li > a{border: 0;font-size: 15px;line-height: 15px;color: #595959;font-weight: normal;word-spacing: 0px;}
.dropdown > ul > li > ul > li > a:hover{border-radius: 3px;color: #565555;margin-left: 3px;text-decoration: none;transition-duration: .3s;transition-property: margin-left,background-color;transition-timing-function: ease-out;}
.dropdown > ul > li > ul > li > a > i {margin-right: 8px;display: none;}
.navbar-nav > li > a > i{margin-left: 7px;}

/*================================== Mega mobile =====================================*/
.navbar-mobile {position: relative;min-height:0px;margin-bottom:0px;border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;}

.navbar-default .navbar-nav>li>a {width:auto;font-size:17px;border-bottom: 1px solid gray;}
.mega-dropdown {position: static !important;width: 100%;padding-left: 0px !important;padding-right: 30px !important;margin-left: 16px;}
.mega-dropdown-menu {padding: 20px 0px !important;width: 100%;box-shadow: none;-webkit-box-shadow: none;}
.mega-dropdown-menu:before {content: "";border-bottom: 15px solid #fff;border-right: 17px solid transparent;border-left: 17px solid transparent;position: absolute;top: -15px;left: 285px;z-index: 10;}
.mega-dropdown-menu:after {content: "";border-bottom: 17px solid #ccc;border-right: 19px solid transparent;border-left: 19px solid transparent;position: absolute;top: -17px;left: 283px;z-index: 8;word-spacing: 0px !important;}
.mega-dropdown-menu > li > ul {padding: 0;margin: 0;margin-bottom: 13px;}
.mega-dropdown-menu > li > ul > li {list-style: none;padding: 0 !important;}
.mega-dropdown-menu > li > ul > li > a {display: block;padding: 0;clear: both;font-weight: normal;line-height: 1.428571429;color: #999;white-space: normal;word-spacing: 0px !important;margin-top: 2px;}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {text-decoration: none !important;color: #444;margin-left: 0px !important;text-decoration: none;transition-duration: .3s;transition-property: margin-left,background-color;transition-timing-function: ease-out;font-weight: normal !important;}
.mega-dropdown-menu .dropdown-header {color: #b4293a;font-size:16px;font-weight:normal;white-space: inherit;margin-top: 17px;}
.mega-dropdown-menu form {margin:3px 20px;}
.mega-dropdown-menu .form-group {margin-bottom: 3px;}
.mega-mobile {width: 50% !important;}
.mega-padding{padding:0px !important;margin-left: 2% !important;}
.navbar-header{background-color: #4fb547;}
/*================================== Mega menu mobile close =====================================*/
/*================================== contact submision page 12 july   =====================================*/
.submission_bg {background-color: #f3fbf2;border: 1px solid #d7d7d7;border-radius: 30px;margin-bottom: 22px;box-shadow: 2px 2px 2px 2px #989898;padding:4%;}
.usermsg{font-size: 20px;color: #5C5C5C;text-align: center;}

/*================================== contact submision page 12 july  end =====================================*/

/*================================== site map 24 july   =====================================*/
.sitemap1 ul {margin-left: 39px;padding: 0px;margin-top: 0px;list-style-position: outside;margin-bottom: .7em;font-weight: bold;}
.sitemap1 ul {list-style-position: outside;font-weight: bold;list-style-type: circle;list-style-image:none;list-style-type: disc;}
.sitemap1 ul li a {padding-top: 1px;line-height: 20px;font-size: 13px;color:#06a146;}
.sitemap1 li {margin-bottom: 2px;padding-left: 0px;text-align: left;}
.sitemap-main {margin: 0px;font-weight: bold;text-decoration: none;text-align: justify;color: #9A0000;}
.paddind-b{padding-left: 15px;}
/*================================== site map 24 july end   =====================================*/

/*================================== site map 1 Aug protein-sequencing-services.aspx   =====================================*/
.middletextarea2 {
    
    height: 100%;
    overflow: hidden;
    padding: 5%;
}
/*================================== site map 1 Aug protein-sequencing-services.aspx end   =====================================*/

.middletextarea {
    padding-left: 71px;
    width: 528px;
    height: 100%;
    overflow: hidden;
}

.middlebody {
    width: 600px;
    background: url(../../images/popup_Left.jpg) repeat-y left;
    overflow: hidden;
    height: 100%;
    float: left;
}