/*Generic*/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    font-family: "Segoe UI", sans-serif;
    font-size: 15px;
}

html {
    position: relative;
    min-height: 100%;
    padding-right: 0px !important;
    margin-right: 0px !important;
}

body {
    margin-bottom: auto;
    background-color: #F2F2F2;
    padding-right: 0px !important;
    margin-right: 0px !important;
    padding-top: 70px;
}

a {
    color: #3A96DD;
    text-decoration: none;
}

    a:active {
        color: #1E425C;
        text-decoration: underline;
    }

    a:hover {
        color: #307AB3;
        text-decoration: underline;
    }

#mdcontent img {
    display: block;
    max-height: 600px;
    width: auto;
    height: auto;
}

textarea.custom-control {
    background-color: white !important;
}

.modal-content {
    -ms-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.modal-footer {
    padding: 0px;
    border-top: 0px;
    text-align: center;
}

.modal-body {
    padding: 0px;
}

.qnamaker-norounded {
    -ms-border-radius: 0px;
    border-radius: 0px;
}

.dropdown-menu > li > a {
    padding: 16px 16px 12px 16px;
}

.dropdown-menu-right{
    min-width:250px;
    margin:-2px 0px 0px;
    border:1px solid #e6e6e6;
    padding-bottom:0px;
    -webkit-box-shadow:0px 0px 0px;
    box-shadow:0px 0px 0px;
    border-top-style:hidden;
    padding-bottom:5px;
    padding-top:0px;
}

.border-top-line{
  border-top: 1px solid #E6E6E6;
  content: '';
  display: block;
  padding:0px;
}

.dropdown-menu-subscriptionKeyText{
    font-size:16px;
    padding-top:16px;
    padding-bottom:12px;
}

.header-dropdown-userDetail{
    padding:16px;
}

.header-dropdown-userDetail-name{
    font-family: "Segoe UI";
    font-size: 20px;
    color: #000000;
    letter-spacing: 0.42px;
}

.header-dropdown-userDetail-email{
    font-family: "Segoe UI";
    font-size: 13px;
    color: #999999;
    letter-spacing: 0.27px;
}

.topRightMarginZero {
    margin-top: 0px !important;
    margin-right: 0px !important;
    height: 1.2em !important;
}

.deleteWarning-padding{
    padding:32px 32px 32px 32px !important;
}

.link-styles-default{
    color:#3A96DD;
}

.link-styles-default:hover{
    color:#0063B1;
    text-decoration:underline;
}

.link-styles-default:active{
    color:#003966;
    text-decoration:underline;
}

/*Header*/
.signin-dropdown{
    background-color:white;
    margin-top:-12px;
    margin-bottom:-12px;
    padding-left:16px;
    padding-right:16px;
}

.signin-dropdown:hover,
.signin-dropdown:focus,
.signin-dropdown:active{
    background-color:#F2F2F2;
}

.open .signin-border{
    border: 1px solid #E6E6E6;
    border-bottom:0px;
    border-top:0px;
}

.header-background {
    background-color: white;
}

.svgicon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.svgicon-microsoft-color-logo {
    width: 4.6474609375em;
}

.svgicon-more-menu {
    fill: #2B2B2B;
    width: 0.3em;
    height: 1.1em;
    margin: 9px 9px;
}

.logo {
    font-size: 21px;
}

.header {
    line-height: 21px;
    display: block;
    padding: 11px 20px;
    background-color: white;
}

.header-margin {
    margin-bottom: 50px;
}

.extra-header-margin {
    margin-bottom: 100px;
}

/*Navigation Menu*/

#bannerAn {
    color: white;
    background-color: #0067B1;
    line-height: 48px;
    text-align: center;
    font-size: 15px;
}

.bannerT {
    font-family: 'Segoe MDL2 Assets';
    font-size: 13px;
    position: fixed;
    padding-top: 19px;
}

.bannerT,
.learnMore {
    color: white !important;    
    line-height: 13px ;
}

.learnMore {
    text-decoration: underline;
    padding-right: 20px;
}

#bannerX {
    float: right;
    font-size: 15px;
    font-family: 'Segoe MDL2 Assets';
    padding-right: 15px;
    padding-top: 2px;
    cursor:pointer;
}

.fullWidth {
    background-color: #0067B1;
}

.navbar-custom {
    background-color: #3A96DD;
    min-height: 72px;
    border: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.navbar-custom-brand {
    font-size: 20px;
    color: white;
    position: relative;
    font-family: "Segoe UI", sans-serif;
    display: inline-block;
    line-height: 26px;
    padding-left: 20px;
    padding-right: 35px;
    padding-bottom: 23px;
    padding-top: 23px !important;
    height: 72px;
   
}

.navbar-brand.navbar-custom-brand:after {
    content: 'PREVIEW';
    color: rgba(255, 255, 255, 0.6);
    position: absolute;
    right: 0;
    top: 100%;
    margin-right: 31px;
    margin-top: -25px;
    font-family: "Segoe UI Semibold", sans-serif;
    font-size: 11px;
    line-height: 15px;
}



li.navbar-custom-links > a {
    height: 72px;
    line-height: 70px;
    font-size: 15px;
    padding: 0 24px;
    display: inline-block;
}

.navbar-custom-button {
    border: 0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-default .navbar-toggle {
    height: 72px;
}

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:visited {
        background-color: transparent;
    }

.navbar-default .navbar-brand {
    color: white;
    padding-top: 0;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: white;
    background-color: #0067B1;
}

.navbar-default .navbar-brand:active {
    color: white;
    background-color: #003966;
}

.navbar-default .navbar-brand .navbar-nav:target{
     color: white;
        background-color: #003966;
}

.navbar-default .navbar-nav > li > a {
    color: white;
}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: white;
    background-color: #0067B1;
}

.navbar-default .navbar-nav > li > a:active {
    color: white;
    background-color: #003966;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:active {
    color: white;
    background-color: #0067B1
}

.navbar-default .navbar-nav > .open > a:target,
.navbar-default .navbar-nav > li.active:target,
.navbar-default .navbar-nav > .active > a:target{
     color: white;
    background-color: #0067B1;
}

.navbar-default .navbar-nav > li.active,
.navbar-default .navbar-nav > li.active:hover,
.navbar-default .navbar-nav > li.active:active {
    color: white;
    background-color: #0067B1
}


.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:active {
    color: white;
    background-color: #0067B1;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:active {
            color: white;
            background-color: #0067B1;
        }
}

.navbar {
    margin-bottom: 0px;
}

#navbar-custom-active {
    background-color: #0067B1;
}

/*Footer Menu*/

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    line-height: 15px;
    background-color: white;
}

.footer-menu {
    padding: 0;
}

ul.footer-menu {
    list-style: none;
    font-size: 12px;
}

    ul.footer-menu > li {
        padding: 10px 0;
    }

        ul.footer-menu > li > a {
            text-decoration: none;
            color: #2B2B2B;
        }

/*Sign In*/

