/************************************************************************************

    Title:      support.skype.net styles
    Written by: Vaiko Hansson
  Comments:     Based on skype.com's:
                sections.css

************************************************************************************/



/*****************************************************

            Common styles for elements 

*****************************************************/


/***************************
    Helper styles
***************************/

/* fix for iPad orientation change bug. Can be removed when scom publishes their fix */
html {
    min-width:1024px;
}

@media only screen and (max-width: 767px) {

html {
    min-width:0px;
}

}

@media only screen and (max-width: 959px) and (min-width: 768px) {
.noTabletState footer {
width: 1024px;
}   

}
/* end for iPad orientation fix */


.rtl {
    -ms-writing-mode: rl-tb;
}

.clearBoth {
    clear:both;
}

.clearFix:before, .cf:after { content: ""; display: table; }
.clearFix:after { clear: both; }

/* ReCaptcha Iframe FIX */
iframe[src="about:blank"]{
    display:none;
}

    /* FMS Survey Iframe FIX, due to ReCaptcha FIX above */
    #fmsInvitation {
        display: block;
    }
    

/***************************
    Accessibility helpers
***************************/

.visually_hidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding:0;
    border:0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/***************************
    Common elements
***************************/

.knowledgebase .content{
    position:relative;
    height: auto;
    width: 960px;
    margin: 0 auto;
}

.knowledgebase .content ul {
    list-style:none;
    padding-left:17px;
}

.knowledgebase .content ol {
    list-style-type:decimal;
    padding-left:22px;
    font-weight: bold;
}

.knowledgebase .content ul li{
    list-style-image:url(../../images/responsive/elements/category_browser_bullet.png);
}

.knowledgebase.svg .content ul li{
    list-style-image:url(../../images/responsive/elements/category_browser_bullet.svg);
}

.knowledgebase textarea {
    border: 1px solid #00aff0;
    resize: none;
    cursor: text;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    min-height: 40px;
    padding: 7px 9px 10px;
    white-space: pre-wrap;
    word-wrap: break-word;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
    
    .knowledgebase textarea:hover,
    .knowledgebase textarea:focus {
        border-width: 2px;
        padding: 6px 8px 9px;
        outline: 0;
    }

@media only screen and (max-width: 767px) {
    
.knowledgebase .buttonWrapper {
    max-width:446px;
    margin:0 auto;
}

.knowledgebase .content{
    padding-top: 0px;
}

}

/***************************
    Texts and links
***************************/

.knowledgebase sup{
    vertical-align:super;
    font-size:11px;
}

.knowledgebase .semibold,
.knowledgebase .semibold h3,
.knowledgebase .semibold h4 {
    font-weight: 400;
    font-family: "Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
}

html[lang=ru] .knowledgebase .semibold,
html[lang=ru] .knowledgebase .semibold h3,
html[lang=ru] .knowledgebase .semibold h4,
html[lang=uk] .knowledgebase .semibold,
html[lang=uk] .knowledgebase .semibold h3,
html[lang=uk] .knowledgebase .semibold h4,
html[lang=bg] .knowledgebase .semibold,
html[lang=bg] .knowledgebase .semibold h3,
html[lang=bg] .knowledgebase .semibold h4 {
    font-family: "Segoe UI Cyrillic Semibold","Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
}

a:hover,
a:focus,
a:hover *,
a:focus * {
    text-decoration: underline;
}

a.btn:hover,
a.btn:hover *,
a.btn:focus,
a.btn:focus *,
.btn a:hover,
.btn a:hover *,
.btn a:focus,
.btn a:focus * {
    text-decoration: none;
}

/***************************
    Backgrounds
***************************/

.knowledgebase .whiteToLightFogGradient {
    background-color: #F3F8FA;
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #e4eef2 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #e4eef2 100%);
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #e4eef2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #e4eef2));
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #e4eef2 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #e4eef2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#e4eef2', GradientType=0);    
}

.knowledgebase .whiteToLightFogGradientSmall {
    background-color: #F3F8FA;
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #e4eef2 300px, #e4eef2 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #e4eef2 300px, #e4eef2 100%);
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #e4eef2 300px, #e4eef2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #e4eef2));
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #e4eef2 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #e4eef2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#e4eef2', GradientType=0);    
}

.knowledgebase .lightFogBackground {
    background-color: #e4eef2;
}

@media only screen and (max-width: 767px) {

.knowledgebase .whiteToLightFogGradient {
    background-image: none;
    background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);    
}

.knowledgebase .whiteBackground {
    background-image: none;
    background-color: #ffffff;
}
    
}

/***************************
    Open / close arrow
***************************/

/* when element with class "arrow" is added a class "up", is has the arrow logic of the expandable table */

.knowledgebase .arrow,
.knowledgebase .expand{
    display:block;
    height:15px;
    width:24px;
    float:right;
    padding:0px;
    overflow: hidden;
}

    .knowledgebase.rtl .arrow,
    .knowledgebase.rtl .expand{
        direction: ltr;
    }

.knowledgebase .arrow:before,
.knowledgebase .expand:before{
    content: url(../../images/responsive/elements/common-elements.png);
    top: -19px;
    left: 3px;
    position: relative;
    display: inline-block;
}

.knowledgebase.svg .arrow:before,
.knowledgebase.svg .expand:before{
    content: url(../../images/responsive/elements/common-elements.svg);
    width: 154px !important;
}

    .knowledgebase div.knowledgebase-accordion.opened > div.arrow:before,
    .knowledgebase div.knowledgebase-accordion.opened > .expand:before, 
    .knowledgebase div.knowledgebase-accordion.opened > a > .expand:before { 
        top: -19px;
        left: -39px;
    }

/* hover / focus states */

.knowledgebase div.knowledgebase-accordion:hover .expand:before,
.knowledgebase div:focus > div.knowledgebase-accordion > .expand:before {
    top: -67px;
    left: 3px;
}

    .knowledgebase div.knowledgebase-accordion.opened:hover > div.arrow:before,
    .knowledgebase div:focus > div.knowledgebase-accordion.opened > .expand:before,
    .knowledgebase div.knowledgebase-accordion.opened:hover > .expand:before, 
    .knowledgebase div.knowledgebase-accordion.opened:hover > a > .expand:before { 
        top: -67px;
        left: -40px;
    }
    
@media only screen and (max-width: 767px){
	.knowledgebase div.knowledgebase-accordion:hover .expand:before,
    .knowledgebase div:focus > div.knowledgebase-accordion > .expand:before {
        top: -19px;
        left: 3px;
    }
    
    .knowledgebase.rtl div.knowledgebase-accordion.opened:hover > div.arrow:before,
    .knowledgebase.rtl div:focus > div.knowledgebase-accordion.opened > .expand:before,
    .knowledgebase.rtl div.knowledgebase-accordion.opened:hover > .expand:before, 
    .knowledgebase.rtl div.knowledgebase-accordion.opened:hover > a > .expand:before { 
        top: -19px;
        left: -39px;
    }
}


/* white version */

.knowledgebase .arrow.white,
.knowledgebase .expand.white {
    height:17px;
    width:21px;
}

.knowledgebase .expand.white:before{
    top: -16px;
    left: -78px;
}

    .knowledgebase .opened .expand.white:before { 
        top: -16px;
        left: -115px;
    }

/***************************
    Beta bar
***************************/

.knowledgebase .betaBar {
    position:relative;
    height:auto;
    padding:3px 0 3px 0;
    width:100%;
    background:#888;
    color:white;
    cursor:pointer;
}

.knowledgebase .betaBar .message,
.knowledgebase .betaBar .link{
   float:left;
   padding:0 10px;
}

.knowledgebase .betaBar .link a{
    font-weight:bold;
    color:white;
}

.knowledgebase .betaBar .link a:hover{
    color:#eaeaea;
    text-decoration:underline;
}
    
.knowledgebase .betaBarSpacer { 
    height:26px;
}

@media only screen and (max-width: 767px) {

.knowledgebase .betaBar {
    padding:8px 0 8px 0;
    top:0px;
    left:0px;
    font-size:14px;
}

.knowledgebase .betaBar .message,
.knowledgebase .betaBar .link{
   float:none;
   padding:0 10px 5px 10px;
}

.knowledgebase .betaBarSpacer { 
    height:74px;
}

}

/***************************
    Video player
***************************/

body.overlayOn {
    overflow:hidden;
}

/***************************
    Category Icons
***************************/

.knowledgebase .categoryIcons {
    overflow: hidden;
    min-height: 100%;
    position:relative;
}

.knowledgebase .categoryIcons .tag {
    position:relative;
    float:left;
    width:auto;
}

    .knowledgebase.rtl .categoryIcons .tag {
        float:right;
    }

.knowledgebase .categoryIcons .tag .text {
    position:relative;
    padding-right:32px;
    color:#abc6d1;
    font-size:16px;
    text-align: right;
}

.knowledgebase .categoryIcons .icon {
    position:absolute;
    right:0px;
    top:0px;
    height:16px;
    width:16px;
    float:left;
    margin-top: 2px;
    overflow: hidden;
}


    .knowledgebase .categoryIcons .icon:before {
        content: url(../../images/responsive/elements/os_icons_sprite.png);
        display: inline-block;
    }

    .knowledgebase.svg .categoryIcons .icon:before {
        content: url(../../images/responsive/elements/os_icons_sprite.svg);
        width: 16px !important;
    }


    .knowledgebase .categoryIcons .tag .icon:before                     { margin:   17px 0px; }
    .knowledgebase .categoryIcons .tag._android .icon:before,
    .knowledgebase .categoryIcons .tag._android_tablet .icon:before     { margin:    0px 0px; }
    
    .knowledgebase .categoryIcons .tag._blackberry .icon:before         { margin:  -16px 0px; }
    
    .knowledgebase .categoryIcons .tag._brew_phones .icon:before,
    .knowledgebase .categoryIcons .tag._cordlessdesktop_phones .icon:before,
    .knowledgebase .categoryIcons .tag._symbian .icon:before            { margin:  -32px 0px; }
    
    .knowledgebase .categoryIcons .tag._ipad .icon:before,
    .knowledgebase .categoryIcons .tag._iphone .icon:before,
    .knowledgebase .categoryIcons .tag._mac .icon:before                { margin:  -49px 0px; }
    
    .knowledgebase .categoryIcons .tag._linux .icon:before              { margin:  -64px 0px; }
    
    .knowledgebase .categoryIcons .tag._psp .icon:before,
    .knowledgebase .categoryIcons .tag._ps_vita .icon:before            { margin:  -80px 0px; }
    
    .knowledgebase .categoryIcons .tag._tv .icon:before                 { margin:  -96px 0px; }
    
    .knowledgebase .categoryIcons .tag._windows .icon:before,
    .knowledgebase .categoryIcons .tag._windows_8 .icon:before          { margin: -111px 0px; }
    
    .knowledgebase .categoryIcons .tag._windows_mobile .icon:before     { margin: -128px 0px; }
    
    .knowledgebase .categoryIcons .tag._skype_qik .icon:before          { margin: -144px 0px; }

/* category icons in category page and search results */

.knowledgebase .oneFaqListing .categoryIcons {
    margin-top: 1px;
    right: -1px;
}

.knowledgebase .oneFaqListing .categoryIcons .tag{
    float: right;
    clear: right;
    margin-top: 6px;
}

.knowledgebase .oneFaqListing .categoryIcons .tag:first-child{
    margin-top: 0px;
}

.knowledgebase .oneFaqListing .categoryIcons .tag .text {
    padding-right: 20px;
    font-size: 14px;
    margin-top: 1px;
}


@media only screen and (max-width: 767px){

.knowledgebase .categoryIcons .tag .text {
    letter-spacing:-1px;
}

}

/* RTL */

.knowledgebase.rtl .categoryIcons .icon {
    right:auto;
    left: 0px;
}

.knowledgebase.rtl .oneFaqListing .categoryIcons {
    left: -1px;
    right: auto;
}

.knowledgebase.rtl .oneFaqListing .categoryIcons .tag {
	float: left;
	clear: left;
}

.knowledgebase.rtl .oneFaqListing .categoryIcons .tag .text {
    padding-left: 20px;
}

/********************************* 
    Sections 
*********************************/

section {
    position: relative;
    padding-bottom:30px;
}

/* Mobile version
================== */   
@media only screen and (max-width: 767px) {

section {
    width: 100%;
    min-width: 0;   
    margin: 0 auto;
    padding:0;
}

.knowledgebase .content{
    width:100%;
    height:auto;
    padding-bottom:0px;
}

} /* end @media only screen and (max-width: 767px) */


/******************************************
           Breadcrumbs
******************************************/

.knowledgebase .breadcrumbs {
    min-height: 100%;
    overflow: hidden;
    border-bottom: 1px solid #e7f1f5;
    padding-bottom:20px;
    margin-bottom:22px;
    position:relative;
    color:#abc6d1;
}

.knowledgebase .breadcrumbs .container{
    min-height: 100%;
    overflow: hidden;
}

.knowledgebase .breadcrumbs .breadcrumbLevel,
.knowledgebase .breadcrumbs .breadcrumbSpacer {
    display:block;
    float:left;
}

    .knowledgebase.rtl .breadcrumbs .breadcrumbLevel,
    .knowledgebase.rtl .breadcrumbs .breadcrumbSpacer {
        float:right;
    }   

.knowledgebase .breadcrumbs .breadcrumbSpacer {
    width: 12px;
    height: 15px;
    margin: 2px 7px 0px 7px;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    left: 0;
    right: auto;
}

    .knowledgebase .breadcrumbs .breadcrumbSpacer:before {
        content:url(../../images/responsive/elements/common-elements.png);
        top: -34px;
        left: -15px;
        position: relative;
        display: inline-block;
}

    .knowledgebase.svg .breadcrumbs .breadcrumbSpacer:before {
        content:url(../../images/responsive/elements/common-elements.svg);
        width: 154px!important;
    }
    
    .knowledgebase.rtl .breadcrumbs .breadcrumbSpacer:before {
        direction: ltr;
        left: 96px;
    }

@media only screen and (max-width: 767px){
    
.knowledgebase .breadcrumbs {
    font-size:12px;
    border-bottom: none;
    padding-bottom:0px;
    margin-bottom:19px;
}


.knowledgebase .breadcrumbs .breadcrumbSpacer {
    height: 15px;
    width: 11px;
}
    
}


/******************************************
           Show more results
******************************************/

.knowledgebase .hiddenFaqs{
    height: 0;
    display: none;
}

.knowledgebase #showMoreResultsArea,
.knowledgebase #backToTopArea {

    height: 60px;   
    background-color: #f9fcfd;
    border-top: 2px solid; 
    border-bottom: 2px solid;
    border-color: #e4eef2;
    cursor: pointer;
    padding-top: 20px;
    box-sizing:border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.knowledgebase #showMoreResultsArea:hover {
    background-color: #ffffff;
}

.knowledgebase #showMoreResultsArea #showMoreResultsAreaButton,
.knowledgebase #backToTopArea #backToTopAreaButton {
    font-size: 18px;
    color: #0078ca;
    margin-left: auto;
    margin-right: auto;
    display:table;
}

.knowledgebase #showMoreResultsArea #showMoreResultsAreaButton .cell,
.knowledgebase #backToTopArea #backToTopAreaButton .cell{
    display:table-cell;
    vertical-align:top;
}

.knowledgebase #showMoreResultsArea #showMoreResultsAreaButton .icon{
    width: 18px;
    height: 15px;
    margin: 2px 6px 0px 0px;
    overflow: hidden;
    position: relative;
    direction: ltr;
}

.knowledgebase #showMoreResultsArea #showMoreResultsAreaButton .icon:before{
    content: url(../../images/responsive/elements/common-elements.png);
    position: relative;
    left: 1px;
    top: 1px;
    display: inline-block;
    float: left;
    width: 154px !important;
}

.knowledgebase.svg #showMoreResultsArea #showMoreResultsAreaButton .icon:before{
    content: url(../../images/responsive/elements/common-elements.svg);
    width: 154px !important;
}

.knowledgebase #showMoreResultsArea #showMoreResultsAreaButton .text{
    height:22px;
}

.knowledgebase #showMoreResultsArea:hover #showMoreResultsAreaButton .text,
.knowledgebase #showMoreResultsArea:active #showMoreResultsAreaButton .text,
.knowledgebase #backToTopArea:hover #backToTopAreaButton .text,
.knowledgebase #backToTopArea:active #backToTopAreaButton .text{
    color: #004778;
}

@media only screen and (max-width: 767px){

.knowledgebase #showMoreResultsArea,
.knowledgebase #showMoreResultsArea:hover,
.knowledgebase #backToTopArea {
    margin:13px 20px 0;
    border:none;    
    background-color: #e4eef2;
}

}


/********************************* 
    Up arrow in results 
*********************************/


.knowledgebase #resultCountAndUpArrow {
    height:48px;
}

.knowledgebase #resultCountAndUpArrow .column{
    height:100%;
}

