/* General for desktop */
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
  width: 968px;
}
.front .flexslider {
  width: 1024px
}
.container .carousel-ext {
  width: 105.78%;
  margin-left: -30px;
}
.span2 {
  width: 166.5px;
}
.span3 {
  width: 219.5px;
}
.span3-5 {
  width: 270px;
}
.span4 {
  width: 303px;
}
.span5 {
  width: 400px;
}
.span6 {
  width: 469px;
}
.span8 {
  width: 636px;
}
.span9 {
  width: 719.5px;
}
.span12 {
  width: 968px;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}
.group-actions-tvci-courses.span8 {
  margin-left: 0;
}

.row {
  margin-left: -31px;
}
.mobile {
  display: none;
}
.tablet {
  display: none;
}
/* Related content Touts */
#touts.span3 {
  margin-left: 0;
  margin-right: 30px;
  margin-top: -35px;
  float: right;
}
#touts .span3.tout.touts {
  margin-left: 0;
}
/*
 * Action-bar
 */
/* Menu Drop Down Css */
#action-bar ul.menu ul{
  display: block !important;
}
.navbar .brand {
  float: none;
}
#logo a img {
  margin-top: 10px;
}
/*
 * Flex Control
 */
.flex-control-paging li {
  padding: 4px;
  background: white;
  margin: 0 -1px;
}
.flex-control-paging li:first-child {
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -o-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
  padding-left: 10px;
}
.flex-control-paging li:last-child{
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  -o-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  -webkit-box-shadow: 3px 3px 4px -4px gray;
   box-shadow: 3px 3px 4px -4px gray;
   padding-right: 10px;
}
/* Hach ie8 */
.flex-control-paging li {
  background: url('../images/border-bullets-carousel-ie8.png') no-repeat center center\9;
}
.flex-control-paging li:first-child {
  background: url('../images/border-bullets-carousel-ie8.png') center left no-repeat\9;
}
.flex-control-paging li.last{
  background: url('../images/border-bullets-carousel-ie8.png') center right no-repeat\9;
  padding-right: 10px;
}
/*
 * Tout
 */
.tout .span3 {
  margin-bottom: 30px;
}
.tout .img-size {
  height: auto;
  overflow: hidden;
  display: block;
}
.my-account-libraries-content .tout .img-size {
  max-height: none;
}
div.desktop-touts {
  clear: both;
}
.tout .title {
  margin-top: 15px;
}
/*
 * Footer
 */
.global_footer_top ul.menu ul{
  display: block !important;
}
/* Products */
.tab-content .tout-item .tout .img-size {
  max-height: none;
}
/*
 * Mega Menu
 */
#mega-menu li.expanded li a {
  background: none;
}
#action-bar .external-links .menu li a {
  white-space: nowrap;
}
/*
 * News and Events
 */
#news-events .events {
  float: right;
}

/* Search */
.filters-tablet-mobile {
  display: none;
}
/*
 * My Account Registration page
 */
.myaccount-registration .form-content {
  border-right: 1px solid #cccccc;
}
.myaccount-registration .form-content form {
  padding-right: 30px;
  min-height: 350px;
}
.form-registration-info {
  padding-right: 30px;
}
.myaccount-registration #touts.span3 {
  margin-top: 0;
  margin-right: 0;
  margin-left: -30px;
}
.myaccount-registration #touts.span3 .span3 {
  margin-left: 0px;
}
#my-account-edit-practices-form {
  min-height: 350px;
}
.touts-registration .img-size img {
  margin-bottom: 15px;
}
.touts-registration .title {
  margin-top: 0;
}
/* Touts testmonial */
.testimonial-tout .title {
  font-family: 'HelveticaNeueW02-75Bold', 'Helvetica', 'Arial';
}

/*
 * My Account Login Page
 */