.sign-in-screen {
    margin-top: 10%;
    margin-bottom: 10%;
}

.sign-in-title {
    font-size: 36px;
    margin-bottom: 30px;
}

.sign-in-details {
    margin-bottom: 60px;
}

/*Custom Controls*/
.topbottompadding {
    padding-top: 20px;
    padding-bottom: 20px;
    word-wrap: break-word;
}

.copy-code-icon {
    font-family: 'SegoeMDL2';
    font-size: 12px;
    padding-right: 5px;
    display: inline-block;
}

.refresh-key-icon {
    font-family: 'SegoeMDL2';
    font-size: 12px;
    vertical-align: middle;
    line-height: 20px;
    z-index: 100000000;
    padding: 7px 0px;
    text-decoration: none;
    color: #CCCCCC;
}

    .refresh-key-icon:hover,
    .refresh-key-icon:active,
    .refresh-key-icon:visited {
        text-decoration: none;
    }

    .refresh-key-icon:hover {
        color: #3E92D2;
    }

.key-actions {
    line-height: 34px;
}

.key-action-text {
    font-family: 'Segoe UI Semibold';
    font-size: 15px;
    color: #3E92D2;
    letter-spacing: 0px;
    padding: 0px 7px;
}

.key-action-seperator {
    font-family: 'Segoe UI Semilight';
    color: #CCCCCC;
}

.qnamaker-loading {
    font-size: 48px !important;
    color: #4A4A4A;
    line-height: 64px !important;
    display: inline-block;
}

.qnamaker-loading-text {
    font-family: "Segoe UI Semibold";
    color: #4A4A4A;
    letter-spacing: 0.12px;
    line-height: 16px;
}

.qnamaker-loading-margin {
    margin: 30px 0px 0px 0px;
}

.qnamaker-input-group-label {
    -ms-border-radius: 0px;
    border-radius: 0px;
    -moz-min-width: 128px;
    -ms-min-width: 128px;
    -o-min-width: 128px;
    -webkit-min-width: 128px;
    min-width: 128px;
    text-align: left;
}

.qnamaker-input-group-button,
.qnamaker-input-group-button:visited {
    -ms-border-radius: 0px;
    border-radius: 0px;
    background-color: #3A96DD;
}

    .qnamaker-input-group-button:hover,
    .qnamaker-input-group-button:active {
        background-color: #307AB3;
    }

#login-dropdown {
    display: block;
}

.login-in-text {
    font-family: 'Segoe UI';
    font-size: 15px;
    line-height:50px;
    vertical-align:central;
    color: #000000;
    display: inline-block;
}

.login-in-glyph {
    font-family: 'Segoe UI';
    font-size: 8px !important;
    color: #9B9B9B;
    vertical-align: middle;
    display: inline-block;
}

.login-image {
    height: 32px;
    width: 32px;
    margin: -6px 3px;
    display: inline-block;
}

.qnamaker-more-menu_answer,
.qnamaker-more-menu {
    border: 0px;
    background-color: white;
}