.knowledgebase #resultCountAndUpArrow .upArrow,
.knowledgebase #backToTopAreaButton .upArrow {
    width: 17px;
    height: 15px;
    float:right;
    margin-top:18px;
    cursor:pointer;
    overflow:hidden;
    position: relative;
}

	.knowledgebase.rtl #resultCountAndUpArrow .upArrow,
	.knowledgebase.rtl #backToTopAreaButton .upArrow {
	   float: left;
	   direction: ltr;
	}

    .knowledgebase #resultCountAndUpArrow .upArrow:before,
    .knowledgebase #backToTopAreaButton .upArrow:before {
        content: url('../../images/responsive/elements/common-elements.png');
        display: inline-block;
        width: 154px !important;
        top: 0px;
        left: -17px;
        position: relative;
    }
    
    .knowledgebase.rtl #resultCountAndUpArrow .upArrow:before,
    .knowledgebase.rtl #backToTopAreaButton .upArrow:before {
        float:left;
    }

    .knowledgebase.svg #resultCountAndUpArrow .upArrow:before,
    .knowledgebase #backToTopAreaButton .upArrow:before {
        content: url('../../images/responsive/elements/common-elements.svg');
    }
    
    .knowledgebase #resultCountAndUpArrow .upArrow:before,
    .knowledgebase #backToTopAreaButton .upArrow:before {
        
    }

@media only screen and (max-width: 767px){

    .knowledgebase #backToTopArea{
        background-color: #fafdfd;
    }

    .knowledgebase #backToTopAreaButton .upArrow{
        margin: 4px 6px;
    }
}

/********************************* 
    Sidebar 
*********************************/

/* Narrow search */

.knowledgebase .sideBar .searchHeading {
    padding-top:34px;
    background-color:white;
    height:34px;
}

@media only screen and (max-width: 767px){

.knowledgebase .sideBar .searchHeading {
    padding-top:34px;
    background-color:#e4eef2;
    height:33px;
}

}

/* Sidebar box components */

.knowledgebase .sideBar .oneBoxSeparator {
    position: relative;
    background-color: #fff;
    height: 0px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 100%;
}

.knowledgebase .sideBar .oneBox {
    padding-bottom:1px;
    position:relative;
    border: 1px solid #00aff0;
}

.knowledgebase .sideBar .oneBox .title {
    padding:24px 20px 20px 20px;
}

.knowledgebase .sideBar .oneBox .title h3{
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -1px;
}

.knowledgebase .sideBar .oneBox .title span{
    font-family: "Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
}

html[lang=ru] .knowledgebase .sideBar .oneBox .title span,
html[lang=uk] .knowledgebase .sideBar .oneBox .title span,
html[lang=bg] .knowledgebase .sideBar .oneBox .title span{
    font-family: "Segoe UI Cyrillic Semibold","Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
}

.knowledgebase .sideBar .oneBox h3 {
    color:#fff;
    margin-bottom: 0px;   
}

.knowledgebase .sideBar .oneBox h4 {
    color:#fff;
    margin-bottom: 0px;
}

.knowledgebase .sideBar .oneBox ul {
    padding-left:0px;
    margin-bottom: 18px;
    display: block;
    overflow: visible;
}

.knowledgebase .sideBar .oneBox ul li {
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #fff;
    list-style: none;
    cursor: pointer;
    width:238px;
    margin: 0;
    padding: 9px 20px 8px;
    overflow: visible;
}
    
    .knowledgebase.noTouch .sideBar .oneBox ul li:hover {
        background-color: #0093dc;
    }
    
    .knowledgebase .sideBar .oneBox ul li.selected,
    .knowledgebase.noTouch .sideBar .oneBox ul li:active.selected {
        background-color: #00a5e9;
    }

    .knowledgebase.noTouch .sideBar .oneBox ul li:active {
        background-color: #008cd1;
    }
    
    .knowledgebase .sideBar ul li.selected {
        cursor: default;
    }    
    

    .knowledgebase .sideBar .oneBox ul li a:hover,
    .knowledgebase .sideBar .oneBox ul li a:hover *,
    .knowledgebase .sideBar .oneBox ul li:hover > p > a:focus,
    .knowledgebase .sideBar .oneBox ul li:hover > p > a:focus *,
    .knowledgebase .sideBar .oneBox ul li:hover > div > p > a:focus,
    .knowledgebase .sideBar .oneBox ul li:hover > div > p > a:focus * {
        text-decoration: none;
    }

.knowledgebase .sideBar .oneBox ul li p,
.knowledgebase .sideBar #relatedCategories ul li h4 {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
}

    .knowledgebase .sideBar #relatedCategories ul li:focus h4 {
        text-decoration: underline;
    }
    .knowledgebase .sideBar #relatedCategories ul li:focus:hover h4 {
        text-decoration: none;
    }

.knowledgebase .sideBar #relatedCategories ul li h4 {
    line-height:20px;
    font-weight:400;
    letter-spacing: 0px;
    line-height: 20px;
}

.knowledgebase .sideBar .oneBox ul li a {
    color:#fff;
}

@media only screen and (max-width: 767px){

.knowledgebase .sideBar .oneBox {
    padding-bottom:0px;
    position:relative;
    background:#fff;  
    height:auto;
    width:auto;
    float:none;
    margin:0;
    padding: 0 20px 12px 20px;
    border: none;
}

.knowledgebase .sideBar .oneBox .title{
  width:100%;
  color:#fff;  
  height:auto;
  padding:20px 0 0 0;
  background-color:#fff;
  font-family: "Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
}

html[lang=ru] .knowledgebase .sideBar .oneBox .title,
html[lang=uk] .knowledgebase .sideBar .oneBox .title,
html[lang=bg] .knowledgebase .sideBar .oneBox .title{
    font-family: "Segoe UI Cyrillic Semibold","Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
}

.knowledgebase .sideBar .oneBox .title h3{
    color: #333534;
    padding: 3px 0;
    margin: 0;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 20px;
    font-family: "Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
}

html[lang=ru] .knowledgebase .sideBar .oneBox .title h4,
html[lang=uk] .knowledgebase .sideBar .oneBox .title h4,
html[lang=bg] .knowledgebase .sideBar .oneBox .title h4{
    font-family: "Segoe UI Cyrillic Semibold","Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
}

.knowledgebase .sideBar .oneBox ul{
    display: table;
    width: 100%;
    margin-bottom: 0px;
    padding-left: 0px;
    list-style: none;
}

.knowledgebase .sideBar .oneBox ul li{
    list-style-image: none;
    background: none;
    border-bottom: 1px solid #e4eef2;
}

    .knowledgebase.noTouch .sideBar .oneBox ul li:hover {
        background: none;
    }

    .knowledgebase .sideBar .oneBox ul li:hover h4,
    .knowledgebase .sideBar .oneBox ul li:hover a {
        text-decoration: underline;
    }

.knowledgebase .sideBar .oneBox ul li.row p {
    display: inline;
    height: auto;
    padding: 0px;
    font-size: 12px;
}

.knowledgebase .sideBar .oneBox ul li.row p a{
    color: #0078ca;
}

}

/* separator extra element for branches */

.knowledgebase .sideBar .oneBox ul li > .separator {
    display: block;
    width: 204px;
    position: absolute;
    background-color: #36c0f3;
    left: 18px;
    height: 1px;
}

.knowledgebase.noTouch .sideBar .oneBox ul li:hover > .separator,
.knowledgebase .sideBar .oneBox ul li.selected > .separator {
    width: 238px;
    left: 0px;
}

.knowledgebase .sideBar .oneBox ul li > .separator.top {
    top: 0px;
}

.knowledgebase .sideBar .oneBox ul li > .separator.bottom {
    bottom: -1px;
}

.knowledgebase .sideBar .oneBox ul li.last-child > .separator.bottom {
    display: none;
}

.knowledgebase.noTouch .sideBar .oneBox ul li.last-child:hover > .separator.bottom,
.knowledgebase .sideBar .oneBox ul li.last-child.selected > .separator.bottom {
    display: block;
}

@media only screen and (max-width: 767px){

.knowledgebase .sideBar .oneBox ul li > .separator,
.knowledgebase.noTouch .sideBar .oneBox ul li:hover > .separator,
.knowledgebase .sideBar .oneBox ul li.selected > .separator {
    display:none;
}

}


/* From the Community */

.knowledgebase .sideBar #fromTheCommunity.oneBox .title {
    width:145px;
    min-height:48px;
}

.knowledgebase .sideBar #fromTheCommunity.oneBox .icon {
    position:absolute;
    right:20px;
    top:30px;
    width:42px;
    height:40px;
    background-image:url(../../images/responsive/elements/forum-icon-desktop.png);
}

    .knowledgebase.rtl .sideBar #fromTheCommunity.oneBox .icon {
        right: auto;
        left: 20px;
    }
    
    .knowledgebase.svg .sideBar #fromTheCommunity.oneBox .icon {
        background-image:url(../../images/responsive/elements/forum-icon-desktop.svg);
    }

.knowledgebase .sideBar #fromTheCommunity ul {
    margin-bottom: 0px;
}

.knowledgebase .sideBar #fromTheCommunity ul li {
    padding-top: 8px;
    padding-bottom: 11px;
    max-height:80px;
    height: auto;
}

.knowledgebase .sideBar #fromTheCommunity.oneBox ul li .topicContainer {
    max-height:41px;
    overflow:hidden;
}

.knowledgebase .sideBar #fromTheCommunity.oneBox ul li .topicContainer p{
    max-height:36px;
    height: auto;
    padding-bottom:2px;
}

.knowledgebase .sideBar #fromTheCommunity.oneBox ul li .topicInfo {
    max-height: 18px;
}

.knowledgebase .sideBar #fromTheCommunity.oneBox ul li .topicInfo p{
    margin:0px;
    height:auto;
    padding:0px;
}

.knowledgebase .sideBar #fromTheCommunity.oneBox ul li .topicInfo p span {
    position: relative;
    overflow: hidden;
    direction: ltr;
}
    
    .knowledgebase .sideBar #fromTheCommunity.oneBox ul li .topicInfo p span:before {
        position: relative;
        top: 0px;
        display: inline-block;
        float: left;
        padding-right: 3px;
    }
    
    .knowledgebase .sideBar #fromTheCommunity.oneBox ul li .topicInfo p span:before {
        content: url(../../images/responsive/elements/forum-profile-icon-desktop.png);
        top: 1px;
    }

    .knowledgebase.svg .sideBar #fromTheCommunity.oneBox ul li .topicInfo p span:before
    {
        content: url(../../images/responsive/elements/forum-profile-icon-desktop.svg);
    }

.knowledgebase .sideBar #fromTheCommunity.oneBox .communityResultsButton {
    padding:0px 0px 36px 0px;
    margin: 0px 20px;
}

    .knowledgebase .sideBar #fromTheCommunity.oneBox .communityResultsButton.moreResultsButton {
        padding-top:20px;
    }

.knowledgebase .sideBar #fromTheCommunity.oneBox .communityResultsButton .btn.premiumSecondaryCta {
    border-color:#fff;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

@media only screen and (max-width: 767px){

.knowledgebase .sideBar #fromTheCommunity ul li {
    max-height: 80px;
    height: auto;
    overflow: hidden;
    width:100%;
    padding: 9px 0 11px 0;
    margin: 0;     
}

    .knowledgebase.noTouch .sideBar #fromTheCommunity ul li:hover {
        width:100%;
    }

.knowledgebase .sideBar #fromTheCommunity ul li > .separator.top {
    display: none;
}

.knowledgebase .sideBar #fromTheCommunity ul li > .separator.bottom {
    bottom: -11px;
}

/* Override mobile to be "Secondary Small" button as for selector "btn secondaryCta small"*/
.knowledgebase .sideBar #fromTheCommunity.oneBox .communityResultsButton .btn.secondaryNegativeCta  {
    color: #0078ca;
    border-color: #00aff0;
}

    .knowledgebase .sideBar #fromTheCommunity.oneBox .communityResultsButton .btn.secondaryNegativeCta:hover,
    .knowledgebase .sideBar #fromTheCommunity.oneBox .communityResultsButton .btn.secondaryNegativeCta:focus {
        color: #FFF;
        background-color: #00aff0;
    }

    .knowledgebase .sideBar #fromTheCommunity.oneBox .communityResultsButton .btn.secondaryNegativeCta:active {
        background-color: #009dd8;
        border-color: #009dd8;
    }
}

/******************************************* 
    Notifications
********************************************/

.knowledgebase .topNotificationBox {
    padding: 7px 14px 7px 14px;
    border-width: 1px;
    border-style: solid;
    margin-top: 30px;
    display:none;
}

.knowledgebase .topNotificationBox p.oneLine {
    border-top: 1px solid #fff8f0;
    margin-bottom: 0;
}

    .knowledgebase .topNotificationBox p.oneLine:first-child {
        border-top: none;
    }

.knowledgebase .topNotificationBox .oneLineContent {
    min-height: 36px;
    position:relative;
    display:block;
    padding-left: 40px;
    overflow: hidden;
}

    .knowledgebase .topNotificationBox .oneLineContent .text{
        display:inline-block;
        padding-top: 9px;
        padding-bottom: 9px;
    }

        .knowledgebase .topNotificationBox .oneLineContent .text,
        .knowledgebase .topNotificationBox .oneLineContent .callToActionLinkWrapper {
            font-size: 14px;
            line-height: 18px;
        }

    .knowledgebase .topNotificationBox .oneLineContent .callToActionLinkWrapper {
        float: right;
        cursor: pointer;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 15px;
        max-width: 270px;
    }

@media only screen and (max-width: 767px){

.knowledgebase .topNotificationBox {
    position: relative;
}

    .knowledgebase .topNotificationBox.personalAlert .oneLineContent .text,
    .knowledgebase .topNotificationBox.personalNotification .oneLineContent .text {
        dislay:block;
    }

    .knowledgebase .topNotificationBox .oneLineContent .callToActionLinkWrapper {
        float: left;
        display: block
    }

    .knowledgebase .topNotificationBox .oneLineContent .callToActionLinkWrapper {
        max-width: none;
    }

}

/* Notification type specific styles */

.knowledgebase .topNotificationBox.personalAlert .oneLineContent .text,
.knowledgebase .topNotificationBox.personalNotification .oneLineContent .text{
    font-size: 14px;
}

    .knowledgebase .topNotificationBox.criticalAlert,
    .knowledgebase .topNotificationBox.personalAlert {
        border-color: #ff8c00;
        background: #ffeeda;
    }

    .knowledgebase .topNotificationBox.personalNotification {
        background: #d9f3fd;
        border-color: #00aff0;
    }

.knowledgebase .column.x2.padded.accountRecoveryNotification {
	padding-bottom: 0;
}

.knowledgebase .topNotificationBox.personalAlert .notificationDescriptionWithLinkWrapper,
.knowledgebase .topNotificationBox.personalNotification .notificationDescriptionWithLinkWrapper {
    display:none;
}

.knowledgebase .topNotificationBox.personalAlert .notificationDescription,
.knowledgebase .topNotificationBox.personalNotification .notificationDescription {
    max-width: 574px;
}

    .knowledgebase .topNotificationBox.personalAlert.noLink .notificationDescription,
    .knowledgebase .topNotificationBox.personalNotification.noLink .notificationDescription {
        max-width: none;
    }

.knowledgebase #faqPage #criticalAlertSection {
    padding-bottom: 0px;
}

.knowledgebase #faqPage .topNotificationBox.criticalAlert, 
.knowledgebase #faqPage .topNotificationBox.personalAlert {
    margin-bottom: 0px;
}


    .knowledgebase .topNotificationBox .icon {
        width:28px;
        height:29px;
        margin-top:4px;
        display:inline-block;
        overflow: hidden;
        position:absolute;
        left:0px;
    }

        .knowledgebase .topNotificationBox .icon:before {
            content: url(../../images/responsive/elements/notifications-feed-icons-desktop.png);
            display: inline-block;
        }

        .knowledgebase.svg .topNotificationBox .icon:before {
            content: url(../../images/responsive/elements/notifications-feed-icons-desktop.svg);
            width: 28px !important;
        }

        .knowledgebase .topNotificationBox.personalNotification .icon:before {
            margin: -90px 0px;
        }

        .knowledgebase .topNotificationBox.personalAlert .icon:before,
        .knowledgebase .topNotificationBox.criticalAlert .icon:before {
            margin: -149px 0px;
        }

.knowledgebase .topNotificationBox .closeButton {
    display: none;
    cursor: pointer;
    position: absolute;
    background-color: #000;
    width: 20px;
    height: 19px;
    top: 21px;
    right: -9px;
    border: 2px solid #333534;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; /* future proofing */
    -khtml-border-radius: 20px; /* for old Konqueror browsers */
    overflow: hidden;
}

.knowledgebase .topNotificationBox.personalNotification .closeButton {
    display: block;
}

    .knowledgebase .topNotificationBox .closeButton:hover {
        border-width: 4px;
        top: 19px;
        right: -11px;
    }

    .knowledgebase .topNotificationBox .closeButton:before {
        content: url(../../images/responsive/elements/close-button-small.png);
        margin: -3px -3px;
        display:inline-block;
    }

    .knowledgebase.svg .topNotificationBox .closeButton:before {
        content: url(../../images/responsive/elements/close-button-small.svg);
        width: 26px !important;
    }

@media only screen and (max-width: 767px){

    .knowledgebase .topNotificationBox {
        margin: 20px 20px 0 20px;
    }

    .knowledgebase .topNotificationBox.personalAlert .notificationDescription,
    .knowledgebase .topNotificationBox.personalNotification .notificationDescription {
        max-width: none;
    }

.knowledgebase .topNotificationBox .closeButton {
    top: -9px;
}

    .knowledgebase .topNotificationBox .closeButton:hover {
        top: -11px;
    }

}


/******************************************* 


        HOMEPAGE


********************************************/

/******************************************* 
    Critical alert
********************************************/

/* Desktop and general */

.knowledgebase .criticalAlertSection {
    padding-top:0;
    padding-bottom: 0;
}


/******************************************* 
    Primary Content
    (Top FAQs, How-tos, News)
********************************************/

