/* GLOBAL STYLES */

/* ADA */

.bb-button,
.bb-input {
    /* removes ugly default browser outline */
    outline: none;
}

    .bb-input:focus {
        /* outline on any focus */
        /*outline: 1px solid #C575D5;*/
        outline: none;
    }

    .bb-button:focus:not(:hover),
    .bb-accordion-heading:focus:not(:hover) {
        /* outline on focus by keyboard only */
        /*outline: 1px solid #C575D5;*/
        outline: none;
    }

.ui-widget-content .tab-item.ui-tabs-selected.ui-state-active:focus:not(:hover),
.ui-widget-content .tab-item:focus:not(:hover) {
    /*background-color: #C575D5;*/
}

.tab-item:focus:not(:hover) {
    /* fix outline for tabs */
    /*border-right: 1px solid #C575D5;*/
}

/* END ADA */

/* WIDGETS */

.bb-widget *, .bb-widget *:before, .bb-widget *:after {
    /* set box sizing for everything in a widget */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bb-widget {
    /* main widget container. holds header, detail, and footer */
    width: 100%;
    display: block;
    font-family: 'OpenSans-Regular';
    font-size: 12px; /* sets the baseline */
}

.bb-widget-header {
    /* header goes inside widget */
    overflow: visible;
    position: relative;
    background-color: #f8f8f8;
    border-bottom: 1px solid #cdcdcd;
}

.bb-widget-header-buttons {
    position: absolute;
    right: 20px;
    top: 10px;
}

.bb-widget-detail {
    /* detail goes inside widget */
    background-color: white;
    position: relative;
}

.bb-widget-title {
    /* h1 inside widget header */
    font-family: 'Noto-Serif';
    font-size: 2.2em;
    font-weight: normal;
    color: #333;
    margin: 20px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.bb-widget-description {
    /* p inside widget header */
    margin: -15px 0 20px 22px;
    color: #757575;
    font-size: .9em;
}

/* commented temporarily
 div.section-layer-close:focus:not(:hover) {
    outline: 2px solid #c575d5;
    background-color: #333 !important;
}

div.section-layer-close:focus {
    outline: 1px solid #c575d5;
}
    */

/* END WIDGETS */



/* BUTTONS */

.bb-buttons {
    /* holds a group of buttons in widget footer */
    text-align: right;
    padding: 20px 30px 30px 30px;
    position: relative;
}

.bb-buttons-left {
    /* holds a group of buttons in widget footer */
    text-align: left;
    padding: 20px;
}

.bb-buttons-toolbar {
    text-align: left;
    padding: 20px;
}

.bb-button {
    /* all buttons get this class plus any other classes below */
    font-family: 'OpenSans-SemiBold';
    font-size: 1em;
    text-transform: uppercase;
    border: 1px solid #cccccc;
    padding: 5px 15px 5px 15px;
    border-radius: 2px;
    background-color: #efefef;
    color: #666666;
    cursor: pointer;
    position: relative;
    margin: 0 0 0 10px;
    display: inline-block; /* covers old version using anchor tags */
}


.bb-buttons-left .bb-button {
    margin: 0 10px 0 0;
}

.bb-button-toolbar {
    margin: 0 10px 0 0;
    font-size: .8em;
}

.bb-button-list {
    margin: 10px 0 10px 10px;
    font-size: .8em;
    padding: 3px 10px 3px 10px;
}

.bb-button-warning:hover {
    background-color: #E51B10;
    color: white;
}

.bb-button:active {
    transform: translateY(1px);
}

.bb-button-primary {
    /* add to primary buttons */
    border: 1px solid #999999;
}

.bb-button-icon {
    /* add to buttons containing an icon */
    border: 0;
    background: transparent;
    margin: 10px;
}

    .bb-button-icon img,
    .bb-button-icon span {
        /* sets default size of image in icon button */
        height: 40px;
        width: 40px;
        display: inline-block;
    }

    .bb-button-icon p {
        /* sets text style for icon buttons */
        margin: 0;
        font-family: 'OpenSans-Regular';
        text-transform: none;
    }

.bb-button-icon-selected {
    /* selected style for icon buttons */
    /*border: 1px dashed green;*/
}

.bb-button-icon-header {
    /* buttons in widget header */
    margin: 0;
    width: auto;
    padding: 20px;
    transition: all .1s ease-in-out;
    border-radius: 0;
}

    .bb-button-icon-header:after {
        /* buttons in widget header */
        /*content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  height: 0;
  transition-property: height;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;*/
    }

    .bb-button-icon-header:hover:after {
        /*height: 4px;*/
    }


    .bb-button-icon-header img {
        /* image in widget header buttons */
        height: 24px;
        width: 24px;
    }

    .bb-button-icon-header p {
        /* text in widget header buttons */
        font-size: .8em;
        color: #757575;
        margin-bottom: 20px;
    }

/*.bb-button-icon-header:hover p {
  /* hover text in widget header buttons
  color: #000000;
  border-bottom: 6px solid #000000;
}*/

.bb-button-menu-list {
    position: absolute;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 9999999;
    width: 104%;
}

.bb-button-menu {
    border: 0;
    display: block;
    margin: 0;
    text-transform: none;
    font-family: 'OpenSans-Regular';
    font-size: 1.1em;
    min-width: 175px;
    text-align: left;
    padding: 10px 40px 10px 20px;
    background-color: white;
    width:102%;
}

    .bb-button-menu img {
        height: 16px;
        width: 16px;
        vertical-align: middle;
        margin-left: -5px;
        margin-right: 5px;
    }

        .bb-button-menu img:after {
            content: "";
            position: absolute;
            display: block;
            padding-left: 20px;
            height: 1px;
            background-color: #efefef;
        }

.bb-button-menu-list li:hover .bb-button-menu {
    background-color: #efefef;
    cursor: pointer;
}

.bb-button-menu-list li:hover .bb-button-menu {
    color: #000;
}

/* END BUTTONS */


/* TEXT */

.bb-heading {
    /* typically an h1 */
    font-size: 2em;
    margin: 20px;
}

.bb-subheading {
    /* typically an h2 */
    font-size: 1.5em;
    margin: 20px;
}

.bb-subheading-short-margin {
    margin: 10px 20px 10px 20px;
}

.bb-description {
    font-size: .9em;
    margin: 20px;
    line-height: 1.5em;
    font-family: 'OpenSans-Regular';
}

.bb-tooltip {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    border-radius: 3px;
    padding: 3px;
    display: inline-block;
    position: absolute;
}

.bb-tooltip-above:after {
    width: 0;
    height: 0;
    position: absolute;
    border-width: 8px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    content: "";
    bottom: -16px;
    margin-left: -8px;
    left: 50%;
}

.bb-tooltip-header {
    top: -30px;
    width: 100px;
    left: 0;
}

/* show tooltips */
.bb-button-icon-header:hover .bb-tooltip {
    visibility: visible;
}

/* END TEXT */


/* FORMS */

.bb-form-group {
    /* goes around each label / element pair */
    padding: 5px;
    margin: 5px 15px 5px 15px;
}



    .bb-form-group.grid-container {
        padding-left: 5px;
        padding-right: 5px;
        margin: 5px 15px 5px 15px;
    }

    .bb-form-group .bb-form-group.grid-container {
        padding-left: 0;
        padding-right: 0;
        margin: 5px 0 5px 0;
    }

    .bb-form-group.grid-container > div {
        padding-left: 0;
        margin-left: 0;
    }



.bb-label {
    /* add to all form labels */
    display: block;
    font-family: 'OpenSans-SemiBold';
    font-size: 1.15em;
    padding: 0;
    margin: 0 0 5px 0;
}

.bb-label-heading {
    /* add to make larger form label */
    font-size: 1.45em;
}

.bb-label-small {
    font-size: .8em;
}

.bb-label-light {
    font-family: 'OpenSans-Light';
}

.bb-input {
    font-size: 1.3em;
    font-family: 'OpenSans-Light';
    padding: 5px;
    margin: 5px 0 0 0;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
}

.bb-input-filter {
    width: 300px;
    background-image: url('data:image/png;base64,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');
    background-repeat: no-repeat;
    background-size: 25px;
    padding-left: 35px;
    background-position-x: 3px;
    background-position-y: 3px;
}

.bb-textarea {
    font-size: 1.3em;
    font-family: 'OpenSans-Light';
    padding: 5px;
    margin: 5px 0 0 0;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
}

.bb-select {
    font-size: 1.3em;
    font-family: 'OpenSans-Light';
    padding: 5px;
    margin: 5px 0 0 0;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
}

hr.form-divider {
    border: 1px solid #ccc;
    margin: 10px 0;
}

/* END FORMS */


/* HELPERS */
/* helpers get important to be sure they always work */
/* they are meant to always override default styling */

.bb-color-critical {
    /* adds critical coloring */
    color: #ff4939 !important;
}

.bb-color-warning {
    /* adds warning coloring */
    color: #ffe12b !important;
}

.bb-scroll-auto {
    overflow: auto;
}

.bb-scroll-none {
    overflow: hidden;
}

.bb-break-all {
    word-break: break-all !important;
}

.bb-margin-zero {
    margin: 0 !important;
}

.bb-margin-zero-bottom {
    margin-bottom: 0 !important;
}

.bb-margin-indent-one {
    margin-left: 20px;
}

/* END HELPERS */


/* MISC ELEMENTS */

.bb-hr {
    border: 1px solid #cdcdcd;
    border-bottom: 0;
    margin: 20px 10px 20px 10px;
}
/* SCB-5289 IE11 SVG scaling issues */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ui-widget.image img[src$=".svg"] {
        width: 100%;
    }

    .app-edit-content img[src$=".svg"] {
        width: 100%;
    }
}

/* END MISC ELEMENTS */


/* TABS - JQUERY UI */

div.ui-widget.tab-container {
    /* outer container for tabs */
    padding: 10px;
    margin: 0;
    background-color: transparent;
    border: 0;
}

.ui-tabs .ui-tabs-nav.tab-list {
    /* ul for a tab list */
    display: inline-block;
    margin: 0 0 10px 0;
    border: 1px solid #cdcdcd;
    border-radius: 18px;
    overflow: hidden;
    height: 30px;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li.tab-item {
    /* li in a tab list */
    float: left;
    display: inline-block;
    border-right: 1px solid #cdcdcd;
    line-height: 1;
    height: 100%;
    padding: 8px;
    margin: 0;
    text-align: center;
    position: initial;
}

    .ui-tabs .ui-tabs-nav li.tab-item:last-child {
        /* adds right border to last tab in a group */
        border-right: 0;
    }

.tab-container.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .tab-container.ui-tabs .ui-tabs-nav li.ui-state-disabled a, .tab-container.ui-tabs .ui-tabs-nav li.ui-state-processing a, .ui-state-default a.tab-text, .ui-state-default a.tab-text:link, .ui-state-default a.tab-text:visited {
    /* styles text on each tab */
    cursor: pointer;
    font-family: 'OpenSans-Regular';
    color: #A4A4A4;
    display: block;
    padding: 0 20px 0 20px;
    height: 100%;
    float: none;
}

.ui-widget-content .tab-item.ui-tabs-selected.ui-state-active {
    /* sets styles on selected tab */
    /* junky selector - need to override jquery ui css file */
    background-color: #ffffff;
}

    .ui-widget-content .tab-item.ui-tabs-selected.ui-state-active .tab-text {
        /* sets text styles on selected tab */
        /* junky selector - need to override jquery ui css file */
        font-family: 'OpenSans-SemiBold';
        color: #333333;
    }

.tab-container.ui-tabs .tab-panel.ui-tabs-panel {
    padding: 0;
}

/* END TABS - JQUERY UI */


/* ACCORDION - JQUERY UI */

.acc-container.ui-widget {
    /* main container to hold accordion */
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
}

.acc-container.ui-accordion .acc-item.ui-accordion-header {
    /* each header item in accordion */
    display: block;
    background-color: #efefef;
    padding: 10px 20px 10px 20px;
    font-family: 'OpenSans-Regular';
    color: #333333;
    font-size: 1em;
    margin: 0;
    font-weight: normal;
}

.acc-container.ui-accordion .acc-item.ui-accordion-header-active {
    font-family: 'OpenSans-SemiBold';
}

.acc-container.ui-accordion .acc-item.ui-accordion-header::after {
    /* sets the icon for accordion headings */
    /* junky selector - necessary */
    /*content: "\25BA";*/
    content: "";
    width: 12px;
    height: 7px;
    display: inline-block;
    background-image: url('../Images/Icons/PageEditing/accent_chevron_down.svg');
    background-size: contain;
    /*background-position-y: 2px;*/
    /*margin-right: 5px;*/
    position: absolute;
    right: 20px;
    top: 15px;
}

.acc-container.ui-accordion .acc-item.ui-accordion-header-active::after {
    /* sets the icon for selected accordion item */
    /* junky selector - necessary */
    background-image: url('../Images/Icons/PageEditing/accent_chevron_up.svg');
    /*content: "\25BC";*/
}

.acc-container.ui-accordion .acc-item .ui-accordion-header-icon.ui-icon.ui-state.active,
.acc-container.ui-accordion .acc-item .ui-accordion-header-icon.ui-icon {
    /* junky selector - necessary */
    background-image: none;
}

.acc-container.ui-accordion .ui-accordion-content {
    padding: 0;
    overflow-x: hidden !important;
}

/* END ACCORDION - JQUERY UI */


/* DROPDOWN */

.bb-dropdown {
    position: relative;
    display: inline-block;
    cursor: default;
    font-family: 'OpenSans-light', sans-serif;
    font-size: 16px;
    color: #333;
}

    .bb-dropdown > span {
        height: 30px;
        display: inline-block;
        font-family: 'OpenSans-light', sans-serif;
        border-left: #dadada 1px solid;
        padding-left: 20px;
        font-size: 18px;
        color: #333;
    }

        .bb-dropdown > span:after {
            content: "\25BE";
            margin-left: 8px;
            color: #181818;
        }

.bb-dropdown-items {
    display: none;
    position: absolute;
    width: auto;
    background-color: #fefefe;
    min-width: 230px;
    box-shadow: 0 1px 1px 0px rgba(0,0,0,0.2);
    border: 6px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0px;
    z-index: 10000;
    font-size: 14px;
}

    .bb-dropdown-items > p {
        padding: 15px 20px 15px 40px;
        margin: 0;
        width: auto;
    }

        .bb-dropdown-items > p.selected {
            padding: 15px 20px 15px 15px;
        }

            .bb-dropdown-items > p.selected:before {
                /* content: '\2713'; */
                margin: 0 10px 0 0;
                content: "";
                width: 14px;
                height: 11px;
                display: inline-block;
                background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAAXNSR0IArs4c6QAAAQZJREFUKBVjYCARPJv5jAukhZEUfTcnPDL9w/B/lSAnqzYTsRpvTH6h+IeRYQMTE0OeVLrUN6I0Xp3zWOjPv5/bGP8ztGrmyW8GWQbWCHM3NttvT/rPzvD1/wag3CatArlpMDVMIE3vv/++en3SY3uYIIz+//8/469/jxcy/Gd4pp0nVwETB9FMYPcyMSX8+/9/NbrmaxMfdQKDT4qNSTaekRHoUCQAdqpmnuxBJkbGUGTN1yY8yvrPyODLwM0YoJrH+BNJD5iJEh3XJz92+Pfv/yoGhv9AvzCmMjOx2WjkStxH1wTio2gECdyY+MTxL8O/lQyMjD7aebKnQGJEg6tTX/EQUgwA35JgtwkUUAEAAAAASUVORK5CYII=');
            }

    .bb-dropdown-items p:hover {
        background-color: #efefef;
    }

    .bb-dropdown-items p:active {
        background-color: #181818;
        color: white;
    }

.bb-dropdown:hover .bb-dropdown-items {
    display: block;
}

/* END DROPDOWN */


/* ICON DROPDOWN MENU */

.bb-button:hover .bb-dropdown-menu {
    display: inherit;
}

.bb-dropdown-menu {
    width: auto;
    display: inline-block;
    border-radius: 2px;
    position: absolute;
    border: 1px solid black;
    min-width: 120px;
    margin-top: 15px;
}

.bb-dropdown-menu-left {
    right: 0;
}

.bb-dropdown-menu:before {
    width: 0;
    height: 0;
    position: absolute;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
    content: "";
    top: -15px;
}

.bb-dropdown-menu-left:before {
    right: 17px;
}

.bb-dropdown-menu p {
    white-space: nowrap;
    padding: 5px 10px 5px 10px;
    text-align: left;
}

/* END ICON DROPDOWN MENU */