.qnamaker-more-item {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.qnamaker-button-action {
    border-radius: 2px;
    width: 184px;
    height: 40px;
    text-align: center;
    font-family: 'Segoe UI Semibold';
    color: white;
    display: inline-block;
}

.action-button-glyph {
    padding: 12px 2px;
    font-size: 16px;
    line-height: 16px;
    font-family: 'SegoeMDL2';
    display: inline-block;
    vertical-align: middle;
}

.action-button-tinyglyph {
    font-size: 23px;
    line-height: 23px;
    padding: 5px 2px;
    font-family: 'SegoeMDL2';
    display: inline-block;
    vertical-align: middle;
}

action-button-content-publish,
.action-button-content {
    padding: 10px 3px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.button-publish{
    font-size:16px;
    line-height: 23px
}

.action-button-group-margin{
    
}

.action-button-content{
    font-size:16px;
}

.action-button-group {
    margin: 32px 12px 12px 12px;
    padding: 0 10px;
    display: inline-block;
    float: right;
}

.button-retrain {
    background: #72C179;
}

    .button-retrain:active,
    .button-retrain:hover,
    .button-retrain:visited,
    .button-retrain:focus {
        background: #33AF3E;
    }

.button-delete,
.button-publish {
    background: #3A96DD;
    float: right;
}

    .button-publish:active,
    .button-publish:hover,
    .button-publish:visited,
    .button-publish:focus,
    .button-delete:active,
    .button-delete:hover,
    .button-delete:visited,
    .button-delete:focus {
        background: #0774C9;
    }

.button-save {
    background: #3A96DD;
    float: left;
}

.button-save-signup-disabled, .button-save-signup {
    float: none;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 40px;
}

.button-save-signup {
    background: #3A96DD;
}

.button-save-signup-disabled {
    cursor: default !important;
    background: #dddddd;
}

    .button-save-signup:active,
    .button-save-signup:hover,
    .button-save-signup:visited,
    .button-save-signup:focus {
        background: #0774C9;
    }

.button-cancel {
    background: #F2F2F2;
    color: #2B2B2B;
    float: none;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 40px;
}

.button-cancel:active,
.button-cancel:hover,
.button-cancel:visited,
.button-cancel:focus {
    background: #D7D7D7;
    color: #2B2B2B !important;
    text-decoration: none !important;
}


.button-float {
    float: right;
}

.retrain-action-time {
    font-size: 13px;
    line-height: 17px;
    padding: 3px;
    font-style: italic;
    color: #999999;
    font-family: 'Segoe UI Semibold';
}

.qnamaker-button-large {
    background-color: #3A96DD;
    color: white;
    padding: 10px 32px 10px 32px;
    border: 0;
    color: white;
    border-radius: 2px;
    cursor: pointer;
}

.qnamaker-button-small{
    background-color: #3A96DD;
    color: white;
    padding: 12px 24px 12px 24px;
    border: 0;
    color: white;
    border-radius: 2px;
    cursor: pointer;
    min-width: 100px;
    font-family: 'Segoe UI Semibold';
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height:14px;
}

    
    .qnamaker-button-small:hover,
    .qnamaker-button-small:focus,
    .qnamaker-button-small:visited {
        background: #0063B1;
        color: white;
        text-decoration: none;
    }

.qnamaker-button-large {
    min-width: 400px;
    font-family: 'Segoe UI Semibold', sans-serif;
    font-size:15px;
    letter-spacing:0;
}

   
    .qnamaker-button-large:hover,
    .qnamaker-button-large:focus {
        background: #0063B1;
        color: white !important;
        text-decoration: none !important;
    }

.qnamaker-button-small:active,
.qnamaker-button-large:active{
     background: #003966;
     color: white;
     text-decoration: none !important;
 }

.qnamaker-breadcrumb {
    background-color: transparent;
    padding: 0 35px;
    line-height: 15px;
    font-family: 'Segoe UI Semibold', sans-serif;
}

.qnamaker-heading {
    margin-top: 48px;
    margin-bottom: 10px;
    font-size: 34px;
    color: #2B2B2B;
    letter-spacing: 0px;
}

.qnamaker-annotation {
    font-family: 'Segoe UI Semilight', sans-serif;
    font-size: 15px;
    color: #767676;
    letter-spacing: 0px;
    line-height: 22px;
}

.qnamaker-url-control {
    padding: 7.5px;
    line-height: 20px;
    border-radius: 3px;
    border: 1px #CCCCCC;
    border-style: solid;
    width: 100%;
    color: #333;
    display: block;
    background-color: white;
}

.qnamaker-file-control {
    padding: 10px;
    line-height: 20px;
    border-radius: 0px;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
    color: #333;
    display: block;
}

.file-size-text {
    color: #999999;
    margin-left: 16px;
}

.qnamaker-url-control-content {
    max-height: 20px;
    max-width: 90%;
    overflow: hidden;
}

.qnamaker-glyph {
    font-family: 'SegoeMDL2';
    padding: 0 3px;
    color: #CCCCCC;
}

.leftMargin {
    margin-left:20px;
}

    .qnamaker-glyph:active,
    .qnamaker-glyph:hover,
    .qnamaker-glyph:visited,
    .qnamaker-glyph:focus {
        text-decoration: none;
    }

.qnamaker-glyph-darker {
    font-family: 'SegoeMDL2';
    padding: 0 3px;
    color: #999999;
}

.qnamaker-glyph-trash {
    font-family: 'SegoeMDL2';
    padding: 0 3px;
    color: #999999;
    font-size:15px;
}

    .qnamaker-glyph-trash:active,
    .qnamaker-glyph-trash:hover,
    .qnamaker-glyph-trash:visited,
    .qnamaker-glyph-trash:focus {
        text-decoration: none;
    }

.qnamaker-no-text-decoration:active,
.qnamaker-no-text-decoration:hover,
.qnamaker-no-text-decoration:visited,
.qnamaker-no-text-decoration:focus {
    text-decoration: none;
}

.qnamaker-display-image {
    width: 60px;
    height: 60px;
    border-radius: 3px;
    background-color: #CCD2D8;
    margin: 10px;
}

.qnamaker-subheading {
    font-size: 24px;
    line-height: 30px;
}

.qnamaker-kb-action {
    font-size: 13px;
    line-height: 20px;
    font-family: 'Segoe UI Semibold';
    color: #3A96DD;
    vertical-align: middle;
    cursor: pointer;
}

    .qnamaker-kb-action:active,
    .qnamaker-kb-action:hover,
    .qnamaker-kb-action:visited,
    .qnamaker-kb-action:focus {
        text-decoration: none;
    }

.qnamaker-kb-action-text {
    font-size: 12px;
    font-style: italic;
    line-height: 20px;
    color: grey;
    font-family: 'Segoe UI';
    vertical-align: middle;
}

.qnamaker-kb-action-splitter {
    color: #D7DBE0;
    padding: 5px;
    vertical-align: middle;
    font-size: 13px;
    line-height: 20px;
}

.qnamaker-edit-controls {
    vertical-align: middle;
    line-height: 24px;
}

.qnamaker-controls-row {
    padding: 0px 0 0 20px;
}

.warning-glyph {
    color: red;
}

/*Create Page*/


.createPage-backgroundcolor,
.createkb-page {
    background-color: white;
}

.create-page-heading {
    margin-bottom: 20px;
    display: block;
}

.create-page-body-section {
    border: 0 transparent;
    border-bottom: 1px #e1e1e1;
    border-style: solid;
    padding: 40px 0;
    display: block;
}

.create-page-section-content {
    display: inline-block;
}

.create-page-section-gutter {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    text-transform: uppercase;
    font-size: 13px;
    color: #999999;
    letter-spacing: 0px;
    font-family: 'Segoe UI Semibold', sans-serif;
    line-height:17px;
}

.create-page-header {
    padding-bottom: 24px;
}

.create-page-section-heading {
    font-family: 'Segoe UI Semibold', sans-serif;
    font-size:18px;
    color: #2B2B2B;
    letter-spacing: 0px;
    line-height: 24px;
}

.create-page-section-footer-heading {
    font-size: 15px !important;
}

.create-pafe-next-step-section {
    margin-bottom: 60px;
    margin-top: 20px;
}

.create-page-input {
    border-radius: 2px;
    border: 1px #CCCCCC;
    border-style: solid;
    width: 100%;
    padding:16px 10px 16px 10px;
    font-size:15px;
    color:#2B2B2B;
    height:44px;
}

    .create-page-input:focus {
        border: 1px solid #CCCCCC;
        border-radius: 2px;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

.create-page-input {
    padding: 7.5px;
    line-height: 20px;
}


.create-page-input-addon {
    padding: 10.5px;
    line-height: 20px;
    font-family: 'Segoe UI Semibold', sans-serif !important;
    padding-left: 0;
}

.create-page-delete-addon {
    margin-left: 0px !important;
}

.col-xs-2.create-page-input-addon > a:hover,
.col-xs-2.create-page-input-addon > a:active,
.col-xs-2.create-page-input-addon > a:visited {
    text-decoration: none;
}

.create-page-input-group {
    display: block;
    margin: 0 -15px;
}

.create-page-next-step {
    padding: 40px 0;
}

.create-page-file-list,
.create-page-url-list {
    margin-bottom: 16px;
}

.create-page-flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.create-page-flex-item {
    height: 100%;
}

.qnamaker-delete-button {
    font-family: 'Segoe UI Semibold';
    font-size: 15px;
    width: 141px;
    height: 40px;
}
.qnamaker-cancel-button,
.qnamaker-create-button {
    font-family: 'Segoe UI Semibold';
    font-size: 15px;
    letter-spacing: 0px;
    border-radius: 2px;
    width: 141px;
    height: 40px;
    line-height: 20px;
    padding: 10px 48px;
    margin: 12px;
    display: inline-block;
    cursor: pointer;
}

.qnamaker-cancel-button {
    color: #2B2B2B;
    background: #E6E6E6;
}

.qnamaker-cancel-button:hover,
.qnamaker-cancel-button:focus {
   background: #D7D7D7;
   color: #2B2B2B !important;
   text-decoration: none !important;
}

.qnamaker-cancel-button:active{
   background: #BBBBBB;
   color: #2B2B2B !important;
   text-decoration: none !important;
}


.qnamaker-create-button {
    color: #FFFFFF;
    background: #3A96DD;
}

    .qnamaker-create-button:active,
    .qnamaker-create-button:focus {
        background: #003966;
        color: #FFFFFF;
        text-decoration: none;
    }

.qnamaker-create-button:hover{
    background: #0063B1;
    color: #FFFFFF;
    text-decoration: none;
}


.createPage-Selectfile-button{
    margin-top:14px;
}

.cross-link-top-left{
   margin-top:-16px;
   margin-right:-16px;
}

.cross-link-top-left-cross{
    font-family:'Segoe MDL2 Assets';
    font-size:16px;
}

/*My Services*/
.services-page {
    background-color: #f2f2f2;
}

.services-page-heading {
    margin-top: 27px;
    margin-bottom: 38px;
    font-family: "Segoe UI Semilight";
    font-size: 34px;
}

.services-table {
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 38px;
    border-collapse: separate;
}

.services-table-heading {
    font-family: "Segoe UI";
    font-size: 13px;
    color: #999999;
    letter-spacing: 0px;
}

.services-service-name {
    font-family: "Segoe UI Semibold";
    font-size: 15px;
    color: #4A4A4A;
    letter-spacing: 0.12px;
    line-height: 20px;
    margin: 15px;
}

.services-link {
    color: #3A96DD;
}

.services-row-box {
    height: 50px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
    -ms-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
    margin: 6px 0px !important;
    vertical-align: middle;
    border: 0px;
}

.services-icon {
    letter-spacing: 0.23px;
    font-size: 28px;
    color: #FFFFFF;
    text-align: center;
    height: 50px;
    width: 50px;
    padding: 11px;
    line-height: 28px;
    margin: 0px;
}


/*Existing Kb*/
/*Edit Kb*/

.edit-marked-highlight {
    background: #72C179 !important;
}

.edit-merged-highlight {
    background: #f39716 !important;
}
.edit-table-question,
.edit-table-answer {
    outline: 0px solid transparent;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.edit-kb-header {
    min-height: 104px;
    background: #FFFFFF;
    box-shadow: 0px 1px 0px 0px #D7DBE0;
}

.edit-kb-header-control-group {
    padding: 25px 0px 25px 18px;
}

.edit-kb-header-actions {
    padding: 0px;
    padding-right: 32px;
}

.qnamaker-sidebar-nav {
    background: #FFFFFF;
    font-size: 13px;
    color: #1A1A1A;
    height:100%;
    padding: 0px;
    margin: 0px;
    position:fixed;
    width:228px;
}


@media (max-width:1365px)
{
    .qnamaker-sidebar-nav{
        width:194px;
    }
}

@media (max-width:1199px){
    .qnamaker-sidebar-nav{
        position:static;
        width:auto;
    }
}

.qnamaker-sidebar-entry {
    width: 100%;
    padding: 12px 19px;
    text-align: left;
    background-color: transparent;
}

.qnamaker-sidebar-entry.active {
    font-family: 'Segoe UI Semibold';
    background-color: #B3DBF2;
}

.qnamaker-sidebar-entry:hover{
    font-family: 'Segoe UI Semibold';
    background-color: #F2F2F2;
}

.qnamaker-active {
    width: 100%;
    padding: 12px 19px;
    text-align: left;
    font-family: 'Segoe UI Semibold';
    background-color: #B3DBF2;
}

.edit-table-header {
    min-height: 40px;
    font-family: 'Segoe UI Semibold';
    font-size: 15px;
    color: #2B2B2B;
    padding: 10px 16px;
    line-height: 20px;
    background: #D2D2D2;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.15);
    border:1px solid #D2D2D2;
}

.edit-table-header-splitter {
    padding: 0px 10px;
}

.edit-table-qa-header {
    background: #E6E6E6;
    box-shadow: 0px 1px 0px 0px #D7DBE0;
    padding: 4px 16px;
    font-family: 'Segoe UI Semibold';
    font-size: 13px;
    line-height: 16px;
    color: #777777;
    letter-spacing: 0px;
    align-items: center !important;
    flex-wrap: nowrap !important;
    flex-grow: 1 !important;
    width: 100%;
    border:1px solid #E6E6E6;
    float:left;
}

.edit-table-qa-counter {
    font-family: 'Segoe UI Semibold';
    font-size: 10px;
    color: #2B2B2B;
    width: 20px;
    min-width: 20px;
    max-width: 30px;
    background: #E6E6E6;
    box-shadow: 1px 0px 0px 0px #DCDFE2;
    text-align: center;
    vertical-align: middle;
    padding-top: 13px;
}

.edit-table-source-header {
    font-family: 'Segoe UI';
    font-size: 13px;
    color: #767676;
    line-height: 16px;
    padding: 12px 32px;
    background: #F7F7F7;
    box-shadow: 0px 1px 0px 0px #D7DBE0;
    border-bottom: 1px solid #DCDFE2;
    justify-content: flex-start !important;
    width:850px;
}

#loading-spinner-section{
    height:100%;
    margin-left:0px;
}

#test-page-content{
    height:100%;
}

.table-glyph {
    font-family: 'SegoeMDL2';
    padding-right: 10px;
    font-size:10px !important;
}

.edit-table-row {
    border-bottom: 1px solid #DCDFE2;
    box-shadow: 0px 1px 2px;
}

.edit-table-question-container {
    border-right: 1px solid #DCDFE2;
}

.edit-table-question {
    padding: 16px;
    font-size: 13px;
    color: #2B2B2B;
    background-color: white;
    flex: 1 0 297.5px;
    box-sizing: border-box;
}

.edit-table-answer {
    padding: 16px;
    font-size: 13px;
    color: #2B2B2B;
    background-color: white;
    height: 100%;
    width: 100%;
    flex: 1 0 297.5px;
    margin: 0px;
}

#edit-page-container {
    background-color: #FFFFFF;
    padding-left:0px;
    padding-right:0px;
    box-shadow: 0px 1px 2px #F2F2F2;
}

.edit-page-container-height{
}

.edit-test-padding {
    padding: 50px 0px;
    margin: 0px;
}

.edit-page-main {
    box-shadow: -1px 0px 0px 0px #DCDFE2;
    height:100%;
}

.edit-row-highlight_answer,
.edit-row-highlight {
    background: #E1F1FA !important;
}

.edit-page-background {
    background-color: #F7F7F7;
}

/*Settings*/

.myaccount-heading {
    font-family: 'Segoe UI Semibold';
    font-size: 32px;
    color: #1A1A1A;
    letter-spacing: 0.09px;
    line-height: 24px;
    padding: 10px 0px;
    margin-top: 34px;
}

.myaccount-subtext {
    font-family: 'Segoe UI Semilight';
    font-size: 15px;
    color: #767676;
    letter-spacing: 0px;
    line-height: 22px;
    margin-bottom: 34px;
}

.settings-refresh {
    background-color: #3E92D2;
}

.settings-label {
    background: #F2F2F2;
    border: 1px solid #CCCCCC;
    font-family: 'Segoe UI';
    font-size: 15px;
    color: #2B2B2B;
    letter-spacing: 0.12px;
    line-height: 20px;
    padding: 10px 8px;
    max-width: 166px;
    min-width: 166px;
    border-radius: 0px;
}

.settings-input {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-family: 'Segoe UI';
    font-size: 15px;
    color: #2B2B2B;
    letter-spacing: 0.12px;
    line-height: 20px;
    padding: 10px 12px;
    border-radius: 0px;
    height: 42px;
}

.setting-section-heading {
    font-family: 'Segoe UI Semibold';
    font-size: 18px;
    color: #1A1A1A;
    letter-spacing: 0.09px;
    line-height: 24px;
    padding: 10px 0px;
}

.settings-margin {
    margin-top: 34px;
    margin-bottom: 34px;
}

.settings-smbutton-margin {
    margin-top: 24px;
}

.delete-glyph {
    font-family: 'SegoeMDL2';
    font-size: 32px;
    color: #3A96DD;
    letter-spacing: 0.17px;
    margin: 27px 0px;
    line-height: 32px;
    vertical-align: middle;
    float: none;
    text-align: center;
}

.delete-text {
    font-size: 15px;
    color: #2B2B2B;
    letter-spacing: 0.12px;
    margin: 33px 0px;
    vertical-align: middle;
}

.button-delete {
    margin: 25px 0px 21px 0px;
    vertical-align: middle;
}

.delete-border {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    margin-left: 0px;
    margin-right: 0px;
}
/*User Setting*/

.setting-section {
    margin-bottom: 100px;
}

/*Overrides*/

.navbar-toggle {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .navbar-toggle:hover {
    }

.lrpadmargZero {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.lrpadZero {
    padding-left: 0px;
    padding-right: 0px;
}

.lrmargZero {
    margin-left: 0px;
    margin-right: 0px;
}


[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: black;
    content: ">";
}

.breadcrumb > .active {
    color: black;
}

/* Custom, iPhone Retina */
@media(max-width:320px) {
    body {
        margin-bottom: 175px;
    }

    .footer {
        height: 175px;
    }
}

@media only screen and (min-width : 320px) {
    body {
        margin-bottom: 175px;
    }

    .footer {
        height: 175px;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    body {
        margin-bottom: 175px;
    }

    .footer {
        height: 175px;
    }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    body {
        margin-bottom: 175px;
    }

    .footer {
        height: 175px;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .collapse {
        display: none !important;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    body {
        margin-bottom: 50px;
    }

    .footer {
        height: 50px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    body {
        margin-bottom: 35px;
    }

    .footer {
        height: 35px;
    }
}

/*Animations*/

.keep-spinning {
    -webkit-animation: rotation 2s linear infinite;
    -moz-animation: rotation 2s linear infinite;
    -ms-animation: rotation 2s linear infinite;
    -o-animation: rotation 2s linear infinite;
    animation: rotation 2s linear infinite;
}

.keep-blinking {
    -webkit-animation: blinker 1s linear infinite;
    -moz-animation: blinker 1s linear infinite;
    -ms-animation: blinker 1s linear infinite;
    -o-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite;
}

@-moz-keyframes blinker {
    50% {
        opacity: 0;
    }
}

@-webkit-keyframes blinker {
    50% {
        opacity: 0;
    }
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}


@-moz-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
        -moz-transform: rotate(360deg);
    }
}

/*Fonts*/
@font-face {
    font-family: "Segoe UI";
    src: url("//bot-framework.azureedge.net/fonts/SegoeUI-Normal/latest.eot");
    src: url("//bot-framework.azureedge.net/fonts/SegoeUI-Normal/latest.eot?") format("embedded-opentype"), url("//bot-framework.azureedge.net/fonts/SegoeUI-Normal/latest.woff") format("woff"), url("//bot-framework.azureedge.net/fonts/SegoeUI-Normal/latest.ttf") format("truetype"), url("//bot-framework.azureedge.net/fonts/SegoeUI-Normal/latest.svg#web") format("svg");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Segoe UI Semilight";
    src: url("//bot-framework.azureedge.net/fonts/SegoeUI-Semilight/latest.eot");
    src: url("//bot-framework.azureedge.net/fonts/SegoeUI-Semilight/latest.eot?") format("embedded-opentype"), url("//bot-framework.azureedge.net/fonts/SegoeUI-Semilight/latest.woff") format("woff"), url("//bot-framework.azureedge.net/fonts/SegoeUI-Semilight/latest.ttf") format("truetype"), url("//bot-framework.azureedge.net/fonts/SegoeUI-Semilight/latest.svg#web") format("svg");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Segoe UI Semibold";
    src: url("//bot-framework.azureedge.net/fonts/SegoeUI-Semibold/latest.eot");
    src: url("//bot-framework.azureedge.net/fonts/SegoeUI-Semibold/latest.eot?") format("embedded-opentype"), url("//bot-framework.azureedge.net/fonts/SegoeUI-Semibold/latest.woff") format("woff"), url("//bot-framework.azureedge.net/fonts/SegoeUI-Semibold/latest.ttf") format("truetype"), url("//bot-framework.azureedge.net/fonts/SegoeUI-Semibold/latest.svg#web") format("svg");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Segoe UI Bold";
    src: url("//bot-framework.azureedge.net/fonts/SegoeUI-Bold/latest.eot");
    src: url("//bot-framework.azureedge.net/fonts/SegoeUI-Bold/latest.eot?") format("embedded-opentype"), url("//bot-framework.azureedge.net/fonts/SegoeUI-Bold/latest.woff") format("woff"), url("//bot-framework.azureedge.net/fonts/SegoeUI-Bold/latest.ttf") format("truetype"), url("//bot-framework.azureedge.net/fonts/SegoeUI-Bold/latest.svg#web") format("svg");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "SegoeMDL2";
    src: url("glyphs/segmdl2-webfont.woff2") format("woff2"), url("glyphs/segmdl2-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

.segoemdl2 {
    font-family: 'SegoeMDL2';
    font-size: 15px;
    line-height: 20px;
}

/*Flex*/
.container-flex {
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    height: 100%;
}

.flex-sidebar {
    /*width: 200px;*/
    flex: 1 0 200px;
}

.flex-main {
    flex: 10000 1 800px;
    display: inline-flex;
}

.flex-table {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.flex-row {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
    -moz-min-width: 850px;
    -ms-min-width: 850px;
    -o-min-width: 850px;
    -webkit-min-width: 850px;
    min-width: 850px;
    flex-grow: 1;
}

.flex-row_mobile {
    display: inline-flex;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
}

.flex-col {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
    -moz-min-width: 850px;
    -ms-min-width: 850px;
    -o-min-width: 850px;
    -webkit-min-width: 850px;
    min-width: 850px;
    flex-grow: 1;
}

.flex-col_mobile {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
    flex-grow: 1;
}

.flex-left,
.flex-right {
    flex: 0 1 auto;
    display: inline-flex;
}

.add-qna-pair:active,
.add-qna-pair:hover,
.add-qna-pair:visited,
.add-qna-pair:focus {
    color: #5F5C5C;
    text-decoration: none;
}

.flex-question {
    flex: 1 0 350px;
    display: inline-flex;
}

.flex-question_mobile {
    flex: 1 0 40px;
    display: inline-flex;
}

.flex-answer {
    flex: 2 0 500px;
    display: inline-flex;
}

.flex-answer_mobile {
    flex: 1 0 40px;
    display: inline-flex;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.qa-min-height {
    min-height: 78px;
}

.qa-min-height_mobile {
    min-height: auto;
}

/*Modals*/
.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    padding: 30px;
}

.qnamaker-cancel-modal {
    -ms-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.qnamaker-modal-heading-cancel {
    color: #2B2B2B;
    font-size: 24px;
    font-family: 'Segoe UI';
    line-height: 32px;
    margin-bottom: 20px;
}

.qnamaker-cancel-modal-heading {
    font-size:24px;
    font-family:'Segoe UI';
    color:#2B2B2B;
    line-height:24px;
    margin-bottom:24px;
}

.qnamaker-cancel-modal-subtext {
    font-family: 'Segoe UI';
    font-size: 15px;
    line-height: 15px;
    color: #2B2B2B;
    font-weight:normal;
    margin-bottom:28px;

}

.qnamaker-modal-subtext-cancel {
    color:#767676;
    font-size:15px;
    font-family:'Segoe UI';
    line-height:20px;
    margin-bottom:32px;
}

.qnamaker-cancel-modal-heading {
    margin-bottom: 5px;
    font-family: 'Segoe UI Semibold';
    font-size: 24px;
    line-height: 32px;
    color: #000000;
}

.qnamaker-cancel-modal-content {
   
}

.qnamaker-modal-button-cancel{
    margin-top:-12px;
    margin-bottom:-10px;
}

/*Spinner*/

@-webkit-keyframes spinner-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes spinner-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.qnamaker-spinner{
    margin-top:-30px;
}

.spinner-circle {
    margin: 40px auto;
    width: 80px;
    height: 80px;
    position: relative;
}

    .spinner-circle .spinner-child {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .spinner-circle .spinner-child:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 20%;
            height: 20%;
            background-color: #3E92D2;
            border-radius: 100%;
            -webkit-animation: spinner-circleBounceDelay 1.2s infinite ease-in-out both;
            animation: spinner-circleBounceDelay 1.2s infinite ease-in-out both;
        }

    .spinner-circle .spinner-circle2 {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .spinner-circle .spinner-circle3 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .spinner-circle .spinner-circle4 {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .spinner-circle .spinner-circle5 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .spinner-circle .spinner-circle6 {
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    .spinner-circle .spinner-circle7 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .spinner-circle .spinner-circle8 {
        -webkit-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
        transform: rotate(315deg);
    }

    .spinner-circle .spinner-circle2:before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .spinner-circle .spinner-circle3:before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .spinner-circle .spinner-circle4:before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.5s;
    }

    .spinner-circle .spinner-circle5:before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.3s;
    }

    .spinner-circle .spinner-circle6:before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .spinner-circle .spinner-circle7:before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .spinner-circle .spinner-circle8:before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }


/*Test Page*/
.MessageBox {
    display: inline-block;
    width: 100%;
    max-width: 500px;
    font-size: 12px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    position: absolute !important;
}

.MessageContent {
    display: inline-block;
    width: 100%;
    padding: 20px;
    background-color: #FFFFFF;
    margin: 0px;
    color: rgb(124,130,135);
    position: relative;
}

    .MessageContent::after {
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        border-width: 10px;
        padding-right: 0px;
        margin-right: 0px;
        padding-left: 0px;
        margin-left: 0px;
        margin-top: -10px;
        background-color: transparent;
        display: inline-block;
    }

.MessageHead {
    color: rgb(100,100,100);
    max-width: 90%;
    display: block;
    padding-bottom: 10px;
}

.RightBorder {
    border-right: 10px solid rgb(62, 146, 210);
}

    .RightBorder::after {
        border-left-color: #3E92D2;
        margin-left: 10px;
        left: 100%;
    }

.LeftBorder {
    border-left: 10px solid rgb(62, 146, 210);
}

    .LeftBorder::after {
        border-right-color: #3E92D2;
        margin-right: 10px;
        right: 100%;
    }

.MessageBody {
    display: block;
    width: 100%;
}

.MessageBodyTextBlurbContainer {
    max-height: 300px;
    overflow-y: auto;
}

.MessageBodyTextBlurb {
    display: block;
    background-color: rgb(216, 233, 250);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    width: 100%;
    margin-top: 10px;
}

    .selected, .MessageBodyTextBlurb:hover {
        background-color: rgb(62, 146, 210) !important;
        color: #FFFFFF !important;
    }

.deleteButton {
    float: right;
    font-family: 'SegoeMDL2' !important;
    cursor: pointer;
}

.disableButton {
    pointer-events: none;
    background-color: #e6e6e6;
}

.chat-column {
    height: 570px !important;
    overflow: hidden;
    padding: 0px !important;
}

#userQuestionAddButton {
    background-color: rgb(62, 146, 210) !important;
    color: white !important;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    font-family: 'SegoeMDL2' !important;
}

#userQuestionText {
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

@font-face {
    font-family: 'SegoeMDL2';
    src: url("/Content/glyphs/segmdl2-webfont.woff2") format("woff2"), url("/Content/glyphs/segmdl2-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

#leftColumn,
#centralColumn,
#rightColumn {
    height: 100%;
    padding: 0px !important;
    margin: 0px !important;
}

#leftMessageBox {
    right: 0px !important;
}

#rightMessageBox {
    left: 0px !important;
}

#reTrainButton, #uploadButton, #labelQuestions {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

#reTrainButton {
    float: right;
}

#uploadButton {
    float: left;
}

#deleteFilesLink {
    float: left;
}

#labelQuestions {
    margin-left: auto !important;
    margin-right: auto !important;
}

.buttonIcon {
    font-family: 'SegoeMDL2' !important;
    padding-right: 10px;
}

/*Kb List Page*/

.kblist-margin{
    margin-right:20px;
    margin-left:30px;
    padding-right:80px;
}

.kblist-header {
    margin: 0px 0px 0px 0px;
}

.kblist-header-service-name,
.kblist-header-text {
    font-family: 'Segoe UI';
    font-size: 13px;
    color: #999999;
    letter-spacing: 0px;
    line-height: 17px;
    
}

.kblist-header-service-name{
    margin-left:50px;
}

.kblist-row {
    background: #FFFFFF;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
    vertical-align: middle;
    min-height: 50px;
    margin: 6px 0px;
    line-height: 20px;
}

.kblist-icon {
    height:50px;
    width:50px;
}

.kblist-row-text {
    line-height: 20px;
    vertical-align: middle;
}

.kblist-kbname {
    font-family: 'Segoe UI Semibold';
    font-size: 15px;
    color: #2b2b2b;
    letter-spacing: 0.12px;
    margin: 15px;
}

.kblist-date {
    font-family: 'Segoe UI';
    font-size: 14px;
    color: #2b2b2b;
    letter-spacing: 0.12px;
    margin: 15px 0px !important;
}

.kblist-link {
    font-family: 'Segoe UI Semibold';
    font-size: 15px;
    color: #3A96DD;
    letter-spacing: 0.12px;
    line-height: 20px;
    margin: 15px 0px;
}

.kblist-glyph,
.kblist-glyph:active,
.kblist-glyph:visited,
.kblist-glyph:hover {
    font-size: 20px;
    letter-spacing: 0.11px;
    line-height: 22px;
    text-decoration: none;
    color: #3A96DD;
    vertical-align: middle;
}

.kblist-glyph-margin,
.kblist-glyph-margin:active,
.kblist-glyph-margin:visited,
.kblist-glyph-margin:hover{
    margin-left:45px;
}

.myservice-viewCode-box{
    vertical-align:central;
}

.kblist-glyph-fix{
    margin-top:15px;
    margin-bottom:13px;
}

.kblist-col {
    min-height: 50px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#knowledge-base-page{
    background-color:#F2F2F2 !important;
}

@media (max-width: 992px) and (min-width: 768px)  {
      .kblist-glyph-margin,
.kblist-glyph-margin:active,
.kblist-glyph-margin:visited,
.kblist-glyph-margin:hover{
    margin-left:30px ;
}
 }
/*Preview*/
.preview-header {
    margin-top: 23px;
    margin-bottom: 52px;
}

.preview-kb-name {
    font-family: 'Segoe UI';
    font-size: 34px;
    color: #2B2B2B;
    letter-spacing: 0px;
    line-height: 46px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.preview-subtest {
    margin-top: 8px;
    font-family: 'Segoe UI Semilight';
    font-size: 15px;
    color: #767676;
    letter-spacing: 0px;
    line-height: 22px;
    margin-left: 10px;
}

.preview-subheading {
    font-family: 'Segoe UI Semibold';
    font-size: 18px;
    color: #2B2B2B;
    letter-spacing: 0px;
    line-height: 24px;
    margin-bottom:22px;
    margin-left:-5px;
    margin-right:12px;
}

.preview-row {
    border-bottom: 1px solid #CCCCCC;
}

#preview-table .tooltip-inner{
    max-width:500px;
}

#kblist-rows .tooltip-inner{
    max-width:500px;
}

#kbaction-header .tooltip-inner{
    max-width:500px;
}

#preview-heading .tooltip-inner{
    max-width:500px;
}
 
