@charset "utf-8";

/* Font Setup */
 
@font-face {
    font-family: 'BrownPro Light';
    src: url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-light.eot'); /* IE9 Compat Modes */
    src: url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-light.woff') format('woff'), /* Pretty Modern Browsers */ url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-light.ttf') format('truetype'), /* Safari, Android, iOS */ url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-light.svg') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'BrownPro Regular';
    src: url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-regular.eot'); /* IE9 Compat Modes */
    src: url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-regular.woff') format('woff'), /* Pretty Modern Browsers */ url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-regular.svg') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'BrownPro Bold';
    src: url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-bold.eot'); /* IE9 Compat Modes */
    src: url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-bold.woff') format('woff'), /* Pretty Modern Browsers */ url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('./../../resource/support_web_fonts/Web_fonts/lineto-brown-pro-bold.svg') format('svg'); /* Legacy iOS */
}
/* Global Elements */
body {
    color: #2f3132;
    font-family: "BrownPro Light", Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
}

a {
    color: #00B8FC;
    margin: 0% !important;
}
a:hover, a:focus {
    text-decoration: none;
    color: #00B8FC;
}
a>li>i {
    color: #fff !important
}
input:focus, select:focus, button:focus {
    outline: none !important;
    box-shadow: none !important;
}
hr {
    margin-top: 35px;
    margin-bottom: 35px;
}
h1, h3, h5 {
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-weight: normal;
}
h3 {
    font-size: 24px;
}
h1.center {
    text-transform: uppercase;
}
#gt-download h1.center {
    text-transform: inherit;
    font-size: 24px;
}
h5 small {
    font-family: "BrownPro Light", Arial, sans-serif;
    font-size: 100%;
}
.container.main {
    margin: 20px auto;
}
.container.main {
    background: rgba(255,255,255,0.9);
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 3px 2px -2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 3px 2px -2px rgba(0,0,0,0.4);
    box-shadow: 0 3px 2px -2px rgb(255, 255, 255);
    /*max-width: 1240px;*/
    max-width: 1030px;
    margin: 1px auto;
}
.container.main.home {
    max-width: 1240px;
    padding-top: 20px;
}
.Xmain-content{
    text-align:center;
}
header {
    margin-bottom: 0;
}
.center {
    float: none !important;
    margin-bottom: 25px !important;
    font-size: 36px;
    color: black;
    color: #2f3132;
}
div.container {
    margin: 0 auto;
    max-width: 1250px;
    width: inherit;
}
.mt60 {
    margin-top: 0px
}
.mt70 {
    margin-top: 70px
}
h1, .h1 {
    float: none;
    margin-top: 10px;
    margin-left: 15px;
}
.container-overflow-wrap {
    overflow: hidden;
}

.blue-bg {
    background-color: #8146fe;
}
/* /Global Elements */

.main-content h3 {
text-align:center;    
}
.widget-link {
    text-align:center;  
}

.download-pdf{
    text-align:center;  
}

.d-sidenav {
    display: none;
}
.m-sidenav {
    display: block;
}
.panel-title {
    font-size: 22px !important;
    line-height: 24px !important;
}
#top {
    width: inherit;
    overflow:hidden;
}
/* Mobile Subnav */
.m-sidenav {
    padding-bottom: 20px;
    margin: 0 -15px;
}
.m-sidenav .sideNavLabel {
    height: 28px !important;
    line-height: 28px;
}
.mnav-title {
    font-size: 18px;
    text-align: center;
    padding: 9px;
}
.navbar-toggle {
    background-image: url(./../../resource/SupportPortalSprites/support_sprites_mobile.svg);
    background-size: 500px auto;
    background-color: inherit;
    background-position: -330px -78px;
    border: 0;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
}
.navbar-toggle.collapsed {
    background-position: -378px -90px;
}

.navbar-header .navbar-toggle.collapsed {
    background-position: -378px -77px;
}

.navbar-header {
    width: 100%;
    margin: 0 auto;
    height: 40px;
    position: inherit;
    background: #f6f6f6;
}
.navbar-header p {
    display: block;
    text-align: center;
    width: 100px;
    margin: 0 auto;
}
.msideNav li {
    display: block;
    border-top: 1px solid #ffffff;
    border-bottom: none;
    border-right: none;
    border-left: none;
    color: #252a2c;
    background: #e9e9e9;
    margin: 0 auto;
}
.msideNav .list-group-item a {
    border: 0;
    width: 180px;
    text-transform: uppercase;
    font-family: "BrownPro Bold", Arial, sans-serif !important;
    font-weight: normal;
    font-size: 11px !important;
    background: none;
    margin: 0 auto;
    padding: 10px 5px;
    0px auto !important;
}
.msideNav .list-group-item:hover a {
    background: none !important;
}
.msideNav .list-group-item:hover, .msideNav .active {
    background: #e9e9e9 !important;
	border-color: #ffffff !important;
}
.msideNav .active a {
    background: none !important;
    color: #252a2c;
}
.msideNav .list-group-item a:hover, .msideNav .active a, .msideNav .active:focus a, .msideNav .active:hover a{
    color: #252a2c !important;
    text-shadow: none !important;
    opacity: .4;
}
.nav-control {
    width: 20px;
    /* float: right; */
    position: absolute;
    right: 10px;
    top: 0px;
}
/* Messaging */
 
.message {
    background-color: #ffc;
    border-style: solid;
    border-radius: 4px;
    border-width: 1px;
    color: #000;
    padding: 6px 8px 6px 6px;
    margin: 4px 20px;
}
.errorM3, .error {
    border: 1px solid #c00 !important;
}
.errorM3 .msgIcon, .errorMedium {
    background-image: url(/img/msg_icons/error24.png);
    background-position: 0px 0px;
    width: 24px;
    height: 24px;
}
.bPageBlock .message {
    margin: 0 0 4px 0;
}
body.lookupTab .bPageBlock .message {
    margin: 0;
}
.lookup .message {
    margin: 0 0px 12px;
}
.message .messageTable .messageCell {
    vertical-align: middle;
}
.pbError .message {
    text-align: left;
    font-weight: normal;
}
.message .messageText {
    margin-left: 8px;
}
.message .messageText h4 {
    font-weight: bold;
    display: block;
}
.message .messageText a {
    margin: 0 8px;
    font-size: 91%;
}
.message .messageTextAndLinks a {
    margin: 0 0;
    font-size: 100%;
}
.input-group-addon:last-child {
    background-color: #fff;
    border: 1px solid #17120e;
}
.has-feedback {
    position: relative;
}
.form-group {
    margin-bottom: 15px;
}
.form-control {
    display: block;
    width: 30%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.active {
    background: #814efa !important;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.list-group {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: 0 1px 2px rgba(0,0,0,.075);
}
.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
}
.sidebar-nav .navbar ul {
    float: none;
    display: block;
}
.sidebar-nav .navbar li {
    float: none;
    display: block;
}
.sideNavLabel {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    height: auto !important;
    width: 70% !important;
}
.sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
}
.active {
    background: #814efa !important;
}
li.active>.fa {
    color: #fff;
}
.list-group-item:hover > i.fa {
    color: #fff !important;
}
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
.has-feedback .form-control-feedback {
    position: absolute;
    top: -2px;
    right: 0;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
/* /Messaging */
 
.wrapper {
    width: 40em;
    padding: 2em 2em 4em;
    margin: 0 auto;
    border-radius: 1em;
    color: #fff;
}
.item h2 {
    diaplay: inline;
}
.item .description {
    clear: both;
    overflow: hidden;
    max-height: 0;
    transition: 0.5s ease;
    color: #020202;
}
.item input[type=checkbox] {
    display: none;
}
.item input[type=checkbox] ~ label {
    display: block;
    width: 2em;
    height: 2em;
    background: #fff;
    border-radius: 0 0 50% 50%;
    text-align: center;
    line-height: 2;
    font-weight: bold;
    cursor: pointer;
}
.item input[type=checkbox] ~ label:hover {
    background: #fff;
}
.item input[type=checkbox]:checked ~ label {
    background: #fff;
}
.item input[type=checkbox]:checked ~ h2 {
    color: #fff;
}
.item input[type=checkbox]:checked ~ .description {
    max-height: 200em;
    transition: 0.5s ease;
}
.item input[type=checkbox]:checked ~ label {
    background: #fff;
}
.item input[type=checkbox] ~ label {
    display: block;
    width: 6em;
    height: 2em;
    background: #fff;
    border-radius: 0 0 50% 50%;
    text-align: center;
    line-height: 2;
    font-weight: bold;
    cursor: pointer;
}
footer .footer-bottom .change-location-btn {
    text-align: right;
}
footer .footer-bottom .change-location-btn div:first-child {
    display:inline-block;
	margin-right: 3px;
}
footer .footer-bottom .copyright {
    font-size: 10px;
}
footer .footer-bottom .change-location-btn span {
    display: inline-block;
    float: none;
    margin-left: 5px;
    background: black;
    background-color: black;
    margin-right: 10px;
}
footer .footer-bottom .change-location-btn select, footer .footer-bottom .change-location-btn select option {
    color: white;
    background-color: #444444;
    border: #444444;
    padding: 5px;
}
.footer-heading {
    text-transform: uppercase;
}
.download-button, .download-button-grey, .download-button:hover, .download-button-grey:hover {
    border-radius: 0% !important;
    background-color: #00a8e7;
    color: #fff;
}
.download-button-grey, .download-button-grey:hover {
    background-color: #666666;
}
.product-dis {
    max-width: 80%
}
.product-button {
    background-color: black;
    color: #dbfd01 !important;
    border-radius: 0% !important;
}
.background-white {
    background-color: #fff;
    margin-bottom: 30px;
}
.background-white .col-sm-3, .background-white .col-sm-12 {
    padding-left: 0px;
}
/* Blog Item Classes */
 
.blog-item {
    /*max-width: 700px;*/
    margin: 5px 25%;
}
.blog-item strong {
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-weight: inherit;
}
div.blog-item p {
    margin: 0 0 1.5em
}

.blog-item .fulltext {
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-weight: inherit;
}
.blog-item .Smalltext {
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-weight: inherit;
}
.btn, #signInBtn, .bg-primary .btn-default, #btnCancel1 {
    width: 299px !important;
    display: inline-block;
    padding: 15px 12px;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    color: #fff;
    font-family: "BrownPro Bold", Arial, sans-serif;
    height: 50px !important;
    text-transform: uppercase;
    font-size: 13px;
	transition: all 0.2s ease 0s;
	text-decoration: none;
}
#signInBtn {
    height: inherit !important;
}

.bg-grey-button:hover{
  border: 1px solid grey !important;
  
}

.bg-grey-button{  
  background-color: grey !important;
  border-radius: 0% !important;
  color: #fff;
}

.bg-blue-button, .bg-blue-button-sec, #btnCancel1, #btnCancel2, #btnCancel3, #liveAgentSaveButton {
    background-color: #00B8FC;
    border-radius: 0%;
    margin-top: 15px;
    margin: 0 auto !important;
    width: inherit !important;
    height: inherit !important;
    min-width: 199px;
    white-space: normal;
    padding: 16px 12px;
	font-weight: 400;
	text-transform: uppercase;
    font-size: 13px;
	font-family: "BrownPro Bold", Arial, sans-serif;
	cursor: pointer;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    color:#ffffff;t
    text-decoration: none;
	box-sizing: content-box;
	border: 1px solid transparent;
	min-width: 199px;
	display: inline-block;
    min-height: inherit !important;
}
.bg-blue-button:hover, .bg-blue-button:focus, .bg-blue-button:active, .bg-blue-button-sec:hover, .bg-blue-button-sec:active, .bg-blue-button-sec:focus {
    background:transparent;
    border:1px solid #00B8FC;
    color:#00B8FC;
    padding: 16px 12px;
	text-decoration: none;
}


.bg-blue-button-sec{
    background:transparent;
    color: #00B8FC !important;
    border: 1px solid #00B8FC !important;
}

.bg-blue-button-sec:hover{
    color: #00B8FC !important;
    padding: 15px 11px;
    border: 2px solid #00B8FC !important;
}

#btn_submit:hover, #btn_submit2:hover, #btn_submit3:hover, #btn_submit3:hover{
    color: #00B8FC !important;
    padding: 15px 11px;
    border: 2px solid #00B8FC !important;
}

/* Sub Nav */
 
#subnav .links > li > a {
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-size: 14px;
    letter-spacing: .5px;
    margin: 10px !important;
}
#subnav .links > li {
}
#subnavlinks {
    font-family: "BrownPro Bold", Arial, sans-serif;
}
.no-prod-content{
text-align:center;
    display: block;
}

/* Side Nav */
 
.sideNav {
    box-shadow: none;
    padding-top: 30px;
}
.sideNav .list-group-item {
    border-right: 0;
    border-left: 0;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 11.5px 11px;
}

.sideNav .list-group-item a{
    font-family: "BrownPro Regular", Arial, sans-serif !important;
    font-size: 18px !important;
    color: #000000 !important;
}
.sideNav .list-group-item div, .msideNav .list-group-item div {
    width: 42px;
    height: 32px;
    display: inline-block;
    background-image: url(./../../resource/SupportPortalSprites/support_sprites.svg);
    background-size: 600px auto;
    background-position: -100px -47px;
    vertical-align: middle;
}
.msideNav .list-group-item div {
    background-image: url(./../../resource/SupportPortalSprites/support_sprites_mobile.svg);
}
.msideNav .list-group-item:hover div, .msideNav .list-group-item.active div, .msideNav .list-group-item.active:focus div, .msideNav .list-group-item.active:hover div {
    background-image: url(./../../resource/SupportPortalSprites/support_sprites_mobile.svg);
}
.sideNav .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    border-color: #dadada;
}
.sideNav a:first-child li {
    border-top: 0;
}
.sideNav a:last-child li {
    border-bottom: 0;
}
.sideNav .list-group-item img {
    padding: 0 12px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    text-shadow: 0 -1px 0 #286090;
    background-image: -webkit-linear-gradient(top, #337ab7 0, #2b669a 100%);
    background-image: -o-linear-gradient(top, #337ab7 0, #2b669a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
    background-image: linear-gradient(to bottom, #337ab7 0, #2b669a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
    background-repeat: repeat-x;
    border-color: #2b669a;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.list-group-item:hover a, .list-group-item.active a, .list-group-item.active:focus a, .list-group-item.active:hover a{
    color: #ffffff !important;
    text-shadow: none !important;
}

.list-group-item:hover {
    background: #814efa !important;
    color: white !important;
}
.list-group-item:hover div, .list-group-item.active div, .list-group-item.active:focus div, .list-group-item.active:hover div {
    background-image: url(./../../resource/SupportPortalSprites/support_sprites_over.svg);
}
.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.started-sideicon, .faq-sideicon, .forum-sideicon, .downloads-sideicon, .warrenty-sideicon, .specs-sideicon, .spare-sideicon, .contact-sideicon {
    vertical-align: top !important;
}
.register-sideicon {
    background-position: -554px -44px !important;
}
.started-sideicon {
    background-position: -41px -44px !important;
}
.faq-sideicon {
    background-position: -99px -44px !important;
}
.forum-sideicon {
    background-position: -155px -44px !important;
}
.downloads-sideicon {
    background-position: -216px -44px !important;
}
.warrenty-sideicon {
    background-position: -277px -44px !important;
}
.specs-sideicon {
    background-position: -336px -44px !important;
}
.spare-sideicon {
    background-position: -394px -44px !important;
}
.contact-sideicon {
    background-position: -454px -44px !important;
}
#page-sub-text {
    font-size: 18px;
}

/* Warranty */
.warranty-period-content{
    text-align:center;
}

/* Specs */
 
#spec-content > div > div > p {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#spec-content > div > div {
    margin-bottom: 0px;
    padding-bottom: 10px;
}
/* Landing Pages Boxes */
 
.mtb15, .prod-widget {
    font-size: 14px;
    background: #f6f6f6;
    background-clip: padding-box;
    border: 10px solid transparent;
    padding: 30px 20px 0px 20px;
    color: #000000;
    /*max-width: 95%;*/
    min-height: 170px;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0;
    margin: 0 auto;
}
.home .mtb15 strong, .prod-widget p {
    font-size: 18px  !important;
    font-family: "BrownPro Bold", Arial, sans-serif !important;
    text-transform: uppercase;
    padding: 10px 0 0 0;
    font-weight: inherit;
}
.home .mtb15 strong p {
    padding: 10px 0px 0px 0px;
    font-weight: normal;
}
.home .mtb15 div, .prod-widget div {
    /*background: url(./../../resource/SupportPortalSprites/support_sprites.svg) no-repeat;*/
    background-size: 1100px auto;
    height: 50px;
    width: 50px;
    margin: 0 auto;
}

.home .mtb15 div:first-child, .prod-widget div {
   margin-bottom: 20px;
	margin-top: 10px;
}


.controls {
    height: inherit !important;
    width: inherit !important;
}
.center-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: center;
}
.home .mtb15 {
    padding: 30px 20px 20px 20px;
}
.mtb15 .register-icon {
    background-position: -1035px -78px;
}
.mtb15 .started-icon {
    background-position: -105px -78px;
}
.mtb15 .faq-icon {
    background-position: -202px -78px;
}
.mtb15 .forum-icon {
    background-position: -302px -78px;
}
.mtb15 .downloads-icon {
    background-position: -410px -78px;
}
.mtb15 .warrenty-icon {
    background-position: -515px -78px;
}
.mtb15 .specs-icon {
    background-position: -628px -78px;
}
.mtb15 .spare-icon {
    background-position: -732px -78px;
}
.mtb15 .contact-icon {
    background-position: -840px -78px;
}
.mt30 {
    margin-top: 0px;
}

/* Footer */
 
@media (max-width: 479px) and (orientation: portrait) {
footer .footer-bottom .copyright {
    display: block;
}
footer .footer-bottom .change-location-btn {
    left: 0px;
}
}