/* Desktop and general */

.knowledgebase .primaryContent {
    padding-top:30px;
}

.knowledgebase .primaryContent .content .oneBox{
  position:relative;
  height:345px;
  width:300px;
  float:left;
  padding:0px;
  margin:0 30px 0px 0;
  background:#fff;
}

  .knowledgebase .primaryContent .content .oneBox.last{
    margin:0;
  }

.knowledgebase .primaryContent .content .oneBox .title{
  width:100%;
  background-color:#00aff0;
  height:52px;
  color:#fff;
}

.knowledgebase .primaryContent .content .oneBox .title h3{
  padding:11px 18px;
}

.knowledgebase .primaryContent .content .oneBox ul{
  display:table;
  width:100%;
  margin-bottom:0px;
  padding-left:0px;
}

.knowledgebase .primaryContent .content .oneBox ul li{
    list-style-image:none;
}

.knowledgebase .primaryContent .content .oneBox ul li.row{
  height:38px;
  max-height:48px;
  width:auto;
  border-bottom: 1px solid #e4eef2;
  padding: 5px 18px;
  overflow: hidden;
}

  .knowledgebase .primaryContent .content .oneBox ul li.row p {
    display: table-cell;
    vertical-align: middle;
    height:38px;
    padding:0;
  }
  
/* Mobile additional */

@media only screen and (max-width: 767px){
    
.knowledgebase .primaryContent {
    padding-top:0px;
}

  .knowledgebase .primaryContent .content .oneBox{
    height:auto;
    width:auto;
    float:none;
    margin:0;
    padding:0 20px 12px 20px;
  }
  
  .knowledgebase .primaryContent .content .oneBox ul li.row{
    padding: 14px 0;
    max-height: 67px;
    height: auto;
  }
  
    .knowledgebase .primaryContent .content .oneBox ul li.row.empty{
      display:none;
    }

  .knowledgebase .primaryContent .content .oneBox ul li.row p {
    height:auto;
    display:inline;
  }
  
  .knowledgebase .primaryContent .content .oneBox .title{
    height:auto;
    padding-top:20px; /* 20 + 26 which is the height of the title - 6 under text in div totals 40 */
    background-color:#fff;
  }
  
  .knowledgebase .primaryContent .content .oneBox .title h3 {
    color:#333534;
    padding:3px 0;
    margin:0;
  }

  .knowledgebase .primaryContent .content .oneBox.last{
    margin-bottom:20px;
  }


}

/**************************************************************************************************************/

/* Component specific */

#criticalAlertSection .columnContainer {
    padding: 0px;
    background-color: #ffffff;
}

#criticalAlertSection .column {
    width: 100%;
}

/* How-to guides */

/* Desktop and general */

.knowledgebase .primaryContent .content #howtos.oneBox .viewMore{
  position:absolute;
  bottom:0px;
  overflow:hidden;
  height:43px;
  width:260px;
  margin-bottom:20px;
  padding:0 0 0 18px;
}

.knowledgebase .primaryContent .content #howtos.oneBox .viewMore .container{
  display: table;
  height: 100%;
  width: 100%;
}

.knowledgebase .primaryContent .content #howtos.oneBox .viewMore .container p{
  display: table-cell;
  vertical-align: bottom;
  padding-bottom:3px;
  margin-bottom:0px;
}

/* Mobile additional */

@media only screen and (max-width: 767px){
  .knowledgebase .primaryContent .content #howtos.oneBox .viewMore{
    position:relative;
    bottom:auto;
    padding:15px 0 0 0;
    height:auto;
    margin-bottom:0px;
  }
}


/* News box */

.knowledgebase #news .content {
    overflow: hidden;   
    width:266px;
    height:259px;
    padding:0;
    margin:17px 18px 18px 18px;
    position:relative;
}

  .knowledgebase #news.hasMany .content {
      height:225px;
  }

.knowledgebase #news .notification {
  background: #ffeeda;
  border: 1px solid #ff8c00;
  overflow:hidden;
  margin-top:18px;
}

.knowledgebase #news .notification.newsType-BLOG      { background: #d9f3fd; border-color: #00aff0; }
.knowledgebase #news .notification.newsType-TWEET     { background: #d9f3fd; border-color: #00aff0; }
.knowledgebase #news .notification.newsType-COMMUNITY { background: #d9f3fd; border-color: #00aff0; }
.knowledgebase #news .notification.newsType-INFO      { background: #d9f3fd; border-color: #00aff0; }
.knowledgebase #news .notification.newsType-FIX       { background: #ecf5da; border-color: #7fba00; }
.knowledgebase #news .notification.newsType-LOW       { background: #ffeeda; border-color: #ff8c00; }

.knowledgebase #news .notification:first-child {
  margin-top:0;
}

.knowledgebase #news.has1 .notification { height:238px; overflow:hidden; padding-top: 19px;}
.knowledgebase #news.has2 .notification { height:99px; overflow:hidden; padding-top: 19px;}
.knowledgebase #news.has3 .notification { height:53px; overflow:hidden; padding-top: 19px;}
.knowledgebase #news.hasMany .notification { height:48px; overflow:hidden; padding-top: 13px;}

.knowledgebase #news .notification .caption{
  position:relative;  
  max-height:43px;
  padding-bottom: 7px;
  border-spacing: 0;
}

  .knowledgebase #news .notification .caption .itemContent {
    margin:0;
    display: table;
    height: 37px;
  }

    .knowledgebase .notification .caption .itemContent .iconContainer {
        display:table-cell;
        vertical-align:middle;
        padding-left:13px;
        width: 28px;
    }

    .knowledgebase .notification .caption .itemContent .iconContainer .icon{
       display: block;
       height: 26px;
       width: 27px;
       position: absolute;
       left: 13px;
       top: 4px;
       overflow: hidden;
    }

        .knowledgebase .notification .caption .itemContent .iconContainer .icon:before{
            content: url(../../images/responsive/elements/notifications-feed-icons-desktop.png);
            display: inline-block;
            position: relative;
            left: 0px;
            top: 0px;
        }

        .knowledgebase.svg .notification .caption .itemContent .iconContainer .icon:before{
            content: url(../../images/responsive/elements/notifications-feed-icons-desktop.svg);
            width: 28px !important;
        }

        .knowledgebase .notification.newsType-BLOG      .caption .itemContent .iconContainer .icon:before { top: -1px; left: 0px; }
        .knowledgebase .notification.newsType-TWEET     .caption .itemContent .iconContainer .icon:before { top: -31px; left: 0px; }
        .knowledgebase .notification.newsType-COMMUNITY .caption .itemContent .iconContainer .icon:before { top: -61px; left: 0px; }
        .knowledgebase .notification.newsType-INFO      .caption .itemContent .iconContainer .icon:before { top: -91px; left: 0px; }
        .knowledgebase .notification.newsType-FIX       .caption .itemContent .iconContainer .icon:before { top: -121px; left: 0px; }
        .knowledgebase .notification.newsType-LOW       .caption .itemContent .iconContainer .icon:before { top: -151px; left: 0px; }

  .knowledgebase .notification .caption .text{
    padding:0 14px;
    display:table-cell;
    vertical-align:middle;
  }

.knowledgebase #news .notification .description{
  position:relative;
  overflow:hidden;
  width:266px;
  padding:0;
  margin:0;
}
  .knowledgebase #news.has1 .notification .description{
    max-height:180px;
  }
  
  .knowledgebase #news.has2 .notification .description{
    max-height:40px;
  }

  .knowledgebase #news.has3 .notification .description,
  .knowledgebase #news.hasMany .notification .description{
    display:none;
    max-height:1000px;
  }

  .knowledgebase #news .notification .description .descriptionText{
    position:relative;
    margin:0 14px 0 54px;
    overflow:hidden;
  }
  
.knowledgebase #news .scrollerButtons{
  display:none;
}

.knowledgebase #news.hasMany .scrollerButtons{
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  width:300px;
  height:32px;
  border-top: 1px solid #e5eff3;
  overflow: hidden;
}

  .knowledgebase #news.hasMany .scrollerButtons button{
    height:33px;
    width:150px;
    float:right;
    background: url(../../images/responsive/elements/scrollerbuttons.png) no-repeat;
    border:none;
  }
  
  .knowledgebase.svg #news.hasMany .scrollerButtons button{
    background: url(../../images/responsive/elements/scrollerbuttons.svg) no-repeat;
    width: 25px !important;
  }
  
  .knowledgebase #news.hasMany .scrollerButtons button.btnScrollUp{ background-position:-150px 0; }
  .knowledgebase #news.hasMany .scrollerButtons button.btnScrollDown{ background-position:0 0; }
  .knowledgebase #news.hasMany .scrollerButtons button.btnScrollUp:hover{ background-position:-150px -32px; }
  .knowledgebase #news.hasMany .scrollerButtons button.btnScrollDown:hover{ background-position:0 -31px; }
  .knowledgebase #news.hasMany .scrollerButtons button.btnScrollUp:active{ background-position:-150px -63px; }
  .knowledgebase #news.hasMany .scrollerButtons button.btnScrollDown:active{ background-position:0 -63px; }

/* Mobile additional */


@media only screen and (max-width: 767px){

.knowledgebase #news .content,
.knowledgebase #news.has1 .content,
.knowledgebase #news.has2 .content,
.knowledgebase #news.has3 .content,
.knowledgebase #news.hasMany .content{
    width:auto;
    height:auto;
    margin:17px 0 0 0;
}

.knowledgebase #news .notification,
.knowledgebase #news.has1 .notification,
.knowledgebase #news.has2 .notification,
.knowledgebase #news.has3 .notification,
.knowledgebase #news.hasMany .notification{
    margin-top: 5px;
    height:46px;
    min-height:46px;
    padding-top:12px;
}

.knowledgebase #news .notification:first-child,
.knowledgebase #news.has1 .notification:first-child,
.knowledgebase #news.has2 .notification:first-child,
.knowledgebase #news.has3 .notification:first-child,
.knowledgebase #news.hasMore .notification:first-child{
    margin-top:0px;
}

.knowledgebase #news .notification .caption {
    padding:0;
    max-height:36px;   
}

.knowledgebase #news .notification .caption .text {
  height: 32px;
  font-size: 12px;
  line-height: 16px;
}

    .knowledgebase .notification .caption .itemContent .iconContainer {
        display: table-cell;
        vertical-align: middle;
        padding-left: 13px;
        line-height: 16px;
    }
	
	.knowledgebase .notification .caption .itemContent .iconContainer .icon{
	   display: block;
       height: 26px;
       width: 27px;
	   position: absolute;
	   left: 13px;
	   top: 4px;
	   overflow: hidden;
	}

        .knowledgebase .notification .caption .itemContent .iconContainer .icon:before{
            content: url(../../images/responsive/elements/notifications-feed-icons-mobile.png);
            display: inline-block;
            position: relative;
            left: 0px;
            top: 0px;
        }

	    .knowledgebase.svg .notification .caption .itemContent .iconContainer .icon:before{
            content: url(../../images/responsive/elements/notifications-feed-icons-mobile.svg);
            width: 25px !important;
        }

        .knowledgebase .notification.newsType-BLOG      .caption .itemContent .iconContainer .icon:before{ left: 0px; top: -1px;    }
        .knowledgebase .notification.newsType-TWEET     .caption .itemContent .iconContainer .icon:before{ left: 0px; top: -27px;  }
        .knowledgebase .notification.newsType-COMMUNITY .caption .itemContent .iconContainer .icon:before{ left: 0px; top: -53px;  }
        .knowledgebase .notification.newsType-INFO      .caption .itemContent .iconContainer .icon:before{ left: 0px; top: -80px;  }
        .knowledgebase .notification.newsType-FIX       .caption .itemContent .iconContainer .icon:before{ left: 0px; top: -107px; }
        .knowledgebase .notification.newsType-LOW       .caption .itemContent .iconContainer .icon:before{ left: 0px; top: -132px; }


.knowledgebase #news .notification .description{
    display:none;
}


}

/* community upsell */

.knowledgebase #communityUpsellSection {
	background-color: #fff;
}

.knowledgebase #communityUpsell {
    width:100%;
    background:white;
    position: relative;
    overflow: hidden;
    min-height: 122px;
    cursor:pointer;
    border: 1px solid #00aff0;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.knowledgebase #communityUpsell .textArea {
    padding:23px 30px 26px 30px;
    width:640px;
    height:100%;
    float: left;
    max-height: 900px;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.knowledgebase #communityUpsell h3{
    height:30px;
    overflow:hidden;
}

.knowledgebase #communityUpsell .container{
    height:auto;
    max-height: 40px;
    overflow:hidden;
}

.knowledgebase #communityUpsell .image {
    width:0px;
    height:0px;
    position:absolute;
    right:0px;
    top:0px;
}

.knowledgebase #communityUpsell .image:before {
    content: url(../../images/responsive/elements/forum-upsell-main-desktop.png);
    position: absolute;
    height:100%;
    right:0px;
    top:0px;
}

@media only screen and (max-width: 767px){

.knowledgebase #communityUpsell {
    margin-top:37px;
    margin-bottom:33px;
    min-height: 156px;
    max-width: 500px;
    border: 0px;
}

.knowledgebase #communityUpsell .textArea {
    padding:8px 20px 26px 8px;
    float:right;
    width:50%;
    max-height: 124px;
}

.knowledgebase #communityUpsell h3{
    height:auto;
    max-height:60px;
}

.knowledgebase #communityUpsell .container{
    max-height: 80px;
}

.knowledgebase #communityUpsell .image {
    left:0px;
    width:50%;
}

.knowledgebase #communityUpsell .image:before {
    content:url(../../images/responsive/elements/forum-upsell-main-mobile.png);
}

}

/******************************************* 
    Full category browser
********************************************/

.knowledgebase .fullCategoryBrowser {
    padding-bottom:0px;
}

.knowledgebase .fullCategoryBrowser h4,
.knowledgebase .fullCategoryBrowser a {
    font-size: 14px;
    line-height: 23px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin: 0;
    letter-spacing: 0px;
    color: #0078CA;
    cursor:pointer;
}

.knowledgebase .fullCategoryBrowser h4:hover,
.knowledgebase .fullCategoryBrowser a:hover {
    color: #00548D;
}

.knowledgebase .fullCategoryBrowser a{
    width:100%;
    display:inline-block;
}


/*
Disable list item select-highlight when clicking on the list bullet in firefox
*/
.knowledgebase .fullCategoryBrowser li {
    -moz-user-select: none;
}

.knowledgebase .fullCategoryBrowser .title{
    margin-top:36px;
}

    .knowledgebase .fullCategoryBrowser .title h2{
        margin-bottom:0px;
    }

.knowledgebase .fullCategoryBrowser .categoryBoxes {
    padding-top:25px;
}

.knowledgebase .fullCategoryBrowser .categoryBoxes .categoryBoxLine{
    padding:13px 0 40px 0;
}

.knowledgebase .fullCategoryBrowser .oneCategoryBox{
    float:left;
    width:217px;
    padding-left:30px;
}

.knowledgebase .fullCategoryBrowser .oneCategoryBox:first-child{
    padding-left:0px;
}

.knowledgebase .fullCategoryBrowser .oneCategoryBox .arrow{
    display:none;
}

.knowledgebase .fullCategoryBrowser .oneCategoryBox .categoryTitle {
    height:32px;
    overflow:hidden;
    margin-top:13px;
}

.knowledgebase .fullCategoryBrowser .oneCategoryBox a{
     vertical-align:top;
}

.knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 {
    margin-top:5px;
    height:100%;
}

.knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 ul {
    padding-left:19px;
}

.knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 ul li {
    list-style: none;
    position: relative;
}

    .knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 ul li:hover h4,
    .knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 ul li:focus h4 {
        text-decoration: underline;
    }

.knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 ul li p {
    margin-bottom: 0px;
}

.knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 ul li:before{
    position: absolute;
    left: -16px;
    top: 2px;
    font-size: 22px;
}
.knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 ul li > .bullet:before{
    position: absolute;
    left: -16px;
    top: 2px;
    font-size: 22px;
    content:"•";
}

.knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 ul li.branch > .bullet:before{
    top: 0px;
    content:url(../../images/responsive/elements/category_smallarrow_icon_closed.png);
}

.knowledgebase.svg .fullCategoryBrowser .oneCategoryBox .level2 ul li.branch > .bullet:before{
    content:url(../../images/responsive/elements/category_smallarrow_icon_closed.svg);
}

.knowledgebase.svg .fullCategoryBrowser .oneCategoryBox .level2 ul li.branch.opened > .bullet:before{
    left: -17px;
    content:url(../../images/responsive/elements/category_smallarrow_icon_opened.png);
}

.knowledgebase.svg .fullCategoryBrowser .oneCategoryBox .level2 ul li.branch.opened > .bullet:before{
    content:url(../../images/responsive/elements/category_smallarrow_icon_opened.svg);
}