.preview-table-text,
.preview-table-source {
    font-family: 'Segoe UI';
    font-size: 15px;
    color: #2B2B2B;
    letter-spacing: 0px;
    line-height: 20px;
    padding: 12px 12px;
}

.preview-table-text {
    text-align: center;
}

.preview-table-header {
    font-family: 'Segoe UI';
    font-size: 13px;
    color: #999999;
    letter-spacing: 0px;
    line-height: 17px;
    padding: 8px 12px;
}

.preview-page-buttons {
    margin: 12px 0px;
}

.preview-page-footer-button{
    margin-top: 32px;
}

.preview-download-link {
    font-family: 'Segoe UI Semibold';
    font-size: 15px;
    letter-spacing: 0px;
    margin-left: -4px;
}

.preview-move-left{
    margin-left:-10px;
}

.previewSource:before {
    content: 'Source: ';
}

.previewProdCount:before {
    content: 'QnA in production: ';
}

.previewDraftCount:before {
    content: 'QnA in current draft: ';
}

.previewAdds:before {
    content: 'QnA added: ';
}

.previewDels:before {
    content: 'QnA deleted: ';
}


.previewSource:before,
.previewProdCount:before,
.previewDraftCount:before,
.previewAdds:before,
.previewDels:before {
    display: none;
}