.myaccount-login-form {
  margin-left: 15px;
  padding-left: 14px;
  border-left: 1px solid #cccccc;
}
.myaccount-login {
  min-height: 400px;
}
h2.title-myaccount-login {
  margin-left: 30px;
}
.login-new-layout .title-myaccount-login {
  margin-left: 20px;
}
.login-new-layout .new-login-item {
  margin: 30px 0 0 30px;
  width: 303px;
}
.login-new-layout .new-login-item::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 300px;
  border-right: 1px solid #cccccc;
}
.login-new-layout .new-login-item:last-child::after {
  content: none;
}
.login-new-layout .myaccount-login-left.new-login-item {
  margin: 30px 0 0 20px;
  padding-right: 10px;
}
.login-new-layout .myaccount-login-form.new-login-item {
  margin-left: 0;
  padding: 0 15px;
}
/* Lens Finder */
#jnjvisioncare-lens-finder-form select {
  width: 100%;
  height: 30px;
  margin-bottom: 0px;
}
.lens-finder-results #main .container .container{
  width: 968px;
}
.lens-finder-results #main .container .nav-tabs {
  width: 968px;
  margin: 10px auto;
}
.lens-finder-results #main .container {
  width: auto;
}
#views_view__lens_finder__block_1 .item-detail .options {
  width: 50%;
  text-align: right;
  font-size: 12px;
}
.lens-finder-results #block-jnjvisioncare-lens-finder-block a.last {
  display: none;
}
div.parameter-tool-filter div.parameter_tool_bar div.categories ul li a {
  min-width: 90px;
  max-width: 150px;
}
#block-jnjvisioncare-lens-finder-block .parameter-tool-filter .parameter_tool_bar{
  overflow: hidden;
  height: 50px;
}
/* My Online Learning */
.tablet-device .visible-desktop.btn-continue,
.tablet-device .visible-desktop.btn-start {
  display: none !important;
}
.tablet-device .hidden-desktop.course-alert-warning,
.tablet-device .hidden-desktop.btn-reminder {
  display: block !important;
}
.library-item .course-progress-wrap .clientside-messages {
  bottom: 2px;
  width: 96%;
  margin: 0;
  padding: 1% 2%;
  line-height: 12px;
  position: absolute;
}
.course-detail-content .description-content .clientside-messages ul,
.library-item .course-progress .clientside-messages ul {
  margin-bottom: 0;
}
.course-progress-wrap {
  clear: both;
  width: 100%;
  float: left;
}
/* Events */
.view-events-content .library-item .clientside-messages {
  clear: both;
  margin: 0;
  padding: 1% 2%;
  line-height: 13px;
}
/* Custom tabs events */
.event-filters .nav-tabs > li {
  padding-bottom: 14px;
  position: relative;
  bottom: -14px;
  margin: 0;
}
.event-filters .nav-tabs > li a:hover span,
.event-filters .nav-tabs > li.active a span,
.event-filters .nav-tabs > li.active a {
  color: #BF0033;
}
.event-filters .nav-tabs span,
.event-filters .nav-tabs > li > a {
  border: none;
  padding-top: 0;
  padding-bottom: 6px;
  line-height: 15px;
  font-family: 'HelveticaNeueW02-65Medi', 'Arial';
  position: relative;
  top: -4px;
  outline: none;
  white-space: nowrap;
}

/* Registration event confirmation popup */
.confirmation-popup.modal {
  left: 26%;
  right: 26%;
}

.front #lens-finder .container .block-jnj-pathfinder .block-my-account {
  padding-left: 30px;
}

/* eOrdering */
.front #lens-finder .container .block-my-account {
  margin-right: -26px;
}
#action-bar .my-account-welcome-message span.authcache-profile-firstname {
  white-space: nowrap;
}

/* My Account Dashboard */
.my-account-dashboard .teaser-carrousel-wrap,
.my-account-dashboard .teaser-carrousel-wrap div,
.my-account-dashboard .teaser-carrousel-wrap p {
  color: white;
}
.my-account-dashboard .teaser-carrousel-wrap p {
  font-size: 1.133em;
  line-height: 1.2em;
}
#popup-first-time-banner .fix-btn-position .btn {
  white-space: nowrap;
}
/* Key Account */
.keyaccount-logo img {
  max-height: 45px;
  max-width: 303px;
  width: auto\9;
  height: auto;
}
.content-title h1.header-title.ka-link,
.content-title h1.header-title.ka-logo {
  width: 70%;
}
.node-type-myaccount-login .keyaccount-images {
  bottom: 0;
top: 10px;

}

/*style for ticket 2204*/
#block-views-last-update-copyright-text .views-row  > div{
  display: block;
}
#block-views-last-update-copyright-text .views-row .views-field-field-footer-text-mobile,
#block-views-last-update-copyright-text .views-row .views-field-field-footer-text-tablet{
  display: none;
}

/* News */
.highlighted-news .img-size {
  height: 232px;
}
.has-touts .highlighted-news .span6 {
  width: 47%;
  float: left;
}
.has-touts .highlighted-news .span6.teaser {
  margin-left: 2%;
}
.has-touts .search-news {
  width: 96%;
  margin-bottom: 25px;
}
.has-touts .search-news-content {
  position: relative;
  padding: 15px;
  overflow: hidden;
}
.has-touts .search-news-text {
  width: 50%;
  min-height: 40px;
}
.has-touts .search-news-filter-checkbox .form-type-checkbox {
  width: 33%;
  float: left;
}
.has-touts .search-news-filter-input {
  width: 40%;
  position: absolute;
  top: 20px;
  right: 15px;
}