@media (max-width: 480px) {
footer .change-location-btn {
    top: inherit;
}
}
#footer-bottom-links {
    margin-top: 25px;
}
#footer-bottom-links .col-sm-3 {
    float: left;
    width: 100%;
    height: 20px
}
#footer-bottom-links .col-sm-offset-6 {
    margin-left: 0%;
    width: 100%;
    height: 70px
}
footer form {
    padding-top: 40px;
}
footer .container .row {
    margin-left: 0px;
    margin-right: 0px;
}
footer {
    border: 0;
    background-color: #252a2c;
}
footer .col-sm-10 {
    padding-bottom: 16px;
    font-family: "BrownPro Bold", Arial, sans-serif;
}
footer .footer-bottom .social {
    margin: 20px 0;
    float: left;
    margin-left: 5px;
}
footer .footer-bottom .social a {
    margin-right: 20px !important;
}
#support-footer-links {
    border-bottom: 1px solid #515556;
}
#support-footer-links, #footer-links {
    font-family: "BrownPro Regular", Arial, sans-serif;
}
.logi-footer {
}
footer .footer-bottom .copyright {
    font-family: "BrownPro Regular", Arial, sans-serif;
    text-align: left;
    color: #ffffff;
}
/* Home */
 
#page-main-heading {
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-weight: inherit;
    text-transform: uppercase;
    max-width: 650px;
	padding: 0 20px;
    display: block;
}
#page-sub-text {
    font-family: "BrownPro Light", Arial, sans-serif !important;
    font-weight: normal;
    max-width: 650px;
    margin: 0 auto;
	text-align: center;
}
#page-sub-text{
    margin: 0 auto 30px auto;
    padding: 0 20px;
}

#page-sub-text-dw {
    margin: 0 auto 30px auto;
    text-align: center;
}

.view-more{
    text-align:center;
}


#page-sub-text2 {
	text-align: center;
}
.SearchBar1 {
    background: #f6f6f6;
    background-position: 0 -2000px;
    background-repeat: no-repeat;
    height: 210px;
    text-align: center;
    padding-top: 70px;
}
.searchProductName {
    height: 72px;
    width: 816px;
    text-align: left;
    padding-left: 30px;
}
.plus, .x {
    cursor: pointer;
    display: inline-block !important;
    width: 20px;
    height: 20px;
    vertical-align: top;
}
.plus {
    background: url(./../../resource/SupportPortalSprites/support_sprites.svg) no-repeat;
    background-size: 583px 217px;
    background-repeat: no-repeat;
    background-position: -79px -88px;
    text-align: left;
    opacity: .5;
    color: rgba(0,0,0,0);
    padding: 14px 16px 0px 13px;
}
.x {
    background: url(./../../resource/SupportPortalSprites/support_sprites.svg) no-repeat;
    background-size: 583px 217px;
    background-repeat: no-repeat;
    background-position: -130px -88px;
    opacity: .5;
    padding: 0px 16px 0px 13px;
}
.viewmore {
    color: #20b2f0;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    text-transform: uppercase;
}
.readmore-a::after, .readless-a::after {
    background-image: url(./../../resource/SupportPortalSprites/support_sprites.svg);
    background-size: 583px auto;
    background-repeat: no-repeat;
    background-position: -164px -92px;
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
}
.readless-a::after {
    background-image: none;
}
.lable-search {
    background: white !important;
    height: 24px;
    margin: 0px -4px 0px -15px;
    font-size: 18px;
    font-weight: normal !important;
    font-family: "BrownPro Regular", Arial, sans-serif;
    padding: 20px 11px 23px 15px;
    display: inline;
}
input.SearchTextData {
    border: 0;
    height: 70px;
    width: 38%;
    padding-bottom: 9px;
    text-align: left;
    padding-left: 0px;
    padding-top: 7px;
    font-size: 20px;
    outline-offset: 0px !important;
    outline-color: white;
    margin-left: -2px;/* margin-top: 2px; */
    padding-right: 70px;
    border-radius: 0px;
}
div>i.fa {
    font-size: 50px;
    left: 42%;
    position: inherit;
    color: #8146fe;
}
.fa {
    font-size: 25px;
    left: 45%;
    position: inherit;
    color: #8146fe;
}
.fa-search {
    font-size: 30px;
    color: #8146fe;
}
.fa-search:before {
    content: "";
}
.SearchButton {
    background: url(./../../resource/SupportPortalSprites/support_sprites.svg) #ffffff;
    background-size: 900px auto;
    background-position: -779px -72px;
    margin-left: -60px;
    border: 0;
    width: 39px;
    height: 39px;
}
/* Support Product Forums */
 
/* Getting Started */
 
.ytframe {
    position: relative;
    /*padding-bottom: 56.25%;  16:9 */
    padding-bottom: 52.25%;
    padding-top: 25px;
    height: 0;
}
.ytframe .embed-responsive-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.panel-bar #support-downloads .download-wrapper {
    margin-bottom: 0px;
    padding: 0px 10px 0px 10px;
    background: rgba(255,255,255,0.7);
}
.panel-heading.accordion-toggle h4 {
    height: 20px;
}
.panel-body {
    padding: 0px 15px 15px 15px;
    margin-left: -15px;
    margin-right: -15px;
}
.panel-body .col-sm-8, .panel-body .col-sm-4, .panel-body .col-sm-12 {
    margin-left: -15px;
    margin-right: -15px;
}
.panel-body .col-sm-12 {
    margin-left: 0px;
    margin-right: 0px;
}
.embed-responsive-item {
    width: 100%;
    height: auto;
}
#support-downloads .additional-info .software-info {
    margin-top: 0px !important;
}
.dl-button {
    padding-left: 0;
    /*margin-left: -10px;*/
    margin-top: 10px;
}
/* Downloads */
 
 
/* IMPORT FROM PAGE */
.btn-bs {
    white-space: normal;
}
div.fadeOverlay {
    opacity: 0.7;
    background-color: white;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    position: fixed;
}
#support-downloads .download-wrapper .software-icon {
    height: 45px !important;
    width: 45px !important;
    position: absolute !important;
    top: -3px !important;
    left: 15px !important;
}
#support-downloads .download-wrapper .btn-bs {
    margin-top: 5px !important;
}
.panel-bar.download {
    background: none !important;
    /* background-color: #C2D5E9 !important; */
 
    border: 0 !important;
}
.panel-heading {
    background : #fff !important;
}
.panel {
    border: none !important;
}
.panel-heading {
    border-top: 1px solid #ccc !important;
}
.panel-body {
    border: none !important;
}
.arrow {
    float: left !important;
    padding-left: 10px;
    margin-right: 10px;
}
.download-wrapper {
    border: none !important;
}
.additional-info {
    border: none !important;
}
.arrow-up-icon {
    background: none !important;
}
#support-downloads .additional-info .close-icon {
    display: none;
}
.btn-bs.btn-orange {
    background: linear-gradient(to bottom, #00a8e7 0%, #00a8e7 100%);
    padding: 12px !important;
}
#support-downloads .additional-info {
    background: none !important;
}
#support-downloads .additional-info {
    font-size: 16px !important;
}
p.short-name {
    font-size: 16px;
}
.boldtitle {
    font-size: 17px;
    font-weight: bold;
    color: black;
}
.title, .name a {
    font-size: 17px;
    font-weight: bold;
    color: black;
}
#support-downloads .additional-info {
    color: #000 !important;
}
li {
    color: #999 !important;
}
#support-downloads .additional-info .software-info li span {
    color: #000 !important;
}
.topp {
    margin-top: 20px !important;
}
.panel-title {
    color: #2f3132 !important;
    font-family: "BrownPro Bold", Arial, sans-serif !important;
}
.panel-heading.accordion-toggle .arrow {
    background-position: -98px -120px;
}
.log-icon {
    background: url(./../../resource/SupportPortalSprites/support_sprites.svg);
    background-size: 503px auto;
    background-repeat: no-repeat;
    opacity: .5;
    padding: 0px 16px 0px 13px;
}
.panel-heading.accordion-toggle.collapsed .arrow {
    background-position: -53px -81px;
}

@media (min-width: 760px) {
.img-download {
    min-width: 749px;
}
}
/* IMPORT FROM PAGE */
 
 
.img-download {
    padding-bottom: 30px;
}
.accordion-toggle {
}
.short-name {
    padding-left: 25px;
    padding-bottom: 25px;
    margin-top: -15px;
    margin-left: -23px;
    margin-right: -15px;
}
.additional-info {
    padding: 0 20px !important
}
.panel-bar.download .operating-systems {
    margin: 10px 0px 0;
}

.arrow {
    margin-right: 8px !important;
}
#iOS {
    width: 135px;
    height: auto;
}
#Android {
    width: 152px;
    height: auto;
}
#web-app {
    width: 148px;
    height: auto;
    margin-top: -2px;
    margin-left: -6px;
}
.btn-bs {
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-weight: inherit;
    text-transform: uppercase;
}
.item {
    font-size: 18px;
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-weight: inherit;
    color: #2f3132;
}
.item p {
    font-family: "BrownPro Light", Arial, sans-serif;
    font-size: 16px;
}
.item label, .item input[type=checkbox] ~ label {
    background: url(./../../resource/SupportPortalSprites/support_sprites.svg) no-repeat;
    background-size: 503px auto;
    background-repeat: no-repeat;
    background-position: -50px -75px;
    display: inline-block;
    width: 40px;
    text-align: left;
    opacity: .5;
    color: rgba(0,0,0,0);
}
.item label, .item input[type=checkbox] ~ label:hover {
    background: url(./../../resource/SupportPortalSprites/support_sprites.svg) no-repeat;
    background-size: 503px auto;
    background-repeat: no-repeat;
    background-position: -50px -75px;
}
.item input[type=checkbox]:checked ~ label {
    background: url(./../../resource/SupportPortalSprites/support_sprites.svg) no-repeat;
    background-size: 503px auto;
    background-repeat: no-repeat;
    background-position: -98px -75px;
    opacity: .5;
}
/* FAQ */
 
.ng-binding img {
    width: 100%;
    height: auto;
}
.col-sm-9 #page-sub-text {
    max-width: 90%;
}
.col-sm-9 .Smalltext {
    font-family: "BrownPro Light", Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
}
.col-sm-9 hr {
    margin-top: 25px;
    margin-bottom: 25px;
    border-top: 1px solid #dadada;
}
table {
    font-size: 16px;
}
.accordion-content {
    width: 80%;
    display: inline-block;
}
.accordion-content li {
    margin: 5px 0;
}
.accordion-content li p {
    margin: 0 0 .5em
}
.readmore-a, .readless-a {
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-weight: inherit;
    color: #00a9e0;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 13px;
	margin-bottom: 20px;
}
.ng-binding {
    font-family: "BrownPro Light", Arial, sans-serif;
}
.ng-binding td {
    padding: 5px;
}
.ng-scope {
    margin: 5px 0;
}
.ng-scope strong {
    font-size: 20px;
}
.readmore {
    font-size: 40px;
    color: #d1d1d1;
}
/* Spare Parts */
.spare-img {
    /*background: #f6f6f6;*/
    height: 316px;
    text-align: -webkit-center;
    padding-top: 90px;
    font-size: 16px;
}
h6 {
    font-size: 16px;
}
.background-white {
    min-height: 560px;
}
.background-white .col-sm-12 {
    position: absolute;
    bottom: 0px;
}

.panel-logitech .panel-body .row{
	padding: 0 0 30px 0;
}

.parts-listing > li .spare-part-img{
    max-width: 100%;
    height: auto;
}

.parts-listing .col-sm-5{
    padding-top: 30px;    
}

.parts-listing .col-sm-5 .title, .parts-listing .col-sm-5 .part-description{
    margin-bottom: 0;   
}

.parts-listing .col-sm-5 .custom-link{
    margin-top: 0 !important 
}

.parts-listing .row div:nth-child(4){
    padding-top: 65px;
    padding-right: 0;
}

.parts-listing .row div:nth-child(4) .price{
    padding-right: 10px;
    text-align: right;
}
.parts-listing .row div:nth-child(5){
    padding-top: 45px; 
	text-align: right;
    padding-right: 0;
}
.parts-listing .row div:nth-child(5) .bg-blue-button{
    width: 50% !important;
    min-width: 100px;
}
.parts-listing .col-sm-3{
    padding-top: 25px; 
}

.parts-listing .row {
	border-bottom: 1px solid #dadada;
}
.page-header-icon.spare-parts{
    width:41px;
	height: 73px;
    background: url(./../../resource/SupportPortalSprites/Screw_icon.svg);
    background-size: 170% 170%;
    background-position: -15px -30px;
    float: left;
	margin-right: 40px;
	margin-left: 15px;
}

.softwarepage .header {
    /*padding-bottom: 50px;*/
}

.parts-listing>li .title {
	font-family: "BrownPro Regular", Arial, sans-serif;
}

.parts-listing>li .sparepart-number span{
	font-family: "BrownPro Light", Arial, sans-serif;
}


/* Contact Us */
#widget-block .mtb15 {
    padding: 20px 20px 40px 20px;
    min-height: 250px;
}
#widget-block .btn {
    bottom: 40px;
    margin: 0 auto !important;
    width: inherit !important;
    height: inherit !important;
    min-width: 199px;
    white-space: normal;
}
#widget-block p {
    padding-bottom: 20px;
}
.blue-side-element {
    display: none;
}

.parts-listing{
	list-style: none;
    padding-left: 0;
}

.parts-listing div, .panel-body, .panel-body div{
	padding-left: 0;
}

.panel-group .panel-heading+.panel-collapse .panel-body{
    padding-left: 0;
}

.step4{
    margin-top: -75px;
    margin-bottom: -75px;
    padding: 75px 10%;
}

.bg-primary.step4 h3{
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-size: 48px;
    display: block;
}

.step4 .page-sub-text{
	color: #ffffff !important;    
}

@media only screen and (max-width: 497px) {
.text-center {
    text-align: center;
}
}

@media (min-width: 760px) {
.img-download {
    min-width: inherit !important;
    width: 75%;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.container.main .col-sm-9 {
    width: 100% !important;
}
    
}

@media (min-width: 767px) {
#footer-bottom-links .col-sm-3 {
    float: left;
    width: 65%;
    height: inherit;
}
#footer-bottom-links .col-sm-offset-6 {
    margin-left: 0%;
    width: 35%;
    height: inherit;
}
.container {
    padding-left: 15px;
    padding-right: 15px;
}

.SearchBar1 {
    background: inherit;
    height: 300px;
    padding-top: 150px;
}
.panel-body {
    padding: 0px 15px 15px 15px;
    margin-left: 0px;
    margin-right: 0px;
}
.panel-body .col-sm-8, .panel-body .col-sm-4, .panel-body .col-sm-12 {
    margin-left: 0px;
    margin-right: 0px;
}
.panel-body .col-sm-12 {
    margin-left: 0px;
    margin-right: 0px;
}
.short-name {
    padding-left: 25px;
    padding-bottom: 25px;
    margin-top: -10px;
    margin-left: 0px;
    margin-right: 0px;
}
.SearchBar1 {
    
    background-position: bottom center;
    background-size: 130% auto;
    background-repeat: no-repeat;
    height: 400px;
    text-align: center;
    padding-top: 270px;
}
.mtb15 {
    font-size: 18px;
    transition: all 0s ease-out;
    -webkit-transition: all 0s ease-out;
}
.topics .mtb15:hover, .widget-container .mtb15:hover, .widget-container .mtb15:hover{
    background: #eeeeee;
    padding: 40px 30px 0px 30px;
    border: 0px solid transparent;
}
    
.mobile-order-first .mtb15:hover{
	background: #eeeeee;
    padding: 30px 30px 0px 30px;
    border: 0px solid transparent;  
}
    
.mtb15 strong {
    font-size: 20px;
}
.ContactUs-section .mtb15 {
    padding: 20px 20px 40px 20px;
}
.ContactUs-section .download-button, .ContactUs-section .download-button-grey {
    margin-top: 5px;
}
.content-block .contact-info .detail-column {
    min-height: 1000px;
}
}

@media (min-width: 992px) {
.lable-search {
    font-size: 22px;
}
.accordion-content {
    width: 90%;
    display: inline-block;
}
footer .footer-bottom .copyright {
    font-size: 12px;
}
.form-control {
    width: 100%;
}
.container.main.home {
    padding-top: 0px;
    margin: 70px auto 0px auto;      
    /* TEMP 
    background: #f4f4f4;
    margin: 0px calc(50% - 50vw);
    padding: 75px 0px 10px 0px !important;
    max-width: inherit !important;
        */
}
.container.main {
}
.content-block .contact-info .detail-column {
    min-height: 703px;
}
.footer {
    padding-bottom: 30px;
}
.blue-side-element {
    display: block;
}
.d-sidenav {
    display: block;
	margin: 0 0 -15px 0;
}
.m-sidenav {
    display: none;
}
footer #footer-links {
    padding-bottom: 20px;
}
footer .footer-bottom .social {
    margin-left: -15px;
}
}
/* FF Only */
@-moz-document url-prefix() {
 .lable-search {
 padding: 20px 11px 22px 35px;
}
.SearchButton {
 background: url(./../../resource/SupportPortalSprites/support_sprites.svg) #ffffff;
 background-size: 900px auto;
 background-position: -779px -65px;
}

 .readmore-a::after, .readless-a::after {
 background-position: -164px -90px;
}
 .x {
 background-position: -105px -100px;
}
}

/*background-position: -769px -66px;*/
 
/* IE11 */
 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

.SearchButton {
    background-position: -776px -326px;
}
.mtb15 .started-icon {
    background-position: -102px -398px;
}
.mtb15 .faq-icon {
    background-position: -200px -398px;
}
.mtb15 .forum-icon {
    background-position: -302px -398px;
}
.mtb15 .downloads-icon {
    background-position: -410px -398px;
}
.mtb15 .warrenty-icon {
    background-position: -519px -398px;
}
.mtb15 .specs-icon {
    background-position: -634px -398px;
}
.mtb15 .spare-icon {
    background-position: -736px -398px;
}
.mtb15 .contact-icon {
    background-position: -844px -398px;
}
.started-sideicon {
    background-position: -43px -144px !important;
}
.faq-sideicon {
    background-position: -100px -144px !important
}
.forum-sideicon {
    background-position: -155px -144px !important;
}
.downloads-sideicon {
    background-position: -214px -144px !important;
}
.warrenty-sideicon {
    background-position: -274px -144px !important;
}
.specs-sideicon {
    background-position: -336px -144px !important;
}
.spare-sideicon {
    background-position: -394px -144px !important;
}
.contact-sideicon {
    background-position: -454px -144px !important;
}