/*Publish Page*/

.publish-header{
    margin-top: 46px;
    margin-bottom: 50px;
}

.publish-button-margin {
    margin-top: 23px;
    margin-bottom: 36px;
}

.publish-service-url {
    font-family: 'Segoe UI Semibold';
    font-size: 18px;
    color: #000000;
    letter-spacing: 0px;
    line-height: 24px;
    margin-top: 50px;
}

.publish-message {
    font-family: 'Segoe UI';
    font-size: 34px;
    color: #2B2B2B;
    letter-spacing: 0px;
    line-height: 46px;
    margin: 9px 0px;
}

.publish-subtest {
    font-family: 'Segoe UI Semilight';
    font-size: 15px;
    color: #767676;
    letter-spacing: 0px;
    line-height: 22px;
}

.publish-message-margin {
    margin: 30px 0px;
}

.publish-service-url-margin {
    margin-bottom: 20px;
}

.publish-service-footer-margin {
    margin-top: 45px;
}

.publish-url-box-margin {
    margin-top: 17px;
}

.publish-textarea-details{
    color:#2B2B2B;
    font:15px;
    font-family:'Segoe UI';
    letter-spacing:0.12px;
}

/*Dropdown menu*/
qnamaker-dropdown-answer,
.qnamaker-dropdown {
    -ms-border-radius: 2px;
    border-radius: 2px;
    width: 204px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 100;
}