@media only screen and (max-width: 767px){

    .knowledgebase .fullCategoryBrowser{
        padding:0px;
    }

    .knowledgebase .fullCategoryBrowser h4,
    .knowledgebase .fullCategoryBrowser a {
        line-height: 18px;
    }

    .knowledgebase .fullCategoryBrowser .title{
        margin-top:0px;
        padding:20px 20px 0 20px;
    }
  
    .knowledgebase .fullCategoryBrowser .title h2{
        padding:3px 0;
    }
  
    .knowledgebase .fullCategoryBrowser .categoryBoxes{
        padding-top:0px;
    }
  
    .knowledgebase .fullCategoryBrowser .categoryBoxes .categoryBoxLine{
        padding:0px;
    }
    
        .knowledgebase .fullCategoryBrowser .categoryBoxes .categoryBoxLine:first-child{
            border-top:1px solid #cedce2;
        }

    .knowledgebase .fullCategoryBrowser .oneCategoryBox{
        position:relative;
        float:none;
        width:auto;
        background: #e7f1f5;
        border-bottom:1px solid #cedce2;
        padding-right:0px;
        padding-left:0px;
        cursor:pointer;
    }

    .knowledgebase .fullCategoryBrowser .oneCategoryBox:first-child{
        border-top:none;
        padding-left:0px;
    }

    .knowledgebase .fullCategoryBrowser .oneCategoryBox .level1{
        height:71px;
    }
    
    .knowledgebase .fullCategoryBrowser .oneCategoryBox .level2{
        padding:0px 20px 0px 20px;
        margin-top:0px;
        overflow:hidden;
    }

    .knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 .spacer{
        height:20px;
    }

    .knowledgebase .fullCategoryBrowser .oneCategoryBox .arrow{
        display:block;
        margin:30px 20px 0 0;
    }

    .knowledgebase .fullCategoryBrowser .oneCategoryBox .categoryTitle{
        margin:0 30px 0 0;
        height:22px;
        padding:25px 0px 0 14px;
    }
    
    .knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 ul li{
        margin-top: 14px;
    }

    .knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 ul li > .bullet:before{
        top: -1px;
    }

    .knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 ul li.branch > .bullet:before{
        top: -3px;
    }  

    .knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 > ul > li:first-child{
        margin-top: 0px;
    }


    .knowledgebase .fullCategoryBrowser .oneCategoryBox .level2 ul li p{
        line-height:18px;
    }

}

    /* Icons */

.knowledgebase .fullCategoryBrowser .oneCategoryBox .icon{
    width:60px;
    height:32px;
    overflow: hidden;
}
    
    .knowledgebase .fullCategoryBrowser .oneCategoryBox .icon:before{
        content:url(../../images/responsive/elements/category_icons_sprite.png);
        display: inline-block;
    }


.knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.calling:before           { margin:0 0px; }
.knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.vid_call:before          { margin:0 -70px; }
.knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.messaging:before         { margin:0 -140px; }
.knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.tech:before              { margin:0 -210px; }
.knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.pay:before               { margin:0 -280px; }
.knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.skype_for_devices:before { margin:0 -350px; }
.knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.biz:before               { margin:0 -420px; }
.knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.prod:before              { margin:0 -490px; }

.knowledgebase.svg .fullCategoryBrowser .oneCategoryBox .icon:before{
    content:url(../../images/responsive/elements/category_icons_sprite.svg);
    width: 560px !important;
}

@media only screen and (max-width: 767px){

.knowledgebase .fullCategoryBrowser .oneCategoryBox .icon{
    width:25px;
    height:25px;
    overflow: hidden;
    float:left;
    margin:22px 0 0 20px;
}
.knowledgebase .fullCategoryBrowser .oneCategoryBox .icon:before{
    content: url(../../images/responsive/elements/category_icons_sprite_mobile.png);
    display: inline-block;
}

    .knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.calling:before           { margin:0 0px; }
    .knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.vid_call:before          { margin:0 -29px; }
    .knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.messaging:before         { margin:0 -58px; }
    .knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.tech:before              { margin:0 -87px; }
    .knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.pay:before               { margin:0 -116px; }
    .knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.skype_for_devices:before { margin:0 -145px; }
    .knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.biz:before               { margin:0 -174px; }
    .knowledgebase .fullCategoryBrowser .oneCategoryBox .icon.prod:before              { margin:0 -203px; }

.knowledgebase.svg .fullCategoryBrowser .oneCategoryBox .icon:before{
    content:url(../../images/responsive/elements/category_icons_sprite_mobile.svg);
    width: 225px !important;
}

}


/*******************************************
    Full Width Promo
********************************************/

.knowledgebase #fullWidthPromo {
	padding-top: 30px;
}

.knowledgebase #fullWidthPromo .content {
    width:960px;
    max-height:210px;
    padding-top:0px;
    min-height:0px;
    overflow:hidden;
}

.knowledgebase #fullWidthPromo .mboxDefault > .content {

}

.knowledgebase #fullWidthPromo .content .defaultContent {
    min-height:0px;
    overflow:hidden;
    height:100%;
    width:100%;
    border: 1px solid #fff;
    border-color: transparent;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.knowledgebase #fullWidthPromo .content .defaultContent > div{
    float:left;
    width:50%;
}

.knowledgebase #fullWidthPromo .content .defaultContent > div.text {
    color:white;
    /*background:#953cac;*/
    background:#00AFF0;
}

.knowledgebase #fullWidthPromo .content .defaultContent > div.text .content{
    width:auto;
    max-height: none;
    margin-bottom: 0px;
    margin-top:0px;
    padding:20px 30px 30px 30px;
}

.knowledgebase #fullWidthPromo .content .defaultContent > div.text .content h3{
    margin-bottom:4px;
}

.knowledgebase #fullWidthPromo .content .defaultContent > div.text .content p{
    margin-bottom:10px;
    padding-bottom:2px;
    max-height: 60px;
    overflow: hidden;
}

.knowledgebase #fullWidthPromo .content .defaultContent > div.image {
    position:absolute;
    right: 0px;
    top: 1px;
    bottom: 1px;
    width: 50%;
    overflow: hidden;
}

@media only screen and (max-width: 767px){
 
.knowledgebase #fullWidthPromo {
    padding-top: 0px;
}
 
.knowledgebase #fullWidthPromo .content {
    width:100%;
    margin-top:0px;
    margin-bottom:0px;
}

.knowledgebase #fullWidthPromo .mboxDefault > .content,
.knowledgebase #fullWidthPromo .content .defaultContent {
    border: none;
}

.knowledgebase #fullWidthPromo .content .defaultContent > div{
    height:auto;
    width:100%;
}

.knowledgebase #fullWidthPromo .content .defaultContent > div.text .content {
    padding:20px;
    text-align: center;
}

.knowledgebase #fullWidthPromo .content .defaultContent > div.text .content h3 {
    margin-top:4px;
    margin-bottom:10px;
    text-align: left;
}

.knowledgebase #fullWidthPromo .content .defaultContent > div.text .content p {
    margin-bottom:20px;
    line-height:18px;
    max-height: 54px;
    text-align: left;
}

.knowledgebase.rtl #fullWidthPromo .content .defaultContent > div.text .content h3,
.knowledgebase.rtl #fullWidthPromo .content .defaultContent > div.text .content p {
	text-align: right;
}

}

/*******************************************
    Supplementary navigation
********************************************/

.knowledgebase #homepage .supplementaryNavigation{
    padding-top:30px;
}

.knowledgebase .supplementaryNavigation{
    padding-bottom:30px;
}

.knowledgebase .supplementaryNavigation .content .boxes{
    background:white;
    display:table;
    border: 1px solid #fff;
    border-color: transparent;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.knowledgebase .supplementaryNavigation .content .boxes .oneBox{
    display:table-cell;
    width:259px;
    border-left: 1px solid #e4eef2;
    height:100%;
    padding: 23px 30px 26px 30px;
}

    .knowledgebase .supplementaryNavigation .content .boxes .oneBox:first-child{
        width:259px;
        border-left: none;
    }

@media only screen and (max-width: 767px){

.knowledgebase #homepage .supplementaryNavigation{
    padding-top:0px;
}
        
.knowledgebase .supplementaryNavigation {
    padding-bottom:0px;
    padding-top:0px;
    display:table;
    width: 100%;
}

.knowledgebase .supplementaryNavigation .content {
    display:table-cell;
}

.knowledgebase .supplementaryNavigation .content .boxes{
    display:block;
    margin:19px 20px 20px;
    border: none;
}

.knowledgebase .supplementaryNavigation .content .boxes .oneBox{
    display:block;
    width:auto;
    padding:10px 14px 11px 14px;
    border-top: 1px solid #e4eef2;
    border-left: none;
    cursor:pointer;
}

}

/*******************************************
    FAQ listing (faqListing.jspf)
*******************************************/

.knowledgebase .content .oneFaqListing {
    border-bottom: 1px solid #ecf4f7;
    min-height: 100%;
    overflow: hidden;
    padding: 11px 0px 13px 0px;
}

.knowledgebase .content .oneFaqListing .faqTitle{
    padding-bottom: 8px;
}

.knowledgebase .content .oneFaqListing .faqTitle h4{
    margin-bottom: 0px;
}

.knowledgebase .content .oneFaqListing .faqTitle h4 span.text{
    margin-right: 11px;
}

.knowledgebase .content .oneFaqListing .faqDesc{
    overflow: hidden;
    clear: left;
    padding-bottom: 0px;
}

.knowledgebase .content .oneFaqListing .badgeIcon{
    margin: 2px 8px 0px 0px;
    width: 32px;
    height: 32px;
    float: left;
    overflow: hidden;
}

    .knowledgebase .content .oneFaqListing .badgeIcon:before{
        content: url(../../images/responsive/elements/pdficon_large.png);
        display: inline-block;
    }

@media only screen and (max-width: 767px){

.knowledgebase .content .oneFaqListing{
    border-bottom: 1px solid #ecf4f7;
    min-height: 100%;
    overflow: hidden;
    padding: 19px 0px 20px 0px;
}

.knowledgebase .content .oneFaqListing:first-child{
    padding-top: 17px;
}

.knowledgebase .content .oneFaqListing .faqTitle{
    padding-bottom:7px;
}

.knowledgebase .content .oneFaqListing .faqDesc{
    overflow:hidden;
    clear:left;
    padding-bottom:0px;
}

.knowledgebase .content .oneFaqListing .badgeIcon{
    margin:5px 8px 13px 0px;
    width:28px;
    height:28px;
    background-repeat:no-repeat;
    overflow:hidden;
}

    .knowledgebase .content .oneFaqListing .badgeIcon:before{
        display: inline-block;
        content: url(../../images/responsive/elements/pdficon_small.png);
    }

}

/* rtl */

.knowledgebase.rtl .content .oneFaqListing .faqTitle h4 span.text{
    margin-right: 0;
}

/******************************************* 


        FAQ PAGE


********************************************/

/* buttons */

.knowledgebase #faqPage #faqPageContentSection .button,
.knowledgebase #faqPage #faqPageContentSection .button:hover,
.knowledgebase #faqPage #faqPageContentSection .button:active,
.knowledgebase #faqPage #faqPageContentSection .button:focus {
    margin-bottom: 18px;
}

/* texts and links */

.knowledgebase #faqPage #faqPageContentSection div.body h3 a[name]:not(href),
.knowledgebase #faqPage #faqPageContentSection div.body h3 a[name]:not(href):hover,
.knowledgebase #faqPage #faqPageContentSection div.body h3 a[name]:not(href):active{
    color: #333534;
}

.knowledgebase #faqPage #faqPageContentSection div.body ul,
.knowledgebase #faqPage #faqPageContentSection div.body ol,
.knowledgebase #faqPage #faqPageContentSection div.body ul li,
.knowledgebase #faqPage #faqPageContentSection div.body ol li{
    font-size:16px
}

@media only screen and (max-width: 767px) {

.knowledgebase #faqPage #faqPageContentSection div.body h3 a[name]:not(href),
.knowledgebase #faqPage #faqPageContentSection div.body h3 a[name]:not(href):hover,
.knowledgebase #faqPage #faqPageContentSection div.body h3 a[name]:not(href):active{
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.5px;
}

.knowledgebase #faqPage #faqPageContentSection div.body ul,
.knowledgebase #faqPage #faqPageContentSection div.body ol,
.knowledgebase #faqPage #faqPageContentSection div.body ul li,
.knowledgebase #faqPage #faqPageContentSection div.body ol li{
    font-size:14px
}

}

/* content */

.knowledgebase #faqPage #faqPageContentSection .content{
    background:white;
}

.knowledgebase #faqPage #faqPageContentSection .content h1{
    margin-bottom:0px;
    position:relative;
    left:-1px;
}

.knowledgebase #faqPage #faqPageContentSection .content p {
    max-width:660px;
    clear:left;
}

.knowledgebase #faqPage #faqPageContentSection .content ul,
.knowledgebase #faqPage #faqPageContentSection .content ol {
    margin-bottom: 18px;
}

    .knowledgebase.rtl #faqPage #faqPageContentSection .content .faqContent ul,
    .knowledgebase.rtl #faqPage #faqPageContentSection .content .faqContent ol {
        padding-left: 17px;
        padding-right: 17px;
    }

.knowledgebase #faqPage #faqPageContentSection .content img,
.knowledgebase #faqPage #faqPageContentSection .content input[type="image"] {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 767px){
    
.knowledgebase #faqPage #faqPageContentSection .content h1{
    margin-bottom:0px;
}

}

/* category icons / Tags */

.knowledgebase #faqPage .categoryIcons {
    margin-top:10px;
    left: -1px;
}

.knowledgebase #faqPage .categoryIcons .icon {
    margin-right:12px;
}

/* body of the FAQ */

.knowledgebase #faqPage #faqPageContentSection .content .body{
    margin-top:27px;
    min-height: 100%;
    padding-bottom: 2px; 
}

@media only screen and (max-width: 767px){
    
.knowledgebase #faqPage #faqPageContentSection .content .body{
    margin-top:17px;
}    
    
}

/* This article is also AVAILABLE FOR */

.knowledgebase .availableFor {
    padding: 10px 14px 5px 14px;
    background: #d9f3fd;
    border: 1px solid #00aff0;
    margin-bottom:25px;
    overflow:hidden;
    min-height:100%;
}

.knowledgebase .availableFor div.text {
    padding:2px 0px;
}

.knowledgebase .availableFor div.links {
    position:relative;
    left: -17px;
    min-height:100%;
    padding-top:3px;
    overflow:hidden;
}

    .knowledgebase.rtl .availableFor div.links {
        left: auto;
        right: -17px;
    }

.knowledgebase .availableFor div.links a {
    padding:0px 17px 0 15px;
    position:relative;
    display:block;
    float:left;
    height:15px;
    overflow:hidden;
    margin-top:-3px;
    margin-bottom:5px;
    padding-bottom:3px;
    background-image:url(../../images/responsive/elements/availablefor_grey_separator.png);
    background-repeat:no-repeat;
    background-position:right 3px;
}

    .knowledgebase.rtl .availableFor div.links a {
        float:right;
        background-position:left 3px;
    }

.knowledgebase .availableFor div.links a.last-child {
    background-image:none;
}

.knowledgebase .availableFor p {
    margin:0px;
    padding:0px;
}

.knowledgebase .availableFor .text h4 {
    line-height: 18px;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
}

@media only screen and (max-width: 767px){

.knowledgebase .availableFor {
    padding: 11px 12px 5px 12px;
    margin-bottom:17px;
}

.knowledgebase .availableFor .text h4 {
    line-height: 16px;
    font-size: 12px;
}

.knowledgebase .availableFor div.links {
    left: -13px;
    padding-top:5px;
}

.knowledgebase .availableFor div.links a {
    padding:0px 14px 0px 13px;
    background-position:right 4px;
    margin-bottom:8px;
}

}

/* Tables */

/* table version */

.knowledgebase #faqPage #faqPageContentSection .content table {
    margin-bottom:18px;
}

.knowledgebase #faqPage #faqPageContentSection .content table tr th {
    border-bottom: 1px solid #e7f1f5;
    font-size:16px;
    color: #333533;
    font-family: "Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
    text-align:center;
    padding:14px 0 21px 15px;
}

html[lang=ru] .knowledgebase #faqPage #faqPageContentSection .content table tr th,
html[lang=bg] .knowledgebase #faqPage #faqPageContentSection .content table tr th,
html[lang=uk] .knowledgebase #faqPage #faqPageContentSection .content table tr th {
    font-family: "Segoe UI Cyrillic Semibold","Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
}

.knowledgebase #faqPage #faqPageContentSection .content table tr td {
    height: 36px;
    padding: 11px 15px 11px 15px;
    color: #6b6b6f;
    font-size: 14px;
    text-align:center;
    vertical-align:middle;
    border-bottom: 1px solid #e7f1f5;
}
    
    .knowledgebase #faqPage #faqPageContentSection .content table.twoColumns tr th{
        height:20px;
        padding:14px 0 20px 15px;
    }
    
    .knowledgebase #faqPage #faqPageContentSection .content table.twoColumns tr th,
    .knowledgebase #faqPage #faqPageContentSection .content table.twoColumns tr th p{
        text-align:left;
        font-size:20px;
    }
    
    .knowledgebase #faqPage #faqPageContentSection .content table.twoColumns tr th:first-child {
        padding-left:0px;    
    }
    
    .knowledgebase #faqPage #faqPageContentSection .content table.twoColumns tr td {
        padding: 21px 15px 25px 15px;
        text-align:left;
        font-size:16px;
        line-height:20px;
        vertical-align:top;
    }
    
    .knowledgebase #faqPage #faqPageContentSection .content table.twoColumns tr td p{
        line-height:20px;
    }
    
    .knowledgebase #faqPage #faqPageContentSection .content table.twoColumns tr td:first-child {
        font-size:16px;
    }
    
    .knowledgebase #faqPage #faqPageContentSection .collapsibleContent .content table tr th,
    .knowledgebase #faqPage #faqPageContentSection .collapsibleContent .content table tr td {
        border-bottom: 1px solid #cedce2;
    }