.x {
    background-position: -96px -268px;
}
.plus {
    background-position: -40px -267px;
}
}
 
 
/* iOS Only */
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
@media {
.lable-search {
 padding: 24px 11px 23px 35px;
}
}
}
 
 
/* Safari Desktop and iOS */
 
@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
.SearchButton {
 background-position: -772px -66px;
}
 .mtb15 .started-icon {
 background-position: -105px -78px;
}
.mtb15 .faq-icon {
 background-position: -202px -78px;
}
.mtb15 .forum-icon {
 background-position: -303px -78px;
}
.mtb15 .downloads-icon {
 background-position: -412px -78px;
}
.mtb15 .warrenty-icon {
 background-position: -518px -78px;
}
.mtb15 .specs-icon {
 background-position: -632px -78px;
}
.mtb15 .spare-icon {
 background-position: -737px -78px;
}
.mtb15 .contact-icon {
 background-position: -846px -78px;
}
 .started-sideicon {
 background-position: -56px -39px !important;
}
.faq-sideicon {
 background-position: -108px -39px !important
}
.forum-sideicon {
 background-position: -162px -38px !important;
}
.downloads-sideicon {
 background-position: -218px -38px !important;
}
.warrenty-sideicon {
 background-position: -276px -38px !important;
}
.specs-sideicon {
 background-position: -336px -39px !important;
}
.spare-sideicon {
 background-position: -392px -40px !important;
}
.contact-sideicon {
 background-position: -450px -40px !important;
}
 .plus {
background-position: -50px -92px;
}
 .readmore-a::after {
 background-position: -170px -83px;
}
}
/* Marc CSS for Armada */
 
textarea, input {
    outline: none;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
}
select::-ms-expand {
    display: none;
}
.form-control {
    border-radius: 0;
    -webkit-border-radius: 0px;
    border: 1px solid #000000;
}
.form-control {
    width: 90%;
    display: inline-block;
}
.form-horizontal .control-label {
    font-size: 18px;
    text-align: left;
}
.problem-fields {
    margin: 40px;
}
.problem-fields .btn-container {
    padding-top: 40px;
}
.problem-fields .btn-container > div {
    padding: 0px;
}
.questions {
    margin: 20px 60px;
    font-size: 18px;
}
.question-options table {
    margin: 10px;
}
.question-options td {
    padding: 10px;
}

@media (min-width: 992px) {
.form-control {
    width: 90%;
}
}

/* Update on line 1466 of casper.css */
/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.register-sideicon {
    background-position: -556px -142px !important;
}
}
.msideNav .list-group-item a {
    width: 210px;
}
.register-sideicon {
    background-position: -554px -42px !important;
}

.form-control {
    border: 1px solid #999;
}
.problem-fields {
    margin: 40px 0; /* 16/11/4 */
}
.row .row h1 {
    display: block;
}
#page-sub-text a, #page-sub-text2 a {
    color: #000;
    text-decoration: underline;
}
.signin-form > .row > .col-sm-12 {
    padding: 0;
}
form .signin-form .dateInput {
    width: 9em;
}
form .problem-fields .submitBtn {
    background: #00B8FC;
    border: 1px solid #00B8FC;
    color: #fff;
}
form .problem-fields .submitBtn:hover {
    background: #ffffff;
    border: 1px solid #00B8FC;
    color: #00B8FC;
}
form .problem-fields .btn-container, form #survey-ques .btn-container {
    padding-left: 0;
}
form .signin-form label, form .survey-ques label {
    font-weight: normal;
}
form .signin-form label a, form .questions label a {
    color: inherit;
    text-decoration: underline;
}
.infoIcon.tooltipicon {
    background: 0;
}
.PurchaseDateEmpty {
    display: block;
    clear: both;
}
/* Step 2 */
.questions {
    margin: 20px 20px;
}
.signin-form input[type="radio"], .signin-form input[type="checkbox"], .question-options input[type="radio"], .question-options input[type="checkbox"] {
    margin-right: .6em;
}
.questions label:first-child {
    font-weight: bold;
}
.question-options label {
    font-weight: normal
}
.question-options table {
    width: 100%;
    margin: 10px 0;
}
.question-options td {
    width: 50%;
    padding: 10px 0;
}
#thankyou-sec .btn {
    width: auto !important;
}
.topics {
    margin: 0 auto;
}

.topics a > div  {
    min-height: 273px !important;
}
.topics a > div > div, .mobile-order-first a > div > div, .mobile-order-second a > div > div {
    width: 50px;
}

@media (max-width: 991px) {
.topics {
    max-width: 640px;
}
.topics a {
    width: 50%;
}
}

@media (max-width: 768) {
.topics a > div {
    min-height: 224px !important;
}
}

@media (max-width: 480px) {
.topics {
    max-width: 100%;
}
.topics a {
    width: 100%;
}
.topics a > div {
    min-height: 20px !important;
}
}

@media (min-width: 992px) {
.main > .row > .col-sm-8 > .row, .main > .row > .col-sm-9 > .row, .main > .row > .col-sm-8 > span, .main > .row > .col-sm-9 > span {
    margin-left: 40px;
    margin-right: 40px;
}
#survey-ques {
    margin: 0 40px;
}
}

@media (max-width: 991px) {
.main > .row > .col-sm-8 > .row, .main > .row > .col-sm-9 > .row, .main > .row > .col-sm-8 > span, .main > .row > .col-sm-9 > span {
    margin-left: 1.5em;
    margin-right: 1.5em;
}
#survey-ques {
    margin: 0 24px;
}
}

@media (min-width: 481px) {
form .signin-form select, form .signin-form .dateOnlyInput input {
    width: 50%;
}
}

@media (max-width: 480px) {
.dateFormat {
    display: block;
    margin: .5em;
}
form .signin-form select, form .signin-form .dateOnlyInput input {
    width: 90%;
    float: none !important;
}
.main > .row > .col-sm-8 > .row, .main > .row > .col-sm-9 > .row, .main > .row > .col-sm-8 > span, .main > .row > .col-sm-9 > span {
    margin-left: 0em;
    margin-right: 0em;
}
#survey-ques {
    margin: 0px;
}
#survey-ques.col-sm-9 hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.questions label:first-child, .question-options label {
    display: inline;
}
.questions {
    font-size: 1em;
}
.question-options label {
    font-size: .8em;
}
.question-options td {
    display: block;
    width: 100%;
    padding: .25em 0;
}
}
/* End Casper Merge 4/20/2017 */

/* Armada Merge 4/20/2017*/

.sideNav .list-group-item div, .msideNav .list-group-item div {
    background-image: url(./../../resource/SupportPortalSprites/support_sprites.svg);
}
.sideNav .list-group-item {
    margin-left: 0;
}
.home .mtb15 div {
    background-image: url(./../../resource/SupportPortalSprites/support_sprites.svg);
}
.list-group-item:hover div, .list-group-item.active div, .list-group-item.active:focus div, .list-group-item.active:hover div {
    background-image: url(./../../resource/SupportPortalSprites/support_sprites_over.svg);
}
#mac_option, #windows_option {
    padding-left: 48px;
    width: 100%;
}
#mac_option select, #windows_option select {
    display: block;
    margin-bottom: 16px;
    width: 184px;
}
select {
    -webkit-appearance: menulist-button;
    -webkit-border-radius: 0px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.right .tooltip-arrow {
    display: none;
}
.tooltip-inner {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    padding: 20px;
    color: #2f3132;
    text-align: left;
    text-decoration: none;
    border: 1px solid #999;
    border-radius: 0;
    background-color: #f7f7f7;
}
.tooltip.in {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.tooltip {
    max-width: 80%;
}
.tooltip .row {
    display: block;
    width: 630px;
    height: 240px;
    margin: 0;
}
.tooltip-inner {
    max-width: 100%;
}
.tooltip .Prod-Ser-Img {
    width: 55%;
    padding: 0 20px 0px 0;
}
.tooltip .Prod-Ser-Img img {
    width: 100%;
    max-width: 100%;
}

@media (min-width: 991px) {
.tooltip .Prod-Ser-Desc {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 45%;
    padding: 0 0 0 20px;
}
}

@media (max-width: 990px) {
.tooltip {
    width: 100%;
}
.tooltip .tooltip-inner {
    width: 350px;
}
.tooltip .row {
    width: 100%;
    height: auto;
}
.tooltip .Prod-Ser-Img, .tooltip .Prod-Ser-Desc {
    padding: 0;
    width: 100%;
}
.tooltip .Prod-Ser-Desc {
    padding: 15px 0 0;
}
}

.tooltip{
    z-index: 11000 !important;
}

@media (max-width: 480px) {
.tooltip .tooltip-inner {
    width: 80%;
}
}
/* Tuesday */
.problem-fields {
    margin: 0 0 40px;
}
.error-message-text.pull-left {
    color: #CC0000;
}
#global-navbar .utility-nav ul li {
    margin-left: 0em;
}
.questions > label {
    display: inline;
}
.SearchBar1 {
    background-size: cover;
}
.question-options input[type="checkbox"], .question-options td label {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
}
.question-options td label {
    position: relative;
}

@media (min-width: 991px) {
.sideNav .list-group-item {
    line-height: 24px;
}
}

@media (max-width: 768px) {
.mnav-title {
    max-width: 90%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.question-options td {
    vertical-align: top;
}
}

@media (max-width: 480px) {
.error-message-text {
    width: 90%;
    margin: 0 auto;
    float: none !important;
}
form .problem-fields .btn-container, form #survey-ques .btn-container {
    padding-left: 0;
    padding-right: 0;
}
}
.list-group a:hover {
    text-decoration: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
.question-options label {
    font-size: .8em;
    display: inline;
}
}

@media only screen and (max-width: 480px) {
.question-options td label {
    display: inline;
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.register-sideicon {
    background-position: -556px -142px !important;
}
.mtb15 .register-icon {
    background-position: -1042px -398px !important;
}
.SearchButton {
    background-position: -776px -326px;
}
}
/* Thursday */
h1.center {
    margin-bottom: 30px !important;
}
.error-message-text.pull-left {
    display: none;
}
.msideNav .list-group-item a {
    width: 230px;
}
.msideNav .list-group-item div {
    color: #020202;
}
#thankyou-sec .btn-container {
    margin-bottom: 30px;
}
.SearchButton, .SearchButton:hover {
    background-position: -776px -66px;
    background-size: 900px 380px;
}
body .navbar-toggle.collapsed:hover {
   /*background-position: -378px -92px;*/
	background-position: -378px -77px;
}

body .navbar-toggle:hover {
    /*background-position: -330px -92px;*/
	background-position: -330px -79px;
}
.msideNav .list-group-item div {
    background-image: url(./../../resource/SupportPortalSprites/support_sprites_mobile.svg);
}
.control-label .glyphicon-question-sign {
    color: #999;
}

@media (min-width: 992px) {
#j_id0\:template\:j_id22 {
    width: 610px;
    display: block;
}
#survey-ques {
    margin: 0;
}
}

@media (min-width: 769px) {
.question-options label {
    position: relative;
    top: 0px;
    font-size: 18px;
}
}
/* End Armada Merge 4/20/2017*/


<!--
Imported per Ramesh 4/7/17
-->
 .btn-bs {
white-space:normal;
}
div.fadeOverlay {
    opacity: 0.7;
    background-color: white;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    position: fixed;
}
#support-downloads .download-wrapper .software-icon {
    height: 45px !important;
    width: 45px !important;
    position: absolute !important;
    top: -3px !important;
    left: 15px !important;
}
#support-downloads .download-wrapper .btn-bs {
    margin-top: 5px !important;
}
/* 11-08-2016 */
.panel-bar.download {
    background: none !important;
    /* background-color: #C2D5E9 !important; */
    border: 0 !important;
}
.panel-heading {
    background : #fff !important;
}
.panel {
    border: none !important;
}
.panel-heading {
    border-top: 1px solid #ccc !important;
}
.panel-body {
    border: none !important;
}
.arrow {
    float: left !important;
    padding-left: 10px;
    margin-right: 10px;
}
.download-wrapper {
    border: none !important;
}
.additional-info {
    border: none !important;
}
.arrow-up-icon {
    background: none !important;
}
 .#support-downloads .additional-info .close-icon {
 display:none;
}
.btn-bs.btn-orange {
    background: linear-gradient(to bottom, #00a8e7 0%, #00a8e7 100%);
    padding: 12px !important;
}
#support-downloads .additional-info {
    background: none !important;
}
#support-downloads .additional-info {
    font-size: 16px !important;
}
p.short-name {
    font-size: 16px;
}
.boldtitle {
    font-size: 17px;
    font-weight: bold;
    color: black;
}
.title, .name a {
    font-size: 17px;
    font-weight: bold;
    color: black;
}
#support-downloads .additional-info {
    color: #000 !important;
}
li {
    color: #999 !important;
}
#support-downloads .additional-info .software-info li span {
    color: #000 !important;
}
.topp {
    margin-top: 20px !important;
}
<!--
.panel-title {
    font-size: 18px !important;
    color: #2f3132 !important;
    font-family: "BrownPro Bold", Arial, sans-serif !important;
}
p {
    font-size: 16px !important;
    color: #020202!important;
    font-family: "BrownPro Light", Arial, sans-serif !important;
}
-->
li {
    font-size: 16px !important;
    font-family: "BrownPro Light", Arial, sans-serif !important;
    color: #020202!important;
}
li span {
    font-family : "BrownPro Bold", Arial, sans-serif;
}
.log-icon {
    background: url(./../../resource/CircleImage/support_sprites.svg);
    background-size: 554px 206px;
	background-position: -43px -120px;
    background-repeat: no-repeat;
    opacity: .5;
    padding: 0px 16px 0px 13px;
}
.panel-heading.accordion-toggle.collapsed .arrow {
    background-position: -43px -120px;
}
 @  (min-width: 760px) {
 .img-download {
 min-width: 749px;
}
}

/* Spare Parts */
.container.main {
    margin: 70px auto;
}
.col-sm-9 > span {
    margin: 0 !important;
}
.product-dis {
    max-width: 100%;
    text-align: center;
}

.bg-blue-button {
    margin: 10px 5px !important;
}
.spare-img {
    height: auto;
    padding: 30px 0 10px 0;
}
.background-white {
    border: solid 1px #D6D6CE;
 text-align: center;
 margin-right: -1px;
 margin-bottom: -1px;
    min-height: 410px;
}
.background-white .col-sm-12 {
    position: inherit;
    bottom: inherit;
}
.background-white .col-sm-12:last-child {
    position: absolute;
    bottom: 0;
    margin-left: -15px;
}
.title, .name a {
    font-size: 17px !important;
    font-weight: bold !important;
    color: #000000 !important;
}
.img-responsive {
    margin: 0 auto;
}
/* Home */
#imagegallery {
    border-top: 1px solid #cacdcf;
    margin-bottom: 20px;
    max-width: 890px
}
.large-img {
    max-width: 800px;
    position: relative;
    padding: 20px 40px 40px 40px;
    height: 400px;
	margin: 0 auto;
}
.large-img #placeholder {
    height: 100%;
}
.product-images {
    margin-left: 0px;
    margin-right: 0px;
    background: #f6f6f6;
}
.prev-btn, .next-btn {
    padding: 0;
    margin: 0;
    background: url(./../../resource/SupportPortalSprites/IconSprite.svg) !important;
    background-size: 240px 240px !important;
    background-position: -25px -75px !important;
    height: 55px;
    width: 30px;
    min-width: 30px;
    border: none;
    position: absolute;
    left: 10px;
    top: 50%;
    border-radius: 0;
    outline: none;
    z-index: 100;
}
.next-btn {
    background-position: -65px -75px !important;
    left: inherit;
    right: 10px;
    z-index: 101;
}
.prev-btn:active, .next-btn:active {
    outline: none !important;
}
#imagegallery {
    list-style: none;
    text-align: center;
    padding-top: 20px;
	margin: 0 auto;
    padding-bottom: 20px;
}
#imagegallery li {
    height: 70px;
    display: inline-block;
    width: 100px;
    float: none;
}
#imagegallery li a {
    opacity: .6;
    height: 60px;
    display: block;
}
#imagegallery li a img {
    display: inline-block;
}
#imagegallery .active {
    opacity: 1;
    background: none !important;
}

.panel-body .row div:last-child .parts-listing .row{
    border-bottom: 0;
}
.panel-body > .row{
    padding-bottom: 0 !important;
}

/* Downloads */

.dl-button {
    padding-right: 0;
}
.dl-button a, .dl-button a:hover {
    border-radius: 0;
    background: none;
    border: 0;
    font-family: "BrownPro Regular", Arial, sans-serif;
    letter-spacing: 1px;
    padding: 12px 5px;
    width: 100%;
}
.coveo-active:last-child > a {
    border: 0 !important;
}
.dl-button .btn-info {
    background: #00B8FC;
}
.dl-button .btn-info:hover{
    border: 1px solid #00B8FC;
    color:#00B8FC;
    background:#transparent;
    padding: 11px 5px;
}

/* Article */

.breadcrumb{
   margin-top: -45px !important
}
.article {
    margin: 0 auto;
    padding: 0 30px;
}

.breadcrumb a {
    color: #00B8FC;
    font-size: 16px;
    font-family: "BrownPro Regular", Arial, sans-serif;
}
.breadcrumb .active {
    font-size: 16px;
color:#2f3132 !import;
    background: none !important;
}
.breadcrumb > li + li::before {
    content: "> ";
}

h1, .breadcrumb{
    display:inherit;
}

.bg-primary {
    background-color: #8146fe;
    font-size: 16px;
    min-height: 250px !important;
    text-align: center;
    padding-bottom: 40px;
    font-family: "BrownPro Regular", Arial, sans-serif;
    margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
#j_id0\:template\:j_id60\:j_id61\:j_id63\:Country1 {
    padding-right: 10px;
}
footer {
    background: #252a2c;
}
.bg-primary h3 {
    font-size: 36px;
    font-family: "BrownPro Regular", Arial, sans-serif;
    color: #ffffff;
    max-width: 400px;
   margin: 30px auto 0px auto;
    text-transform:uppercase;
	
}