/* Slit Lamp Techniques */
.tablet-device .relevant-assets-type-zip-file {
  display: none;
}
.block.block-relevant-assets {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 10px;
  margin-bottom: 25px;
}

/* Page Relevant Assets */
.page-relevant-section {
  margin: 25px 0 0 0;
}
.page-relevant-section .block.block-relevant-assets {
  border: none;
}
.page-relevant-section .block.block-relevant-assets ul li {
  border: none;
  margin: 0;
}

/* VIS-3084 New carousel */
.new-carousel .slides .carousel-text-content {
  display: none;
}
.new-carousel {
  position: relative;
}
.new-carousel-nav {
  position: absolute;
  right: 0px;
  top: 0px;
  margin: 0px;
  width: 418px;
}
.new-carousel-nav li {
  background: #CCC;
  margin-bottom: 2px;
  height: 96px;
}
.new-carousel-nav li .nav-img {
  float: left;
  width: 140px;
}
.new-carousel-nav li .nav-text {
  float: left;
  width: 248px;
  padding: 20px 10px 20px 20px;
}
.new-carousel-nav li.no-nav-img .nav-text {
  width: auto;
}
/* About the institute */
.about-the-institute .block-left {
  width: 47.5%;
  float: left;
  margin-right: 2.5%;
}
.about-the-institute .block-right {
  margin-left: 2.5%;
  width: 47.5%;
  float: left;
}
.about-the-institute-item a {
  height: inherit !important;
  overflow: hidden;
  float: left;
  margin-bottom: 0;
  width: 100%;
}
.about-the-institute .about-the-institute-item .title {
  margin-bottom: 15px;
  margin-top: 0;
  font-size: 14px;
}
.block-left,
.block-right {
  height: inherit;
  display: table;
}
.about-the-institute .about-the-institute-line:first-child .tout-outline {
  border: none;
  margin-top: 0;
}
.about-the-institute .tout.about-the-institute-item {
  position: relative;
  min-height: initial;
  overflow: hidden;
}
/* Faculty */
.member-title {
  text-align: center;
  padding: 10px;
  background: #EFEFEF; /* Old browsers */
  background: -moz-linear-gradient(top,  #f7f7f7 0%, #ededed 92%, #ededed 98%, #efefef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(92%,#ededed), color-stop(98%,#ededed), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ededed 92%,#ededed 98%,#efefef 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f7f7f7 0%,#ededed 92%,#ededed 98%,#efefef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f7f7f7 0%,#ededed 92%,#ededed 98%,#efefef 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f7f7f7 0%,#ededed 92%,#ededed 98%,#efefef 100%); /* W3C */
}
.node-type-tvci-faculty div.content-title.page-header {
  margin-bottom: 19px;
}
.node-type-tvci-faculty #content {
  margin-bottom: 15px;
}
.tvci-zone-header-tabs {
  width: 968px;
  margin: 0 auto;
}

/* New Dashboard */
.my-account-dashboard.tvci-my-account-forms .span8,
.my-account-dashboard .span8 {
  margin: 0;
  width: 68.6%;
}
.container .my-account-dashboard.tvci-my-account-forms .carousel-ext,
.container .my-account-dashboard .carousel-ext {
  height: auto;
  margin-left: 0;
  width: 100%;
}
.my-account-dashboard.tvci-my-account-forms .my-account-wrap.row,
.my-account-dashboard .my-account-wrap.row {
  background: #E7E7E7;
}
.my-account-dashboard.tvci-my-account-forms  .my-account-wrap.row .span4,
.my-account-dashboard  .my-account-wrap.row .span4 {
  width: 31.4%;
}
.my-account-dashboard.tvci-my-account-forms .info-user .detail-user,
.my-account-dashboard .info-user .detail-user {
  width: 67.002%;
}
.my-account-dashboard.tvci-my-account-forms .form-horizontal .form-item-my-account-security-secret-question .btn-help,
.my-account-dashboard.tvci-my-account-forms .form-horizontal .form-item-my-account-register-secret-question .btn-help {
  float: right;
}
.my-account-dashboard.tvci-my-account-forms .form-horizontal .required-marker-after .form-select {
  max-width: 82% !important;
}
.myaccount-registration .tvci-my-account-forms .form-content form {
  padding-right: 20px;
}
.myaccount-registration .tvci-my-account-forms .form-content {
  border: none;
}
.myaccount-registration .tvci-my-account-forms #touts.span3 {
  float: left;
  padding-left: 29px;
  margin-left: 0;
  border-left: 1px solid #CCC;
  padding-bottom: 70px;
}
.myaccount-registration .tvci-my-account-forms #touts.span3 .title {
  margin-top: 0;
}
.container .registration-header-tvci .carousel-ext {
  width: 100%;
  margin-left: 0;
  box-shadow: none;
  height: 300px;
}
.my-account-dashboard .my-account-carousel .h1-carousel-wrap {
  height: auto;
}
.my-account-dashboard .my-account-carousel .carousel-text-content {
  bottom: 0;
  right: 0;
  left: 0;
}
.my-account-dashboard .carousel-text-content .carousel-link-text {
  display: flex;
  height: 100%;
  align-items: center;
}
/* TVCI Courses */
.node-type-tvci-courses .span3.relevant-section{
  margin-left: 15px;
  padding-left: 14px;
  border-left: 1px solid #D6D6D6;
  padding-bottom: 10px;
}
.event-and-courses-tvci .event-links a.back-all {
  font-size: 11pt;
}
.node-type-tvci-courses .clientside-messages {
  top: -20px;
  position: relative;
}
.node-type-tvci-courses .event-and-courses-tvci.row  .clientside-messages {
  margin-left: 3%;
}
.event-and-courses-tvci .event-info div.event-points p,
.event-and-courses-tvci .event-info div.event-local p {
  padding-top: 3px;
  margin-bottom: 5px;
}
/* TVCI Courses list */
.list-tvci-courses-summary {
  border-left: 1px solid #E5E5E5;
  margin-left: 0;
  padding-left: 30px;
  height: auto;
}
.list-block-rigth-courses-event-and-courses-tvci .list-tvci-courses-summary {
  height: auto !important;
}