.qnamaker-dropdown-rowTop,
.qnamaker-dropdown-row{
    background: #3A96DD;
    padding-top: 12px;
    padding-left:9px;
    font-family: 'Segoe UI Semibold';
    font-size: 16px;
    color: #FFFFFF;
    line-height: 16px;
    display: block;
}

.qnamaker-dropdown-rowTop{
    padding-bottom: 12px;
    padding-right:9px;
    height:40px;
}

.qnamaker-dropdown-row {
    padding-bottom:10px;
}

    .qnamaker-dropdown-row:hover,
    .qnamaker-dropdown-rowTop:hover {
        background-color: #6aafe5;
    }


/*Error Scenario*/
.error-value {
    border: 1px solid #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

/*Subscritpion Page*/
.custom-input-control {
    -ms-border-radius: 2px;
    border-radius: 2px;
    z-index: 0 !important;
}


/*Home Page*/
.homePage-header {
    color: white;
    background-color: #3A96DD;
    padding-top:20px;
}

.homePage-links-gettingStarted {
    margin-top: 30px;
    margin-bottom: 100px;
    color: white !important;
}


.homePage-gettingStarted {
    color: white !important;
    font-size: 15px;
    font-family: 'Segoe UI Bold';
    letter-spacing: 0.7px;
    line-height: 20px;
}

.homePage-divHeight{
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.homePage-videoDiv{
    margin-top:43px;
    width:auto;
    overflow:hidden;
    border-radius: 12px 12px 0 0;
    border: 8px solid white;
    border-bottom: 0;
}

#homePage-videoDivId{
}

.homepage-video {
    object-fit:cover;
    top: 0; 
    left: 0; 
    bottom:0;
    right:0;
    min-width: 100%;
    width:100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.embed-responsive-4by3 {
    padding-bottom:77.7%;
}

@media (max-width: 1366px) {
    .homePage-videoDiv {
        margin-top:106px;
        padding-bottom:77.3%;
    }
}

@media (max-width: 1200px){
    .homePage-videoDiv{
        margin-top:203px;
        padding-bottom:76.6%;
    }
}

@media (max-width: 992px) {
    .homePage-videoDiv{
        display:none;
    }
    .homePage-relativeServiceTitle,.homePage-Heading2,.homePage-copyPasteHeading,.homePage-heading1{
        font-size:40px !important;
    }
    .homePage-pannel1,.homePage-copyPasteDescription,.homePage-relativeServiceDescription{
        font-size:15px !important;
    }
}

.homePage-imageDiv{
    margin-top:100px;
    margin-bottom:100px;
    width:60%;
    margin-right:auto;
    margin-left:auto;
}

.homePage-segoe {
    line-height: 20px;
    vertical-align: middle;
    font-weight: lighter;
}

.homePage-copyPasteImageMargin{
    margin-top:130px;
}

.homePage-copyPasteHeading {
    margin-top: 100px;
    font-size: 46px;
    font-family: 'Segoe UI';
    font-weight: normal;
    letter-spacing: 0.2px;
    line-height: 58px;
}

.homePage-copyPasteDescription {
    margin-top: 50px;
    font-size: 20px;
    color: dimgrey;
    letter-spacing: 0.2px;
    line-height: 30px;
}

.homePage-links-startNow {
    margin-top: 30px;
    margin-bottom: 100px;
    color: #3A96DD !important;
}

.homePage-startNow {
    color: #3A96DD !important;
    font-size: 15px;
    font-family: 'Segoe UI Bold';
    letter-spacing: 0.7px;
    line-height: 20px;
}

.homePage-heading1 {
    margin-top: 30px;
    font-size: 62px;
    font-family: 'Segoe UI';
    font-weight: normal;
    letter-spacing: 0.2px;
    line-height: 70px;
}

.homePage-footer-p1 {
    margin-top: 16px;
    font-size: 15px;
    color: dimgrey;
}

.homePage-footerTitles {
    margin-top: 32px;
    font-size: 25px;
    font-family: 'Segoe UI Semibold';
}

.homePage-footerlinks {
    margin-top: 16px;
    margin-bottom: 100px;
    font-family: 'Segoe UI Semibold';
    color: #3A96DD !important;
}

.homePage-footerBackground {
    background-color: #F7F7F7;
}

.homePage-bodyBackground {
    background-color: white;
    width: 100% !important;
}

.homePage-leftMargin{
    margin-left:30px;
}

.homePage-relativeServiceTitle {
    margin-top: 100px;
    font-size: 50px;
}

.homePage-relativeServiceDescription {
    margin-top: 56px;
    font-size: 20px;
    color: dimgrey;
    letter-spacing: 0.2px;
    line-height: 30px;
    margin-bottom:100px;
}

.homePage-Heading2 {
    margin-top: 50px;
    font-size: 46px;
    font-family: 'Segoe UI';
    font-weight: normal;
    letter-spacing: 0.2px;
    line-height: 58px;
}

.homePage-ImageFooter {
    height: 96px;
}

.homePage-pannel1 {
    margin-top: 50px;
    font-size: 20px;
    font-family: 'Segoe UI';
    font-weight: normal !important;
    letter-spacing: 0.2px;
    line-height: 30px;
}

.homePage-footerPanel {
    padding: 20px;
}



/*Responsive Create Page*/
@media (min-width: 768px) {
    .lastModified:before,
    .lastPublished:before,
    .sampleRequestLink:before {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .kblist-header {
        display: none !important;
    }

    .kblist-col {
        min-height: 0px;
    }

    .kblist-date,
    .kblist-link {
        margin: 5px 50px !important;
    }

    .kblist-row {
        margin: 20px 0px;
    }
}

.lastModified:before {
    content: 'Last modified: ';
}

.lastPublished:before {
    content: 'Last published: ';
}

.sampleRequestLink:before {
    content: 'Sample Request: ';
}


/*Responsive Table page*/
@media (max-width: 768px) {
    .edit-kb-header {
        min-height: 0px;
        background: #FFFFFF;
    }

    .edit-kb-header-control-group {
        padding: 10px;
    }

    .edit-kb-header-actions {
        padding: 0px;
        text-align: center;
    }

    .action-button-group {
        float: none;
        text-align: center;
        margin: 10px;
        display: inline-block;
        vertical-align: top;
    }

    .delete-glyph,
    .qnamaker-button-action button-delete,
    .delete-text {
        float: none !important;
        text-align: center !important;
        margin: 15px;
    }

    .preview-table-header {
        display: none;
    }

    .preview-button-panel {
        text-align: center;
    }

    .preview-table-text {
        text-align: left;
    }

    .previewSource:before,
    .previewProdCount:before,
    .previewDraftCount:before,
    .previewAdds:before,
    .previewDels:before {
        display: initial;
        font-family: 'Segoe UI Semibold';
        font-size: 13px;
        color: #999999;
        letter-spacing: 0px;
        line-height: 17px;
        padding: 8px 12px;
    }

    .preview-subheading {
        margin-top:42px;
    }
}



/*Responsive Test Page*/
@media (max-width: 992px) {
    #leftColumn, #rightColumn {
        display: none !important;
    }

    .delete-button-aligner {
        text-align: center !important;
    }

    .button-delete {
        float: none !important;
    }
}
@media (min-width: 1366px) {
    .container {
        width: 1365px !important;
    }
}
/*Terms of use*/
.col-centered {
    float: none !important;
    margin: 0 auto;
    text-align: center;
}

.welcome-message-portal {
    color: #2B2B2B;
    font-size: 34px;
    letter-spacing: 0;
    margin-top: 28px;
    margin-bottom: 21px;
}


.portal-signup-container {
    background-color: #FFFFFF;
}

.welcome-sub-msg-portal {
    margin-bottom: 35px;
    font-family: Segoe UI;
    font-size: 15px;
    color: #2B2B2B;
    line-height: 22px;
    text-align: center;
}

.signup-a {
    color: #003C00;
}

.kbActions-backgroundcolor {
    background-color:#F2F2F2;
}

.kbaction-page-top-margin{
     margin-top:122px;
}

.edit-page-top-margin{
    margin-top:160px;
}

@media (max-width: 1199px) {
    .edit-page-top-margin {
        margin-top:240px !important;
    }

    .bannerAdjust {
        padding-top: 50px;
    }
}

@media (max-width: 768px) {
    .edit-page-top-margin {
        margin-top:210px !important;
    }

    .bannerT {
        padding-top: 17px !important;
    }

    .bannerAdjust {
        padding-top: 40px;
    }
}

@media (max-width: 726px) {
    #bannerAn {
        line-height: 25px !important;
    }

    .bannerT {
        padding-top: 8px !important;
    }
}

@media (max-width: 452px) {
    #kbaction-header.navbar-fixed-top{
        position:static;
    }
    .edit-page-top-margin {
        margin-top:auto !important;
    }
    .kbaction-page-top-margin{
     margin-top:auto !important;
    }

    #bannerAn {
        line-height: 23px !important;
    }

    .bannerT {
        padding-top: 6px !important;
    }

    .bannerAdjust {
        padding-top: 0px;
    }
}

@media (max-width: 368px) {
     #bannerAn {
        line-height: 18px !important;
    }
}