.bg-primary .btn, .bg-primary .btn-default {
    display: inline-block !important;
    font-size: 12px;
    color: #000000;
    border: 1px solid #ffffff;
    letter-spacing: 1px;
    margin: 0px 10px 20px 10px !important;
    min-width: 199px !important;
    box-sizing:border-box;
    max-width:none;
}
.bg-primary .btn.btn-custom-primary:hover, .btn-custom-primary:hover {
    color: #ffffff;
    background: transparent;
    border: 1px solid #ffffff;
}

#signInBtn:hover{
    color: #00B8FC;
    background: transparent;
    border: 1px solid #00B8FC;
}

.bg-primary .btn.btn-custom-secondary {
    color: #ffffff;
    background: #814efa;
    border: 1px solid #ffffff;
     max-width:none;
}
.bg-primary .btn.btn-custom-secondary:hover {
    background: transparent;
    color: #ffffff;
	padding: 14px 12px;
    border: 2px solid #ffffff;
}


/* Article */
.translate-widget {
    padding: 18px;
    background-color: #f4f4f4;
    font-size: 12px;
}
.translate-widget a {
    color: #000000;
    font-weight: bold;
}
#news-article .translate-widget .title {
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-weight: normal !important;
    font-size: 18px;
    text-transform: uppercase;
    color: #000000 !important;
    background: none !important;
    margin: 0px 0 10px 0;
}
.translate-select {
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 20px;
}
#news-article h1 {
    font-size:24px;
    text-transform: uppercase;
    margin: 0px 0 10px 0;
    color: #000000;
}
.panel-bar {
    border: 0;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    background: none;
    padding: 40px 15px;
    margin-bottom: 40px !important;
}
.model {
    margin-left: 15px;
}
.model label {
    font-weight: normal;
}
#google_translate_element {
    display: inline-block;
}
#news-article .name {
    font-family: "BrownPro Light", Arial, sans-serif;
}
/* Article */
.article-header > div > .col-sm-4 {
    float: right;
}
select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn-bs {
    height: 34px;
    line-height: 32px;
}
/* Getting Started */
.btn-lg {
    border-radius: 0px;
    background: #00b8fc;
    border: 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 15px 40px !important;
    height: inherit !important;
    white-space: normal;
	margin-bottom: 20px !important;
}
.gs-setup {
    text-transform: uppercase;
    font-family: "BrownPro Bold", Arial, sans-serif !important;
    color: #2f3132;
    font-size: 22px !important;
}
.topics strong p {
    font-size: 20px;
    font-family: "BrownPro Bold", Arial, sans-serif;
    text-transform: uppercase;
}
form .problem-fields .submitBtn {
	font-family: "BrownPro Bold", Arial, sans-serif;
    font-size: 13px;
}

.dropdown-toggle{
    cursor: pointer;
}
span.icon-arrow {
    background: url('./../../resource/DownArrowIcon') no-repeat;
    background-size:16px 16px;
    background-position: 8px 8px;
    height: 32px;
    width:32px;
    position: relative;
    top: -2px;
    display: inline-block;
}

span.filter-icon-arrow {
    background: url('./../../resource/filterIcon') no-repeat;
    background-size:32px 32px;
    height: 32px;
    width:32px;
    position: relative;
    top: -2px;
    display: inline-block;
}

span.icon-close, span.filter-icon-close {
    background: url('./../../resource/closeIcon') no-repeat;
    background-size:16px 16px;
    background-position: 8px 8px;
    height: 32px;
    width:32px;
    position: relative;
    top: -2px;
    display: inline-block;
}


.mtb15 {
    font-size: 18px;
}
.pdfframe {
    min-height: 250px;
    padding-bottom: 0;
    background-color: #f6f6f6 !important;
    padding-top: 60px;
    margin-bottom: 30px;
}
.pdfframe img {
    margin-bottom: 10px;
}
/* Search Results */

#searchall {
    padding: 0;
}
.coveo-tab-section {
    border: 0 !important;
    padding: 0 !important;
}
.CoveoTab {
    padding: 0px
}
.CoveoTab p {
    border-bottom: solid 10px;
    border-bottom-color: #f4f4f4;
    color: #000000;
    min-height: 39px;
    width: 100%;
    font-family: "BrownPro Light", Arial, sans-serif;
    background: #f4f4f4;
    line-height: 55px;
    padding-top: 5px;
}
.CoveoTab.coveo-selected p {
    border-bottom: solid 10px;
    border-bottom-color: #814efa;
    color: #814efa;
    background: #ffffff !important;
}
.problem-area-results{
    background: transparent;
	text-align: center;
        margin-top: 30px;
}

.input-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000;
}
.input-field::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
}
.input-field:-ms-input-placeholder { /* IE 10+ */
  color: #000000;
}
.input-field:-moz-placeholder { /* Firefox 18- */
  color: #000000;
}

.contact .CoveoTab, .contact .CoveoTab p, #support-contact-search .CoveoTab{
    border-bottom: solid 4px #e1e2e3;
}

.contact .CoveoResult .coveo-title .CoveoResultLink, .contact .CoveoResult .coveo-title .CoveoResultLink:focus{
	color: #000000 !important;
    font-size: 18px !important;
    font-family: "BrownPro Bold", Arial, sans-serif;
	border: 0;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.contact .coveo-excerpt {
    color: #000000 !important;
    font-size: 16px !important;
    font-weight:100;
}

.contact .coveo-pager-anchor {
    background: transparent;
    border: 0;
}

.contact .CoveoTab.coveo-selected p {
    border-bottom: 4px solid #814efa;
}

.contact .CoveoResult{
    border:0;
}

#support-downloads select[multiple], #support-downloads select[size], .page-nav select, #software-detail .form-control,#software-detail .page-nav select, #support-downloads .download-wrapper .installer select {
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 0;
	-webkit-appearance: inherit;
	text-indent: 10px;
	text-transform: uppercase;
    background:url(./../../resource/SupportPortalSprites/DownArrow.svg) no-repeat;
    background-position: right 15px top 20px;
    font-family: "BrownPro Regular", Arial, sans-serif;
    text-indent: 15px;
    cursor:pointer;
    height:50px !important;
    color: #000000;
}
#support-downloads .download-wrapper {
    padding: 0px;
}
.operating-systems .title {
    font-family: "BrownPro Regular", Arial, sans-serif;
}
.swType {
    width: 100%;
    margin-top: 10px;
}
.coveo-title .CoveoResultLink, .coveo-title .CoveoResultLink:hover {
    padding: 0;
    margin: 0 !important;
	border: 0;
}
#searchall .CoveoResult .coveo-title .CoveoResultLink {
    font-size: 16px !important;
    color: #000000 !important;
}
#searchall .CoveoResult .coveo-excerpt {
    line-height: 18px;
    padding: 0;
}
.coveo-folding-results a:hover, .coveo-result-folding-child-result:hover{
    border: 0;    
}
.coveo-result-folding-child-result:hover {
	border-left: 2px solid #cfcfcf;
}

.coveo-page-icon {
    height: 50px;
    background: url(./../../resource/SupportPortalSprites/IconSprite.svg) !important;
    background-size: 220px 220px !important;
    background-position: -145px -59px !important;
}
.coveo-community-icon {
    background: url(./../../resource/SupportPortalSprites/IconSprite.svg) !important;
    background-size: 220px 220px !important;
    background-position: -86px -121px !important;
    height: 50px;
    width: 42px;
}
.coveo-knowledge-icon {
    background: url(./../../resource/SupportPortalSprites/IconSprite.svg) !important;
    background-size: 220px 220px !important;
    background-position: -96px -67px !important;
    height: 50px;
    width: 42px;
}
.CoveoSearchInterface .coveo-result-cell {
    font-family: "BrownPro Light", Arial, sans-serif;
    color: #999;
}
.coveo-expanded-child-result .coveo-community-icon {
    margin-left: 0px;
    background: url(./../../resource/SupportPortalSprites/IconSprite.svg) !important;
    background-size: 220px 220px !important;
    background-position: -132px -121px !important;
    height: 50px;
    width: 42px;
}
.section-header {
    border-bottom: 1px solid #cccccc;
}
.search-result {
    padding-top: 60px;
    padding-bottom: 5px;
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-size: 30px;
    text-transform: uppercase;
}
#section-name {
    font-family: "BrownPro Regular", Arial, sans-serif;
    font-size: 12px;
    padding-bottom: 20px;
}
.coveo-results-section {
    width: 100%;
    margin: 0 auto;
    padding: 30px 30px;
	text-align: left;
}

    
.CoveoResultLink, .CoveoResultLink:hover, .CoveoResultLink:focus {
    border-radius: 0;
    text-decoration: none;
    font-size: 12px !important;
    letter-spacing: 1px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.btn-bs.btn-orange .CoveoResultLink, .CoveoResultLink:hover, .CoveoResultLink:focus {
    background: #ffffff !important;
    border: 2px solid #00a8e7; 
    color:#00a8e7 !important;
}
.CoveoResultLink {
    font-family: "BrownPro Regular", Arial, sans-serif;
}
.product-nametwo {
    line-height: 14px;
}
.product-name, .product-name:link, .product-name:hover, .coveo-field-section .CoveoResultLink:hover, .coveo-field-section .CoveoResultLink:active{
    font-size: 17px !important;
    background: none !important;
    color: #000000 !important;
    border:0;
}
#searchall .CoveoResult .coveo-excerpt {
    font-family: "BrownPro Light", Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    margin-bottom: 0;
}
.CoveoPager {
    text-align: center
}
.CoveoPager .coveo-active > a, .CoveoPager .coveo-active:first-child > a {
    font-family: "BrownPro Light", Arial, sans-serif;
    width: inherit;
    background: none;
    text-transform: uppercase;
    border: 0;
    color: #b2b2b2;
    letter-spacing: 1px;
    padding: 7px 15px;
    
}

.CoveoPager .coveo-active{
    pointer-events: none;
}

.coveo-pager-list-item, .coveo-pager-list-item:hover {
    background: none;
    border: 0;
}
.coveo-pager-next > a > span {
    background: url(./../../resource/SupportPortalSprites/IconSprite.svg);
    background-size: 240px 240px;
    background-position: -55px -129px;
    width: 25px;
    height: 37px;
    padding: 0;
}
.coveo-pager-next, .coveo-pager-previous {
    padding: 0;
}
.coveo-pager-previous > a > span {
    background: url(./../../resource/SupportPortalSprites/IconSprite.svg);
    background-size: 240px 240px;
    background-position: -25px -129px;
    width: 25px;
    height: 37px;
    padding: 0;
}
.coveo-pager-anchor {
    line-height: 54px
}
/* Search */

.search-title {
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 0;
    font-size: 40px;
    padding: 40px;
    display: block;
}
.searchboxWrap {
    position: relative;
    height: 100%;
}
div.CoveoOmnibox.magic-box {
    height: 100%;
}
.lable-search {
    display: none;
    position: absolute;
    z-index: 10;
    left: 280px;
    line-height: 27px;
    font-family: "BrownPro Light", Arial, sans-serif;
    padding-left: 20px;
}
.SearchBar1 {
    height: 280px;
    padding-top: 0px;
    background-color: #8146fe !important;
}
.SearchBar1 a:hover {
    text-decoration: none;
}
#searchBox {
    width: 60%;
    max-width: 760px;
    height: 60px;
    margin: 0 auto;
}
.magic-box .magic-box-input {
    height: 100%;
}
.CoveoSearchbox {
    height: 60px;
}
.magic-box .magic-box-input .magic-box-underlay, .magic-box .magic-box-input > input {
    height: 100%;
    font-size: 22px;
    font-family: "BrownPro Light", Arial, sans-serif;
    padding: 12px 5px;
}
.magic-box .magic-box-input {
    padding-left: 20px;
    color: #2f3132;
}
.magic-box-clear {
    display: none;
}
.magic-box-notEmpty {
    margin-left: 40px;
}
.CoveoSearchButton > .coveo-icon, .CoveoSearchButton > .coveo-icon:hover {
    background: url(./../../resource/SupportPortalSprites/support_sprites.svg) #ffffff;
	background-position: -1039px -83px;
    background-size: 1200px auto;
    height: 100%;
    width: 50px;
    color: rgba(0,0,0,0);
	text-indent: 1000px;
}

/*IE11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

.CoveoSearchButton > .coveo-icon, .CoveoSearchButton > .coveo-icon:hover {
    background: url(./../../resource/SupportPortalSprites/support_sprites.svg) #ffffff;
    background-position: -730px -380px;
    background-size: 850px auto;
}
}

.CoveoSearchButton, .CoveoSearchButton:hover {
    background: #ffffff;
    border: 0px;
}
.CoveoSearchbox .CoveoSearchButton {
    height: 100%;
}
.CoveoSearchInterface {
    background-color: inherit;
    margin-left: 0;
	margin-right: 0;
}
#coveoscope {
    padding: 6px 12px 6px 20px;
}
.search-nav-select {
    height: 100%;
    background: #ffffff;
    margin-right: 15px;
}
.search-nav-select.input-group .form-control {
    background: inherit;
    border: 0;
    height: 60px;
    font-size: 16px;
    color: #999999;
    box-shadow: none;
}
.search-nav-select .input-group-btn button.btn-bs, .btn-bs btn-default dropdown-toggle active {
    background: #ffffff !important;
    border: 0;
    margin-top: 0px;
	outline: none;
}
.btn-bs:active, .btn-bs.active {
    box-shadow: none;
}
#faq-right-column h3 {
    font-size: 20px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    display: inline-block;
    font-family: "BrownPro Regular", Arial, sans-serif;
}
#faq-right-column h3 .ng-binding {
    font-family: "BrownPro Bold", Arial, sans-serif;
    text-transform: initial;
}
#faq-right-column .dropdown h3 {
    font-family: "BrownPro Light", Arial, sans-serif;
    top: -9px;
    position: relative;
	font-size: 20px;
}
.dropdown > a, .dropdown > div > a {
    display: inline-block;
    vertical-align: top;
}
.dropdown-menu, .dropdown-menu {
    padding: 20px;
    box-shadow: none;
    border-radius: 0;
}
.dropdown-menu ul, .dropdown-menu ul {
    padding-left: 0px;
}
.dropdown-menu li ul, .dropdown-menu li ul {
    cursor: pointer;
}

.sort-dropdown ul li ul{
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 8px;
    margin-bottom: 8px;
    font-size: 14px;
}
.sort-dropdown ul li div{
    cursor: pointer;
}

#filter-dropdown li{
font-size: 16px !important
}

.sort-dropdown ul li:last-child ul{
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.sort-by-head{
    font-size: 22px;
	text-transform: uppercase;
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-weight:inherit;
}

#spec-content .Table_Header td, .logitech-table thead tr.primary th {
    background: #8146fe !important;
}
.logitech-table thead tr th {
    color: inherit;
    background: #eeeeee;
    border-color: #cccccc;
}
.label-left tbody tr td:first-of-type {
    color: inherit;
    border-color: #cccccc;
    background: #eeeeee
}
#faq-right-column .dropdown{
    top:-4px; 
 }
.dropdown, #filter-dropdown-menu, #dropdown-menu-sort {
    text-align: right;
}
.dropdown-menu { 
    right: -28px;
    left: auto;
}
.sideNavLabel {
    width: 72% !important;
}
.msideNav .list-group-item a {
    width: 255px;
}
.msideNav .list-group-item a {
    padding: 0px;
    text-align: left;
    margin: 0 auto !important;
}
.btn {
    width: inherit !important;
    min-width: 199px;
    max-width: 234px;
    border: 1px solid transparent;
}

.accordion-content .ng-binding img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.accordion-content a{
    word-wrap: break-word;
}
.accordion-content iframe{
max-width:100%;
}

#page-sub-text a, #page-sub-text2 a {
    color: #428bca;
    text-decoration: none;
}
#page-sub-text a:hover, #page-sub-text2 a:hover {
    color: #2a6496;
    text-decoration: none;
}
.caret {
    border-top: 8px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
#warranty-period {
    display: inline-block;
}
.search-head-title a {
    display: inline-block;
    margin-bottom: -10px !important;
}
.gallery {
    background: #f6f6f6;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 20px;
}

/* Chat */

/*.col-xs-12{width:100%}
.col-sm-4{border-top:0}*/
.panel.small-panel.middle.active{padding-bottom:40px}
.mobile-order-second .panel.small-panel{min-height:220px}

.background-sprite.chat.mobile {
    width: 27px;
    height: 30px;
    top: 11px;
    left: 12px;
    background-size: 27px 30px;
}
/*.btn-bs {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
border-radius: 4px;
}*/
.panel.small-panel {
    width: 100%;
}
.btn-bs.btn-orange {
    background: #00a8e7;
    color: #ffffff;
}
section > * > div.controls {
    position: initial !important;
    margin-left: auto !important;
}
.panel.small-panel .controls {
    text-align: center;
    bottom: 20px;
    position: absolute;
    width: 100%;
    margin-left: -30px;
}
section > div > p {
    min-height: 82px;
}
.right-panel {
    padding-left: 80px;
    font-size: 13px;
}
.background-sprite.chat {
    background: url("./../../resource/ResourcesSupportPortal/dist/img/backgrounds/chat-widget-icon.png"),
        url("./../../resource/ResourcesSupportPortal/dist/img/backgrounds/chat-widget-icon-shadow.png");
    background-repeat: no-repeat,no-repeat;
    display: block,block;
    background-position: 0px 0px,-196px -253px;
    width: 65px;
    height: 127px;
}
.background-sprite.chatshadow {
    background: url("./../../resource/ResourcesSupportPortal/dist/img/backgrounds/chat-widget-icon-shadow.png") top left repeat-y;
    background-position: -196px -253px;
    width: 65px;
    height: 127px;
}

.background-sprite.chatshadow.mobile {
    width: 27px;
    height: 30px;
    top: 11px;
    left: 12px;
    background-size: 27px 30px;
}