.knowledgebase #faqPage #faqPageContentSection .content table tr td:first-child,
.knowledgebase #faqPage #faqPageContentSection .content div.expandableTable > div .firstCol{
    font-family: "Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
    padding-left:0px;
    text-align:left;
    color:#333533;
    font-size:14px;
}

	.knowledgebase.rtl #faqPage #faqPageContentSection .content table tr td:first-child,
	.knowledgebase.rtl #faqPage #faqPageContentSection .content div.expandableTable > div .firstCol{
	    text-align:right;
	}

html[lang=ru] .knowledgebase #faqPage #faqPageContentSection .content table tr td:first-child,
html[lang=uk] .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable > div .firstCol,
html[lang=bg] .knowledgebase #faqPage #faqPageContentSection .content table tr td:first-child,
html[lang=ru] .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable > div .firstCol,
html[lang=uk] .knowledgebase #faqPage #faqPageContentSection .content table tr td:first-child,
html[lang=bg] .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable > div .firstCol{
    font-family: "Segoe UI Cyrillic Semibold","Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
}

.knowledgebase #faqPage #faqPageContentSection .content table tr td.last-child {
    padding-right:0px;
}

/* collapsed table */

.knowledgebase #faqPage #faqPageContentSection .collapsibleContent {
    border-top: 1px solid #cedce2;
    margin: 33px 0 18px 0;
}

.knowledgebase #faqPage #faqPageContentSection .collapsibleContent .faqBoxWrapper {
    border-bottom: 1px solid #cedce2;
    min-height:63px;
    position: relative;
}

.knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title {
    cursor:pointer;
    padding: 12px 57px 13px 30px;
    display:table;
    width:100%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-style: solid;
    border-color: transparent;
}

    .knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title:hover,
    .knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper:focus > .title {
        border-width: 1px 2px;
        padding: 11px 55px 12px 28px;
    }

.knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title.opened {
    border-width: 0px 1px;
    padding: 12px 56px 13px 29px;
}

    .knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title.opened:hover,
    .knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper:focus > .title.opened {
        border-width: 1px 2px;
        padding: 11px 55px 12px 28px;
    }



.knowledgebase.rtl #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title {
    padding: 12px 30px 13px 57px;
}

    .knowledgebase.rtl #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title:hover,
    .knowledgebase.rtl #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper:focus > .title {
        padding: 11px 28px 12px 55px;
    }

.knowledgebase.rtl #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title.opened {
    padding: 12px 29px 13px 56px;
}

    .knowledgebase.rtl #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title.opened:hover,
    .knowledgebase.rtl #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper:focus > .title.opened {
        padding: 11px 28px 12px 55px;
    }



.knowledgebase #faqPage #faqPageContentSection .collapsibleContent .faqBoxWrapper .title.opened {
    background-color: #f4f8fa;
}

.knowledgebase #faqPage #faqPageContentSection .collapsibleContent .titleLink {
    font-size:16px;
    color:#0078ca;
    display:table-cell;
    vertical-align:middle;
    height:38px;
    width:100%;
}

    .knowledgebase #faqPage #faqPageContentSection .collapsibleContent .faqBoxWrapper:focus .titleLink,
    .knowledgebase #faqPage #faqPageContentSection .collapsibleContent .faqBoxWrapper .title:hover .titleLink {
        color:#00548d;
    }

.knowledgebase #faqPage #faqPageContentSection .collapsibleContent .faqBoxWrapper .expand {
    position:absolute;
    right:26px;
    top:24px;
    margin:0;
}

    .knowledgebase #faqPage #faqPageContentSection .collapsibleContent .faqBoxWrapper .title:hover .expand {
        position:absolute;
        right:28px;
        top:24px;
        margin:0;
    }

    .knowledgebase #faqPage #faqPageContentSection .collapsibleContent .faqBoxWrapper:focus .title .expand {
        right:28px;
        top:24px;
    }

.knowledgebase.rtl #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper .expand {
    left: 26px;
    right: auto;
}

    .knowledgebase.rtl #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper .title:hover .expand {
        left:26px;
        right: auto;
    }

    .knowledgebase.rtl #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper:focus .title .expand {
        left:26px;
        right: auto;
    }


.knowledgebase #faqPage #faqPageContentSection .collapsibleContent .content {
    display:block;
    max-width:660px;
    margin-right: 0px;
    background: #e4eef2;
    padding:0px;
}

.knowledgebase #faqPage #faqPageContentSection .collapsibleContent .content .container .secondContainer{
    border-top: 1px solid #cedce2;
    padding:26px 30px 26px 30px;
}

@media only screen and (max-width: 767px){

.knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title{
    padding-left: 20px;
    padding-right: 57px;
}

.knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title.opened {
    padding-left: 19px;
    padding-right: 56px;
}

.knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title:hover,
.knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper:focus > .title,
.knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper:focus > .title.opened,
.knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title.opened:hover {
    padding-left: 18px;
    padding-right: 55px;
}
    
.knowledgebase #faqPage #faqPageContentSection .collapsibleContent .titleLink {
    font-size:14px;
}


/* expand arrow in title */

.knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .expand,
.knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title:hover > .expand,
.knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper:focus > .title > .expand,
.knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title.opened .expand,
.knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title.opened:hover > .expand,
.knowledgebase #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper:focus > .title.opened > .expand {
    position:absolute;
    right:26px;
    top:24px;
    margin:0;
}

.knowledgebase.rtl #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .expand,
.knowledgebase.rtl #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title.opened .expand,
.knowledgebase.rtl #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper > .title.opened:hover > .expand,
.knowledgebase.rtl #faqPage #faqPageContentSection .collapsibleContent > .faqBoxWrapper:focus > .title.opened > .expand {
    right: auto;
	left:27px;
}

/* content */

.knowledgebase #faqPage #faqPageContentSection .collapsibleContent .content {
    max-width: none;
}

.knowledgebase #faqPage #faqPageContentSection .collapsibleContent .content .container .secondContainer{
    padding-left:20px;
    padding-right:20px;
}

}

/* div version */

@media only screen and (max-width: 767px){

    .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable {
        border-top: 1px solid #cedce2;
        margin: 33px 0 18px 0;
    }

    .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable > div
    {
        border-bottom: 1px solid #cedce2;
        position:relative;
    }

    .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable > div .firstCol{
        cursor:pointer;
        height:36px;
        padding-top:14px;
        padding-bottom:13px;
        display:table;
        width:100%;
    }

    .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable > div .firstCol .categoryTitle{
        padding: 0px 57px 0px 20px;
        font-size:14px;
        color:#0078ca;
        display:table-cell;
        vertical-align:middle;
        height:36px;
        width:100%;
    }

    .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable .arrow, 
    .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable div.knowledgebase-accordion.opened:hover .arrow {
        display:block;
        position:absolute;
        right:20px;
        top:26px;
        margin:0;
    }
    
        .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable div.knowledgebase-accordion:hover .arrow {
            right:20px;
        }
        
    .knowledgebase.rtl #faqPage #faqPageContentSection .content div.expandableTable > div .firstCol .categoryTitle{
        padding: 0px 20px 0px 57px;
        text-align: right;
    }
        
    .knowledgebase.rtl #faqPage #faqPageContentSection .content div.expandableTable .arrow, 
    .knowledgebase.rtl #faqPage #faqPageContentSection .content div.expandableTable div.knowledgebase-accordion.opened:hover .arrow {
        right: auto;
        left:21px;
    }
    
        .knowledgebase.rtl #faqPage #faqPageContentSection .content div.expandableTable div.knowledgebase-accordion:hover .arrow {
            left:21px;
            right:auto;
        }

    .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable > div .hidden{
        background: #e7f1f5;
    }

    .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable > div div.hidden div.row:first-child{
        border-top: 1px solid #cedce2;
        padding-top:15px;
    }

    .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable > div div.hidden div.row{
        padding:0 20px 10px 20px;
    }

    .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable sup {
        vertical-align:super;
        font-size:10px;
    }

    .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable div.hidden .title{
        font-family: "Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
    }

    html[lang=ru] .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable div.hidden .title,
    html[lang=uk] .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable div.hidden .title,
    html[lang=bg] .knowledgebase #faqPage #faqPageContentSection .content div.expandableTable div.hidden .title{
        font-family: "Segoe UI Cyrillic Semibold","Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
    }

}

/* ordered list */

.knowledgebase #faqPage #faqPageContentSection .content ol li {
    padding-bottom:10px;
    font-weight:normal;
}

.knowledgebase #faqPage #faqPageContentSection .content ol.legend {
    list-style-position: outside;
    list-style-type: upper-alpha;
    padding:0px;
    padding-left:25px;
}

.knowledgebase #faqPage #faqPageContentSection .content ol.legend p {
    padding-left:10px;
}

@media only screen and (max-width: 767px){

.knowledgebase #faqPage #faqPageContentSection .content ol.legend p {
    padding-left:2px;
}

}

/* table version of ordered list (step by step guide) */

.knowledgebase #faqPage #faqPageContentSection .content table.steps {
    border-bottom: 1px solid #e7f1f5;
    margin-top:28px;
    table-layout:fixed;
    width:100%;
    margin-bottom:30px;
}

.knowledgebase #faqPage #faqPageContentSection .content table.steps tr td {
    width:auto;
    height:auto;
    text-align:left;
    border:none;
    padding:0px;
    position:relative;
    vertical-align: top;
}

.knowledgebase #faqPage #faqPageContentSection .content table.steps tr td.last-child,
.knowledgebase #faqPage #faqPageContentSection .content table.steps tr td + td { /* IE8 does not support :last-child*/
    padding:8px 60px 30px 0;
}

	.knowledgebase.rtl #faqPage #faqPageContentSection .content table.steps tr td.last-child,
	.knowledgebase.rtl #faqPage #faqPageContentSection .content table.steps tr td + td { /* IE8 does not support :last-child*/
	    padding:8px 10px 30px 60px;
	    text-align: right;
	}

.knowledgebase #faqPage #faqPageContentSection .content table.steps tr.last-child td.last-child,
.knowledgebase #faqPage #faqPageContentSection .content table.steps tr:last-child td + td { /* IE8 does not support :last-child*/
    padding-bottom:42px;
}

.knowledgebase #faqPage #faqPageContentSection .content table.steps tr td p {
    width:auto;
    margin-bottom:15px;
}

.knowledgebase #faqPage #faqPageContentSection .content table.steps tr td.first-child,
.knowledgebase #faqPage #faqPageContentSection .content table.steps tr td:first-child {
    width: 35px;
    height: 35px;
    padding-right: 25px;
    position: relative;
    
    font-size: 24px;
    text-align: center;
    line-height: 33px;
    color: #ffffff;
    
    background-image: url(../../images/responsive/elements/step-bg-desktop.png);
    background-repeat: no-repeat;
}

    .knowledgebase.rtl #faqPage #faqPageContentSection .content table.steps tr td.first-child,
    .knowledgebase.rtl #faqPage #faqPageContentSection .content table.steps tr td:first-child {
        padding-right: 0px;
    }

.knowledgebase.svg #faqPage #faqPageContentSection .content table.steps tr td.first-child,
.knowledgebase.svg #faqPage #faqPageContentSection .content table.steps tr td:first-child {
    background-image: url(../../images/responsive/elements/step-bg-desktop.svg);

    background-position: 0px 0px;
}

.knowledgebase #faqPage #faqPageContentSection .content table.steps img{
    max-width:100%;
}

@media only screen and (max-width: 767px){

.knowledgebase #faqPage #faqPageContentSection .content table.steps {
    margin-top:18px;
}

.knowledgebase #faqPage #faqPageContentSection .content table.steps img{
    max-width:100%;
}

.knowledgebase #faqPage #faqPageContentSection .content table.steps tr td:last-child,
.knowledgebase #faqPage #faqPageContentSection .content table.steps tr td.last-child {
    padding:7px 0px 12px 0;
}

.knowledgebase #faqPage #faqPageContentSection .content table.steps tr:last-child td:last-child,
.knowledgebase #faqPage #faqPageContentSection .content table.steps tr.last-child td.last-child {
    padding-bottom: 27px;
}

.knowledgebase #faqPage #faqPageContentSection .content table.steps tr td:first-child,
.knowledgebase #faqPage #faqPageContentSection .content table.steps tr td.first-child {
    width:27px;
    height:27px;
    padding-right: 9px;
    font-size: 20px;
    line-height: 25px;
}

/* Solution to work as well for android fix, to have padding for content instead of step number */
.knowledgebase #faqPage #faqPageContentSection .content table.steps tr td:last-child,
.knowledgebase #faqPage #faqPageContentSection .content table.steps tr td.last-child {
    padding-left: 9px;
}
    .knowledgebase #faqPage #faqPageContentSection .content table.steps tr td:first-child,
    .knowledgebase #faqPage #faqPageContentSection .content table.steps tr td.first-child {
        padding-right: 0px;
    }

.knowledgebase #faqPage #faqPageContentSection .content table.steps tr td:first-child,
.knowledgebase #faqPage #faqPageContentSection .content table.steps tr td.first-child {
    background-image: url(../../images/responsive/elements/step-bg-mobile.png);
}

.knowledgebase.svg #faqPage #faqPageContentSection .content table.steps tr td:first-child,
.knowledgebase.svg #faqPage #faqPageContentSection .content table.steps tr td.first-child {
    background-image: url(../../images/responsive/elements/step-bg-mobile.svg);
}

}

/* videos */

.knowledgebase #faqPage #faqPageContentSection .content .video {
    float:left;
    width:200px;
    margin-right:30px;
    height:166px;
    margin-top:8px;
    margin-bottom:14px;
}

.knowledgebase #faqPage #faqPageContentSection .content .video.video3,
.knowledgebase #faqPage #faqPageContentSection .content .video.video6,
.knowledgebase #faqPage #faqPageContentSection .content .video.video9,
.knowledgebase #faqPage #faqPageContentSection .content .video.video12,
.knowledgebase #faqPage #faqPageContentSection .content .video.video15,
.knowledgebase #faqPage #faqPageContentSection .content .video.video18 {
    margin-right:0px;
}

.knowledgebase #faqPage #faqPageContentSection .content .video .oneThirdImageLeft{
    min-height:121px;
}

.knowledgebase #faqPage #faqPageContentSection .content .video .oneThirdTextRight{
    margin-top:5px;
    overflow:hidden;
    max-height:55px;
}

.knowledgebase #faqPage #faqPageContentSection .content .video img{
    width:100%;
    height:auto;
}

@media only screen and (max-width: 767px){

.knowledgebase #faqPage #faqPageContentSection .content .video {
    float:none;
    height:auto;
    margin-bottom:15px;
    margin-top:5px;
}

.knowledgebase #faqPage #faqPageContentSection .content .video.lastChild {
    margin-bottom:33px;
}

.knowledgebase #faqPage #faqPageContentSection .content .video .oneThirdImageLeft{
    min-height:auto;
}
    
}

/* feedback panel */

.knowledgebase #faqPage .feedbackPanel {
    position:relative;
    padding-top:30px;
    width:660px;
    box-sizing: border-box;
    margin-top:16px;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.knowledgebase #faqPage .feedbackPanel .horizontalLine{
    position:absolute;
    width:720px;
    left:-30px;
    top:0px;
    height:0px;
    border-top: 1px solid #e7f1f5;
}

.knowledgebase #faqPage .feedbackPanel form {
    min-height:79px;
}

.knowledgebase #faqPage .feedbackPanel form > p {
    min-height:100%;
    overflow:hidden;
    margin-bottom:0px;
}

.knowledgebase #faqPage .feedbackPanel label.thumbsUp,
.knowledgebase #faqPage .feedbackPanel label.thumbsDown {
    display:block;
    float:left;
    color: #0078ca;
    cursor:pointer;
    font-size:16px;
    width:82px;
    height:28px;
    background-image:url(../../images/responsive/elements/feeback-interactions.png);
    background-repeat:no-repeat;
    padding:9px 0px 0px 40px;
}

.knowledgebase.svg #faqPage .feedbackPanel label.thumbsUp,
.knowledgebase.svg #faqPage .feedbackPanel label.thumbsDown {
    background-image:url(../../images/responsive/elements/feeback-interactions.svg);
}
    .knowledgebase #faqPage .feedbackPanel label.thumbsDown         { background-position: 0px -37px }
    .knowledgebase #faqPage .feedbackPanel label.thumbsUp:hover     { background-position: 0px -75px; color: #02558d; }
    .knowledgebase #faqPage .feedbackPanel label.thumbsDown:hover   { background-position: 0px -113px; color: #02558d; }
    
    /* active state */
    .knowledgebase #faqPage .feedbackPanel label.thumbsUp:active { 
        background-position: 0px -151px; 
        color: #02558d;
    }
    .knowledgebase #faqPage .feedbackPanel label.thumbsDown:active { 
        background-position: 0px -189px; 
        color: #02558d;
    }

    /* selected state */
    .knowledgebase #faqPage .feedbackPanel form.responded label {
        font-family: "Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
        color: #333534;
    }

    html[lang=ru] .knowledgebase #faqPage .feedbackPanel form.responded label,
    html[lang=uk] .knowledgebase #faqPage .feedbackPanel form.responded label,
    html[lang=bg] .knowledgebase #faqPage .feedbackPanel form.responded label {
        font-family: "Segoe UI Cyrillic Semibold","Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
    }

    .knowledgebase #faqPage .feedbackPanel form.responded.true label.thumbsUp { 
        background-position: 0px -151px; 
        cursor: default;
        pointer-events: none;
    }
    .knowledgebase #faqPage .feedbackPanel form.responded.false label.thumbsDown  { 
        background-position: 0px -189px; 
        cursor: default;
        pointer-events: none;
    }
    
    /* disabled state */
    .knowledgebase #faqPage .feedbackPanel form.responded.false label.thumbsUp,
    .knowledgebase #faqPage .feedbackPanel form.responded.false label.thumbsUp:hover,
    .knowledgebase #faqPage .feedbackPanel form.responded.false label.thumbsUp:active { 
        background-position: 0px -227px; 
        cursor: default;
        pointer-events: none;
        color: #a2c5d3;
    }
    .knowledgebase #faqPage .feedbackPanel form.responded.true label.thumbsDown,
    .knowledgebase #faqPage .feedbackPanel form.responded.true label.thumbsDown:hover,
    .knowledgebase #faqPage .feedbackPanel form.responded.true label.thumbsDown:active {
        background-position: 0px -265px;
        cursor: default;
        pointer-events: none;
        color: #a2c5d3;
    }
    
