/*
 Theme Name:     Invensense Developer
 Description:    Invensense Developer Theme
 Author:         Rahil
 Template:       invensense
 Version:        1.0.0
*/
 
@import url("../invensense/style.css"); 
 
/* =Theme customization starts here*/ 

.center-block{ text-align:center;}
body{ color:#263746;}
.loginbox,.registerbox{ margin:50px auto;}
.loginbox .col-sm-3{ float:none; margin:0 auto; }
.loginform{ padding:25px; background:#e7e7e8; color:#263746;} 
.loginform label{ display:block; width:100%; font-weight:normal; }
.loginform .signup_link{ text-align:center; text-align:left; margin:33px 0 0 0;}
.blue-btn{ background:#004378; color:#fff; padding:5px 35px; text-transform:uppercase; border:none; border-bottom:2px solid #092f57;}
.loginform .forgot_link{ position:relative; top:15px;}
.loginform a{ color:#009ddf; text-decoration:none;}

.error{ color:#F90808;}
.updated-success{ color:#16B118;}


.center-content .motion-text{ padding-top:10px;}
.developer_home{ /*width:70%;*/ margin:0 auto; padding:20px 0 40px 0;}
.developer_home .first_child,.developer_home .devchildren{ float:none; margin:0 auto;}
.devchildbox .heading img{ width:85px;}
.devchildbox .heading h3{font-size: 27px; display: inline-block;  color: #229997; padding: 10px;

padding-left: 30px;
}
.devchildbox .heading h3 a{color: #229997; }
.devchildbox a.more{ font-size:28px; text-decoration:none; color:#263746; float:right; float:left;

margin-top: 10px;
}
.first_child a.more{ float:left;}
.devchildbox .txt{ float:right; width:81%; width:93%; margin:-25px 0 0 0;padding: 10px 10px 10px 5px;

width:100%;
padding-left:100px;

font-size: 17px;
line-height: 25px;
padding-left:120px;
}
.developer_home .first_child .txt{  /*width:91%;*/}
.devchildren .odd{ padding-left:0;}
.devchildren .even{ padding-right:0; padding-left:30px;}
/*Developer sub page*/
.developer_sub_page .page_title h1{
	color:#fff;
	position:absolute; top:25%;font-size:65px;
}
.content_wrapper { min-height:450px;}
.developer_nav{ border-bottom:1px solid #999;}
/*.navbar-nav > li > a { color: #A40000; border-right: 1px solid #333;  padding: 0 16px 0 0px; margin: 15px 8px 15px 10px;}
.current_page_item a{ font-weight:bold;}
.navbar-nav > li > a:hover{ background:none;}
.navbar-nav li:last-child a{ border-right:none;}*/

.dwnld_row .round_box{ margin: 0 auto; width: 45%; text-align: center; border-radius: 100%; border: 1px solid #DBDBDB; padding:26% 26%; background:#DBDBDB}
.dwnld_row { padding:35px 0; background:#e9ebf8;}
.dwnld_row.even{ background:#e7e6e6; }
.dwnld_row h3{ color:#000;}
.download_link a{ float:right; padding:8px 30px; background:#004378; color:#fff; text-decoration:none; font-weight:bold;}

.support_center { /*width:52%;*/ margin:40px auto; padding:20px; background:#e7e7e8; color:#263746;}
.support_center .blue-btn{ float:right;}
.faq_wrapper{ background:#ececec;}
.support_center p{ color:#263746;}
.support_center label{ font-weight:normal; color:#263746; }


.faq_wrapper li{ list-style:none}
.faq_title{ font-size:40px;}
.faq_list li{ list-style:none; font-size:16px; }
.faq_list .question{ font-size:20px; color:#333; display:block; cursor:pointer ;vertical-align: top;
cursor: pointer;}

.faq_list .answer{ display:none }


.faq_list li {
list-style-image: url(images/plus_icon_faq.png);
line-height: 30px;
padding-bottom: 15px;
vertical-align: top;  
padding-left: 8px;
}
.faq_list li.activefeature {
list-style-image: url(images/minus_faq_icon.png);
}





body.page-audio .content_wrapper{ min-height:250px; padding:35px 0;}
.developer_sub_page .center-content{ border-bottom:1px solid #000;}
.page_sections .center-content{ padding:20px 0;}

/* register page */
.registerbox .center-block{ float:none; margin:0 auto;}
.regform{ padding:25px; background:#e7e7e8; color:#263746; float:left; width:100%; text-align:left;} 
.regform label{ text-align:left; font-weight:normal;}

.user-login-page .regform {
  border: 1px solid #bcbdc0;
}

.developer_nav .navbar-nav{ float:left; width:100%;}
.developer_nav .navbar-nav li.current-menu-item a{
font-weight:bold;
color:#A12F24
}


.developer_home .devchildren .devchildbox .childboxdiv , .developer_home .first_child .childboxdiv{
/*border-bottom:1px solid #000;*/
border-bottom:solid 5px #ECECED;
padding-bottom: 15px;
margin-bottom: 15px;
}
.developer_home .devchildren .devchildbox .childboxdiv:last-child{
border-bottom:0;
}
.developer_nav .navbar-nav li{
width:10%; 
width:9.6%; 
text-align:center;
border-right: 1px solid #000;
}
.developer_nav .navbar-nav li:last-child{
border-right: 0;
} 
.developer_nav .navbar-nav li a{
padding-left:0;
padding-right:0;
  font-size: 15px;
}

.developer_sub_page .full-banner{ padding-bottom:0}

.resetpw_notice{color:#9C3022; float:left; width:100%; padding-top:10px;}
.resetpw_notice a{ color:#9C3022; text-decoration:underline;}

.devhome-text{ width:60%;} 

.download_link a:hover{
background: #0668B6;
}
.forumBannerhide{ display:none}

.faq_search .form-control{ width:50%; float:left; margin-right:15px;}
.faq_search .blue-btn{ float:left;}


.faq_search{ padding:10px 0 20px 0; display:block;}
.clearFs{ display:none; margin-left:7px;} 
.emptyResult{
    display: block;
    width: 70%;
    float: left;
    padding: 6px;
    border: 1px solid #796212;
    background: #FFFDF4;
    margin: 19px 0;
}

@media (min-width: 768px) and (max-width: 1200px) {
.developer_nav .navbar-nav li{
width: 10%;
vertical-align: middle;
}
.developer_nav .navbar-nav li{
width: 20%;
float:left;
border-bottom: 1px solid #000;
}
.developer_nav .navbar-nav li:nth-child(5n){
	border-right: 0;
}
}
@media ( max-width: 767px ) {
.developer_nav .navbar-nav{
margin-left:auto;
margin-right:auto;
}
.developer_nav .navbar-nav li{
width: 100%;
border:0;
}
}
/* style for cookie policy */
#CookiePolicy {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ebebeb;
  text-align: center;
  z-index: 999999;
  padding: 12px 0;
  display: none;
}
#CookiePolicy p {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  color: #003056;
  margin: 0 10px 0 0;
}
#CookiePolicy a {
  text-decoration: underline;
  color: #003056;
}
#CookiePolicy .closecbar {
  display: inline-block;
  vertical-align: middle;
  color: #003056;
  background: transparent;
  border: 2px solid #003056;
  padding: 3px 10px;
  text-decoration: none;
  cursor: pointer;
}
body.cookie-bar #CookiePolicy {
  display: block;
}

@media (min-width: 0px) and (max-width: 767px) {
  #CookiePolicy p {
    display: block;
    margin: 0 0 10px;
  }
  /*developer style begin*/
  .regform.controls .password-text {
    padding-right: 0;
  }
  .regform.controls .confirm-pwd {
    padding-right: 0;
    padding-left: 0;
  }
  /*developer style end*/
}

@media (min-width: 768px) and (max-width: 991px) {
  #CookiePolicy p {
    display: block;
    margin: 0 0 10px;
  }
}
/*developer form css begin*/
.developer-form #PasswordError {
  display: none;
}
.developer-form #PasswordError p {
  color: #F90808;
}
.developer-form .regform.controls {
  border: 1px solid #bcbdc0;
  width: 540px;
  margin: 40px auto;
  float: none;
  padding: 30px 40px;
}
.developer-form .form-title h3 {
  font: 600 34px/120% "Helvetica",Arial, sans-serif;
  color: #231f20;
  margin: 0 0 20px;
}
.floating-label {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-bottom: 12px;
}
.developer-form .form-row .floating-input {
  width: 100%;
  box-shadow: none;
  border: 1px solid #d5d6d7;
  border-radius: 6px;
  background-color: #fff;
  padding: 18px 14px 10px 14px;
  font: 400 18px/100% "Helvetica",Arial, sans-serif;
  color: #231f20;
}
.developer-form .form-row select.floating-input {
  padding: 14px 45px 14px 14px;
  background: #ffffff url(images/arrow-icon.png) no-repeat 95% center;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
    -moz-appearance: none;
}
.developer-form .form-row select::-ms-expand {
  display: none;
}
.developer-form .form-row .floating-input:focus {
  outline: 0;
}
.developer-form .form-row label {
  position: absolute;
  top: 14px;
  left: 14px;
  font: 400 18px/100% "Helvetica",Arial, sans-serif;
  text-align: left;
  color: #999999;
  transition: top 0.2s ease-in-out;
}
.developer-form .form-row label a {
  color: #007aff;
}
.developer-form .form-row label a:hover {
  color: #fdaa00;
}
.developer-form .form-row .floating-input:focus~label, .developer-form .form-row .floating-input.not-empty~label {
  top: 3px;
  font-size: 12px;
  transition: top 0.2s ease-in-out;
}
.developer-form .form-row.user-name-static label {
  top: 3px;
  font-size: 12px;
}
.developer-form .form-row.user-name-static p {
  text-align: left;
}
.developer-form .form-row .floating-input.reset-password-btn {
  padding: 16px 14px 16px 14px;
  margin-bottom: 10px;
  cursor: pointer;
  text-align: center;
}
.developer-form .reset-password {
  display: none;
}
.developer-form .form-row .help-text {
  padding: 0px 5px;
  display: inline-block;
  font: 500 12px/120% "Helvetica",Arial, sans-serif;
  color: #818285;
}
.developer-form .group-title h5 {
  font: 600 26px/120% "Helvetica",Arial, sans-serif;
  color: #818285;
  margin: 0 0 10px;
}
.developer-form hr.form-divider {
  border-color: #bcbdc0;
  margin: 15px 0;
}
.developer-form hr.form-divider.extraspace {
  margin: 15px 0 22px 0;
}
.developer-form .form-row.nomargin-sp .form-lhs, .developer-form .form-row.nomargin-sp .form-rhs {
  margin: 0;
}
.developer-form .form-row .form-lhs {
  margin-right: 20px;
}
.developer-form .form-row .form-lhs, .developer-form .form-row .form-rhs {
  float: left;
  width: 47.5%;
}
.developer-form .form-row.check-box {
  margin-top: 6px;
}
.developer-form .form-row.check-box input {
  font: 400 14px/100% "Helvetica",Arial, sans-serif;
  text-align: left;
  color: #999999;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}
.developer-form .form-row.check-box label {
  position: static;
  font: 500 14px/100% "Helvetica",Arial, sans-serif;
  text-align: left;
  color: #231f20;
  display: inline-block;
  width: 94%;
  vertical-align: top;
  margin: 0 0 0 6px;
  padding: 0;
}
.developer-form .form-row.other, .developer-form .form-row .appliaction-others, .developer-form .form-row .product-others {
  display: none;
}
.developer-form .form-row.submit {
  margin: 15px 0;
}
.developer-form .form-row.submit input {
  width: 100%;
  border: 1px solid #007aff;
  background-color: #007aff;
  font: 600 26px/130% "Helvetica",Arial, sans-serif;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 8px 0;
}
.developer-form .form-row.submit input:hover {
  background-color: #ffffff;
  color: #007aff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.developer-form .form-row p {
  font: 500 16px/120% "Helvetica",Arial, sans-serif;
  color: #231f20;
  margin: 0;
  text-align: right;
}
#your-profile .account-actiation-manually {
  margin-bottom: 40px;
}
/* =================================
   Custom Responsive Styles
================================== */
/* Small Mobile Devices ( < 768px ) Style Begin */
@media (min-width: 0px) and (max-width: 767px) {
  .developer-form .regform.controls {
    width: 100%;
    padding: 15px 20px;
  }
  .developer-form .form-title h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .developer-form .group-title h5 {
    font-size: 18px;
  }
  .developer-form .form-row label {
    font-size: 14px;
  }
  .developer-form .form-row .floating-input {
    font-size: 14px;
    padding: 12px 12px 8px 12px;
  }
  .developer-form .form-row label {
    top: 12px;
  }
  .developer-form .form-row label {
    font-size: 12px;
  }
  .developer-form .form-row .floating-input:focus ~ label, .developer-form .form-row .floating-input.not-empty ~ label {
    font-size: 10px;
  }
  .developer-form hr.form-divider {
    margin: 10px 0;
  }
  .developer-form .form-row.check-box label {
    width: 86%;
  }
  .developer-form .form-row .form-lhs, .developer-form .form-row .form-rhs {
    width: 100%;
  }
  .developer-form .form-row.submit input {
    font-size: 20px;
    padding: 6px 0;
  }
  .developer-form .form-row p {
    font-size: 14px;
  }
  .developer-form .form-row .floating-input.reset-password-btn {
    padding: 12px 12px 8px 12px;
  }
}
/* Small Mobile Devices ( < 768px ) Style End */
@media all and (max-width:767px) and (min-width: 480px) {
  .developer-form .regform.controls {
    width: 380px;
  }
}
/* Small devices (tablets, 768px and up)  Style Begin */
@media (min-width: 768px) and (max-width: 991px) {
  .developer-form .regform.controls {
    width: 450px;
  }
  .developer-form .form-title h3 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .developer-form .group-title h5 {
    font-size: 22px;
  }
  .developer-form .form-row label {
    font-size: 16px;
  }
  .developer-form .form-row .floating-input {
    font-size: 16px;
    padding: 16px 12px 8px 12px;
  }
  .developer-form .form-row.submit input {
    font-size: 22px;
  }
  .developer-form .form-row .form-lhs, .developer-form .form-row .form-rhs {
    width: 46.5%;
  }
  .developer-form .form-row.check-box label {
    width: 92%;
  }
}
/* Small devices (tablets, 768px and up)  Style End */
/* Medium devices (desktops, 992px and up) Styles Begin */
@media (min-width: 992px) and (max-width: 1199px) {}
/* Medium devices (desktops, 992px and up) Styles End */
@media (min-width: 1200px) and (max-width: 1300px) {}

.faq_wrapper .faq_search .blue-btn {
  height: 34px;
  padding: 8px 35px 5px 35px;
}
/* Register page */
.developer-form .form-row.terms-of-use-text h3, .developer-form .form-row.software-licensense-agreement-text h3 {
  font: 600 18px/120% "Helvetica",Arial, sans-serif;
  color: #000;
  margin: 0 0 2px 0;
}
.developer-form .form-row.terms-of-use-text p, .developer-form .form-row.software-licensense-agreement-text p {
  color: #000;
  text-align: left;
  font: 400 14px/120% "Helvetica",Arial, sans-serif;
  margin: 0 0 20px 0;
}
.developer-form .form-row.terms-of-use-text ul li, .developer-form .form-row.software-licensense-agreement-text ul li, .developer-form .form-row.software-licensense-agreement-text ol li {
  color: #000;
  text-align: left;
  font: 400 14px/120% "Helvetica",Arial, sans-serif;
  margin: 0 0 7px 0;
}
.developer-form .form-row.terms-of-use-text ul, .developer-form .form-row.software-licensense-agreement-text ul, .developer-form .form-row.software-licensense-agreement-text ol {
  padding: 0 0 0 20px;
  margin: 0 0 20px 0;
}
.developer-form .form-row.terms-of-use-text h4, .developer-form .form-row.software-licensense-agreement-text h4 {
  font: 400 16px/120% "Helvetica",Arial, sans-serif;
  margin: 0 0 2px 0;
}
.developer-form .form-row.terms-of-use-text, 
.developer-form .form-row.software-licensense-agreement-text {
  padding: 2px 0;  
  width: 100%;
  border: 1px solid #d5d6d7;
  border-radius: 6px;
  background: #fff;
}
.developer-form .form-row.nomargin-sp .form-lhs, .developer-form .form-row.nomargin-sp .form-rhs {
  margin: 0;
}
.developer-form .form-row.terms-of-use-text .inner-warp, 
.developer-form .form-row.software-licensense-agreement-text .inner-warp {
  height: 150px;
  width: 100%;
  overflow-y: scroll;
  border-radius: 9px;
  overflow-x: hidden;
  padding: 10px 14px 6px 14px;
  background: #fff;
}
.developer-form .form-row.terms-of-use-text h5, .developer-form .form-row.software-licensense-agreement-text h5 {
  font: 400 16px/120% "Helvetica",Arial, sans-serif;
  margin: 0 0 2px 0;
}
.user-login-page .registerbox .form-group.user-login-btn input[type="submit"] {
  border: 1px solid #007aff;
  background-color: #007aff;
  font: 600 16px/130% "Helvetica",Arial, sans-serif;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 10px 35px 8px 35px;
  height: 40px;
}
.user-login-page .registerbox .form-group.user-login-btn input[type="submit"]:hover {
  background-color: #ffffff;
  color: #007aff;
  -webkit-transition: all 0.3s ease; 
  transition: all 0.3s ease;
}
.developer-form .form-row.software-licensense-agreement-text {
  margin-bottom: 20px;
}
.developer-form .form-row.terms-of-use-text ol, .developer-form .form-row.software-licensense-agreement-text ol { counter-reset: item }
.developer-form .form-row.terms-of-use-text ol li, .developer-form .form-row.software-licensense-agreement-text ol li{ display: block }
.developer-form .form-row.terms-of-use-text ol li:before, .developer-form .form-row.software-licensense-agreement-text ol li::before { content: counters(item, ".") " "; counter-increment: item }
.user-login-page .registerbox .form-group .user-login-btn a {
  margin-top: 12px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .user-login-page .regform.controls {
    padding: 0;  
  }
  .user-login-page .registerbox .form-group.user-login-btn input[type="submit"] {
    padding: 10px 30px 8px 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .user-login-page .registerbox .form-group.user-login-btn a {
    margin-bottom: 20px;
    display: inline-block;
  }
  .user-login-page .registerbox .form-group.user-login-btn input[type="submit"] {
    float: none !important; 
  }
}