.panel h2 {
    margin: 0 0 20px 0;
    cursor: pointer;
}
.panel .blue-title-arrow-container {
    height: 19px;
    width: 19px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    position: relative;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}
.icon-sprite.blue-title-circle {
    background-position: -108px -15px;
    width: 19px;
    height: 19px;
}

.background-sprite, .icon-sprite {
    font-size: 0px;
    text-indent: -9999px;
    display: inline-block;
    float: left;
}
.panel .blue-title-arrow-container .blue-title-arrow {
    position: absolute;
    top: 4px;
    left: 6px;
}
.icon-sprite.blue-title-arrow {
    background-position: -126px 0;
    width: 8px;
    height: 11px;
}


@media (max-width: 768px){
    #spacerContainer{
        display:none;
    }
}

@media (max-width: 767px) {
   
.article {
    margin: 0 auto;
	padding: 0px;
}
    
.article-header > div > .col-sm-4 {
    float: none;
}


.magic-box .magic-box-input .magic-box-underlay, .magic-box .magic-box-input > input {
    height: 100%;
    font-size: 16px;
    font-family: "BrownPro Light", Arial, sans-serif;
    padding: 12px 5px;
}
.bootstrap-select .input-group-btn .dropdown-menu>li>a {
    font-size: 14px;
}
.input-group .form-control {
    /*max-width: 113px;*/
    max-width: 100px;    
}
.magic-box .magic-box-input > input {
    text-indent: 6px;
}
#coveoscope {
    padding: 6px 12px 6px 10px;
}
.bootstrap-select .input-group-btn .dropdown-menu > li > a {
    padding: 6px 10px;
}
.CoveoSearchButton {
    width: 30px;
}
.CoveoSearchButton > .coveo-icon, .CoveoSearchButton > .coveo-icon:hover {
    background: url(./../../resource/SupportPortalSprites/support_sprites.svg) #ffffff;
    background-position: -742px -52px;
    background-size: 850px auto;
    width: 30px;
}
#searchBox {
    width: 90%;
}
table {
    font-size: 9px;
    width: 100% !important;
}
.large-img #placeholder {
    height: initial;
    max-height: 100%;
	margin: calc(50% - 30vw) auto;
}
.swType {
    max-width: 60%;
}
.dl-button {
    text-align: left;
}
.dl-button a, .dl-button a:hover {
    max-width: 60%;
}
.search-result {
/*padding-top:10px;*/
}
.search-title {
    padding: 30px 0px;
    font-size: 30px;
}
.input-group.search-nav-select {
    margin-bottom: 10px;
}
#searchall {
    /* margin: 0px 20px; */
    margin: 0;
}
.CoveoResult {
    margin: 20px 0px 20px 0px;
}
.coveo-results-section {
    width: 100%;
    padding: 0 15px;
}
.img-responsive.coveo-product-img {
/*margin-bottom: 90px;*/
}
.btn btn-default btn-custom, .bg-primary .btn-custom {
    margin: 10px 10px !important;
}
.bg-primary {
   /* height: 330px !important;*/
}
.CoveoOmnibox magic-box, .magic-box-notEmpty {
    margin-left: 0px !important;
}
.SearchBar1 {
    height: 200px;
}
#searchBox {
    width: 90%;
}
.CoveoSearchButton {
    width: 50px;
}
.CoveoSearchButton > .coveo-icon, .CoveoSearchButton > .coveo-icon:hover {
    transform: scale(.7);
}
.magic-box .magic-box-input .magic-box-underlay, .magic-box .magic-box-input > input {
    font-size: 16px;
}
}

/* Sprint 2 */

.alert-div{
    background:#2f3132;
    color: #ffffff;
    text-align: center;
}

.alert-msg{
    margin: 0 auto;
    color: #ffffff !important;
    padding: 30px 0;
    display: inline-block;
    max-width: 614px;
    width: 100%;
    text-align: left;
}

.bg-alert-button{
    background:#2f3132;
    color: #ffffff;
    border: 1px solid #ffffff;
    margin:10px 20px;
    display: inline-block !important;
    min-width: 0px;
    max-width: 20%;
    width: 160px !important;
    margin-left: 200px !important;
    text-transform: uppercase;
    font-size: 10px;
    padding: 10px;
    letter-spacing: 1px;
    font-family: "BrownPro Regular", Arial, sans-serif;
}

.bg-alert-button:hover{
	padding: 9px 12px;
    color: #ffffff;
    border: 2px solid #ffffff;
}

.forgot-password{
    background:#f4f4f4;
    padding: 80px 20px;
    margin: 0 -15px;
    text-align:center;
}

.forgot-password h1 {
    margin: 10px auto 60px auto !important;
    color: #000000;
}

.forgot-password #page-main-heading{
    text-align: center;
    margin: 0 auto;
}


/* Input Fields */
.input-group {
	position: relative;
    margin: 10px auto 25px auto;
}
.input-field {
	border: 0;
	font-size: 18px !important;
	padding: 0px 10px 0px 5px;
	display: block;
	width: 300px !important;
	height: 64px !important;
	box-sizing: border-box;
	text-indent: 8px;
    margin-right: 10px;
}
.input-field:focus {
	outline: none;
}
.input-group label {
	color: #000000;
	font-size: 18px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 15px;
	top: 20px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}

.input-group select{
	-webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
	background: #ffffff;
}

.input-group select::after{
    color:#000000;
    border-top: 8px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
	
.input-field:placeholder-shown {
	border:0;
}	
 .input-field:focus{
	border:1px solid #e1e2e3;
}	
#userLNameEdit-label{
    top: 4px;
    font-size: 11px;
}
.input-field:valid ~ label {
 top:4px;
 font-size:11px;
}
		
.input-field:placeholder-shown ~ label{
  top:20px;
  font-size:18px;
  max-width: 80%; 
  text-align: -webkit-left; 
  text-align: left; 
  top: 10px;
}	

 .input-field:focus ~ label{
	top:6px;
	font-size:11px;
}

.instruction{
        width: 90%;
}		
		
@supports (-ms-ime-align:auto) {
     .input-group label{
	 top:6px;
	 font-size:11px;
	}
}

.forgot-password input[type="button"]{
	min-width: 199px !important;
}

.tooltip {
    max-width:300px;
    font-size:12px;
}

/* Home */
.product-home{
    max-width: 1240px;
    text-align: center;
	margin: 0 auto;
}

.mobile-order-first .prod-widget{
    border: 10px solid #ffffff;
    padding: 20px 20px 0px 20px
}

.mobile-order-first .prod-widget p{
	padding: 0 auto 10px auto;
}

.mobile-order-first .prod-widget div{
	background-image: url(./../../resource/support_homepage_icons);
    background-repeat: no-repeat;
    background-size: 655px 206px;
    width:110px !important;
    height:80px !important;
    margin-bottom: 0px;
	margin-top: 0px;
}

.product-icons{
	background-image: url(./../../resource/support_homepage_icons);    
    background-repeat: no-repeat;
    background-size: 655px 206px;
    width:110px !important;
    height:80px !important;
    margin-bottom: 0px;
	margin-top: 0px;
}

.mice-and-pointers-icon{
	background-position: -410px 0px;  
}

.keyboards-icon{
	background-position: -256px 0px;  
}

.webcams-and-security-icon{
	background-position: -257px -131px;    
}

.harmony-icon{
    background-position: -567px 0px;
}

.speakers-and-sound-icon{
    background-position: 19px -131px;
}

.headsets-and-earphones-icon{
    background-position: -104px -126px;
}

.gaming-icon{
    background-position: -410px -131px;
}

.mobile-and-tablet-icon{
	background-position: -567px -131px;
}

.mobile-order-first{
    background:#ffffff;
}

.mobile-order-first .prod-widget{
    margin-bottom: 0px;
    min-height:234px;
}

.next-step{
	background: transparent;
    border: 0;
	min-height: 140px;
}

div.container.home-bg{
	margin: 0 auto;
	max-width: inherit;
    width: inherit;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw); 
}

div.container.home-bg .row{
	max-width: 1250px;
	margin: 0 auto;
}

.home-bg .register-your-product-icon, .home-bg .downloads-icon{
    background-image: url(./../../resource/support_homepage_icons);
    background-position: -410px -131px;
    background-repeat: no-repeat;
    background-size: 655px 206px;
    width:110px !important;
    height:100px !important;
    position: relative;
    margin: 0 auto;
    display: block;
    top: inherit;
	left: inherit;
    float: none;
}

.home-bg .register-your-product-icon{
    background-position: 18px 14px;
}

.home-bg .downloads-icon{
    background-position: -106px 14px;
}


.home-bg {
    background: #f6f6f6;
    padding: 65px 0;
}

.home-bg .mtb15{
    border: 10px solid #f6f6f6;
	min-height: 375px !important;
     background:#ffffff;
}

.home-bg > div:last-child .mtb15 {
    min-height: 315px !important;
    background:#ffffff;
}

.widget-title h3{
    font-size: 36px;
	text-transform: uppercase;
	text-align: center;
    cursor: pointer;
}

.nav-link{
    text-align: center;
    padding: 20px 20px;
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
}

.nav-home{
	position: absolute;
}
.stick{
	position: fixed;
    width: 100%;
    background: #ffffff;
    top: 75px;
    z-index: 3000;
	border-bottom: 1px solid #f6f6f6;
    max-width: 100%;
    padding: 20px calc(50vw - 605px);
}
.stick .user-logout{
    right: calc(50vw - 625px);
}
.stick .bg-subnav-button{
    right: calc(50vw - 605px);
}

@media (max-width: 1250px) {
    .stick{
    	padding: 20px 20px;
	}
    .stick .bg-subnav-button {
    	right: 20px;
	}
    .stick .user-logout {
    	right: 0;
	}
}


#SubNavDivElem div{
    display: inline-block;
}

#SubNavDivElem{
    margin-left: 200px;
    margin-right: 200px;
    left: inherit;
}
#SubNavDivElem div div a, .user-logout a:first-child{
    color: #000000;
    text-transform: uppercase;
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-size: 13px;
	margin: 0px 14px !important;
    cursor: pointer;
	letter-spacing: .5px;
}

#SubNavDivElem div div a:hover, .user-logout a:first-child:hover{
    text-decoration: none;
}

.user-logout {
    width: 340px;
    position: absolute;
    right: 0;
    top: 20px;
    left: inherit;
    text-align: right;
    padding-right: 170px;
}

.nav-home h1{
    color: #000000;
    text-transform: uppercase;
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-size: 20px;
    width: 240px;
    margin-top: 0px;
    text-align: left;
	margin-left: 0;
}
.nav-home a:hover{
    text-decoration: none;
}
.bg-subnav-button{
    line-height: normal;
    font-family: "BrownPro Regular", Arial, sans-serif;
    padding: 5px 13px !important;
    background: #000000;
    color: #ffffff;
    font-size: 12px;
    max-width: 155px;
    height: inherit;
    text-transform: uppercase;
    float: right;
    position: absolute;
    right: 20px;
    top: 16px;
    text-transform: uppercase;
	cursor: pointer;
}
.bg-subnav-button:hover{
    padding: 3px 11px !important;
    border: 2px solid #000000;
	background:#ffffff;
    color:#000000;
    text-decoration: none;
}

#searchBox{
    padding-top: 90px;
}
.search-nav-select{
    margin: 12px 15px 25px 0px;
}

.info-icon{
    position: absolute;
	right: 18px;
	top: 22px;
    cursor: pointer;
}

.innerpage, .softwarepage{
    background: #f4f4f4;
	margin: 0px calc(50% - 50vw);
	padding: 75px 0px 70px 0px !important;
    max-width: inherit !important;
}

.innerpage .row, .softwarepage .row{
    max-width: 1250px;
    text-align: left;
    margin: 0 auto;
    padding: 0 20px;
}

.softwarepage{
    background: #ffffff;
	max-width: 1250px !important;
}


#contactSupport .related-products {
    margin: 0px 50px 0px 50px !important;
    padding: 40px 0px !important;
}

.contact .jcarousel li{
    width: 230px;
}

.contact .jcarousel .item li{
	margin: 0;
    padding:0;
}

.carousel-inner .item {
    padding: 0px 0px;
}

.signin-panel .widget-title h3{
    cursor: initial;
}

.carousel-inner .item{
    background: transparent !important;
    padding: 0 50px;
}

.carousel-inner .item a{
    color: #000000;
    text-transform: uppercase;
}

.carousel-inner .item a span{
    font-family: "BrownPro Light", Arial, sans-serif !important;
	font-size: 16px;
}

.carousel-inner .item a:hover {
   text-decoration:none;
}

.carousel-indicators {
    bottom: inherit;
	top: 150px;
}

.carousel-indicators li{
    background:#cccccc;
}

.carousel .center-button {
    top: 50px;
    bottom: inherit;
}
#widget-slider{
	padding-bottom: 30px;
}  
.carousel-control {
    color: #cccccc;
    text-shadow: none;
}
.carousel-control:hover {
    color: #00B8FC;
    text-shadow: none;
}

.related-products .jcarousel-control-prev{
	background: url(./../../resource/SupportPortalSprites/IconSprite.svg) !important;
    background-size: 240px 240px !important;
    width: 30px !important;
    background-position: -25px -125px !important;
    height: 40px;
    top: 25%;
}

.related-products .jcarousel-control-next{
	background: url(./../../resource/SupportPortalSprites/IconSprite.svg) !important;
    background-size: 240px 240px !important;
    width: 30px !important;
    background-position: -50px -125px !important;
    height: 40px;
    top: 25%;
}

.related-products .jcarousel-control-prev span, .related-products .jcarousel-control-next span{
    display:none;
}

@media (max-width: 991px) {
    
.alert-div{
	padding-bottom: 20px;
}    
.alert-msg{
	text-align: center;
	padding: 30px 20px 20px 20px;
}

.bg-alert-button {
    display: block !important;
    width: 200px !important;
    max-width: 50%;
    margin: 0 auto !important;
}
  
.widget-title h3 {
    font-size: 16px;
    margin: 0px 0px !important;
}

.home-bg > div:last-child .mtb15 {
    min-height: 265px !important;
}  
    
.home-bg .third .mtb15 p{
    margin-bottom: 110px;
}  

.home-bg .second .mtb15 .btn, .home-bg .third .mtb15 .btn{
    min-width: 70%;
}  
    
       

.user-logout{
	top: 0px;
	position: relative;
	left: inherit;
	display: block;
	margin: 0 auto;
	padding-bottom: 5px;
}  
.nav-home {
	margin: 0px 0px 0px 30px;
    position: relative;
 }
.nav-home h1{
	/*text-align: center;*/
}
.nav-link{
        text-align:left;
    padding: 17px 0px 4px 0px;
}
    
#SubNavDivElem{
        margin: 10px auto;
}
 
.nav-link .navbar-toggle{ 
	background-position: -378px -90px;
	position: absolute;
    top: 22px;
    left: 45%;
    right: 0;
}

}

@media (min-width: 769px) and (max-width: 991px) {

    
/* Tablet */
      
#searchBox {
    width: 70%;
}
.nav-home{
	position: absolute;
	margin: 0px 0px 0px 30px;
}

#SubNavDivElem{
    width: 50%;
    text-align: center;
    margin:0px auto 5px auto;
}
    
.user-logout{
    top: inherit;
    position: inherit;
    left: inherit; 
    display: inherit;
    margin: inherit;
    padding-bottom: inherit;
        padding-right: inherit;
            text-align: inherit;
        width:initial;
}
    
}

.input-group .error{
    border: 1px solid #ed5656;
}

.input-group .error-text{
    color: #ed5656;
}


/* Modal */

#forgotPassBtn{
    padding-right: 10px;
}

#forgotPassBtn, .create-account{
    display:inline-block;
}


.modal-content{
    background: #f6f6f6;
    border-radius: 0;
}
.modal-content .center{
    text-transform: uppercase;
	font-family: "BrownPro Bold", Arial, sans-serif;
    font-weight: inherit;
}
.modal-header{
   border:0; 
}
.modal-body{
    max-height: inherit;
    text-align: center;
    overflow: auto;
    width: 100%;
}

.modal-body .col-sm-8{
    width:100%;
}

.not-registered{
    text-transform:uppercase;
    font-size:12px;
    
}

.not-registered div:last-child{
    padding-top: 20px;
}

.fa{
    color:#00B8FC;
}
.create-account-field .row{
    max-width: 90%;
	text-align: center;
	margin: 0 auto;
}

.negative-margin{
    text-align: left;
}

.create-account-field > div:last-child-of-type{
    text-transform: uppercase;
    font-size:12px;
}

#signin{
    font-size: 12px;
	text-transform: uppercase;
	font-family: "BrownPro Bold", Arial, sans-serif;
    display: inline-block;
}

/* Reg Product */
#firstRegistrationPanel{
    text-align: center;
	margin: 0 auto;
	width: 56%
}



#firstRegistrationPanel > div:first-of-type {
    background: #ffffff;
    padding: 20px;
	margin-top: 10px;
}

#firstRegistrationPanel > div:first-of-type > div {
   font-family: "BrownPro Bold", Arial, sans-serif;
    padding-top: 10px;
}

input[type="file"] + label{
    top: 0px !important;
    font-size:18px !important;
	left: 140px;
    width: 150px;
}

.input-group input[type="file"]{
	width: 125px !important;
    color: transparent;
	height: 34px !important;
}

.input-group input[type="file"]:before{
	width: 125px !important;
    background
    color: #ffffff;
	height: 34px !important;
}


#firstRegistrationPanel  .input-group{
    margin: 10px 0 25px 0;
}

#datePicker{
    background: #ffffff;
	color: #000000;
}

#datePickerCalendar{
    width: 100%;
}

#firstRegistrationPanel .dateFormat{
position: absolute;
top: 21px;
right: 10px;
}

.signin-form .dateFormat{
	position: absolute;
    left: 140px;
    top: 6px;
}