/* RTL */

.knowledgebase.rtl #faqPage .feedbackPanel label.thumbsUp,
.knowledgebase.rtl #faqPage .feedbackPanel label.thumbsDown {
   background-position-x: right;
   float: right;
   padding: 9px 40px 0px 0px;
}

.knowledgebase.rtl #faqPage .feedbackPanel label.thumbsUp:hover     { background-position-x: right; }
.knowledgebase.rtl #faqPage .feedbackPanel label.thumbsDown:hover   { background-position-x: right; }

    .knowledgebase.rtl #faqPage .feedbackPanel form.responded.true label.thumbsUp { 
        background-position-x: right; 
    }
    .knowledgebase.rtl #faqPage .feedbackPanel form.responded.false label.thumbsDown  { 
        background-position-x: right; 
    }
    
    .knowledgebase.rtl #faqPage .feedbackPanel form.responded.false label.thumbsUp,
    .knowledgebase.rtl #faqPage .feedbackPanel form.responded.false label.thumbsUp:hover,
    .knowledgebase.rtl #faqPage .feedbackPanel form.responded.false label.thumbsUp:active { 
        background-position-x: right; 
    }
    .knowledgebase.rtl #faqPage .feedbackPanel form.responded.true label.thumbsDown,
    .knowledgebase.rtl #faqPage .feedbackPanel form.responded.true label.thumbsDown:hover,
    .knowledgebase.rtl #faqPage .feedbackPanel form.responded.true label.thumbsDown:active {
        background-position-x: right;
    } 


.knowledgebase #faqPage .feedbackPanel input {
    display:none;
}

.knowledgebase #faqPage .feedbackPanel #reasonSelectorTitle {
    margin-top: 18px;
}

.knowledgebase #faqPage .feedbackPanel #reasonSelectorWrapper .reasonSelectorOptionWrapper {
    margin-bottom: 12px;
    height: auto;
    padding-top: 6px;
}

.knowledgebase #faqPage .feedbackPanel #reasonSelectorWrapper input {
    position:absolute;
    left: -9999px;
    display: block;
}

	.knowledgebase.rtl #faqPage .feedbackPanel #reasonSelectorWrapper input {
	    right: -9999px;
	}

.knowledgebase #faqPage .feedbackPanel form.responded #reasonSelectorWrapper label {
    display:block;
	position: relative;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    font-family: "Segoe UI","Segoe WP","Segoe UI Regular","Helvetica Neue",Helvetica,Tahoma,"Arial Unicode MS",sans-serif;
    padding-left: 36px;
    cursor: pointer;
}

.knowledgebase #faqPage .feedbackPanel form.responded #reasonSelectorWrapper label .icon{
    position: absolute;
    top: -4px;
    left: 0;
    height: 30px;
    width: 30px;
    background-position: -1px -1px;
}

    /* PNG's */

    .knowledgebase #faqPage .feedbackPanel form.responded #reasonSelectorWrapper label .icon {
        background-image: url(../../images/responsive/elements/radio-button.png);
    }

    .knowledgebase #faqPage .feedbackPanel form.responded #reasonSelectorWrapper label.checked .icon {
        background-image: url(../../images/responsive/elements/radio-button-checked.png);
    }

    .knowledgebase #faqPage .feedbackPanel form.responded #reasonSelectorWrapper label:hover .icon {
        background-image: url(../../images/responsive/elements/radio-button-hovered.png);
    }

    .knowledgebase #faqPage .feedbackPanel form.responded #reasonSelectorWrapper label.checked:hover .icon {
        background-image: url(../../images/responsive/elements/radio-button-checked-hovered.png);
    }

    /* SVG's */

    .knowledgebase.svg #faqPage .feedbackPanel form.responded #reasonSelectorWrapper label .icon {
        background-image: url(../../images/responsive/elements/radio-button.svg);
    }

    .knowledgebase.svg #faqPage .feedbackPanel form.responded #reasonSelectorWrapper label.checked .icon {
        background-image: url(../../images/responsive/elements/radio-button-checked.svg);
    }

    .knowledgebase.svg #faqPage .feedbackPanel form.responded #reasonSelectorWrapper label:hover .icon {
        background-image: url(../../images/responsive/elements/radio-button-hovered.svg);
    }

    .knowledgebase.svg #faqPage .feedbackPanel form.responded #reasonSelectorWrapper label.checked:hover .icon {
        background-image: url(../../images/responsive/elements/radio-button-checked-hovered.svg);
    }

@media only screen and (max-width: 767px){

.knowledgebase #faqPage .feedbackPanel {
    padding:20px 0px 0px 0px;
    width:100%;
    left:0px;
}

}

/* RTL */

.knowledgebase.rtl #faqPage .feedbackPanel form.responded #reasonSelectorWrapper label {
    padding-right: 36px;
}

.knowledgebase.rtl #faqPage .feedbackPanel form.responded #reasonSelectorWrapper label .icon{
    left: auto;
    right: 0px;
}


/* Response box */

.knowledgebase #faqPage #faqPageContentSection .responseBox {
    overflow:hidden;
    height:0px;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox{
    position:relative;
    border: 1px solid;
    overflow:hidden;
    margin-top:18px;
    max-width: 658px;
    padding: 0px;
    min-height: 0;
    width:auto;
    background-color: #ecf5d9;
    border-color: #7fba00;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .iconContainer{
    position:absolute;
    left:18px;
    top:11px;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .iconContainer .iconHolder{
    width:28px;
    height:28px;
    margin-top:4px;
    display:inline-block;
    overflow:hidden;
    position: relative;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .iconContainer .icon:before{
    content: url(../../images/responsive/elements/notifications-feed-icons-desktop.png);
    position: absolute;
}

.knowledgebase.svg #faqPage #faqPageContentSection .responseBox .infoBox .iconContainer .icon:before{
    content: url(../../images/responsive/elements/notifications-feed-icons-desktop.svg);
    width: 26px !important;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .iconContainer .icon:before{
    margin: -120px 0px;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .caption,
.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .description {
    position:relative;
    margin-left:62px;
    margin-right:20px;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .caption {
    margin-top:18px;
    margin-bottom:18px;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .caption p {
    margin-bottom: 0px;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .description {
    margin-bottom:15px;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox .feedbackInput {
    overflow: hidden;
    height: 0px;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox .feedbackInput p#feedbackInputTitle {
    margin-top: 22px;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox .feedbackInput textarea {
    width: 660px;
    height: 128px;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox a.btn:hover,
.knowledgebase #faqPage #faqPageContentSection .responseBox a.btn:focus {
    margin-top: 12px;
    margin-right: 0px;
}
    .knowledgebase #faqPage #faqPageContentSection .responseBox a.btn,
    .knowledgebase #faqPage #faqPageContentSection .responseBox a.btn:active {
        margin-top: 14px;
        margin-right: 2px;
        float: right;
    }
    


@media only screen and (max-width: 767px){

.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox {
	margin-bottom: 10px;
}	

.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .caption,
.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .description {
    margin-left:47px;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .iconContainer{
    position:absolute;
    left:13px;
    top:12px;
}
	
.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .iconContainer .iconHolder{
    width:28px;
    height:28px;
    margin-top:0px;
    display:inline-block;
    overflow:hidden;
    position: relative;
}
	
	.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .iconContainer .icon:before{
        content: url(../../images/responsive/elements/notifications-feed-icons-mobile.png);
	    position: absolute;
	                display: inline-block;
	}
	
	.knowledgebase.svg #faqPage #faqPageContentSection .responseBox .infoBox .iconContainer .icon:before{
        content: url(../../images/responsive/elements/notifications-feed-icons-mobile.svg);
        width: 25px !important;
	}
	
	.knowledgebase #faqPage #faqPageContentSection .responseBox .infoBox .iconContainer .icon:before{
	    margin: -106px 1px;
	}

.knowledgebase #faqPage #faqPageContentSection .responseBox a.btn,
.knowledgebase #faqPage #faqPageContentSection .responseBox a.btn:active {
	margin-top: 16px;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
    float:none;
    border-width: 2px;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox a.btn:hover,
.knowledgebase #faqPage #faqPageContentSection .responseBox a.btn:focus {
    border-width: 4px;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

.knowledgebase #faqPage #faqPageContentSection .responseBox .feedbackInput textarea {
	width: 100%;
}

}



/* RTL */

.knowledgebase.rtl #faqPage #faqPageContentSection .responseBox .infoBox .caption,
.knowledgebase.rtl #faqPage #faqPageContentSection .responseBox .infoBox .description {
    margin-right:62px;
    margin-left:20px;
}

.knowledgebase.rtl #faqPage #faqPageContentSection .responseBox .infoBox .iconContainer{
    position:absolute;
    right:13px;
    top:12px;
}


@media only screen and (max-width: 767px){

.knowledgebase.rtl #faqPage #faqPageContentSection .responseBox .infoBox .caption,
.knowledgebase.rtl #faqPage #faqPageContentSection .responseBox .infoBox .description {
    margin-right:47px;
}

}


/* share this article */

.knowledgebase #faqPage #shareThis {
    position:absolute;
    right:0px;
    top:0px;
    padding:30px 0px 30px 30px;
    width:260px;
    height:110px;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.knowledgebase #faqPage #shareThis .title {
    float:right;
    padding-right:2px;
}

.knowledgebase #faqPage #shareThis .icons {
    min-height:100%;
    overflow:hidden;
    float:right;
    clear:both;
}

.knowledgebase #faqPage #shareThis .icons li {
    float: left;
    list-style: none;
    margin-right: 13px;
}

    .knowledgebase #faqPage #shareThis .icons li.twitter {
        margin-right: 0px;
    }

.knowledgebase #faqPage #shareThis .icons .icon:hover,
.knowledgebase #faqPage #shareThis .icons .icon:focus {
    width:36px;
    height:36px;
    margin: 0;
}
    .knowledgebase #faqPage #shareThis .icons .icon,
    .knowledgebase #faqPage #shareThis .icons .icon:active {
        width:32px;
        height:32px;
        margin: 2px;
        float: left;
        overflow: hidden;
        direction: ltr;
    }
    
    .knowledgebase #faqPage #shareThis .icons .icon:before {
        content: url(../../images/responsive/elements/share-logos.png);
        display: inline-block;
        position: relative;

    }

    .knowledgebase.svg #faqPage #shareThis .icons .icon:before {
        content: url(../../images/responsive/elements/share-logos.svg);
        width: 267px !important;
    }
    
    .knowledgebase #faqPage #shareThis .icons .email .icon:before           {   top: 0px; left: 0px;        }
    .knowledgebase #faqPage #shareThis .icons .facebook .icon:before        {   top: 0px; left: -41px;      }
    .knowledgebase #faqPage #shareThis .icons .twitter .icon:before         {   top: 0px; left: -81px;      }
    .knowledgebase #faqPage #shareThis .icons .email .icon:hover:before,
    .knowledgebase #faqPage #shareThis .icons .email .icon:focus:before     {   top: -39px; left: 2px;      }
    .knowledgebase #faqPage #shareThis .icons .facebook .icon:hover:before,
    .knowledgebase #faqPage #shareThis .icons .facebook .icon:focus:before  {   top: -39px; left: -39px;    }
    .knowledgebase #faqPage #shareThis .icons .twitter .icon:hover:before,
    .knowledgebase #faqPage #shareThis .icons .twitter .icon:focus:before   {   top: -39px; left: -79px;    }
    .knowledgebase #faqPage #shareThis .icons .email .icon:active:before    {   top: -80px; left: 0px;      }
    .knowledgebase #faqPage #shareThis .icons .facebook .icon:active:before {   top: -80px; left: -41px;    }
    .knowledgebase #faqPage #shareThis .icons .twitter .icon:active:before  {   top: -80px; left: -81px;    }





.knowledgebase.rtl #faqPage #shareThis {
    left: 0;
    right: auto;	
}

.knowledgebase.rtl #faqPage #shareThis .icons .icon,
.knowledgebase.rtl #faqPage #shareThis .icons .icon:active {
    float:right;
}

.knowledgebase.rtl #faqPage #faqPageContentSection .content .faqContent #shareThis ul {
    padding-right: 0px;
}

.knowledgebase.rtl #faqPage #shareThis .icons li {
    float: right;
    margin-right: 0px;
    margin-left: 13px;
}
    

/*************************/
/*    sidebar content    */
/*************************/

/* Related articles */

.knowledgebase #faqPage .sideBar #relatedArticles ul li {
    height:51px;
    max-height:60px;
    padding-top: 8px;
}

.knowledgebase #faqPage .sideBar #relatedArticles ul li p {
    display: table-cell;
    vertical-align: middle;
    height:36px;
}

@media only screen and (max-width: 767px){

.knowledgebase #faqPage .sideBar #relatedArticles ul{
    display: table;
    width: 100%;
    margin-bottom: 0px;
    padding-left: 0px;
    list-style: none;
}

.knowledgebase #faqPage .sideBar #relatedArticles ul li {
    max-height: 67px;
    height: auto;
    overflow: hidden;
    width:100%;
    padding: 14px 0;
    margin: 0;        
}

.knowledgebase #faqPage .sideBar #relatedArticles ul li > .separator.top {
    display:none;
}

.knowledgebase #faqPage .sideBar #relatedArticles ul li > .separator.bottom {
    bottom: -14px;
}

.knowledgebase #faqPage .sideBar #relatedArticles ul li.row p {
    display:inline;
    height: auto;
    padding:0px;
}

.knowledgebase #faqPage .sideBar #relatedArticles ul li.row p a{
    color: #0078ca;
}

}

/* from the community */

.knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox ul li p.semibold {
    font-size: 16px;
}

.knowledgebase #faqPage .sideBar #fromTheCommunity ul {
    margin-bottom: 0px
}

@media only screen and (max-width: 767px){

.knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox .title {
    padding-left:38px;
    margin-bottom:4px;
    width:auto;
    min-height:0px;
}

.knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox .icon {
    background-image:url(../../images/responsive/elements/forum-icon-mobile.png);
    width:26px;
    height:24px;
    left:19px;
    top:21px;
}

    .knowledgebase.svg #faqPage .sideBar #fromTheCommunity.oneBox .icon {
        background-image:url(../../images/responsive/elements/forum-icon-mobile.svg);
    }

.knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox ul li .topicContainer {
    padding-left:1px;
    padding-bottom:2px;
}

.knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox ul li p.semibold {
    font-family: "Segoe UI Regular","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
    font-size: 14px;
}

html[lang=ru] .knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox ul li p.semibold,
html[lang=uk] .knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox ul li p.semibold,
html[lang=bg] .knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox ul li p.semibold {
    font-family: "Segoe UI Cyrillic Regular","Segoe UI Regular","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
}

.knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox ul li .topicInfo {
    height:18px;
    margin-top:0px;
    padding-left:17px;
    /*background-repeat:no-repeat;
    background-position:2px 7px;*/
    color:#6b6c6f;
    /*background-image:url(../../images/responsive/elements/forum-profile-icon-mobile.png);*/
}

    /*.knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox ul li:hover .topicInfo {
        background-image:url(../../images/responsive/elements/forum-profile-icon-mobile.png);
    }
    
    .knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox ul li:active .topicInfo {
        background-image:url(../../images/responsive/elements/forum-profile-icon-mobile.png);
    }

    .knowledgebase.svg #faqPage .sideBar #fromTheCommunity.oneBox ul li .topicInfo {
        background-image:url(../../images/responsive/elements/forum-profile-icon-mobile.svg);
    }*/
    
 .knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox ul li .topicInfo p span {
    position: relative;
 }
    
    .knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox ul li .topicInfo p span:before {
        content: url(../../images/responsive/elements/forum-profile-icon-mobile.png);
        position: absolute;
        top: 1px;
        left: -15px;
        
    }

    .knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox ul li:hover .topicInfo p span:before {
        content: url(../../images/responsive/elements/forum-profile-icon-mobile.png);
    }
    
    .knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox ul li:active .topicInfo p span:before {
        content: url(../../images/responsive/elements/forum-profile-icon-mobile.png);
    }

    .knowledgebase.svg #faqPage .sideBar #fromTheCommunity.oneBox ul li .topicInfo span:before,
    .knowledgebase.svg #faqPage .sideBar #fromTheCommunity.oneBox ul li:hover .topicInfo span:before {
        content: url(../../images/responsive/elements/forum-profile-icon-mobile.svg);
    }

.knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox .communityResultsButton {
    padding:18px 0px 36px 0px;
    border-top:none;
    margin:0px;
    text-align: center;
}

.knowledgebase #faqPage .sideBar #fromTheCommunity.oneBox .communityResultsButton .btn.secondaryCta{
    border-color: #00aff0;
}

}



/******************************************* 


        CATEGORY PAGE


********************************************/

.knowledgebase #categoryPage #categoryPageContentSection .content {
    background: white;
}
    
@media only screen and (max-width: 767px){

.knowledgebase #categoryPage #categoryPageContentSection .content .columnContainer {
    padding-top:0px;
}

}

/**************************/
/* related categories box */
/**************************/

/* level 2 siblings */

.knowledgebase #categoryPage .sideBar #relatedCategories ul li.branch {
    padding-right: 50px;
}

.knowledgebase #categoryPage .sideBar #relatedCategories ul li .expandContainer{
    position:absolute;
    right: 20px;
    top: 10px;  
}

/* override common styles for leaves, since leaves is not regular item */

.knowledgebase #categoryPage .sideBar #relatedCategories ul li.leaves,
.knowledgebase.noTouch #categoryPage .sideBar #relatedCategories ul li.leaves:hover,
.knowledgebase #categoryPage .sideBar #relatedCategories ul li.leaves:active {
    background-color: transparent;
    padding: 0px;
    margin: 0px;
}

.knowledgebase #categoryPage .sideBar #relatedCategories ul li.leaves ul {
    margin-bottom: 0px;
}

/* level 3 siblings */

.knowledgebase #categoryPage .sideBar #relatedCategories ul li.leaves ul li {
    padding-left: 38px;
    padding-right: 38px;
}

.knowledgebase #categoryPage .sideBar #relatedCategories ul li.leaves ul li > .separator {
    left: 36px;
    width: 168px;
}

.knowledgebase.noTouch #categoryPage .sideBar #relatedCategories ul li.leaves ul li:hover > .separator,
.knowledgebase #categoryPage .sideBar #relatedCategories ul li.leaves ul li.selected > .separator {
    left: 0px;
    width: 240px;
}

.knowledgebase #categoryPage .sideBar #relatedCategories ul li.branch.opened > .separator.bottom {
    display: block;
    left: 18px;
    width: 204px;
}

.knowledgebase.noTouch #categoryPage .sideBar #relatedCategories ul li.branch.opened:hover > .separator.bottom,
.knowledgebase #categoryPage .sideBar #relatedCategories ul li.branch.opened.separator > .separator.bottom {
    display: block;
    left: 0px;
    width: 240px;
}

.knowledgebase #categoryPage .sideBar #relatedCategories ul li.branch.last-child + li.leaves li.last-child {
    padding-bottom: 9px;
}

.knowledgebase.noTouch #categoryPage .sideBar #relatedCategories ul li.branch.last-child + li.leaves li.last-child:hover > .separator.bottom,
.knowledgebase #categoryPage .sideBar #relatedCategories ul li.branch.last-child + li.leaves li.last-child.selected > .separator.bottom {
    display: block;
    bottom: 0px;
}

/* RTL */

.knowledgebase.rtl #categoryPage .sideBar #relatedCategories ul li .expandContainer{
    left: 20px;
    right: auto;
}

.knowledgebase.rtl #categoryPage .sideBar #relatedCategories ul li.branch {
	padding-right: 20px;
}


/******************************************* 


        SEARCH PAGE


********************************************/

.knowledgebase #searchresultsPage #searchresultsPageContentSection .content {
    background: white;
    margin-top: 30px;
}

.knowledgebase #searchresultsPage #searchresultsPageContentSection .content .faqListing {
    padding-top: 0px;
}

    
.knowledgebase #searchresultsPage #searchresultsPageContentSection .content .alert {
    margin-left: 30px;
    margin-right: 30px;
    padding: 15px;
    background: #ffeed9;
    border: 1px solid transparent;
}

.knowledgebase #searchresultsPage #searchresultsPageContentSection .content .alert .icon {
    position: absolute;
    width: 26px;
    height: 26px;
}

    .knowledgebase #searchresultsPage #searchresultsPageContentSection .content .alert .icon:before {
        display: inline-block;
        content: url(../../images/responsive/elements/icon_critical_alert.png);
    }
    
    .knowledgebase.svg #searchresultsPage #searchresultsPageContentSection .content .alert .icon:before {
        content: url(../../images/responsive/elements/icon_critical_alert.svg);
        width: 26px !important;
    }

.knowledgebase #searchresultsPage #searchresultsPageContentSection .content .alert .alertTitle,
.knowledgebase #searchresultsPage #searchresultsPageContentSection .content .alert .alertDesc {
    padding-left: 40px;
    display: block;
    color: #333533;
    font-size:14px;
}

	.knowledgebase.rtl #searchresultsPage #searchresultsPageContentSection .content .alert .alertTitle,
	.knowledgebase.rtl #searchresultsPage #searchresultsPageContentSection .content .alert .alertDesc {
	    padding-left: 0px;
	    padding-right: 40px;
	}

.knowledgebase #searchresultsPage #searchresultsPageContentSection .content .alert .alertTitle {
    font-family: "Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
    margin-bottom: 5px;
}

.knowledgebase .bestMatchBadge {
    display:none;
}

.knowledgebase #searchresultsPage #searchresultsPageContentSection .bestMatches .bestMatchBadge {
    position: relative;
    background-color: #55bf00;
    padding-left: 10px;
    padding-right: 10px;
    top: -3px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 15px;
    min-height: 15px;
    line-height: 14px;
    letter-spacing: 0px;
}
    .knowledgebase #searchresultsPage #searchresultsPageContentSection .bestMatches a:hover .bestMatchBadge,
    .knowledgebase #searchresultsPage #searchresultsPageContentSection .bestMatches a:focus .bestMatchBadge {
       text-decoration: none;
    }

@media only screen and (max-width: 767px) {
    
.knowledgebase #searchresultsPage #searchresultsPageContentSection .content {
    margin-top: 0px;
}

.knowledgebase #searchresultsPage #searchresultsPageContentSection .content .faqListing {
    padding-top: 20px;
}
    
.knowledgebase #searchresultsPage #searchresultsPageContentSection .content .alert {
    margin: 3px 20px;
    padding: 23px 15px;
}

}


/******************************************* 


        ACCOUNT RECOVERY


********************************************/

.knowledgebase #accountRecoveryPage .sectionTitle {
    position: relative;
    margin-bottom: 20px;
}

.knowledgebase #accountRecoveryPage #yourDetailsTitle.sectionTitle .title       { padding-left: 37px;}
.knowledgebase #accountRecoveryPage #paymentDetailsTitle.sectionTitle .title    { padding-left: 42px;}
.knowledgebase #accountRecoveryPage #yourSkypeContactsTitle.sectionTitle .title { padding-left: 33px;}

/* Section title icons */

.knowledgebase #accountRecoveryPage .sectionTitle .icon {
    position: absolute;
    left: 0px;
    top: 5px;
    overflow: hidden;
}
.knowledgebase #accountRecoveryPage .sectionTitle .icon:before {
    content: url(../../images/responsive/elements/ra_assets.png);
    display:inline-block;
    width: 85px !important;
}
.knowledgebase.svg #accountRecoveryPage .sectionTitle .icon:before {
    content: url(../../images/responsive/elements/ra_assets.svg);
}


    .knowledgebase #accountRecoveryPage #yourDetailsTitle.sectionTitle .icon {
        width: 30px;
        height: 32px;
    }
    .knowledgebase #accountRecoveryPage #yourDetailsTitle.sectionTitle .icon:before {
        margin: -53px 0px;
    }

    .knowledgebase #accountRecoveryPage #paymentDetailsTitle.sectionTitle .icon {
        width: 35px;
        height: 26px;
        margin-top: 4px;
        
    }
    .knowledgebase #accountRecoveryPage #paymentDetailsTitle.sectionTitle .icon:before {
        margin: -128px 0px;
    }


        .knowledgebase.svg #accountRecoveryPage #paymentDetailsTitle.sectionTitle .icon:before {
            margin: -129px 0px;
        }

    .knowledgebase #accountRecoveryPage #yourSkypeContactsTitle.sectionTitle .icon {
        width: 26px;
        height: 32px;
    }
    .knowledgebase #accountRecoveryPage #yourSkypeContactsTitle.sectionTitle .icon:before {
        margin: -155px 0px;
    }
    




 
.knowledgebase #accountRecoveryPage #sidebar {
    width: 300px;
    background: white;
    position: relative;
    float: right;
    box-sizing: border-box;
    border: 1px solid #fff;
}

.knowledgebase #accountRecoveryPage div.column.x2 {
    width: 630px;
    margin-right: 30px;
    position: relative;
    border-bottom: 1px solid #e7f1f5;
    background: white;
}


.knowledgebase #accountRecoveryPage #paymentDetails .invisible {
    height:0px;
    width:0px;
    border:0px;
}

.knowledgebase #accountRecoveryPage .subText {
    color: #aeaeae;
    font-size: 0.9em;
    margin-top: 7px;
    margin-bottom: 10px;
    width:275px;
}

@media only screen and (max-width: 767px) {

    .knowledgebase #accountRecoveryPage .fieldNotifications .error {
        color: #e81123;
        margin-top: 7px;
    }
    
    .knowledgebase #accountRecoveryPage textarea {
        width: 100%;
        margin-bottom: 25px;
    }
    
    .knowledgebase #accountRecoveryPage #yourDetailsTitle.sectionTitle .title       { padding-left: 32px;}
    .knowledgebase #accountRecoveryPage #paymentDetailsTitle.sectionTitle .title    { padding-left: 35px;}
    .knowledgebase #accountRecoveryPage #yourSkypeContactsTitle.sectionTitle .title { padding-left: 27px;}
    
    .knowledgebase #accountRecoveryPage #yourDetailsTitle.sectionTitle .icon {
        width: 24px;
        height: 26px;
    }
    
    .knowledgebase #accountRecoveryPage #paymentDetailsTitle.sectionTitle .icon {
        width: 28px;
        height: 20px;
        margin-top: 2px;
    }
    
    .knowledgebase #accountRecoveryPage #yourSkypeContactsTitle.sectionTitle .icon {
        width: 20px;
        height: 26px;
    }
        
    .knowledgebase #accountRecoveryPage #yourDetailsTitle.sectionTitle .icon:before {
        margin: -52px -44px;
    }
    
    .knowledgebase.svg #accountRecoveryPage #yourDetailsTitle.sectionTitle .icon:before {
        margin: -53px -44px;
    }
    
    .knowledgebase #accountRecoveryPage #paymentDetailsTitle.sectionTitle .icon:before {
        margin: -128px -44px;
    }
    
    .knowledgebase.svg #accountRecoveryPage #paymentDetailsTitle.sectionTitle .icon:before {
        margin: -129px -44px;
    }
    
    .knowledgebase #accountRecoveryPage #yourSkypeContactsTitle.sectionTitle .icon:before {
        margin: -153px -44px;
    }
    
    .knowledgebase.svg #accountRecoveryPage #yourSkypeContactsTitle.sectionTitle .icon:before {
        margin: -155px -44px;
    }
        
    .knowledgebase #accountRecoveryPage h2, .knowledgebase #accountRecoveryPage .title-h2 {
        line-height: 32px;
    }
    
    .knowledgebase #accountRecoveryPage h2 { 
        font-family: "Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
        font-size: 18px;
    }   
    
    .knowledgebase #accountRecoveryPage div.column,
     .knowledgebase #accountRecoveryPage #sidebar {
        width: 100%;
        position: relative;
    }
    
    .knowledgebase #accountRecoveryPage div.column.x2 {
        width: 100%;
        margin-right: 0px;
    }

/*    .knowledgebase #accountRecoveryPage .sectionTitle .icon {
        width: 24px;
        height: 27px;
        overflow: hidden;
    }
    
        .knowledgebase #accountRecoveryPage .sectionTitle .icon:before {
            content: url('../../images/responsive/elements/ra_assets.png');            
            margin: -52px -43px;
            display: inline-block;
            width: 85px !important;
        }*/
}

/**************************/
/* form elements */
/**************************/

.knowledgebase #accountRecoveryPage .clear {
    clear: both;
}

/* element icons */

.knowledgebase #accountRecoveryPage form .inputWrapper .icon {
    height: 10px;
    width: 18px;
    position: absolute;
    display: none;
    left: 245px;
    top: 14px;
    overflow: hidden;
}

    .knowledgebase #accountRecoveryPage form .inputWrapper .icon:before {
        content: url('../../images/responsive/elements/common-elements.png');
        top: -86px;
        left: -18px;
        position: relative;
        display: inline-block;
    }

        .knowledgebase #accountRecoveryPage form .inputWrapper.selectWrapper .icon:before {
            top: -86px;
            left: 3px;
            position: relative;
        }

    .knowledgebase.svg #accountRecoveryPage form .inputWrapper .icon:before {
        content: url('../../images/responsive/elements/common-elements.svg');
        width: 154px !important;
    }

.knowledgebase #accountRecoveryPage form .inputWrapper.error .icon{
    display: block;
    height: 23px;
    width: 22px;
    left: 243px;
    top: 7px;
}

    .knowledgebase #accountRecoveryPage form .inputWrapper.error .icon:before{
        top: -86px;
        left: -18px;
    }

    .knowledgebase #accountRecoveryPage form .inputWrapper.selectWrapper.error .icon{
        display: block;
        height: 10px;
        width: 18px;
        left: 245px;
        top: 14px;
    }

        .knowledgebase #accountRecoveryPage form .inputWrapper.selectWrapper.error .icon:before{
            top: -86px;
            left: 3px;
            position: relative;
        }

.knowledgebase #accountRecoveryPage form .selectWrapper .icon {
    display: block;
}

@media only screen and (max-width: 767px) {

.knowledgebase #accountRecoveryPage form .inputWrapper .icon {
    left: auto;
    right: 10px;
}

.knowledgebase #accountRecoveryPage form .inputWrapper.error .icon,
.knowledgebase #accountRecoveryPage form .inputWrapper.selectWrapper.error .icon{
    left: auto;
    right: 10px;
}

}

/* fields */

.knowledgebase #accountRecoveryPage form input,
.knowledgebase #accountRecoveryPage form select,
.knowledgebase #accountRecoveryPage form textarea {
    -webkit-appearance: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-border-radius: 0;
     border-radius: 0;
     font-weight: 400;
}

.knowledgebase #accountRecoveryPage form input,
.knowledgebase #accountRecoveryPage form .selectSpan {
    width: 275px;
    color: #333534;
    background: transparent;
    border: 1px solid #00AFF0;
    height: 35px;
    overflow: hidden;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

.knowledgebase #accountRecoveryPage form input {
    position: relative;
    line-height: 29px;
    font-size: 16px;
    outline: none;
    cursor: text;
}

.knowledgebase #accountRecoveryPage form .subText{
	position: absolute;
	bottom: -5px;
	left: 5px;
}

.knowledgebase #accountRecoveryPage form textarea {
    width: 275px;
    outline: none;
    margin-bottom: 45px;
}

.knowledgebase #accountRecoveryPage form select {
    position: relative;
    float: left;
    z-index: 10;
    width: 275px;
    height: 35px;
    line-height: 35px;
    margin: 1px;
    z-index: 10;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -khtml-appearance: none;
    font-family: "Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
    font-size: 14px;
}

/* extra container for select's */

.knowledgebase #accountRecoveryPage form .selectSpan {
    position:absolute;
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    padding: 1px 31px 1px 1px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

@media only screen and (max-width: 767px) {

.knowledgebase #accountRecoveryPage form textarea {
    width: 100%;
    margin-bottom: 0px;
}

.knowledgebase #accountRecoveryPage form .subText {
	position: relative;
	left: 0px;
	bottom: 0px;
	margin: 0px;
}
	
}

/* borders */

.knowledgebase #accountRecoveryPage form .inputWrapper input,
.knowledgebase #accountRecoveryPage form .inputWrapper .selectSpan {
    padding: 1px 10px 0px 10px;
    background-color: #fff;
}

.knowledgebase #accountRecoveryPage form .inputWrapper textarea {
    padding: 7px 10px 7px 10px;
    background-color: #fff;
}

.knowledgebase #accountRecoveryPage form .inputWrapper input:hover,  
.knowledgebase #accountRecoveryPage form .inputWrapper input:focus {
    border: 2px solid #00AFF0;
    padding-left: 9px;
    padding-right: 9px;
}

.knowledgebase #accountRecoveryPage form .inputWrapper textarea:focus,
.knowledgebase #accountRecoveryPage form .inputWrapper textarea:hover{
    border: 2px solid #00AFF0;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 9px;
    padding-right: 9px;
}

.knowledgebase #accountRecoveryPage form .inputWrapper.error input,
.knowledgebase #accountRecoveryPage form .inputWrapper input.error,
.knowledgebase #accountRecoveryPage form .inputWrapper.error textarea {
    border: 1px solid #e81123;
    padding-right: 34px;
}

.knowledgebase #accountRecoveryPage form .inputWrapper.error input:hover,
.knowledgebase #accountRecoveryPage form .inputWrapper.error input:focus,
.knowledgebase #accountRecoveryPage form .inputWrapper input.error:hover,
.knowledgebase #accountRecoveryPage form .inputWrapper input.error:focus,
.knowledgebase #accountRecoveryPage form .inputWrapper.error textarea:focus,
.knowledgebase #accountRecoveryPage form .inputWrapper.error textarea:hover {
    border: 2px solid #e81123;
    padding-right: 33px;
}

    /* helper div for select element */

