/*
 *
 * ADOBE CONFIDENTIAL
 * __________________
 *
 *  Copyright 2014 Adobe Systems Incorporated
 *  All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */

@font-face {
    font-family: "SCFIcons";
    src: url("../../../libs/clientlibs/social/commons/scf/resources/AdobeIcons-74324ff07761daf4c31d04544b133fef.eot");
    src: url("../../../libs/clientlibs/social/commons/scf/resources/AdobeIcons-74324ff07761daf4c31d04544b133fef.eot?#iefix") format("embedded-opentype"), url("../../../libs/clientlibs/social/commons/scf/resources/AdobeIcons-74324ff07761daf4c31d04544b133fef.woff") format("woff"), url("../../../libs/clientlibs/social/commons/scf/resources/AdobeIcons-74324ff07761daf4c31d04544b133fef.ttf") format("truetype"), url("../../../libs/clientlibs/social/commons/scf/resources/icons/AdobeIcons-74324ff07761daf4c31d04544b133fef.svg?#webfont") format("svg");
    font-weight: normal;
    font-style: normal;
}

.scf {
    font-family: helvetica, arial;
    color: #4B4B4B;
}

.scf h4 {
    font-size: 14px;
    color: #4b4b4b;
    margin: 10px 0;
}

.scf h2 {
    font-size: 24px;
    color: #4B4B4B;
    margin: 0px;
    font-weight: 100;
}

.scf .scf-link {
    font-size: 14px;
    color: #4191D2;
    cursor: pointer;
}

.scf .scf-link:visited {
    color: #96509B;
}

.scf .scf-link:hover {
    text-decoration: underline;
}

.scf .scf-quiet {
    font-size: 12px;
    color: #969696;
}

.scf .scf-clear-both {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.scf-is-hidden {
    display: none;
}

.scf [class^="scf-icon-"] {
    font-family: SCFIcons;
}

.scf [class^="scf-icon-"].large {
    font-size: 32px;
}

.scf-icon-comment:before {
    content: "\f159";
    font-family: SCFIcons;
}

.scf-icon-viewOff:before {
    content: "\f2a7";
    font-family: SCFIcons;
}

.scf-icon-fullscreen:before {
    content: "\f1c2";
    font-family: SCFIcons;
}

.scf-modal-screen {
    z-index: 2000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background-color: #000000;
}

.scf-modal-dialog {
    z-index: 2200;
    position: fixed;
    top: 100px;
    left: 100px;
    min-width: 300px;
    padding: 15px;
    background-color: #3C3C3C;
    color: #FFFFFF;
    text-align: center;
}

.scf-modal-dialog h2 {
    color: #FFFFFF;
    margin-bottom: 10px;
    text-align: left;
    line-height: 24px;
}

.scf-modal-dialog input,
.scf-modal-dialog select,
.scf-modal-dialog option,
.scf-modal-dialog textarea {
    color: #333333;
}

.scf-modal-close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 20px;
    font-weight: 100;
    cursor: pointer;
    line-height: 24px;
}

.scf-error {
    border: 2px solid !important;
    border-color: #EB413C !important;
}

.scf-js-error-message {
    background-color: #EB413C;
    color: #FFFFFF;
    border-radius: 6px;
}

.scf-js-error-message:before {
    font-family: SCFIcons;
    content: "\f10d";
    padding-left: 5px;
    padding-right: 5px;
}

.scf-icon-dblright:before {
    content: "   ";
    font-size: 14px;
    font-family: SCFIcons;
}

.scf-horizontal-tag-list {
    display: inline;
    padding: 0px;
}

.scf-horizontal-tag-list li {
    display: inline-block;
    list-style-type: none;
    margin-bottom: 5px;
}

.scf-selected-tag {
    padding: 5px;
    margin-right: 5px;
    background-color: #969696;
    color: #FFFFFF;
    font-size: 13px;
}

.scf-selected-tag .scf-remove-tag:before {
    font-family: SCFIcons;
    content: "\f14d";
}

.scf-icon-folder:before {
    content: "";
    font-family: SCFIcons;
}

.scf-icon-gear-after:after {
    content: "\f1c5";
    font-family: SCFIcons;
}

.scf-icon-add:before {
    content: "\f106";
    font-family: SCFIcons;
}

.scf-icon-attachment:before {
    content: "";
    font-family: SCFIcons;
}

.scf-icon-check-after:after {
    content: "\f145";
    font-family: SCFIcons;
}

.scf-icon-camera:before {
    content: "\f13b";
    font-family: SCFIcons;
}

.scf-icon-image:before {
    content: "\f1ed";
    font-family: SCFIcons;
}

.scf-icon-calendar:before {
    content: "\f137";
    font-family: SCFIcons;
}

.scf-icon-delete:before {
    content: "\f171";
    font-family: SCFIcons;
}


/*Arrows*/

.scf-icon-right:before {
    content: "\f102";
}

.scf-icon-left:before {
    content: "\f101";
}


/****** pagination styles **********/

.scf-pages {
    margin: 10px 0;
    padding: 5px 0;
}

.scf-pages-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.scf-pages-list:first-child {
    border-top: solid;
    border-width: 1px;
    border-color: #E6E6E6;
}

.scf-pages-list:last-child {
    border-bottom: solid;
    border-width: 1px;
    border-color: #E6E6E6;
}