#firstRegistrationPanel #btn_submit, #btn_submit3{
    display: inline-block;
    padding: 15px 12px;
    margin-bottom: 20px;
    margin-left: -15px !important;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    color: #fff;
    font-family: "BrownPro Bold", Arial, sans-serif;
    height: inherit;
    text-transform: uppercase;
    font-size: 13px;
    width: inherit !important;
	/*max-width: 234px;*/
}

#firstRegistrationPanel #btn_submit:hover{
    color: #00B8FC;
    background-color: transparent;
    border: 1px solid #00B8FC;
}

.Xinput-group [type=file] {
   background-color: #00B8FC;
    text-transform: uppercase;
    font-size: 13px;
    color:#ffffff;
}    

#page-sub-text-tk{
	text-align: center;
}

#thankyou-sec .btn-container{
	text-align: center;
}

/* Create An Account */

.row .create-account-field {
   max-width: 800px !important;
   margin: 0 auto 80px auto;
}

.create-account-field .input-group[class*="col-"]{
    float: left;
}

.create-account-field .info-icon {
    right:30px;
}

.terms-container{
height: 100px;
overflow: scroll;
font-size: 12px;
background: #ffffff;
border: ;
}

.terms-container h1{
font-size: 12px;
}

.terms-container h2{
font-size: 12px;
}

.note{
    text-transform: uppercase;
	font-size: 12px;
	font-family: "BrownPro Bold", Arial, sans-serif;
    letter-spacing: .5px;
}

/* Reset */
.errorM3{
    width: 60%;
	margin: 0 auto;
    background: #ffffff;
    border-radius: 0;
    border:1px solid #ed5656;
    margin-bottom: 20px;
}

.message .messageText h4{
    display:none;
}

.message .messageTable .messageCell {
    font-size: 14px;
}


.errorM3 .msgIcon{
	margin: 20px 20px 20px 20px;
	background-image: url(./../../resource/SupportPortalSprites/error_icon.svg);
}

/* Mobile */

@media (max-width: 768px) {

#firstRegistrationPanel > .col-sm-7, #firstRegistrationPanel > .col-sm-7 > .row{
   padding:0;
}
#firstRegistrationPanel > .col-sm-7 > .row > .col-sm-6{
	text-align: center;
}    
#firstRegistrationPanel .dateFormat{   
    top:13px
}
    
#firstRegistrationPanel #btn_submit{
    margin-left: 5px !important;
}   
    
.signin-form .dateFormat{
	position: absolute;
    right: 26px;
    left: inherit;
    top: -2px;
    display: inline-block;
    width: 100px;
}

    
.stick{
    top: 60px;
}
.errorM3{
    width: 100%;
}
    
.home-bg .mtb15 {
   	 border: 20px solid #f6f6f6;
}

.second div:first-child .text-center{
    padding-bottom: 160px;
}        
.mobile-order-first .prod-widget {
    border: 20px solid #ffffff;
}
    
#searchBox {
    padding-top: 58px;
}
    
.input-field{
	width: 100% !important;
}    

.nav-link, .nav-home h1{
    text-align: left;
}
.nav-home h1{
 width: 170px
    }
    
    
.nav-home{
        display: inline-block !important;
} 
    
.create-account-field .input-group[class*="col-"] {
    float: none;
	width: 100%;
}
    
.row .input-group{  
    width: 100%;
}        
        
.create-account-field .row {
    max-width: 100%;
}

   .navbar-toggle {
        display:block;
    }
   #SubNavDivElem > div  {
        width:100%;
        padding-top: 8px;
        padding-bottom: 8px;
        display: inline-block;
        padding: 10px 15px;
        box-sizing: border-box;
        font-size: 1em;
        font-family: "BrownPro Regular", Arial, sans-serif;
        line-height: 22px;
       text-align: left;

    }
    .SubNavDivElem{
        margin:0px;
    }
    .bg-subnav-button{
	float: none;
    position: absolute;
    right: 10px !important;
    top: 11px;
    height: inherit !important;
    text-align: center;
    padding: 5px 10px !important;
        font-size:10px;
	}
    
    #firstRegistrationPanel, .create-account-field {
    width: 100%;
	}
    
    #firstRegistrationPanel .input-group {
    width: 100%;
	}
    
    .create-account-field .input-group[class*="col-"] {
    	float: inherit;
	}
	
}

/* Tablet */

@media (min-width: 641px) and (max-width: 991px) {
    .create-account-field .input-field {
    	width: 400px !important;
	}
	.create-account-field .input-group[class*="col-"] {
        width: inherit;
	}
    #searchBox {
    width: 70%;
	}
    .product-category > .products .product-listing a{
        width:40% !important;
    }
    
}

@media (min-width: 769px) {
   .navbar-toggle {
        display:none;
    }
    
    #SubNavDivElem {
        display:block !important;
        
    }
    #SubNavDivElem div {
        display: inline-block !important;
	}
} 


*/ Sprint 3 */


.downloadpage{
    background:#ffffff;
}

#software-detail hr, .softwarepage hr{
    display:none;
}


#software-detail .row, #software-detail .col-sm-3, #software-detail .col-sm-9, #software-detail .col-sm-12, #software-detail .col-sm-4, #software-detail .col-sm-8, #software-detail .col-sm-3, #software-detail .col-sm-7{
    padding:0;
    
}


#software-detail h2{
    text-transform:uppercase;
    color#000000;
    
}

#software-detail .form-control{
	/*height: 42px !important;
	font-size: 14px;*/
	letter-spacing: 1px;
	margin-bottom: 0;
    border:1px solid #000000;
    -webkit-border-radius: 0px;
	margin-left: 20px;
    width:180px;
    min-width:225px;
    
}


.support-header .breadcrumb {
	border-bottom: 1px solid #cccccc;
    padding-bottom: 40px;
	padding-top: 10px;
}

#software-detail .page-nav .form-control{
	width: initial;
	min-width: 180px;
    margin-right: 10px;
}


.download-wrapper hr, .support-downloads hr, .operating-systems hr, .software-breakdown hr{
    display:none;
}

#support-downloads hr{
    display:none;
}

.modal-backdrop{
    z-index:9998;
}

.operating-systems-panel > div > div:first-child {
    border-top: 1px solid #eeeeee;
	padding-top: 30px !important;
}

.operating-systems-panel > div > div {
   padding: 0px 0 30px 0 !important;
    margin: 30px 0 !important;
    border-bottom: 1px solid #eeeeee;
}

.operating-systems-panel > div > .other-download {
   padding: 0px 0 10px 0 !important;
    margin: 10px 0 !important;
    border-bottom: 1px solid #eeeeee;
}

.softwarepage h2,.softwarepage h1, .softwarepage .othersoftwares{
    color:#000000;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 500;
    font-family: "BrownPro Regular", Arial, sans-serif;
}
.softwarepage h2{
    display: inline-block;
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-size: 36px;
}
.softwarepage h1 {
    padding-top: 20px;
}
.othersoftwares p{
    text-transform: initial;
}
.operating-systems-panel > div > .othersoftwares {
    padding-top: 70px !important;
}
.softwarepage #support-downloads .download-wrapper .software-icon {
    height: 80px !important;
    width: 80px !important;
}

#help .close-icon{
    cursor:pointer;
	background: url(./../../resource/SupportPortalSprites/support_sprites.svg) no-repeat;
    background-size: 583px 217px;
    background-repeat: no-repeat;
    background-position: -130px -88px;
    width:20px;
    top: 0px;
}

#help .close-icon i{
    font-size:0;
}

#support-downloads .name a{	
    font-family: "BrownPro Regular", Arial, sans-serif;
    font-size:20px !important;
    font-weight: 500 !important;
}

#support-downloads p.short-name{	
	margin: 0px !important;
    padding: 0px !important;
    padding-left: 4px !important;
}

#support-downloads .download-wrapper .software-help{
    font-family: "BrownPro Regular", Arial, sans-serif;
	text-transform: uppercase;
    text-decoration: none;
    color:#00B8FC;
    padding-left: 4px !important;
}

#support-downloads .download-wrapper div{
    padding-left:0;
}

#support-downloads .additional-info{
    border: 1px solid #ececec !important;
    padding: 30px !important;
    position: relative;
}


#Xsupport-downloads .additional-info:after, #Xsupport-downloads .additional-info:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#Xsupport-downloads .additional-info:after {
	border-color: #ececec;
	border-bottom-color: #ececec;
	border-width: 15px;
	margin-left: -15px;
}
#Xsupport-downloads .additional-info:before {
	border-color: #ececec;
	border-bottom-color: #ececec;
	border-width: 16px;
	margin-left: -16px;
}

.product-category .btn{
    min-width: 129px;
    max-width: 90%;
}

.product-category > .products .product-listing a {
    display: block;
    margin: 0 auto !important;
}

.product-category .widget-title{
    color:#000000;
}

.product-category label {
    font-weight: normal;
    font-style: initial;
}

.product-category > .products .product-listing > div div:first-of-type{
    font-weight:bold;
    font-family: "BrownPro Bold", Arial, sans-serif;
}

.product-category > .products .product-listing > div i{
    font-style: initial;
}

.product-icons{
    display:inline-block;
	margin-right: 15px;
}

.product-category>.header {
    position: relative;
}

.product-category>.header h2 {
    float: none;
    display: inline-block;
    position: absolute;
}

.panel-heading.accordion-toggle{
    padding: 30px 0 !important
}

.support-header{
   padding:0 20px; 
}

#support-downloads .header {
    margin: 0;
}

#support-downloads select[multiple], #support-downloads select[size] {
    min-width:120px;
	padding-right: 30px;
    margin-right:15px;
}

#support-downloads select[multiple], #support-downloads select[size] {
    min-width:120px;
	padding-right: 30px;
    margin-right:15px;
	border: 1px solid #000000;
}

.softwarepage .modal {
    top: 0px;
}

.softwarepage .modal-header .close {
	margin-top: -62px;
    margin-right: -18px;
	font-size: 42px;
    color:#dcfd00;
    text-shadow: 0 0px 0;
    font-weight: normal;
    opacity: 1;
    font-family: "BrownPro Light", Arial, sans-serif;
}

.softwarepage .modal-header {
	background: #f4f4f4;
}


.softwarepage .modal-title {
	font-size: 24px;
    text-transform: uppercase;
    font-family: "BrownPro Bold", Arial, sans-serif;  
}
.softwarepage .modal.in .modal-dialog{
    margin-top: 110px;
}
.softwarepage #modalFrame {
    font-family: "BrownPro Bold", Arial, sans-serif;
    line-height: 1.75;
    background: #ffffff;
	padding: 25px 50px;
}

.softwarepage .col-sm-10.col-xs-11 {
    margin-left: 135px;
}

.softwarepage .col-sm-2.col-xs-1 {
	min-width: 119px !important;
    margin: 0 10px;
}

.page-nav .col-sm-9 div{
	padding-left: 0;
}
#software-detail .page-nav .form-control{
    font-size: 12px;
	-webkit-appearance: inherit;
	text-indent: 10px;
	font-family: "BrownPro Bold", Arial, sans-serif;
    color:#000000;
    height: 50px !important;
    margin-left: 0px;
}    

.software-breakdown div{
    padding-left:0 !important;
}

.software-breakdown .title{
    text-transform: uppercase;
    font-size: 24px !important;
    font-weight: 500 !important;
    font-family: "BrownPro Regular", Arial, sans-serif;
    padding-top: 40px;
	padding-bottom: 20px;
	margin-left: 0;
}

.no-prod-content{
	padding: 20px 0;
    text-align: left;
    font-size: 16px !important;
    color: #020202!important;
    font-family: "BrownPro Light", Arial, sans-serif !important;
}

.custom-link {
    display: block;
    margin-top: 20px !important;
    font-size: 16px;
    font-family: "BrownPro Regular", Arial, sans-serif;
}

.software-versions > li >div:first-child > div:last-child{
        
}
.software-versions .swType {
    width: 100%;
    margin-top: 0px;
   	height: 50px !important;
}

.version{
    font-family: "BrownPro Regular", Arial, sans-serif;
    float: none;
	font-size: 20px;
}
.version.pull-right{
    float: none !important;
}
.version span{
    font-family: "BrownPro Regular", Arial, sans-serif;
    font-weight:normal;
}

#software-detail .previous-versions .software-versions>li {
    border:0;
	border-top: 1px solid #dadada;
    padding-top: 30px;
}



.software-help{
    font-family: "BrownPro Regular", Arial, sans-serif;
    font-size:12px;
    text-transform:uppercase;
	margin-top: 10px !important;
}

#software-detail .software-versions-wrapper {
    margin-left: 0px;
}

.software-versions-wrapper .row{
	padding-left: 0 !important;
    margin-left: 0;
}

.software-versions .bg-blue-button {
	margin-top: 0 !important;
}

.software-breakdown .panel-bar{
	padding: 40px 15px 0px 15px;
    border-top:0;
}

#software-detail .software-breakdown .software-info li span, .software-description .col-sm-4 li, .software-description .col-sm-4 li span {
    color: #000000 !important;
    font-family: "BrownPro Regular", Arial, sans-serif !important;
    font-size:16px !important;
    font-weight:normal !important;
	list-style: none;
}

.software-description .col-sm-4 li span{
     font-family: "BrownPro Light", Arial, sans-serif !important;
}


#software-detail .software-description{
    background:#ffffff;
    border:0;
    margin: inherit;
    padding: 15px 0px;
}

#software-detail {
    margin: 0 15px;
}

.software-version-details ul{
	list-style: none;
    padding-left:0;
}

#software-detail .software-version-details .form-control{
	margin-left:0;
    width: 100%;
}

.software-version-details .bg-blue-button{
	margin: 10px 0 !important;
	width: 90% !important;
    max-width: 90% !important;
    padding: 16px 5%;
}

#platfomSWDownloadBtnId{
    width:100%;
}

#faq-right-column .blog-item{
    border-bottom: 1px solid #dadada;
    margin-bottom: 25px;
}

#faq-right-column > div:first-child{
	border-top: 1px solid #dadada;
    margin-bottom: 25px;
}

.nonlink-name{
    font-size: 17px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

.download-close-icon i{
	background: url(./../../resource/SupportPortalSprites/support_sprites.svg);
    font-size: 0;
    width: 30px;
    height: 30px;
    background-size: 554px 206px;
    background-position: -117px -80px;
	float: right;
}

.other-download .col-sm-2.col-xs-1{
	width: 30px;
    min-width: inherit !important;
}

.other-download .col-sm-10.col-xs-11{
	margin-left: 46px;
}

#support-downloads .download-wrapper .installer select{
    float:none;
	margin-top: 11px;
}
.additional-info #close{
    z-index:1;
    position:relative;
    cursor:pointer;
}


#support-downloads > .row:first-child {
	padding-left: 5px;
}


/* Reg a Product */

#regproduct, .contact-support{
    margin: 0 auto;
	padding: 75px 25% 70px 25% !important;
}

#regproduct .bg-blue-button{
	padding: 22px 0px;
	min-width: inherit;
    max-width: inherit;
    width: 100% !important;
}

#regproduct .product-icons, #regproduct #list-box-product, .contact-support .product-icons, .contact-support #list-box-product{
	width: 33% !important;
    background: #fafafa;
    margin-left: 5%;
    margin-right: 0;
	height: 216px !important;
    text-align: center;
	display: inline-block;
}

#regproduct #list-box-product, .contact-support #list-box-product{
    background: #ffffff;
	text-align: -webkit-center;
}
#regproduct .img-responsive, #regproduct #list-box-product .img-responsive{
    padding-top: 10px;
	width: 100%;
    height: auto;
    max-width: 150px;
}
#regproduct .product-icons a:first-child, #regproduct #list-box-product a:first-child, .contact-support .product-icons a:first-child, .contact-support #list-box-product a:first-child{
	height: 129px;
    display: block;
	width: 128px;
    margin:0 auto !important;
}

#regproduct .product-icons a:first-child, .contact-support .product-icons a:first-child {
    background: url(https://secure.logitech.com/assets/65236/2/placeholder-logo.png) no-repeat;
	background-position: center center;
    -webkit-filter: grayscale(100%);
    opacity: .3;
}

#regproduct .product-icons.mice-and-pointers-icon a:first-child, .contact-support .product-icons.mice-and-pointers-icon a:first-child{
	background: url(./../../resource/support_homepage_icons) no-repeat !important;
	background-size: 695px 226px !important;
    background-position: -430px 30px !important
}

#regproduct .product-icons.keyboards-icon a:first-child, .contact-support .product-icons.keyboards-icon a:first-child{
	background: url(./../../resource/support_homepage_icons) no-repeat !important;
	background-size: 695px 226px !important;
    background-position: -266px 30px !important;
}

#regproduct .product-icons.webcams-and-security-icon a:first-child, .contact-support .product-icons.webcams-and-security-icon a:first-child{
	background: url(./../../resource/support_homepage_icons) no-repeat !important;
	background-size: 695px 226px !important;
    background-position: -266px -110px !important;
}

#regproduct .product-icons.harmony-icon a:first-child, .contact-support .product-icons.harmony-icon a:first-child{
	background: url(./../../resource/support_homepage_icons) no-repeat !important;
	background-size: 695px 226px !important;
    background-position: -596px 30px !important;
}

#regproduct .product-icons.speakers-and-sound-icon a:first-child, .contact-support .product-icons.speakers-and-sound-icon a:first-child{
	background: url(./../../resource/support_homepage_icons) no-repeat !important;
	background-size: 695px 226px !important;
    background-position: 27px -110px !important;
}

#regproduct .product-icons.headsets-and-earphones-icon a:first-child, .contact-support .product-icons.headsets-and-earphones-icon a:first-child{
	background: url(./../../resource/support_homepage_icons) no-repeat !important;
	background-size: 695px 226px !important;
    background-position: -105px -110px !important;
}

#regproduct .product-icons.gaming-icon a:first-child, .contact-support .product-icons.gaming-icon a:first-child {
	background: url(./../../resource/support_homepage_icons) no-repeat !important;
	background-size: 695px 226px !important;
    background-position: -428px -110px !important;
}

#regproduct .product-icons.mobile-and-tablet-icon a:first-child, .contact-support .product-icons.mobile-and-tablet-icon a:first-child{
	background: url(./../../resource/support_homepage_icons) no-repeat !important;
	background-size: 695px 226px !important;
    background-position: -596px -110px !important;
}