.knowledgebase #accountRecoveryPage form .inputWrapper .selectSpan {
    padding-right: 34px;
}

.knowledgebase #accountRecoveryPage form .inputWrapper .selectSpan.hover,
.knowledgebase #accountRecoveryPage form .inputWrapper .selectSpan.focus {
    border: 2px solid #00AFF0;
    padding-right: 33px;
    padding-left: 9px;
    padding-top: 0px;
}

.knowledgebase #accountRecoveryPage form .inputWrapper.error .selectSpan {
    border: 1px solid #e81123;
    padding-right: 34px;
}

.knowledgebase #accountRecoveryPage form .inputWrapper.error .selectSpan.hover,
.knowledgebase #accountRecoveryPage form .inputWrapper.error .selectSpan.focus {
    border: 2px solid #e81123;
    padding-right: 33px;
    padding-left: 9px;
    padding-top: 0px;
}

/* credit card multiple inputs */

.knowledgebase #accountRecoveryPage form #creditCardMultipleInputs {
    width: 280px;
    float: left;
    padding-bottom: 22px;
}

@media only screen and (max-width: 767px) {

.knowledgebase #accountRecoveryPage form #creditCardMultipleInputs {
    float: none;
}

}


/* separate icon containers for both fields, don't show the global one */
.knowledgebase #accountRecoveryPage form #creditCardExtraFields .fieldWrapper > .icon {
	display: none;
}

.knowledgebase #accountRecoveryPage form #creditCardExtraFields input.error + .icon {
	display: block;
	height: 23px;
	width: 22px;
	top: 7px;
    overflow: hidden;
}

	.knowledgebase #accountRecoveryPage form #creditCardExtraFields input#firstSix.error + .icon {
        left: 72px;
    }

    .knowledgebase #accountRecoveryPage form #creditCardExtraFields input#lastFour.error + .icon {
        left: 245px;    
    }

    .knowledgebase #accountRecoveryPage form #creditCardExtraFields input.error + .icon:before{
        display: inline-block;
        margin: -86px -18px;
    }

.knowledgebase #accountRecoveryPage form input#firstSix{
    float:left;
    width: 102px;
}

.knowledgebase #accountRecoveryPage form input#lastFour{
    float:left;
    width: 85px;
}

.knowledgebase #accountRecoveryPage form .cardXs {
    float:left;
    width: 88px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    background-color: #e7f1f5;
    font-family: "Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
    line-height: 35px;
    margin-top: 0;
    margin-bottom: 1px;
}

.knowledgebase #accountRecoveryPage form #charsLeft {
    display:inline;
}

.knowledgebase #accountRecoveryPage form #creditCardExtraFields .subText{
    position: absolute;
    top: 34px;
}

.knowledgebase #accountRecoveryPage form div.labelWrapper {
    margin-bottom: 7px;
    width: 275px;
}

.knowledgebase #accountRecoveryPage form div.inputWrapper {
    position: relative;
    margin-bottom: 24px;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .knowledgebase #accountRecoveryPage form input,
    .knowledgebase #accountRecoveryPage form select,
    .knowledgebase #accountRecoveryPage form .selectSpan,
    .knowledgebase #accountRecoveryPage form textarea{
        width: 100%;
    }
    
    .knowledgebase #accountRecoveryPage form #creditCardExtraFields .subText{
        top: 38px;
    }

    .knowledgebase #accountRecoveryPage form div.labelWrapper {
        width: 100%;
    }
}

/******************************
    Recaptcha responsive
******************************/

.knowledgebase #accountRecoveryPage .captchaWrapper #captcha {
    top: -8px;
    position: relative;
    float: left;
}

.knowledgebase #accountRecoveryPage .captchaWrapper #captcha a {
    color: #0078ca;
}

    .knowledgebase #accountRecoveryPage .captchaWrapper #captcha a:hover {
        text-decoration: underline;
        color: #00548d;
    }

.knowledgebase #accountRecoveryPage .captchaWrapper .fieldNotifications {
	width: 235px;
	top: 66px;
}

    .knowledgebase #accountRecoveryPage .captchaWrapper #recaptcha_response_fieldError {
        width: 206px;
    }

.knowledgebase #accountRecoveryPage .captchaWrapper .recaptchatable{
    border: 0 !important;
    margin-bottom: 50px !important;
    position: relative;
}

.knowledgebase #accountRecoveryPage .captchaWrapper .recaptchatable #recaptcha_image {
    border: 0 !important;	
}

.knowledgebase #accountRecoveryPage .captchaWrapper input {
    border: 1px solid #00AFF0 !important;
}

.knowledgebase #accountRecoveryPage .captchaWrapper #captcha + .icon{
    left: 270px;
    top: 74px;
}

.knowledgebase #accountRecoveryPage form .recaptchatable input:hover,
.knowledgebase #accountRecoveryPage form .recaptchatable input:focus {
	border: 2px solid #00AFF0 !important;
    padding-left: 9px;
    padding-right: 9px;
}

.knowledgebase #accountRecoveryPage .captchaWrapper input.error {
    border: 1px solid #e81123 !important;
    padding-right: 34px;
}

.knowledgebase #accountRecoveryPage .captchaWrapper.error input:hover,
.knowledgebase #accountRecoveryPage .captchaWrapper.error input:focus {
    border: 2px solid #e81123 !important;
    padding-right: 33px;
}

.knowledgebase #accountRecoveryPage form #recaptcha_table tr:nth-child(1) td:nth-child(1) {
    position: static;
}

.knowledgebase #accountRecoveryPage form #recaptcha_table tr:nth-child(1) td:nth-child(2) {
    position: absolute;
    left: 0px;
    top: 110px;
}

.knowledgebase #accountRecoveryPage form #recaptcha_table tr:nth-child(1) td:nth-child(3) {
    position: absolute;
    left: 35px;
    top: 110px;
}

.knowledgebase #accountRecoveryPage form #recaptcha_table tr:nth-child(2) td:nth-child(2) {
    position: absolute;
    right: 0px;
    top: 119px;
}

.knowledgebase #accountRecoveryPage .captchaWrapper #captcha #recaptcha_table tr td {
    padding-left: 0 !important;
}

@media only screen and (max-width: 767px) {

.knowledgebase #accountRecoveryPage .captchaWrapper	#captcha,
.knowledgebase #accountRecoveryPage .captchaWrapper #captcha #recaptcha_table,
.knowledgebase #accountRecoveryPage .captchaWrapper #captcha #recaptcha_table tr td:first-child,
.knowledgebase #accountRecoveryPage .captchaWrapper #captcha #recaptcha_table td input {
	width: 100% !important;
}

.knowledgebase #accountRecoveryPage .captchaWrapper #captcha #recaptcha_table tr td {
	width: 70px !important;
}
 	
.knowledgebase #accountRecoveryPage .captchaWrapper .fieldNotifications {
    width: 100% !important;
    top: 0px;
    margin-top: 170px;
}

.knowledgebase #accountRecoveryPage .captchaWrapper #captcha + .icon{
    right: 13px;
    left: auto;
}

.knowledgebase #accountRecoveryPage .captchaWrapper #captcha .recaptcha_image_cell #recaptcha_image,
.knowledgebase #accountRecoveryPage .captchaWrapper #captcha .recaptcha_image_cell center img {
	width: 184px !important;
	height: auto;
}

}


/********************
  New notifications
********************/

.knowledgebase #overlayBackground {
	display: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: #e7f1f5;
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 997;
}

.knowledgebase #accountRecoveryPage .fieldWrapper {
    position: relative;
    overflow: hidden;
}

.knowledgebase #accountRecoveryPage .fieldNotifications {
    float: right;
    position: relative;
    width: 268px;
    min-height: 39px;
}

.knowledgebase #accountRecoveryPage .fieldNotifications .notification {
    display: none;
    position: relative;
    width: 238px;
    padding: 8px 15px;
    margin-bottom: 3px;
    border-width: 1px;
    border-style: solid;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.knowledgebase #accountRecoveryPage .fieldNotifications .notification.tooltip {
    background-color: #e7f1f5;
    border-color: #e7f1f5;
}

.knowledgebase #accountRecoveryPage .fieldNotifications .notification.error {
    background-color: #fadcde;
    border-color: #fadcde;
}

.knowledgebase #accountRecoveryPage .tooltipButton,
.knowledgebase #accountRecoveryPage .tooltipCloseButton {
    display: none;
}

.knowledgebase.svg #accountRecoveryPage .fieldNotifications .notification .tooltipArrow {
    background-image: url('../../images/responsive/elements/common-elements.svg');
    width: 12px !important;
    height: 19px;
    position: absolute;
    top: 8px;
    left: -13px;
    background-position: 0px -111px;
}

.knowledgebase.svg #accountRecoveryPage .fieldNotifications .notification.error .tooltipArrow {
    background-position: -14px -111px;
    width: 12px !important;
}

@media only screen and (max-width: 767px) {

.knowledgebase.svg #accountRecoveryPage .fieldNotifications .notification .tooltipArrow {
    display: none;
}

.knowledgebase #accountRecoveryPage .fieldNotifications {
    float: none;
    position: relative;
    min-height: 0;
    width: auto;
}

.knowledgebase #accountRecoveryPage .fieldNotifications .notification {
    display: none;
    position: relative;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}

.knowledgebase #accountRecoveryPage .fieldNotifications .notification .buttonWrapper {
    padding-top: 20px;
}

.knowledgebase #accountRecoveryPage .fieldNotifications .notification.tooltip,
.knowledgebase #accountRecoveryPage .fieldNotifications .notification.error{
    background-color: transparent;
    border: none;
}
    
.knowledgebase #accountRecoveryPage .tooltipButton,
.knowledgebase #accountRecoveryPage .tooltipCloseButton {
    display: block;
}

    .knowledgebase #accountRecoveryPage .tooltipButton {
        background-image: url('../../images/responsive/elements/ra_assets.png');
        background: transparent;
        border: none;
        height: 27px;
        width: 27px;
        float: right;
        margin-top: 3px;
        margin-left: 12px;
    }

    .knowledgebase #accountRecoveryPage .tooltipButton:hover {
        background-position: 0px -26px;
    }

    .knowledgebase.svg #accountRecoveryPage .tooltipButton {
        background-image: url('../../images/responsive/elements/ra_assets.svg');
    }
    
.knowledgebase #accountRecoveryPage .tooltipCloseButton {
    width: 100%;
    max-width: inherit;
}

.knowledgebase #accountRecoveryPage .fieldNotifications .notification.tooltip {
    background-color: #ffffff;
    position: fixed;
    top: auto;
    left: 20px;
    right: 20px;
    width: auto;
    padding: 20px 12px;
    margin: 0;
    z-index: 998;
}
}

/******************************************* 
    Step 1 specific rules
********************************************/

.knowledgebase #accountRecoveryPage #step1 .fieldWrapper {
    overflow: visible;
}

.knowledgebase #accountRecoveryPage #step1 .fieldNotifications {
    right: 0px;
    top: -1px;
    float: none;
    position: absolute;
}

@media only screen and (max-width: 767px) {

.knowledgebase #accountRecoveryPage #step1 .fieldWrapper {
    overflow: hidden;
}

.knowledgebase #accountRecoveryPage #step1 .fieldNotifications {
    right: auto;
    top: auto;
    position: relative;
}

}

/******************************************* 
    Step 2 specific rules
********************************************/

.knowledgebase #accountRecoveryPage .visibleStep {
    position: relative !important;
    height: auto;
}

.knowledgebase #accountRecoveryPage .hiddenStep {
    position: absolute !important;
    height: 0px !important;
    overflow: hidden;
    visibility: hidden;
}

.knowledgebase #accountRecoveryPage #changeUserIdentifierLink {
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .knowledgebase #accountRecoveryPage .hiddenStep {
        display:none;
    }
}



/******************************************* 


        ACCOUNT RECOVERY DONE


********************************************/

.knowledgebase #accountRecoveryPage #accountRecoveryDoneTitle.sectionTitle .title {
    padding-left: 66px;
    padding-top: 12px;
}

.knowledgebase #accountRecoveryPage #accountRecoveryDoneTitle.sectionTitle .icon:before {
    content: url('../../images/responsive/elements/ra_assets.png');
    display:inline-block;
    width: 85px !important;
}

.knowledgebase.svg #accountRecoveryPage #accountRecoveryDoneTitle.sectionTitle .icon:before {
    content: url('../../images/responsive/elements/ra_assets.svg');
}

.knowledgebase #accountRecoveryPage #accountRecoveryDoneTitle.sectionTitle .icon:before {
    margin: -85px 0px;
}

.knowledgebase #accountRecoveryPage #accountRecoveryDoneTitle.sectionTitle .icon {
    width: 44px;
    height: 44px;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {

.knowledgebase #accountRecoveryPage #accountRecoveryDoneTitle.sectionTitle .title {
    padding-left: 55px;
}

.knowledgebase.svg #accountRecoveryPage #accountRecoveryDoneTitle.sectionTitle .icon,
.knowledgebase #accountRecoveryPage #accountRecoveryDoneTitle.sectionTitle .icon {
    width: 38px;
    height: 38px;
}

.knowledgebase.svg #accountRecoveryPage #accountRecoveryDoneTitle.sectionTitle .icon:before,
.knowledgebase #accountRecoveryPage #accountRecoveryDoneTitle.sectionTitle .icon:before {
    margin: -85px -45px;
}
}



/******************************************* 


        SUPPORT INTERSTITIAL PAGE


********************************************/


.knowledgebase #supportInterstitialPage div.column {
    position: relative;
    background: white;
    width: 100%;
}

.knowledgebase #supportInterstitialPage div.column h2{
    margin-bottom: 41px;
}

.knowledgebase #supportInterstitialPage div.column div.choiceColumn{
    float:left;
    width: 50%;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.knowledgebase #supportInterstitialPage .choiceColumnTitle {
    position: relative;
}

    .knowledgebase #supportInterstitialPage #supportOtherLanguagesColumn .choiceColumnTitle {
        padding-left: 42px;
    }

    .knowledgebase #supportInterstitialPage #skypeCommunityColumn .choiceColumnTitle {
        padding-left: 49px;
    }

.knowledgebase #supportInterstitialPage .choiceColumnTitle h3 {
    overflow: hidden;
    width: 380px;
}

.knowledgebase #supportInterstitialPage .choiceColumnTitle .icon {
    position:absolute;
    background: url('../../images/responsive/elements/bubbles_sprite.png');
    left: 0px;
    top: 2px;
    height: 32px;
}
    
    .knowledgebase.svg #supportInterstitialPage .choiceColumnTitle .icon {
        background: url('../../images/responsive/elements/bubbles_sprite.svg');
    }

        .knowledgebase #supportInterstitialPage #supportOtherLanguagesColumn .icon {
            background-position: 0px 0px;
            width: 34px;
        }

        .knowledgebase #supportInterstitialPage #skypeCommunityColumn .icon {
            background-position: 0px -33px;
            width: 41px;
        }

/* Select tag */

.knowledgebase #supportInterstitialPage form .fieldWrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 14px;
    margin-top: 21px;
}

.knowledgebase #supportInterstitialPage form .selectSpan {
    padding-right: 34px;
    padding: 1px 10px 0px 10px;
    background-color: #fff;
    position: absolute;
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 240px;
    color: #333534;
    background: transparent;
    border: 1px solid #00AFF0;
    height: 35px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .knowledgebase #supportInterstitialPage form .selectSpan.hover,
    .knowledgebase #supportInterstitialPage form .selectSpan.focus {
        border: 2px solid #00AFF0;
        /*padding-right: 33px;*/
        padding-left: 9px;
        padding-top: 0px;
    }

.knowledgebase #supportInterstitialPage form select {
    position: relative;
    float: left;
    z-index: 10;
    width: 240px;
    height: 35px;
    line-height: 35px;
    margin: 1px;
    z-index: 10;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -khtml-appearance: none;
    font-family: "Segoe UI Semibold","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
    font-size: 14px;
    -webkit-appearance: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-weight: 400;
}

.knowledgebase #supportInterstitialPage #supportOtherLanguagesColumn .fieldWrapper .icon {
    position: absolute;
    background-position: -2px -86px;
    display: block;
    height: 9px;
    width: 14px;
    left: 214px;
    top: 14px;
    background-image: url('../../images/responsive/elements/common-elements.png');
}

    .knowledgebase.svg #supportInterstitialPage #supportOtherLanguagesColumn .fieldWrapper .icon {
        background-image: url('../../images/responsive/elements/common-elements.svg');
    }

@media only screen and (max-width: 767px) {

.knowledgebase #supportInterstitialPage div.column div.choiceColumn{
    float:none;
    width: 100%;
    margin-bottom: 41px;
}

.knowledgebase #supportInterstitialPage .choiceColumnTitle .icon {
    top: -4px;
}

.knowledgebase #supportInterstitialPage .choiceColumnTitle h3 {
    margin-bottom: 18px;
    overflow: visible;
    width: 100%;
}

/* Select box */

.knowledgebase #supportInterstitialPage form .fieldWrapper {
    margin-top: 17px;
    margin-bottom: 19px;
}

.knowledgebase #supportInterstitialPage form .selectSpan {
    width: 100%;
}

.knowledgebase #supportInterstitialPage #supportOtherLanguagesColumn .fieldWrapper .icon {
    right: 12px;
    left: auto;
}

.knowledgebase #supportInterstitialPage form select {
    width: 100%;
}

}