.scf-pages-list-item {
    display: inline-block;
    margin: 3px 0px;
}

.scf-page {
    cursor: pointer;
    display: inline-block;
    padding: 1px 3px;
    border: 1px solid #227ECB;
    min-width: 16px;
    text-align: center;
}

a.scf-currentPage {
    color: #FFFFFF;
    border: none;
    background: #DCDCDC;
    cursor: default;
}

.scf .scf-load-more {
    display: block;
    text-align: right;
    font-size: 12px;
}

.scf .scf-replies-count {
    display: inline-block;
}

.scf-overlay-header h3 {
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
}

.scf-is-overlay-hidden {
    display: none;
}

.scf-action-container .scf-action-item {
    float: left;
    margin: 6px 10px 6px 0;
}

/*
 *  Copyright 2018 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.cmp-tabs__tab {
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  padding: .5rem 1rem;
  cursor: pointer;
}
.cmp-tabs__tab--active {
  border-color: inherit;
}
.cmp-tabs__tabpanel {
  display: none;
}
.cmp-tabs__tabpanel--active {
  display: block;
}

/*
 *  Copyright 2018 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-carousel__content {
  position: relative;
}
.cmp-carousel__item {
  display: none;
}
.cmp-carousel__item--active {
  display: block;
}
.cmp-carousel__action {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cmp-carousel__indicators {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cmp-carousel__indicator {
  position: relative;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  margin: 0 7px;
  border-radius: 50%;
  font-size: 0;
  text-indent: -3000px;
  background-color: rgba(0, 0, 0, 0.5);
}
.cmp-carousel__indicator--active {
  background-color: rgba(0, 0, 0, 0.8);
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define image */
.cmp-image__image {
  width: 100%;
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define breadcrumb */
.cmp-breadcrumb {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.cmp-breadcrumb__item {
  display: inline-block;
  vertical-align: top;
}

/*
 *
 * ADOBE CONFIDENTIAL
 * __________________
 *
 *  Copyright 2014 Adobe Systems Incorporated
 *  All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */


/* This element is set as the anchor for the dropdown in the js
   during autocomplete init. This rule keeps dropdown on top of
   other positioned elements.
   z-index can be adjusted higher if needed */

.scf-quicksearch-form-group {
    position: relative;
    z-index: 101;
}

.scf-quicksearch-form-group ul.ui-autocomplete {
    width: 400px;
}


/* Have to override jquery ui font back to standard bootstrap.
   Ideally shoud be using bootstrap less vars here */

.scf-quicksearch-form-group .ui-menu-item {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.scf-quicksearch-form-group .ui-menu-item .glyphicon {
    display: inline-block;
    margin: 7px 10px 0 0;
}

.scf-quicksearch-form-group .scf-quicksearch-item-url {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    margin-left: 25px;
    width: 320px;
    font-size: 12px;
}

.ui-autocomplete {
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*
 *  Copyright 2016 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.core-form-control {
  display: block;
  width: 100%;
}

@font-face {
  font-family: "VM Circular Chat Book";
  src: url(../../../etc/designs/vmbuk-b2b-v1/clientlibs/clientlib-site/fonts/VMCircularChat-Book.otf);
}

@font-face {
  font-family: "VM Circular Chat Book Italic";
  font-style: italic;
  src: url(../../../etc/designs/vmbuk-b2b-v1/clientlibs/clientlib-site/fonts/VMCircularChat-BookItalic.otf);
}

@font-face {
  font-family: "VM Circular Natter";
  src: url(../../../etc/designs/vmbuk-b2b-v1/clientlibs/clientlib-site/fonts/VMCircularNatter-Medium.otf);
}

@font-face {
  font-family: "VM Circular Natter Italic";
  font-style: italic;
  src: url(../../../etc/designs/vmbuk-b2b-v1/clientlibs/clientlib-site/fonts/VMCircularNatter-MediumItalic.otf);
}

@font-face {
  font-family: "VM Circular Shout";
  src: url(../../../etc/designs/vmbuk-b2b-v1/clientlibs/clientlib-site/fonts/VMCircularShout-Bold.otf);
}

@font-face {
  font-family: "VM Circular Shout Italic";
  font-style: italic;
  src: url(../../../etc/designs/vmbuk-b2b-v1/clientlibs/clientlib-site/fonts/VMCircularShout-BoldItalic.otf);
}

@font-face{
  font-family: "VM Circular Whisper";
  src: url(../../../etc/designs/vmbuk-b2b-v1/clientlibs/clientlib-site/fonts/VMCircularWhisper-Light.otf);
}

@font-face {
  font-family: "VM Circular Whisper Italic";
  font-style: italic;
  src: url(../../../etc/designs/vmbuk-b2b-v1/clientlibs/clientlib-site/fonts/VMCircularWhisper-LightItalic.otf);
}

@font-face {
  font-family: "VM Circular Yell Black";
  src: url(../../../etc/designs/vmbuk-b2b-v1/clientlibs/clientlib-site/fonts/VMCircularYell-Black.otf);
}

@font-face {
  font-family: "VM Circular Yell Black Italic";
  font-style: italic;
  src: url(../../../etc/designs/vmbuk-b2b-v1/clientlibs/clientlib-site/fonts/VMCircularYell-BlackItalic.otf);
}