#regproduct .product-icons img, .contact-support .product-icons img{
	display:none;
}

#regproduct .product-icons .bg-blue-button, #regproduct #list-box-product .bg-blue-button, .contact-support .product-icons .bg-blue-button, .contact-support #list-box-product .bg-blue-button{
    height: initial !important;
	min-width: inherit;
    width: 80% !important;
    padding: 16px 10px;
    height: auto !important;
}

.disabletag .bg-blue-button, .disabletag .bg-blue-button:hover,  .disabletag .bg-blue-button:active,  .disabletag .bg-blue-button:focus{
    background: #efefef;
    color:#ffffff;
}

#regproduct .input-group, .contact-support .input-group{
    float:left;
}

#findserial > div:first-child{
	width: 70%;
    margin-right: 2%;
}

#findserial > div:nth-child(2){
    width:27%;
    float:left;
}

#regproduct .input-field, .contact-support .input-field{
	width: 100% !important;
}

#regproduct  hr, .contact-support  hr{
    border-top: 1px solid #fff;   
}

#productSelectionBox select{
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 0;
	-webkit-appearance: inherit;
	text-indent: 10px;
    background:url(./../../resource/SupportPortalSprites/DownArrow.svg) #ffffff no-repeat;
    background-position: right 15px top 27px;
    font-family: "BrownPro Light", Arial, sans-serif;
    text-indent: 15px;
    cursor:pointer;
    height: 64px !important;
    color: #000000;
    border:0;
	margin-bottom: 12px;
    width: 62%;
    float: left;
    padding-right: 30px;
}

#productSelectionBox select:hover, #productSelectionBox select:active, #productSelectionBox select:focus, #productSelectionBox option{
	background-color:#ffffff !important;
}

.disabletag{
    pointer-events:none;
    opacity:.4;
}



.skip-prod-select .widget-title{
    text-align: center;
}
.skip-prod-select h3{
    float: none !important;
    padding:40px 0;
    display: block;
}

.skip-button{
    padding-top:0px;
	text-align: center;
}

.signin-panel .center-button{
	position: relative;
    left: initial;
    right: initial;
    bottom: inherit;
	margin-top: 20px;
}

/* Support Contact */


.other-panel .center-button{
    position: relative;
    bottom: inherit;
}
.other-panel {
	margin: 60px 0;
}

#widgetPanel .mtb15{
    background: #ffffff;
    background-clip: padding-box;
}

#widgetPanel .btn{
    min-width: 179px;
}

/* Contact Support */

.pc-container1, .pc-container2{
	margin-bottom: 65px;
    padding-right: 30px;
}    

.pc-container1 p strong, .pc-container2 p strong{
	font-size: 18px;
	font-family: "BrownPro Regular", Arial, sans-serif !important;
    font-weight: 500;
}    

.phone{
	border: 0 !important;
    font-size: 24px;
	margin: 10px 0 0 0 !important;
}

.contactHeaderLineText{
    font-size:11px;
}

.contact .problem-fields, .contact .problem-fields > div{
	padding: 0;
}
.contact .problem-fields{
	width: 70% !important;
    margin-top: 40px;
}
.sub-heading {
    color: #000000;
}
.sub-heading + hr{
    margin-top: 20px;
    margin-bottom: 50px;
    border-top: 1px solid #ccc;
}

.pcp-widget .pc-container, .mcp-widget .pc-container{
    text-align:left;
    font-size: 16px;
}

.pc-container .text-center{
	text-align: inherit;
	font-family: "BrownPro Regular", Arial, sans-serif !important;
    font-size: 18px !important;
}

.sub-heading{
	text-transform: uppercase;
	margin-left: 30px;
	font-size: 18px;
}
.text-desc a{
    margin-top: 10px !important;
    display: block;
}

.product-support, .Product-sales, .warranty-support{
	display: block;
    width: 115px;
    height: 90px;
    float: none;
    background: url(./../../resource/SupportPortalSprites/product_icon.svg) no-repeat;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
}

.Product-sales{
    background: url(./../../resource/SupportPortalSprites/sales_icon.svg) no-repeat;
}

.warranty-support{
    background: url(./../../resource/SupportPortalSprites/warranty_icon.svg) no-repeat;
}

#contactSupport .item li{
	text-align: center;
}

.product-finder #findserial .bg-blue-button{
    margin: 10px 5px !important;
    padding: 22px 12px;
	min-width: 160px;
}

.product-finder #modalFrame{
    text-align: center;
}

.product-finder #modalFrame .bg-blue-button{
	min-width: 90px;
    margin: 10px 0px !important;
}

.product-finder #modalFrame .product-bg{
    background-color: #ffffff;
    font-family:"BrownPro Regular", Arial, sans-serif;
	line-height: 1.2;
	min-height: 140px;
}

.product-finder #modalFrame .modal-title {
    text-transform: uppercase;
	font-family: "BrownPro Bold", Arial, sans-serif;
	font-size: 24px;
}

.product-finder #modalFrame .other-option{
	text-align: right;
    margin-right: 20px;
    font-size: 10px;
}

.product-finder #modalFrame .desc{
	margin-bottom: 40px;
    font-size: 18px;
}

.product-finder .modal-header .close {
    margin-top: -62px;
	color: #dcfd00;
    text-shadow: none;
    font-size: 46px;
    opacity: 1;
	font-weight: normal;
    position: absolute;
    right: 0;
}

.product-finder .modal-dialog{
    padding-top: 200px;
}

#flexdiv .widget-title h3{
    margin-top: 0;
}

#flexdiv .mtb15 .text-center{
   margin-bottom: 0;
}

#pageHeading h1{
    text-transform: uppercase;
    color:#2f3132 !important;
	font-size: 24px;
}

.contact .contact-support{
    /*padding:75px 0% 70px 0% !important;*/
	padding: 25px 0% 70px 0% !important;
}

.contact .widget-title{
    text-align: center;
    margin-bottom: 20px;
}

.contact .content-block{
	background: transparent;
    border: 0;
    padding: 0 !important;
    margin: 0;
}


.contact .product-finder {
    padding: 0 20% !important;
}

.contact #findProduct_MainSection{
	padding: 60px 60px 0px 60px !important;
}

.contact #page-sub-text {
    font-size: 18px !important;
}

.description{
	text-align: left !important;
}

.skip-prod-select .widget-title h3{
     padding: 30px 0px 0px 0px;
	font-size: 26px;
}

.contactHeaderFindLabel{
	font-size: 11px;
}

/* Step 2 */
.selectProblemArea .product-info{
    background: transparent;
	border: 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
	padding: 30px 0;
}

.selectProblemArea .col-sm-3 .img-responsive {
	padding-top: 0px;
	width: 100px !important;
    height: 100px !important;
}
.product-links{
	padding-top: 15px;
}
.selectProblemArea .product-info .product-name{
    text-transform: uppercase;
    font-size: 22px !important;
}

.step2 textarea{
    height:200px;
	border: 0;
    color:#000000;
	margin: 40px 0px;
	width: 100%;
	padding: 15px;
}

.step2 textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000;
}
.step2 textarea::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
}
.step2 textarea:-ms-input-placeholder { /* IE 10+ */
  color: #000000;
}
.step2 textarea:-moz-placeholder { /* Firefox 18- */
  color: #000000;
}

#btnCancel1, #btnCancel2, #btnCancel3, #btnIStillNeedHelp1, #btnIStillNeedHelp2, #btnIStillNeedHelp3{
    width: auto !important;
    min-width: 150px;
    background: #00B8FC;
}

#btnCancel1:hover, #btnCancel2:hover, #btnCancel3:hover, #btnIStillNeedHelp1:hover, #btnIStillNeedHelp2:hover, #btnIStillNeedHelp3:hover{
    background: transparent;
    color:#00B8FC;
    border: 1px solid #00B8FC;
}

#btn_submit, #btn_submit1, #btn_submit2, #btn_submit3, #Support_OnlineChatButtonId,#Support_OfflineButtonId, #Sales_OnlineChatButtonId,#Sales_OfflineChatButtonId, #Warranty_OnlineChatButtonId,#Warranty_OfflineChatButtonId{
    width: auto !important;
    min-width: 150px;
    margin: 10px 5px !important;
}
#Support_OnlineChatButtonId, #Sales_OnlineChatButtonId, #Warranty_OnlineChatButtonId,#Support_OfflineChatButtonId, #Sales_OfflineChatButtonId, #Warranty_OfflineChatButtonId {
    max-width: 30% !important;
}
#sales-btn-container{
    text-align:center;
}
.cancel-help-buttons{
    text-align: center;
}

.selectProblemArea .bg-blue-button-sec{
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

.selectProblemArea .CoveoPager{
    border-top: 1px solid #ccc;
    margin-top: 35px;
}

#serialError{
    font-size: 16px;
    margin-top: 10px;
    margin-left: 10px;
}

/* Step 3 */

.support-contact-search {
	background: #ffffff;
	margin-bottom: 35px;
}
.custChooseBtn{
    pointer-events: none;
}

.custChooseBtn > .row{
    padding-left:0;
}

.coveo-tab-section{
    display:table;
	height: 60px;
}
.problem-area-results .CoveoTab{
        display: table-cell;
    width: 25%;
}

.problem-area-results .CoveoTab p{
    background:#e1e2e3;
}
.problem-area-results .coveo-selected {
    background:#ffffff;
}

/* Step 4 */

.contact .control-label{
    width:50%;
	text-align: right;
	padding-right: 30px;
    padding-top: 24px;
}

.chooseFileLebelBefore{
	border: 1px solid #00b8fc;
    text-transform: uppercase;
    color: #00b8fc;
    padding: 16px 12px;
    width: 150px;
    text-align: -webkit-center;
    font-family: "BrownPro Bold", Arial, sans-serif;
	margin-right: 10px;
}
.custChooseBtn, #CustomChooseFileButton1, #CustomChooseFileButton2, #CustomChooseFileButton3{
    background: transparent;
    border: 0;
	box-shadow: none;
	font-size: 12px;
	max-width: 100%;
	width: 100%;
    float: left;
	padding: 0;
}
.custChooseBtn > row{
    padding-left: 0;
    margin-left: 0;
}
.noFileChoosenLebelBefore{
	margin-top: 16px;
    width: auto;
}


.contact .input-group input[type="file"]{
    display: inline-block;
    width: 150px !important;
    float:left;
	opacity: 0;
    position: absolute;
    cursor: pointer;
	height: 50px !important;
    left: 0;
}

.contact select{
	background: url(./../../resource/SupportPortalSprites/DownArrow.svg) no-repeat #ffffff;
    background-position: right 15px top 28px;
}

.contact .btn-container{
        text-align: center;
}
.step3{
    text-align:center;
	padding-right: 40px;
}

.step3 textarea{
    height:165px;
	border: 0;
    color:#000000;
	margin: 40px 0px;
	width:70%;
	padding: 15px;
}

.step3 .input-field {
    margin: 40px 0px 0px 0px;
    width: 70% !important;
    padding: 15px;
    -webkit-appearance: none;
}
.step2 .input-field{
	margin: 40px 0px 0px 0px;
	width: 100%;
	padding: 15px;
    -webkit-appearance: none;
}

.contact .contact-support .input-group {
    padding-right: 20px;
	width: 100%;
}

.problem-fields > div > .form-group:last-child{
        width: 100%;
    font-size: 16px;
}

.problem-fields > div > .form-group:last-child .col-md-6{
        width: 50%;
        padding-right: 0px;
}

#CustomChooseFileButton1{
    border: 0;
    background: transparent;
    box-shadow: none;
}

.contact .form-group {
	width: 50%;
    float:left;
	margin-bottom: 0;
}

.contact .input-group .glyphicon {
    right: 10px;
}
.contact .input-group .form-control{
	max-width: 100%;
}

.contact .dateFormat{
	position: absolute;
	top: 22px;
    right: 30px;
}

.contact .CoveoPager{
	margin: 0;
    padding: 0;
}

.btnIStillNeedHelp{
        margin-bottom: 40px !important;
}

.my-product .close-btn,.my-product .close-btn:hover{
	text-transform: uppercase;
    font-family: "BrownPro Bold", Arial, sans-serif;
    font-size: 12px;
	padding: 10px 0 20px 0;
    display: block;
    text-align: right;
    text-decoration:none;
    color:#00B8FC;
	margin-right: 10px !important;
}

#my-accounts > #products > .panel-body, #my-support-history .panel-body{
        text-align: center;
        padding-right: 5px;
        padding-left: 0;
        margin-left: 5px;
}

#my-accounts .panel.panel-logitech, #my-accounts #products{
    margin-left: 15px;
}

#my-accounts .my-product{
        text-align:left;
}

#my-accounts .panel-body .my-product:last-of-type {
    border-bottom: 1px solid #ccc;
	margin-bottom: 35px;
}

#my-accounts .panel-body > a {
    margin-right: 27px !important;
}

#account > div:first-child, #my-support-history  h1, #products  h1{
	font-family: "BrownPro Bold", Arial, sans-serif;
    font-weight: normal;
    text-transform:uppercase;
    font-size:36px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 35px;
    margin-bottom: 0 !important;
}
#account .form-group{
    margin-bottom: 5px;
}

#account .panel-body div:last-child{
    text-align: left;
	float: none !important;
	padding-bottom: 0;
}

#account .panel-body .pull-right{
	text-align: center !important;
}

#account .panel-body .user-info .row > div:last-child{
	width: 40%;
    margin: 0 auto 20px auto;
}

#account .bg-blue-button-sec, #account .bg-blue-button{
    min-width: 150px;
    margin: 0 10px !important;
}

.help-expander #createCaseBtn{
        padding: 16px 12px;
    	min-width:199px;
}

#products .panel-body .bg-blue-button{
	margin-top: 25px !important;
}


#my-accounts .panel-body .my-product{
    border-top: 1px solid #dadada;
	margin-left: -5px;
    margin-right: -10px;
}

.warranty .dateOnlyInput .dateFormat{
    position: absolute;
    top: 22px;
    right: 20px;
}

.warranty .panel-heading{
	border-top: 1px solid #eee !important
}
#my-accounts .panel-body .my-product:first-child{
    border-top: 0;
}

.my-product .product-details{
	padding-left: 15px;
}

.status, .status span{
	color: #000000;
}

.panel-logitech .panel-title{
	width: 39%;
}

.panel-logitech .form-label{
	width: 60%;
     font-family: "BrownPro Regular", Arial, sans-serif;
    font-size: 14px;
}

.panel-logitech .attachment {
    display: block;
    margin-top: 30px;
}

.panel-logitech .input-data{
	width: 60%;
	font-family: "BrownPro Light", Arial, sans-serif;
}
.my-product .bg-blue-button-sec{
    width: auto !important;
	margin-right: 15px !important;
    min-width: 160px;
    margin-bottom: 10px !important;
}

.my-product #product-info{
	margin-top: 40px;
	margin-left: -15px;
	width: 127%;
}

.my-product .product-details .col-sm-6{
	width: 100%;
	margin-top: 20px;
}

.my-product .panel-heading {
	padding-left: 15px !important;
    margin-left: 0px !important;
}

.my-product .name, .my-product .name:hover{
    text-transform: uppercase;
    font-size: 24px;
    font-family: "BrownPro Regular", Arial, sans-serif;
    color: #000000;
	text-decoration:none;    
}

.my-product .model{
	margin-left: 0;
}

.my-product .product-details > .row .col-sm-6:first-child{
	margin-top: 0;
}

.my-product .panel-body > .row{
    padding-left: 52px;
}
.my-product .panel-body > .row:last-child{
    padding-top: 25px;
}
.my-product .form-group {
	margin-bottom: 0;
     font-family: "BrownPro Regular", Arial, sans-serif;
}

#product-info .panel.panel-logitech{
    /*margin-bottom:20px;*/
}

.panel-body .my-product:last-child .panel.panel-logitech{
	/*border-bottom: 1px solid #ccc !important;*/
}

.my-product .panel-heading .col-xs-9{
    width:100%
}

#product-info{
	left: -140px;
    position: relative;
}

.warranty .input-group {
	margin: 10px 0 25px 60px
}

/* My Account */
.user-info .form-group label{
	width: 20%;
    font-family:"BrownPro Regular", Arial, sans-serif;
}
.user-info .col-sm-12 .input-field{
    width: 20px !important;
    height: 20px !important;
    display: inline-block;
}
#userEmaiOptEdit-label{
	font-size: 18px;
	left: 25px;
	top: -3px;
}
.user-info {
    margin: 20px 20px 0px 20px;
}
.user-info .input-field{
   border: 1px solid #ccc;
    margin: 0 auto;
    width: 100% !important;
}
.warranty .input-field, .warranty .input-field:placeholder-shown{
   border: 1px solid #ccc;
    margin: 0 auto;
    /*width: 100% !important;*/
}

.warranty .bg-blue-button{
        width: initial !important;
}
.warranty .warranty-submit{
    text-align: center;
    padding-bottom: 20px;
	width: 50%;
}   

.warranty .choose-file{
    width: 50%;
    text-align: center;
    margin-top:0px;
}

/* My Support History */

#caseList form:first-child .accordion-toggle{
	border-top: 0 !important;
	padding-top: 10px !important;
}

#caseList form:last-child .accordion-toggle.collapsed{
	border-bottom: 1px solid #ccc;
    padding-bottom: 50px !important;
}

#caseList .panel-collapse > .row {
	padding-left: 10%;
	padding-right: 20px;
}

#caseList .less{
	padding-bottom: 35px !important;
    border-bottom: 1px solid #ccc;
	margin-bottom: 25px;
}

#caseList .less .bg-blue-button {
    margin: 10px 0px !important;
}

#caseList .row{
	padding: 0;
}

#caseList{
    text-align: left;
	margin-left: 15px;
}

#caseList .cursor, #caseList .cursor:hover {
    font-family:"BrownPro Regular", Arial, sans-serif;
    text-decoration:none;
    color:#00B8FC;
	margin: 15px 0 !important;
    display: block;
}
#caseList .control-label {
    display:none;
}

#caseList .less .control-label {
    display:inline-block;
}