.list-block-middle-courses-event-and-courses-tvci .course-progress-wrap .clientside-messages {
  position: relative;
}
.link-tvci-courses-summary-read-more:after {
  content: '';
}
/* My Courses */
.my-courses-wapper .span6 {
  width: 364px;
}
.my-courses-body .description-image {
  position: absolute;
  top: 0;
}
.my-courses-wapper .span6 {
  margin-left: 276.5px;
}
.my-courses-wapper .course-detail-content .row {
  overflow: hidden;
}
/* eOrdering New Layout */
.theme-new-login-tvci .myaccount-login-form {
  margin-left: 30px;
  padding-left: 0;
  border-left: none;
}

/*fix because user can resize to desk*/
#popup-tvci-user-first_login .modal-first-login-and-redirect-left {
  display: block !important;
}

/* Fix to modal */
.show-tvci-popup .tablet-device #popup-tvci-user-first_login,
.show-tvci-popup .tablet-device #popup-tvci-user-redirect {
  position: relative;
  margin: 0 !important;
  padding: 0;
  width: 100%;
  top: 0 !important;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  background-color: #f8f8f8;
}
.show-tvci-popup .tablet-device .modal-backdrop {
  background-color: #f8f8f8;
}
.show-tvci-popup .tablet-device #action-bar,
.show-tvci-popup .tablet-device #global-navigation,
.show-tvci-popup .tablet-device #lens-finder,
.show-tvci-popup .tablet-device #main,
.show-tvci-popup .tablet-device #news-events,
.show-tvci-popup .tablet-device #global_footer {
  display: none;
}
/*
 * Learn About
 */
.learn_about_sections .lear-about-header-title-wrapper {
  background: rgba(255, 255, 255, 0.4);
}
.learn_about_sections .menu-learn-about-wrapper {
  right: 20px;
}
.menu-learn-about ul li {
  display: block !important;
}

.node-type-learn-about-internal-page div.content-title.page-header {
  margin-bottom: 5px;
}

/* VIST-1093 New contact us */
#block-jnjvisioncare-contact-us-block {
  width: 80%;
}

/* VIST-1915 Registration page question mark description */
.myaccount-registration .form-content .question-mark {
  padding-right: 20px;
}

.question-mark .required-marker-after .form-text {
  width: 82%;
}

.question-mark .required-marker-after .form-select {
  max-width: 82%;
}

.testimonial-tout .accordion dt {
  font-size: 16px;
  line-height: 1.2em;
  font-weight: normal;
}

.testimonial-tout .accordion dt .sprite {
  top: 2px;
}

.question-mark .form-checkboxes {
  width: 86%;
}

/* VIST-2938 Import user popup */
.popup-import-user .i-agree-wrapper {
  width: 46%;
  float: left;
  margin-right: 5%;
  padding-right: 5%;
  border-right: 1px solid #BF0033;
}

.popup-import-user .security-wrap {
  width: 42%;
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  clear: none;
}

/* VIST-3303 Change country */
.select-country-mobile,
.block-select-country,
.footer-text-tablet,
.footer-text-mobile {
  display: none;
}