#caseList .comment-section > label {
    display:none !important;
}
#caseList .panel-collapse .col-sm-12 .form-group:first-child{
    font-family:"BrownPro Regular", Arial, sans-serif;
}

#caseList .panel-collapse .col-sm-12 .form-group{
	margin-bottom: 0px;
}
.help-expander .help-item {
    border-bottom: 0;
	padding: 0 10px 10px 10px;
}
.help-item .accordion-toggle {
    color: #000000;
    font-size:16px;
}
.help-item .accordion-toggle > div:first-child{
	width: 8.33333%;
}

.help-item .accordion-toggle > div:nth-child(2){
	font-family:"BrownPro Regular", Arial, sans-serif;
}

.help-item .accordion-toggle > div:nth-child(3){
	    width: 33.33333%;
}

.help-item .accordion-toggle > div:last-child{
	color:#00B8FC;
    text-transform:uppercase;
    font-family:"BrownPro Regular", Arial, sans-serif;
}

.help-item .accordion-toggle .closed{
	color: #ff2947;
}

#caseList .form-control {
    border: 1px solid #ccc;
	height: 130px;
    box-shadow: none;
}

#caseList .post-info{
	list-style: none;
}

#caseList .post-info label, #caseList .form-group label{
	margin-right: 10px;
}
#caseList .post-info li:last-child{ 
    width: 66.6%;
}

#caseList .comment-section {
	padding-top: 35px;
    border-top: 1px solid #ccc;
    margin-top: 10px;
     padding-right: 0;
}
.d-sidenav .list-group-item{
    cursor:pointer;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    border-color: #814efa;    
}


.related-products .ic-menu{
	display: none;
}

.related-products .title{
	font-family: "BrownPro Regular", Arial, sans-serif;
    text-transform: uppercase;
    font-size: 20px !important;
    font-weight: 500 !important;
}



/* Mobile */

@media (max-width: 768px) {
    #regproduct .product-icons .bg-blue-button, #regproduct #list-box-product .bg-blue-button {
    	padding: 16px 5px;    
	} 
    #software-detail .page-nav .form-control, #support-downloads select[size]{
        display: block;
        margin-bottom: 10px;
		width: 100%;
    }
    
    .page-nav .col-sm-9 div {
		padding-left: inherit;
	}
    
    #software-detail .software-description{
		padding: 15px 0px;
    }
    
    .software-breakdown .title{
            padding-top: 0px;
    }
    
    .software-breakdown .panel-bar {
            padding: 40px 0px 0px 15px;
    }
    
    .software-breakdown .panel-bar .row,  .software-breakdown .panel-bar .row .col-sm-12 {
        padding-right:0px;
    }
    .software-versions .mt5 .col-xs-3 {
        width:100%;
		text-align: center;
    	margin-bottom: 10px; 
        padding-left: inherit !important;
        text-align: -webkit-center;
    }
    
    #software-detail .previous-versions .software-versions>li .select-installer .form-control{
		max-width: inherit;
    }
   .software-versions .mt5 .col-xs-3 .bg-blue-button{
        margin-left: 20px !important;
    }
    
    
    .software-versions .col-xs-2 {
    	width: 80%;
	}
    
    #support-downloads .header h2 {
    width: 100%;
	}
    
    .softwarepage .col-sm-10.col-xs-11 {
    margin-left: 0px;
	}
    
    .download-wrapper .row {
        padding-right:0;
    }

	.softwarepage .col-sm-2.col-xs-1 {
        height: 80px;
    }
    #support-downloads .download-wrapper div{
        width:100%
    }
    .softwarepage #support-downloads .download-wrapper .software-icon{
   		position: relative !important;
    	margin: 0 auto;
        left: 0 !important;
	}
    #support-downloads .download-wrapper .software-help{
        padding-left: 0 !important;
	}
    .operating-systems-panel .bg-blue-button{
        padding-right: 0;
    	max-width: initial;
        margin: 10px 0 !important;
	}
    #support-downloads p.short-name{
            padding-left: 0px !important;
    }
    
    .other-download .download-wrapper div{
        width:inherit;
    }
    .other-download .col-sm-12 {
            padding: 0;
    }
    .other-download .col-sm-2.col-xs-1{
            min-width: 30px !important;
            width: 30px !important;
        	height: 30px;
        
    }
    .other-download .col-sm-8.col-xs-9{
            width: 80% !important;
    }
    
    .other-download .col-sm-6{
           padding-right:0;
    }
    
    .operating-systems-panel > div > div {
        padding: 0px 0 10px 0 !important;
        margin: 10px 0 !important;
        border-bottom: 1px solid #eeeeee;
	}
    
    #support-downloads hr {
    	margin-top: 35px;
   	 	margin-bottom: 10px;
	}
    
    .other-download .col-sm-10.col-xs-11{
            margin-top: 10px;
    }
    
    .download-wrapper .col-sm-6{
        padding-right: 0;
    }
    
    .software-description .btn{
		width: 100% !important;
    }
    
    .controls > .col-sm-12 > .col-sm-4{
		text-align: -webkit-center;
    }
     .controls .col-sm-12 select{
		margin-left: 0 !important;
    	width: 100% !important;
    }
    .contact .input-group .glyphicon {
    	right: 0px;
	}
    .contact .dateFormat {
    	position: absolute;
    	top: 15px;
    	right: 5px;
	}
    
    .problem-fields > div > .form-group:last-child .col-md-6{
        width:100%;
    }
    
    
    
    #platfomSWDownloadBtnId{
		text-align: center;
    }
    #software-detail .row {
    	padding:15px;
	}
    .controls > div{
        padding: 0;
    }
    
    .product-category>.header h2 {
        margin-top: 0px;
	}
    
    .operating-systems-panel .bg-blue-button{
        width: 70% !important;
    }
    
    .installer {
        text-align: center;
    }
    
    #OSDATA .col-sm-5 {
		text-align: center;        
    }
   	.operating-systems-panel .bg-blue-button{
        width: 70% !important;
    }
    
    /* Reg a Product */
    
    #regproduct{
    	margin: 0 auto;
		width: 100%;
	padding: 75px 0 70px 0 !important;
	}
    #productSelectionBox select {
        width: 100%;
        float: none;
	}
    #regproduct #list-box-product {
    	width: 100% !important;
        margin:0;
    }
    #findserial > div:first-child{
		width: 100%;
        margin-right: 0;
    }
    #findserial > div:nth-child(2){
        width: 100%;
        float: left;
        text-align: center;
    }
    .bg-primary, .other-panel{
        padding: 0 20px;
    }
    
    .bg-primary.step4 h3{
        margin-top:50px;
    }
    #regproduct .bg-blue-button, #regproduct .product-icons .bg-blue-button, #regproduct #list-box-product .bg-blue-button{
        width: 50% !important;
	}
    
    #regproduct .product-icons a:first-child, #regproduct #list-box-product a:first-child, .contact-support .product-icons a:first-child, .contact-support #list-box-product a:first-child {
        height: 149px;
	}
    
    #regproduct .product-icons, #regproduct #list-box-product, .contact-support .product-icons, .contact-support #list-box-product{
		height: 246px !important;
    }
    
    /* Spare Parts */
    
     .parts-listing .row div:nth-child(1){
         text-align: -webkit-center;
    }

    .panel-logitech .panel-body .row{
		padding: 0 20px;
    }
     .parts-listing .col-sm-5{
		text-align: center; 
        padding: 0
    }
    
    .parts-listing .row div:nth-child(4){
        padding-top: 25px;
        padding-right: 0;
		text-align: -webkit-center;
    }
    .parts-listing>li .qty{
            float: none;
    }
    .parts-listing .row div:nth-child(5){
        padding-top: 0px; 
		text-align: -webkit-center;
    }
    
    .parts-listing .row div:nth-child(4) .price{
    	float:none;
        text-align: center;
    }
    
    .panel-group .panel-body{
		padding-right: 0;
    }
    .parts-listing .row div:nth-child(5){
		padding-bottom: 20px;
    }
    
    .product-info .col-sm-9{
        text-align:center;
    }
    .content-blk{
		margin-right: 15px;
    }
    .contact .coveo-tab-section{
            display: none;
    }
    .contact .coveo-results-section{
        padding-top: 20px;
    }
    .contact .form-group {
    	width: 100%;
    	float: none;
	}
    
    .contact .problem-fields{
        width:100% !important;
    }
    .contact .contact-support .input-group{
        padding-right: 0px;
    }
    
    .step3 textarea{
        width: 100%;
    }
    .contact .control-label{
    	width:100%;
		text-align: center;
	}
    .problem-fields > div > .form-group:last-child .col-md-6{
        text-align: center;
    }
    .contact .product-finder {
    	padding: 0 !important;
	}
    .contact #findProduct_MainSection {
    	padding: 10px !important;
	}
    
    #regproduct .product-icons, #regproduct #list-box-product, .contact-support .product-icons, .contact-support #list-box-product {
    	width: 100% !important;
    	margin-left: 0%;
		max-width: 100%;
    }
    
    .contact #findserial .bg-blue-button {
            width: initial !important;
    }
    
    #support-history .panel-body, #products > .panel-body {   
		margin-left: 35px;
        margin-right: 35px;
    }
    #caseList .panel-collapse > .row {
        padding-left: 10px;
    }
    #caseList .post-info{
        padding-left: 15px;
    }
    #caseList .detail-info {
            padding-left: 0;
    }
    
    #caseList .panel-heading.accordion-toggle {
        padding: 20px 0 10px 0 !important
    }
    .help-item .accordion-toggle > div:nth-child(3) {
    	width:100%
	}
    #caseList .form-control{
            width: 100%;
    }
    #caseList .less .comment-section .comment-section > div {
        text-align: center;
    }
    #caseList .less .comment-section .comment-section > div span{
        display: block;
		margin-top: 20px;
    }
    
    .my-product .product-details .col-sm-6 {
            text-align: center;
    }
    .my-product .product-details > .row .col-sm-6:first-child{
            text-align: center;
    }
    .my-product .bg-blue-button-sec{
        margin-right: 0px !important;
        margin-bottom: 10px !important;
    }
    .my-product #product-info{
            left: 0;
            width: 100%;
    }
    
    #product-info .panel-body{
            margin-left: 10px;
    }
    #product-info .panel-body .col-sm-12{
            text-align: center;
            padding-right: 0;
    }
    #regproduct .img-responsive, #regproduct #list-box-product,  .img-responsive{
		height: 100%;
    	width: auto;
	}
    
    .user-info .form-group{
        font-size: 14px;
    	line-height: 1.2;
    }
	.user-info .form-group label {
    	width: 30%;
		margin-left: 10px;
        margin-right: 10px;
    }
	
    #account .bg-blue-button-sec, #account .bg-blue-button{
        min-width: 150px;
    	margin: 10px auto !important;
    	display: block;
    	width: 50% !important;
    }    
    
    .warranty .choose-file{
        margin-left: auto;
		width: 100%;
    }
    .panel-logitech .form-label{
        width: 100%;
    }

	.step3 {
		padding-right: 15px;
	}    
    #my-accounts .panel-body > a {
    	margin-right: 5px !important;
	}
    .warranty .dateOnlyInput .dateFormat {
		top: 13px;
    	right: 10px;
	}
    .warranty .input-group {
    	margin: 10px auto 25px auto;
	}
    .warranty .warranty-submit{
            width: 100%;
            padding-right: 0;
    }
    #account .panel-body .user-info .row > div:last-child {
    	width: 100%;
    }
    .carousel-inner .item {
    	padding: 0px;
    }
}

/* Contact Flow CSS Start */

.circleIcon{
    background-image: url(./../../resource/SupportPortalSprites/circlefilled_icon.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 30px !important;
    height: 30px !important;
    vertical-align:middle;
    background-color: rgb(244, 244, 244);
    cursor: pointer;
    
}
.circleIcondisabled{
    background-image: url(./../../resource/SupportPortalSprites/circle_outline.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 30px !important;
    height: 30px !important;
    vertical-align:middle;
    background-color: rgb(244, 244, 244);
    cursor: pointer;
    
}
.contactHeaderLine{
    background-image: url(./../../resource/1499196961000/SupportPortalSprites/line2.svg);
     background-size:100px 100%;
    background-position: -4px 0px;
    background-repeat: repeat-x;
    vertical-align:middle;
    display: flex;
    justify-content:space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    height:30px;
    width:100%;
   
}
.contactHeaderLineText{
    display: flex;
    justify-content:space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-left: 10px;

    }

/* Contact Flow CSS End */

.software-descriptions-container{
    padding-right: 15px !important; 
}
.software-version-details{
    padding-left: 15px  !important;
}

#logo-container{
    height: 50px;
}

#liveAgentSaveButton{
    float:left;
    border: 1px solid #00B8FC !important;
    color: #00B8FC !important;
    background:#ffffff !important;
    margin:6px !important;
    font-family: "BrownPro Regular", Arial, sans-serif;
    font-weight: 400;
}
#liveAgentSaveButton:hover{
    float:left;
    border: 2px solid #00B8FC !important;
    color: #00B8FC !important;
	padding: 9px 9px !important;
}

.liveAgentEndButton{
    float:right;
    background-color: #00B8FC !important;
    border: 1px solid #00B8FC !important;
    color: #ffffff !important;
    font-family: "BrownPro Regular", Arial, sans-serif;
    font-weight: 400;
}
.liveAgentEndButton:hover{
    background-color: #ffffff !important;
    border: 1px solid #00B8FC !important;
    color: #00B8FC !important;
}
#liveAgentChatInput{
    width: 95% !important;
    padding-top: 9px;
}

#logo-container-link{
    height: 40px;
    display: inline-block;
}
.liveAgentAlert .button {
    
}
.custom-chat-send{
        width: 25%;
        text-align: right;
}
.custom-chat-input {
    float: left;
    width: 75%;
}

.liveAgentAlert{
    text-align: center;
}
.liveAgentAlert button{
    margin-top:15px;
}
.liveAgentSendButton, .liveAgentAlert button{
    min-width: 150px;
    background-color: #00B8FC !important;
    border: 1px solid #00B8FC !important;
    color: #ffffff !important;	
    font-family: "BrownPro Regular", Arial, sans-serif;
    font-weight: 400;
    text-transform:uppercase;
    border-radius:0;
    cursor:pointer;
	font-size: 13px;
	padding: 16px 12px;
    margin:6px;
}
.liveAgentSendButton:hover, .liveAgentAlert button:hover{
    min-width: 150px;
    background-color: #ffffff !important;
    border: 1px solid #00B8FC !important;
    color: #00B8FC !important;
}
.custom-chat-input-send{
    padding-left: 0;
    width: 100%;
}
.end-chat-btn{
	width: 221px;
}

}

/*******************************/
/*******************************/
/* Request a Callback Addition */
/*******************************/
/*******************************/

.container.main.home.request{
	background: #f4f4f4;
	max-width: inherit !important;
    margin: 0px auto 0px auto;
}

.request .tab-pane1{
	background: transparent;
    padding: 25px 25% 70px 25% !important;
}
.slds{
    max-width: 1250px;
	margin: 0 auto;
}

.request .breadcrumb {
    margin-top: 25px !important;
}

.request .bg-blue-button, .request .bg-blue-button-sec {
    padding: 16px 12px;
    min-width: inherit;
    max-width: inherit;
    width: 100% !important;
	max-width: 200px;
	font-family: "BrownPro Bold", Arial, sans-serif;
	box-sizing: border-box;
}

.request .tab-pane1 .bg-blue-button {
    padding: 22px 0px; 
}


.request .input-group{
    float: left;
}

.request .input-field{
    width: 100% !important;
}

.request .product-icons, .request #list-box-product{
    width: 33% !important;
    background: #fafafa;
    margin-left: 5%;
    margin-right: 0;
    height: 216px !important;
    text-align: center;
    display: inline-block;
}

.request #list-box-product{
    background: #ffffff;
    text-align: -webkit-center;
}


.request .img-responsive, .request #list-box-product{
    padding-top: 10px;
    width: 100%;
    height: auto;
    max-width: 150px;
}

.request .product-icons img{
    display: none;
}

.request .product-icons a:first-child{
    background: url(https://secure.logitech.com/assets/65236/2/placeholder-logo.png) no-repeat;
    background-position: center center;
    -webkit-filter: grayscale(100%);
    opacity: .3;
}


.request .product-icons a:first-child, .request #list-box-product a:first-child{
    height: 129px;
    display: block;
    width: 128px;
    margin: 0 auto !important;
}

.request .product-icons .bg-blue-button, .request #list-box-product .bg-blue-button {
    height: initial !important;
    min-width: inherit;
    width: 80% !important;
    padding: 16px 10px;
    height: auto !important;
}

.request-call-back .section-title{
	color: #000000;
    font-size: 20px;
    font-family: "BrownPro Bold", Arial, sans-serif;
}

.ui-select-match.ng-scope{
	text-align: left;
}
.ui-select-match.ng-scope {
	border: 0;
}

.request .form-control{
    border:0;
    height: 54px;
    font-size: 18px;
	width: 100%;
}
.request-call-back label{
    font-size: 18px;
}

.request {
    outline: none;
}
.request .form-control[readonly]{
    background-color: #efefef;
	box-shadow: none;
}

.request .ui-select-toggle{
	background-color: #ffffff;
	color: #000000;
	height: 64px !important;
	width: 100% !important;
    max-width: 100%;
    margin-bottom:0;
}

.request .form-control.ng-touched{
	height: 64px;
}

.request .dropdown-menu{
	right: auto;
}

.request #comment{
    height:120px;
}

/* Page 2 */

.picker-day.picker-selected, .timeslot-item.selected {
    background-color: #8146fe !important;
}

.picker-day.today, .picker-day.today.picker-off, .picker-day.today.picker-off:hover, .picker-day.today.picker-selected, .picker-day.today:hover {
	color: #8146fe;
}

div#software-detail{
    font-size:16px;
    
}

.save-chat-btn {
	position: absolute;
    left: 10px;
    
}

           
@media (max-width: 768px){
	.home-bg .dwnld{
    	height: 375px !important;
        -moz-height: 375px !important;
    }
}