.daterangepicker {
    background-color: #fff;
    border-radius: 4px;
    color: inherit;
    left: 20px;
    margin-top: 1px;
    position: absolute;
    top: 100px;
    width: 278px
}

.daterangepicker:after,.daterangepicker:before {
    border-bottom-color: rgba(0,0,0,.2);
    content: "";
    display: inline-block;
    position: absolute
}

.daterangepicker:before {
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    top: -7px
}

.daterangepicker:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: -6px
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.openscenter:after,.daterangepicker.openscenter:before {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    width: 0
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.dropup {
    margin-top: -5px
}

.daterangepicker.dropup:before {
    border-bottom: initial;
    border-top: 7px solid #ccc;
    bottom: -7px;
    top: auto
}

.daterangepicker.dropup:after {
    border-bottom: initial;
    border-top: 6px solid #fff;
    bottom: -6px;
    top: auto
}

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001
}

.daterangepicker.single .calendar,.daterangepicker.single .ranges {
    float: none
}

.daterangepicker.show-calendar .calendar {
    display: block
}

.daterangepicker .calendar {
    display: none;
    margin: 4px;
    max-width: 270px
}

.daterangepicker .calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar td,.daterangepicker .calendar th {
    min-width: 32px;
    text-align: center;
    white-space: nowrap
}

.daterangepicker .calendar-table {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 4px
}

.daterangepicker table {
    margin: 0;
    width: 100%
}

.daterangepicker td,.daterangepicker th {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    height: 20px;
    text-align: center;
    white-space: nowrap;
    width: 20px
}

.daterangepicker td.available:hover,.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit
}

.daterangepicker td.week,.daterangepicker th.week {
    color: #ccc;
    font-size: 80%
}

.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: transparent;
    color: #999
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    border-radius: 0;
    color: #000
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px
}

.daterangepicker td.active,.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker option.disabled,.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker select.monthselect,.daterangepicker select.yearselect {
    cursor: default;
    font-size: 12px;
    height: auto;
    margin: 0;
    padding: 1px
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect {
    margin-bottom: 0;
    width: 50px
}

.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 0 5px;
    padding: 0 6px 0 28px;
    vertical-align: middle;
    width: 100%
}

.daterangepicker .input-mini.active {
    border: 1px solid #08c;
    border-radius: 4px
}

.daterangepicker .daterangepicker_input {
    position: relative
}

.daterangepicker .daterangepicker_input i {
    left: 10px;
    position: absolute;
    top: 6px
}

.daterangepicker.rtl .input-mini {
    padding-left: 6px;
    padding-right: 28px
}

.daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px
}

.daterangepicker .calendar-time {
    line-height: 30px;
    margin: 5px auto;
    padding-left: 28px;
    position: relative;
    text-align: center
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.ranges {
    float: none;
    font-size: 11px;
    margin: 4px;
    text-align: left
}

.ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.ranges li {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    cursor: pointer;
    font-size: 13px;
    margin-bottom: 8px;
    padding: 3px 12px
}

.ranges li.active,.ranges li:hover {
    background-color: #08c;
    border: 1px solid #08c;
    color: #fff
}

@media (min-width: 564px) {
    .daterangepicker {
        width:auto
    }

    .daterangepicker .ranges ul {
        width: 160px
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .calendar.left {
        clear: none
    }

    .daterangepicker.single.ltr .calendar,.daterangepicker.single.ltr .ranges {
        float: left
    }

    .daterangepicker.single.rtl .calendar,.daterangepicker.single.rtl .ranges {
        float: right
    }

    .daterangepicker.ltr {
        direction: ltr;
        text-align: left
    }

    .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker.ltr .calendar.left .calendar-table {
        border-bottom-right-radius: 0;
        border-right: none;
        border-top-right-radius: 0
    }

    .daterangepicker.ltr .calendar.right {
        margin-left: 0
    }

    .daterangepicker.ltr .calendar.right .calendar-table {
        border-bottom-left-radius: 0;
        border-left: none;
        border-top-left-radius: 0
    }

    .daterangepicker.ltr .calendar.left .calendar-table,.daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px
    }

    .daterangepicker.ltr .calendar,.daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl {
        direction: rtl;
        text-align: right
    }

    .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0
    }

    .daterangepicker.rtl .calendar.left .calendar-table {
        border-bottom-left-radius: 0;
        border-left: none;
        border-top-left-radius: 0
    }

    .daterangepicker.rtl .calendar.right {
        margin-right: 0
    }

    .daterangepicker.rtl .calendar.right .calendar-table {
        border-bottom-right-radius: 0;
        border-right: none;
        border-top-right-radius: 0
    }

    .daterangepicker.rtl .calendar.left .calendar-table,.daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px
    }

    .daterangepicker.rtl .calendar,.daterangepicker.rtl .ranges {
        float: right;
        text-align: right
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width:auto
    }

    .daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .calendar.left {
        clear: none!important
    }
}

.fc-not-allowed,.fc-not-allowed .fc-event {
    cursor: not-allowed
}

.fc-unselectable {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fc {
    display: flex;
    flex-direction: column;
    font-size: 1em
}

.fc,.fc *,.fc :after,.fc :before {
    box-sizing: border-box
}

.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em
}

.fc th {
    text-align: center
}

.fc td,.fc th {
    padding: 0;
    vertical-align: top
}

.fc a[data-navlink] {
    cursor: pointer
}

.fc a[data-navlink]:hover {
    text-decoration: underline
}

.fc-direction-ltr {
    direction: ltr;
    text-align: left
}

.fc-direction-rtl {
    direction: rtl;
    text-align: right
}

.fc-theme-standard td,.fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color,#ddd)
}

.fc-liquid-hack td,.fc-liquid-hack th {
    position: relative
}

@font-face {
    font-family: fcicons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype")
}

.fc-icon {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: fcicons!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    text-align: center;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1em
}

.fc-icon-chevron-left:before {
    content: "\e900"
}

.fc-icon-chevron-right:before {
    content: "\e901"
}

.fc-icon-chevrons-left:before {
    content: "\e902"
}

.fc-icon-chevrons-right:before {
    content: "\e903"
}

.fc-icon-minus-square:before {
    content: "\e904"
}

.fc-icon-plus-square:before {
    content: "\e905"
}

.fc-icon-x:before {
    content: "\e906"
}

.fc .fc-button {
    border-radius: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none
}

.fc .fc-button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

.fc .fc-button {
    -webkit-appearance: button
}

.fc .fc-button:not(:disabled) {
    cursor: pointer
}

.fc .fc-button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

.fc .fc-button {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25em;
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    padding: .4em .65em;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

.fc .fc-button:hover {
    text-decoration: none
}

.fc .fc-button:focus {
    box-shadow: 0 0 0 .2rem rgba(44,62,80,.25);
    outline: 0
}

.fc .fc-button:disabled {
    opacity: .65
}

.fc .fc-button-primary {
    background-color: #2c3e50;
    background-color: var(--fc-button-bg-color,#2c3e50);
    border-color: #2c3e50;
    border-color: var(--fc-button-border-color,#2c3e50);
    color: #fff;
    color: var(--fc-button-text-color,#fff)
}

.fc .fc-button-primary:hover {
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color,#1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color,#1a252f);
    color: #fff;
    color: var(--fc-button-text-color,#fff)
}

.fc .fc-button-primary:disabled {
    background-color: #2c3e50;
    background-color: var(--fc-button-bg-color,#2c3e50);
    border-color: #2c3e50;
    border-color: var(--fc-button-border-color,#2c3e50);
    color: #fff;
    color: var(--fc-button-text-color,#fff)
}

.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(76,91,106,.5)
}

.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active {
    background-color: #1a252f;
    background-color: var(--fc-button-active-bg-color,#1a252f);
    border-color: #151e27;
    border-color: var(--fc-button-active-border-color,#151e27);
    color: #fff;
    color: var(--fc-button-text-color,#fff)
}

.fc .fc-button-primary:not(:disabled).fc-button-active:focus,.fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(76,91,106,.5)
}

.fc .fc-button .fc-icon {
    font-size: 1.5em;
    vertical-align: middle
}

.fc .fc-button-group {
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.fc .fc-button-group>.fc-button {
    flex: 1 1 auto;
    position: relative
}

.fc .fc-button-group>.fc-button.fc-button-active,.fc .fc-button-group>.fc-button:active,.fc .fc-button-group>.fc-button:focus,.fc .fc-button-group>.fc-button:hover {
    z-index: 1
}

.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1px
}

.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.fc-direction-rtl .fc-button-group>.fc-button:not(:first-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1px
}

.fc-direction-rtl .fc-button-group>.fc-button:not(:last-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.fc .fc-toolbar {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em
}

.fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em
}

.fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0
}

.fc-direction-ltr .fc-toolbar>*>:not(:first-child) {
    margin-left: .75em
}

.fc-direction-rtl .fc-toolbar>*>:not(:first-child) {
    margin-right: .75em
}

.fc-direction-rtl .fc-toolbar-ltr {
    flex-direction: row-reverse
}

.fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative
}

.fc .fc-scroller-liquid {
    height: 100%
}

.fc .fc-scroller-liquid-absolute {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fc .fc-scroller-harness {
    direction: ltr;
    overflow: hidden;
    position: relative
}

.fc .fc-scroller-harness-liquid {
    height: 100%
}

.fc-direction-rtl .fc-scroller-harness>.fc-scroller {
    direction: rtl
}

.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color,#ddd)
}

.fc .fc-scrollgrid,.fc .fc-scrollgrid table {
    table-layout: fixed;
    width: 100%
}

.fc .fc-scrollgrid table {
    border-left-style: hidden;
    border-right-style: hidden;
    border-top-style: hidden
}

.fc .fc-scrollgrid {
    border-bottom-width: 0;
    border-collapse: separate;
    border-right-width: 0
}

.fc .fc-scrollgrid-liquid {
    height: 100%
}

.fc .fc-scrollgrid-section,.fc .fc-scrollgrid-section table,.fc .fc-scrollgrid-section>td {
    height: 1px
}

.fc .fc-scrollgrid-section-liquid>td {
    height: 100%
}

.fc .fc-scrollgrid-section>* {
    border-left-width: 0;
    border-top-width: 0
}

.fc .fc-scrollgrid-section-footer>*,.fc .fc-scrollgrid-section-header>* {
    border-bottom-width: 0
}

.fc .fc-scrollgrid-section-body table,.fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden
}

.fc .fc-scrollgrid-section-sticky>* {
    background: #fff;
    background: var(--fc-page-bg-color,#fff);
    position: sticky;
    z-index: 3
}

.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky>* {
    top: 0
}

.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky>* {
    bottom: 0
}

.fc .fc-scrollgrid-sticky-shim {
    height: 1px;
    margin-bottom: -1px
}

.fc-sticky {
    position: sticky
}

.fc .fc-view-harness {
    flex-grow: 1;
    position: relative
}

.fc .fc-view-harness-active>.fc-view {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fc .fc-col-header-cell-cushion {
    display: inline-block;
    padding: 2px 4px
}

.fc .fc-bg-event,.fc .fc-highlight,.fc .fc-non-business {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fc .fc-non-business {
    background: hsla(0,0%,84%,.3);
    background: var(--fc-non-business-color,hsla(0,0%,84%,.3))
}

.fc .fc-bg-event {
    background: #8fdf82;
    background: var(--fc-bg-event-color,#8fdf82);
    opacity: .3;
    opacity: var(--fc-bg-event-opacity,.3)
}

.fc .fc-bg-event .fc-event-title {
    font-size: .85em;
    font-size: var(--fc-small-font-size,.85em);
    font-style: italic;
    margin: .5em
}

.fc .fc-highlight {
    background: rgba(188,232,241,.3);
    background: var(--fc-highlight-color,rgba(188,232,241,.3))
}

.fc .fc-cell-shaded,.fc .fc-day-disabled {
    background: hsla(0,0%,82%,.3);
    background: var(--fc-neutral-bg-color,hsla(0,0%,82%,.3))
}

a.fc-event,a.fc-event:hover {
    text-decoration: none
}

.fc-event.fc-event-draggable,.fc-event[href] {
    cursor: pointer
}

.fc-event .fc-event-main {
    position: relative;
    z-index: 2
}

.fc-event-dragging:not(.fc-event-selected) {
    opacity: .75
}

.fc-event-dragging.fc-event-selected {
    box-shadow: 0 2px 7px rgba(0,0,0,.3)
}

.fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4
}

.fc-event-selected .fc-event-resizer,.fc-event:hover .fc-event-resizer {
    display: block
}

.fc-event-selected .fc-event-resizer {
    background: #fff;
    background: var(--fc-page-bg-color,#fff);
    border-color: inherit;
    border-radius: 4px;
    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px)/2);
    border-style: solid;
    border-width: 1px;
    border-width: var(--fc-event-resizer-dot-border-width,1px);
    height: 8px;
    height: var(--fc-event-resizer-dot-total-width,8px);
    width: 8px;
    width: var(--fc-event-resizer-dot-total-width,8px)
}

.fc-event-selected .fc-event-resizer:before {
    bottom: -20px;
    content: "";
    left: -20px;
    position: absolute;
    right: -20px;
    top: -20px
}

.fc-event-selected,.fc-event:focus {
    box-shadow: 0 2px 5px rgba(0,0,0,.2)
}

.fc-event-selected:before,.fc-event:focus:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.fc-event-selected:after,.fc-event:focus:after {
    background: rgba(0,0,0,.25);
    background: var(--fc-event-selected-overlay-color,rgba(0,0,0,.25));
    bottom: -1px;
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 1
}

.fc-h-event {
    background-color: #3788d8;
    background-color: var(--fc-event-bg-color,#3788d8);
    border: 1px solid #3788d8;
    border: 1px solid var(--fc-event-border-color,#3788d8);
    display: block
}

.fc-h-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color,#fff)
}

.fc-h-event .fc-event-main-frame {
    display: flex
}

.fc-h-event .fc-event-time {
    max-width: 100%;
    overflow: hidden
}

.fc-h-event .fc-event-title-container {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0
}

.fc-h-event .fc-event-title {
    display: inline-block;
    left: 0;
    max-width: 100%;
    overflow: hidden;
    right: 0;
    vertical-align: top
}

.fc-h-event.fc-event-selected:before {
    bottom: -10px;
    top: -10px
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
    border-bottom-left-radius: 0;
    border-left-width: 0;
    border-top-left-radius: 0
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
    border-bottom-right-radius: 0;
    border-right-width: 0;
    border-top-right-radius: 0
}

.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
    bottom: 0;
    top: 0;
    width: 8px;
    width: var(--fc-event-resizer-thickness,8px)
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
    cursor: w-resize;
    left: -4px;
    left: calc(var(--fc-event-resizer-thickness, 8px)*-.5)
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
    cursor: e-resize;
    right: -4px;
    right: calc(var(--fc-event-resizer-thickness, 8px)*-.5)
}

.fc-h-event.fc-event-selected .fc-event-resizer {
    margin-top: -4px;
    margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px)*-.5);
    top: 50%
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
    left: -4px;
    left: calc(var(--fc-event-resizer-dot-total-width, 8px)*-.5)
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
    right: -4px;
    right: calc(var(--fc-event-resizer-dot-total-width, 8px)*-.5)
}

.fc .fc-popover {
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    position: absolute;
    z-index: 9999
}

.fc .fc-popover-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 3px 4px
}

.fc .fc-popover-title {
    margin: 0 2px
}

.fc .fc-popover-close {
    cursor: pointer;
    font-size: 1.1em;
    opacity: .65
}

.fc-theme-standard .fc-popover {
    background: #fff;
    background: var(--fc-page-bg-color,#fff);
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color,#ddd)
}

.fc-theme-standard .fc-popover-header {
    background: hsla(0,0%,82%,.3);
    background: var(--fc-neutral-bg-color,hsla(0,0%,82%,.3))
}

:root {
    --fc-daygrid-event-dot-width: 8px
}

.fc-daygrid-day-events:after,.fc-daygrid-day-events:before,.fc-daygrid-day-frame:after,.fc-daygrid-day-frame:before,.fc-daygrid-event-harness:after,.fc-daygrid-event-harness:before {
    clear: both;
    content: "";
    display: table
}

.fc .fc-daygrid-body {
    position: relative;
    z-index: 1
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(255,220,40,.15);
    background-color: var(--fc-today-bg-color,rgba(255,220,40,.15))
}

.fc .fc-daygrid-day-frame {
    min-height: 100%;
    position: relative
}

.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse
}

.fc .fc-day-other .fc-daygrid-day-top {
    opacity: .3
}

.fc .fc-daygrid-day-number {
    padding: 4px;
    position: relative;
    z-index: 4
}

.fc .fc-daygrid-day-events {
    margin-top: 1px
}

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
    left: 0;
    position: absolute;
    right: 0
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: 2em;
    position: relative
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-bottom: 1em
}

.fc .fc-daygrid-event-harness {
    position: relative
}

.fc .fc-daygrid-event-harness-abs {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fc .fc-daygrid-bg-harness {
    bottom: 0;
    position: absolute;
    top: 0
}

.fc .fc-daygrid-day-bg .fc-non-business {
    z-index: 1
}

.fc .fc-daygrid-day-bg .fc-bg-event {
    z-index: 2
}

.fc .fc-daygrid-day-bg .fc-highlight {
    z-index: 3
}

.fc .fc-daygrid-event {
    margin-top: 1px;
    z-index: 6
}

.fc .fc-daygrid-event.fc-event-mirror {
    z-index: 7
}

.fc .fc-daygrid-day-bottom {
    font-size: .85em;
    padding: 2px 3px 0
}

.fc .fc-daygrid-day-bottom:before {
    clear: both;
    content: "";
    display: table
}

.fc .fc-daygrid-more-link {
    cursor: pointer;
    position: relative;
    z-index: 4
}

.fc .fc-daygrid-week-number {
    background-color: hsla(0,0%,82%,.3);
    background-color: var(--fc-neutral-bg-color,hsla(0,0%,82%,.3));
    color: grey;
    color: var(--fc-neutral-text-color,grey);
    min-width: 1.5em;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 5
}

.fc .fc-more-popover .fc-popover-body {
    min-width: 220px;
    padding: 10px
}

.fc-direction-ltr .fc-daygrid-event.fc-event-start,.fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left: 2px
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,.fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right: 2px
}

.fc-direction-ltr .fc-daygrid-week-number {
    border-radius: 0 0 3px 0;
    left: 0
}

.fc-direction-rtl .fc-daygrid-week-number {
    border-radius: 0 0 0 3px;
    right: 0
}

.fc-liquid-hack .fc-daygrid-day-frame {
    position: static
}

.fc-daygrid-event {
    border-radius: 3px;
    font-size: .85em;
    font-size: var(--fc-small-font-size,.85em);
    position: relative;
    white-space: nowrap
}

.fc-daygrid-block-event .fc-event-time {
    font-weight: 700
}

.fc-daygrid-block-event .fc-event-time,.fc-daygrid-block-event .fc-event-title {
    padding: 1px
}

.fc-daygrid-dot-event {
    align-items: center;
    display: flex;
    padding: 2px 0
}

.fc-daygrid-dot-event .fc-event-title {
    flex-grow: 1;
    flex-shrink: 1;
    font-weight: 700;
    min-width: 0;
    overflow: hidden
}

.fc-daygrid-dot-event.fc-event-mirror,.fc-daygrid-dot-event:hover {
    background: rgba(0,0,0,.1)
}

.fc-daygrid-dot-event.fc-event-selected:before {
    bottom: -10px;
    top: -10px
}

.fc-daygrid-event-dot {
    border: 4px solid #3788d8;
    border: calc(var(--fc-daygrid-event-dot-width, 8px)/2) solid var(--fc-event-border-color,#3788d8);
    border-radius: 4px;
    border-radius: calc(var(--fc-daygrid-event-dot-width, 8px)/2);
    box-sizing: content-box;
    height: 0;
    margin: 0 4px;
    width: 0
}

.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px
}

.fc-direction-rtl .fc-daygrid-event .fc-event-time {
    margin-left: 3px
}

*,:after,:before {
    box-sizing: border-box
}

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-size: 10px
}

body {
    background-color: #fff;
    color: #333;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    height: auto;
    line-height: 1.42857143;
    max-width: 100%;
    padding: 4px;
    transition: all .2s ease-in-out
}

.img-circle {
    border-radius: 50%
}

hr {
    border: 0;
    border-top: 1px solid #eee;
    margin-bottom: 20px;
    margin-top: 20px
}

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

.sr-only-focusable:active,.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

[role=button] {
    cursor: pointer
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row-no-gutters {
    margin-left: 0;
    margin-right: 0
}

.row-no-gutters [class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    color: #777;
    font-weight: 400;
    line-height: 1
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-bottom: 10px;
    margin-top: 20px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 10px;
    font-weight: bold;
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: 36px
}

.h2,h2 {
    font-size: 30px
}

.h3,h3 {
    font-size: 24px;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    display: block;
    font-size: 21px;
    line-height: inherit;
    margin-bottom: 20px;
    width: 100%;
    font-weight: bold;
}

.h4,h4 {
    font-size: 18px
}

.h5,h5 {
    font-size: 14px
}

.h6,h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .lead {
        font-size:21px
    }
}

.small,small {
    font-size: 85%
}

.mark,mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus,a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus,a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus,a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus,a.text-danger:hover {
    color: #843534
}

.bg-primary {
    background-color: #337ab7;
    color: #fff
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus,a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    border-bottom: 1px solid #eee;
    margin: 40px 0 20px;
    padding-bottom: 9px
}

ol,ul {
    margin-bottom: 10px;
    margin-top: 0
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.list-inline,.list-unstyled {
    list-style: none;
    padding-left: 0
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-bottom: 20px;
    margin-top: 0
}

dd,dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width: 1070px) {
    .dl-horizontal dt {
        clear:left;
        float: left;
        overflow: hidden;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 160px
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],abbr[title] {
    cursor: help
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    border-left: 5px solid #eee;
    font-size: 17.5px;
    margin: 0 0 20px;
    padding: 10px 20px
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,blockquote footer,blockquote small {
    color: #777;
    display: block;
    font-size: 80%;
    line-height: 1.42857143
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: "\2014 \00A0"
}

.blockquote-reverse,blockquote.pull-right {
    border-left: 0;
    border-right: 5px solid #eee;
    padding-left: 0;
    padding-right: 15px;
    text-align: right
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: "\00A0 \2014"
}

address {
    font-style: normal;
    line-height: 1.42857143;
    margin-bottom: 20px
}

code,kbd,pre,samp {
    font-family: Menlo,Monaco,Consolas,Courier New,monospace
}

code {
    background-color: #f9f2f4;
    border-radius: 4px;
    color: #c7254e
}

code,kbd {
    font-size: 90%;
    padding: 2px 4px
}

kbd {
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    color: #fff
}

kbd kbd {
    box-shadow: none;
    font-size: 100%;
    font-weight: 700;
    padding: 0
}

pre {
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 13px;
    line-height: 1.42857143;
    margin: 0 0 10px;
    padding: 9.5px;
    word-break: break-all
}

pre code {
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    padding: 0;
    white-space: pre-wrap
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

fieldset {
    margin: 0;
    min-width: 0
}

fieldset,legend {
    border: 0;
    padding: 0
}

legend {
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    display: block;
    font-size: 21px;
    line-height: inherit;
    margin-bottom: 20px;
    width: 100%
}

label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%
}

input[type=search] {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box
}

input[type=checkbox],input[type=radio] {
    line-height: normal;
    margin: 4px 0 0;
    margin-top: 1px\9
}

fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control,output {
    color: #555;
    display: block;
    font-size: 14px;
    line-height: 1.42857143
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    height: 34px;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

.form-control:focus {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    outline: 0
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
        line-height:34px
    }

    .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,.radio {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative
}

.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label {
    cursor: not-allowed
}

.checkbox label,.radio label {
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
    min-height: 20px;
    padding-left: 20px
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
    margin-left: -20px;
    margin-top: 4px\9;
    position: absolute
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 20px;
    position: relative;
    vertical-align: middle
}

.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-left: 10px;
    margin-top: 0
}

.form-control-static {
    margin-bottom: 0;
    min-height: 34px;
    padding-bottom: 7px;
    padding-top: 7px
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    border-radius: 3px;
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
    padding: 5px 10px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    border-radius: 3px;
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
    padding: 5px 10px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
    min-height: 32px;
    padding: 6px 10px
}

.input-lg {
    border-radius: 6px;
    font-size: 18px;
    height: 46px;
    line-height: 1.3333333;
    padding: 10px 16px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg,textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    border-radius: 6px;
    font-size: 18px;
    height: 46px;
    line-height: 1.3333333;
    padding: 10px 16px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    font-size: 18px;
    height: 46px;
    line-height: 1.3333333;
    min-height: 38px;
    padding: 11px 16px
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    display: block;
    height: 34px;
    line-height: 34px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 34px;
    z-index: 2
}

.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback {
    height: 46px;
    line-height: 46px;
    width: 46px
}

.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback {
    height: 30px;
    line-height: 30px;
    width: 30px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}

.has-success .input-group-addon {
    background-color: #dff0d8;
    border-color: #3c763d;
    color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    background-color: #fcf8e3;
    border-color: #8a6d3b;
    color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}

.has-error .input-group-addon {
    background-color: #f2dede;
    border-color: #a94442;
    color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    color: #737373;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        vertical-align: middle;
        width: auto
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-bottom: 0;
        margin-top: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,.form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        margin-left: 0;
        position: relative
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 7px
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .radio.inline {
    margin-top: 14px;
    min-height: 0
}

.form-horizontal .radio.inline+.help-block {
    margin-top: 0
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        margin-bottom:0;
        padding-top: 7px;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        font-size:18px;
        padding-top: 11px
    }

    .form-horizontal .form-group-sm .control-label {
        font-size: 12px;
        padding-top: 6px
    }
}

table {
    background-color: transparent
}

table col[class*=col-] {
    display: table-column;
    float: none;
    position: static
}

table td[class*=col-],table th[class*=col-] {
    display: table-cell;
    float: none;
    position: static
}

caption {
    color: #777;
    padding-bottom: 8px;
    padding-top: 8px
}

caption,th {
    text-align: left
}

.table {
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    border-top: 1px solid #ddd;
    line-height: 1.42857143;
    padding: 8px;
    vertical-align: top
}

.table>thead>tr>th {
    border-bottom: 2px solid #ddd;
    vertical-align: bottom
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        -ms-overflow-style:-ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        margin-bottom: 15px;
        overflow-y: hidden;
        width: 100%
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

.caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0
}

.dropdown,.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000
}

.dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.dropdown-menu .divider {
    background-color: #e5e5e5;
    height: 1px;
    margin: 9px 0;
    overflow: hidden
}

.dropdown-menu>li>a {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857143;
    padding: 3px 20px;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #f5f5f5;
    color: #262626;
    text-decoration: none
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    background-color: #337ab7;
    color: #fff;
    outline: 0;
    text-decoration: none
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    background-color: transparent;
    background-image: none;
    cursor: not-allowed;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    text-decoration: none
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

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

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

.dropdown-header {
    color: #777;
    display: block;
    font-size: 12px;
    line-height: 1.42857143;
    padding: 3px 20px;
    white-space: nowrap
}

.dropdown-backdrop {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    left: auto;
    right: 0
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    border-top: 0;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    bottom: 100%;
    margin-bottom: 2px;
    top: auto
}

@media (min-width: 69.84375em) {
    .navbar-right .dropdown-menu {
        left:auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,.15)
}

.well-lg {
    border-radius: 6px;
    padding: 24px
}

.well-sm {
    border-radius: 3px;
    padding: 9px
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    height: 0;
    overflow: hidden;
    position: relative;
    transition-duration: .35s;
    transition-property: height,visibility;
    transition-timing-function: ease
}

.close {
    color: #000;
    filter: alpha(opacity=20);
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: .2;
    text-shadow: 0 1px 0 #fff
}

.close:focus,.close:hover {
    color: #000;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
    text-decoration: none
}

button.close {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0
}

.btn {
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    line-height: 1.42857143;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus,.btn:focus,.btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active,.btn:active {
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    outline: 0
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65
}

a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333
}

.btn-default.focus,.btn-default:focus {
    background-color: #e6e6e6;
    border-color: #8c8c8c;
    color: #333
}

.btn-default:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333
}

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default {
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad;
    color: #333
}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover {
    background-color: #d4d4d4;
    border-color: #8c8c8c;
    color: #333
}

.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    background-color: #333;
    color: #fff
}

.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff
}

.btn-primary.focus,.btn-primary:focus {
    background-color: #286090;
    border-color: #122b40;
    color: #fff
}

.btn-primary:hover {
    background-color: #286090;
    border-color: #204d74;
    color: #fff
}

.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
    background-color: #286090;
    background-image: none;
    border-color: #204d74;
    color: #fff
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
    background-color: #204d74;
    border-color: #122b40;
    color: #fff
}

.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    background-color: #fff;
    color: #337ab7
}

.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff
}

.btn-success.focus,.btn-success:focus {
    background-color: #449d44;
    border-color: #255625;
    color: #fff
}

.btn-success:hover {
    background-color: #449d44;
    border-color: #398439;
    color: #fff
}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
    background-color: #449d44;
    background-image: none;
    border-color: #398439;
    color: #fff
}

.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover {
    background-color: #398439;
    border-color: #255625;
    color: #fff
}

.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    background-color: #fff;
    color: #5cb85c
}

.btn-info {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff
}

.btn-info.focus,.btn-info:focus {
    background-color: #31b0d5;
    border-color: #1b6d85;
    color: #fff
}

.btn-info:hover {
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff
}

.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info {
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc;
    color: #fff
}

.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover {
    background-color: #269abc;
    border-color: #1b6d85;
    color: #fff
}

.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    background-color: #fff;
    color: #5bc0de
}

.btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff
}

.btn-warning.focus,.btn-warning:focus {
    background-color: #ec971f;
    border-color: #985f0d;
    color: #fff
}

.btn-warning:hover {
    background-color: #ec971f;
    border-color: #d58512;
    color: #fff
}

.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning {
    background-color: #ec971f;
    background-image: none;
    border-color: #d58512;
    color: #fff
}

.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover {
    background-color: #d58512;
    border-color: #985f0d;
    color: #fff
}

.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    background-color: #fff;
    color: #f0ad4e
}

.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff
}

.btn-danger.focus,.btn-danger:focus {
    background-color: #c9302c;
    border-color: #761c19;
    color: #fff
}

.btn-danger:hover {
    background-color: #c9302c;
    border-color: #ac2925;
    color: #fff
}

.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger {
    background-color: #c9302c;
    background-image: none;
    border-color: #ac2925;
    color: #fff
}

.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover {
    background-color: #ac2925;
    border-color: #761c19;
    color: #fff
}

.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    background-color: #fff;
    color: #d9534f
}

.btn-link {
    border-radius: 0;
    color: #337ab7;
    font-weight: 400
}

.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,.btn-link:hover {
    background-color: transparent;
    color: #23527c;
    text-decoration: underline
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-group-lg>.btn,.btn-lg {
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.3333333;
    padding: 10px 16px
}

.btn-group-sm>.btn,.btn-sm {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px
}

.btn-group-xs>.btn,.btn-xs {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.btn-group,.btn-group-vertical {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    float: left;
    position: relative
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    max-width: 100%;
    width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-left: 0;
    margin-top: -1px
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-justified {
    border-collapse: separate;
    display: table;
    table-layout: fixed;
    width: 100%
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    clip: rect(0,0,0,0);
    pointer-events: none;
    position: absolute
}

.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px
}

.alert h4 {
    color: inherit;
    margin-top: 0
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,.alert-dismissible .close {
    color: inherit;
    position: relative;
    right: -21px;
    top: -2px
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

.toast-title {
    font-weight: 700;
    padding: 10px 0 0 5px
}

.toast-message,.toast-title {
    background-color: var(--primary-white)
}

.toast-message {
    word-wrap: break-word;
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 15px 30px 15px 5px;
    width: 100%;
    word-break: break-word
}

.toast-message div {
    width: 75%
}

.toast-message div.ext-image {
    width: 100%
}

.toast-message a {
    align-items: center;
    display: flex;
    margin: -3px;
    padding: 3px;
    text-align: right;
    white-space: nowrap
}

.toast-message a i {
    font-size: 22px;
    margin-right: 2px
}

.toast-message a:focus {
    outline: var(--primary-black-2-px)
}

.toast-message a,.toast-message label {
    color: var(--primary-blue-400);
    font-weight: 700
}

.toast-message a:hover {
    color: var(--primary-gray-700);
    text-decoration: none
}

.toast-close-button {
    align-items: center;
    color: var(--primary-gray-800);
    display: flex;
    filter: alpha(opacity=80);
    flex-direction: column;
    font-size: 13px;
    font-weight: 700;
    height: 100%;
    justify-content: stretch;
    line-height: 1;
    opacity: .8;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px
}

.toast-close-button:hover {
    color: var(--primary-gray-650);
    cursor: pointer;
    text-decoration: none
}

.toast-close-button:hover i {
    color: var(--primary-gray-750)
}

.toast-close-button:focus {
    outline: none
}

.toast-close-button:focus i {
    box-shadow: var(--primary-black-shadow-2-inset);
    color: var(--primary-gray-750);
    outline: none
}

.toast-close-button i {
    align-items: center;
    display: flex;
    font-size: 14px;
    height: 25px;
    justify-content: center;
    width: 25px
}

.rtl .toast-close-button {
    float: left;
    left: -.3em;
    right: .3em
}

button.toast-close-button {
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0
}

.toast-top-center {
    right: 0;
    top: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    right: 0;
    top: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    left: 12px;
    top: 12px
}

.toast-top-right {
    right: 12px;
    top: 12px
}

.toast-bottom-right {
    bottom: 12px;
    right: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999
}

#toast-container * {
    box-sizing: border-box
}

#toast-container>div {
    background-position: 15px;
    background-repeat: no-repeat;
    border-radius: var(--primary-gray-600-1-px);
    box-shadow: var(--primary-around-black-shadow);
    color: var(--primary-black);
    filter: alpha(opacity=100);
    height: 100%;
    margin: 0 0 6px;
    opacity: 1;
    overflow: hidden;
    padding: 0 0 0 50px;
    pointer-events: auto;
    position: relative;
    width: 300px
}

#toast-container>div.rtl {
    background-position: right 15px center;
    direction: rtl;
    padding: 0 50px 0 0
}

#toast-container>div:hover {
    box-shadow: var(--primary-around-black-shadow-hover);
    cursor: default;
    filter: alpha(opacity=100);
    opacity: 1
}

#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div {
    margin-left: auto;
    margin-right: auto;
    width: 300px
}

#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div {
    margin-left: auto;
    margin-right: auto;
    width: 96%
}

.toast {
    background-color: var(--primary-black)
}

.toast:focus {
    outline: var(--primary-black-2-px)
}

.toast-success {
    align-items: center;
    background-color: var(--primary-green-200);
    display: flex
}

.toast-success:before {
    color: var(--primary-white);
    font-family: oucampus-icomoon;
    font-size: 2.5em;
    left: .23em;
    position: absolute;
    top: 1px
}

.toast-error {
    align-items: center;
    background-color: var(--primary-dark-orange-600);
    display: flex
}

.toast-error:before {
    color: var(--primary-white);
    font-family: oucampus-icomoon;
    font-size: 2.5em;
    left: .23em;
    position: absolute;
    top: 1px
}

.toast-info {
    align-items: center;
    background-color: var(--primary-dark-blue-500);
    display: flex
}

.toast-info:before {
    color: var(--primary-white);
    font-family: oucampus-icomoon;
    font-size: 2.5em;
    left: .23em;
    position: absolute;
    top: 1px
}

.toast-warning {
    align-items: center;
    background-color: var(--primary-orange-600);
    display: flex
}

.toast-warning:before {
    color: var(--primary-white);
    font-family: oucampus-icomoon;
    font-size: 2.5em;
    left: .23em;
    position: absolute;
    top: 1px
}

.toast-progress {
    background-color: var(--primary-black);
    bottom: 0;
    filter: alpha(opacity=40);
    height: 8px;
    left: 0;
    opacity: .4;
    position: absolute
}

@media (max-width: 240px) {
    #toast-container>div {
        padding:0 0 0 50px;
        width: 11em
    }

    #toast-container>div.rtl {
        padding: 0 50px 0 0
    }
}

@media (min-width: 241px) and (max-width:480px) {
    #toast-container>div {
        padding:0 0 0 50px;
        width: 18em
    }

    #toast-container>div.rtl {
        padding: 0 50px 0 0
    }
}

@media (min-width: 481px) {
    #toast-container>div {
        max-width:450px;
        padding: 0 0 0 50px;
        width: 450px
    }

    #toast-container>div.rtl {
        padding: 0 50px 0 0
    }
}

.nav {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.nav>li,.nav>li>a {
    display: block;
    position: relative
}

.nav>li>a {
    padding: 10px 15px
}

.nav>li>a:focus,.nav>li>a:hover {
    background-color: #eee;
    text-decoration: none
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
    background-color: transparent;
    color: #777;
    cursor: not-allowed;
    text-decoration: none
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    background-color: #e5e5e5;
    height: 1px;
    margin: 9px 0;
    overflow: hidden
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    line-height: 1.42857143;
    margin-right: 2px
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    background-color: #fff;
    border: 1px solid;
    border-color: #ddd #ddd transparent;
    color: #555;
    cursor: default
}

.nav-tabs.nav-justified {
    border-bottom: 0;
    width: 100%
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    left: auto;
    top: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    border-radius: 4px;
    margin-right: 0
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    background-color: #337ab7;
    color: #fff
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-left: 0;
    margin-top: 2px
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified>.dropdown .dropdown-menu {
    left: auto;
    top: auto
}

@media (min-width: 768px) {
    .nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    border-radius: 4px;
    margin-right: 0
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px
}

.navbar {
    border: 1px solid transparent;
    margin-bottom: 20px;
    min-height: 50px;
    position: relative
}

@media (min-width: 69.84375em) {
    .navbar {
        border-radius:4px
    }

    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
    overflow-x: visible;
    padding-left: 15px;
    padding-right: 15px
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 69.84375em) {
    .navbar-collapse {
        border-top:0;
        box-shadow: none;
        width: auto
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        overflow: visible!important;
        padding-bottom: 0
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-bottom,.navbar-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
    height: calc(100vh - 60px)
}

.has-banner .navbar-fixed-bottom .navbar-collapse,.has-banner .navbar-fixed-top .navbar-collapse {
    height: calc(100vh - 84px)
}

@media (max-device-width: 480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
        max-height:200px
    }
}

@media (min-width: 69.84375em) {
    .navbar-fixed-bottom,.navbar-fixed-top {
        border-radius:0
    }
}

.navbar-fixed-top {
    border-width: 0 0 1px;
    top: 0
}

.navbar-fixed-bottom {
    border-width: 1px 0 0;
    bottom: 0;
    margin-bottom: 0
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width: 69.84375em) {
    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
        margin-left:0;
        margin-right: 0
    }
}

.navbar-static-top {
    border-width: 0 0 1px;
    z-index: 1000
}

@media (min-width: 69.84375em) {
    .navbar-static-top {
        border-radius:0
    }
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    padding: 15px
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width: 69.84375em) {
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
        margin-left:-15px
    }
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 69.84375em) {
    .navbar-toggle {
        display:none
    }
}

.navbar-nav {
    margin: -7.5px
}

.navbar-nav>li>a {
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media (max-width: 1069px) {
    .navbar-nav .open .dropdown-menu {
        background-color:transparent;
        border: 0;
        box-shadow: none;
        float: none;
        margin-top: 0;
        position: static;
        width: auto
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width: 69.84375em) {
    .navbar-nav {
        float:left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-bottom: 15px;
        padding-top: 15px
    }
}

.navbar-form {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1);
    margin: 8px -15px;
    padding: 10px 15px
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        vertical-align: middle;
        width: auto
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox,.navbar-form .radio {
        display: inline-block;
        margin-bottom: 0;
        margin-top: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label,.navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
        margin-left: 0;
        position: relative
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 1069px) {
    .navbar-form .form-group {
        margin-bottom:5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 1070px) {
    .navbar-form {
        border:0;
        box-shadow: none;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0;
        padding-top: 0;
        width: auto
    }
}

.navbar-nav>li>.dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 0
}

.navbar-btn {
    margin-bottom: 8px;
    margin-top: 8px
}

.navbar-btn.btn-sm {
    margin-bottom: 10px;
    margin-top: 10px
}

.navbar-btn.btn-xs {
    margin-bottom: 14px;
    margin-top: 14px
}

.navbar-text {
    margin-bottom: 15px;
    margin-top: 15px
}

@media (min-width: 1070px) {
    .navbar-text {
        float:left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width: 69.84375em) {
    .navbar-left {
        float:left!important
    }

    .navbar-right {
        float: right!important;
        margin-right: -15px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    background-color: transparent;
    color: #5e5e5e
}

.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    background-color: transparent;
    color: #333
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    background-color: #e7e7e7;
    color: #555
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
    background-color: transparent;
    color: #ccc
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width: 1069px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        background-color: transparent;
        color: #333
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        background-color: #e7e7e7;
        color: #555
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        background-color: transparent;
        color: #ccc
    }
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
    background-color: transparent;
    color: #fff
}

.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
    background-color: transparent;
    color: #fff
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #080808;
    color: #fff
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover {
    background-color: transparent;
    color: #444
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #080808;
    color: #fff
}

@media (max-width: 1069px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color:#080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        background-color: transparent;
        color: #fff
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        background-color: #080808;
        color: #fff
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        background-color: transparent;
        color: #444
    }
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    float: left;
    line-height: 1.42857143;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    background-color: #eee;
    border-color: #ddd;
    color: #23527c;
    z-index: 2
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
    cursor: default;
    z-index: 3
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    background-color: #fff;
    border-color: #ddd;
    color: #777;
    cursor: not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span {
    font-size: 18px;
    line-height: 1.3333333;
    padding: 10px 16px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.modal,.modal-open {
    overflow: hidden
}

.modal {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    display: none;
    left: 0;
    outline: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050
}

.modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    transform: translate(0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    position: relative
}

.modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    line-height: 1.42857143;
    margin: 0
}

.modal-body {
    padding: 15px;
    position: relative
}

.modal-footer {
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    text-align: right
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    height: 50px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 50px
}

@media (min-width: 768px) {
    .modal-dialog {
        margin:30px auto;
        width: 600px
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width:900px;
        width: auto
    }
}

.tooltip {
    word-wrap: normal;
    display: block;
    filter: alpha(opacity=0);
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    opacity: 0;
    position: absolute;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1070
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip.top .tooltip-arrow {
    border-top-color: #000;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 50%;
    margin-left: -5px
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
    border-top-color: #000;
    border-width: 5px 5px 0;
    bottom: 0;
    margin-bottom: -5px
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    border-right-color: #000;
    border-width: 5px 5px 5px 0;
    left: 0;
    margin-top: -5px;
    top: 50%
}

.tooltip.left .tooltip-arrow {
    border-left-color: #000;
    border-width: 5px 0 5px 5px;
    margin-top: -5px;
    right: 0;
    top: 50%
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    left: 50%;
    margin-left: -5px;
    top: 0
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    margin-top: -5px;
    right: 5px;
    top: 0
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    left: 5px;
    margin-top: -5px;
    top: 0
}

.tooltip-inner {
    word-wrap: break-word;
    background-color: #000;
    border-radius: 4px;
    color: #fff;
    max-width: 200px;
    padding: 3px 8px;
    text-align: center
}

.tooltip-arrow {
    border-color: transparent;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0
}

.popover {
    word-wrap: normal;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    display: none;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    left: 0;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    max-width: 276px;
    padding: 1px;
    position: absolute;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    top: 0;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1060
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow,.popover>.arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px;
    left: 50%;
    margin-left: -11px
}

.popover.top>.arrow:after {
    border-bottom-width: 0;
    border-top-color: #fff;
    bottom: 1px;
    content: " ";
    margin-left: -10px
}

.popover.right>.arrow {
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    left: -11px;
    margin-top: -11px;
    top: 50%
}

.popover.right>.arrow:after {
    border-left-width: 0;
    border-right-color: #fff;
    bottom: -10px;
    content: " ";
    left: 1px
}

.popover.bottom>.arrow {
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    border-top-width: 0;
    left: 50%;
    margin-left: -11px;
    top: -11px
}

.popover.bottom>.arrow:after {
    border-bottom-color: #fff;
    border-top-width: 0;
    content: " ";
    margin-left: -10px;
    top: 1px
}

.popover.left>.arrow {
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25);
    border-right-width: 0;
    margin-top: -11px;
    right: -11px;
    top: 50%
}

.popover.left>.arrow:after {
    border-left-color: #fff;
    border-right-width: 0;
    bottom: -10px;
    content: " ";
    right: 1px
}

.popover-title {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    margin: 0;
    padding: 8px 14px
}

.popover-content {
    padding: 9px 14px
}

.badge {
    background-color: #777;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs>.btn .badge,.btn-xs .badge {
    padding: 1px 5px;
    top: 0
}

a.badge:focus,a.badge:hover {
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
    background-color: #fff;
    color: #337ab7
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden
}

.progress-bar {
    background-color: #337ab7;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width .6s ease;
    width: 0
}

.progress-bar-striped,.progress-striped .progress-bar {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-size: 40px 40px
}

.progress-bar.active,.progress.active .progress-bar {
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.row:after,.row:before {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

:root {
    --primary-white: #fff;
    --primary-white-8: hsla(0,0%,100%,.8);
    --primary-white-shadow-2: 0 0 0 2px var(--primary-white);
    --primary-white-shadow-2-inset: inset var(--primary-white-shadow-2);
    --primary-white-1-px: 1px solid var(--primary-white);
    --primary-white-2-px: 2px solid var(--primary-white);
    --primary-white-6-px: 6px solid var(--primary-white);
    --primary-gray-100: #fcfcfc;
    --primary-gray-150: #f7f7f7;
    --primary-gray-200: #f2f2f2;
    --primary-gray-250: #ededed;
    --primary-gray-300: #e8e8e8;
    --primary-gray-350: #e3e3e3;
    --primary-gray-400: #e0e0e0;
    --primary-gray-450: #dedede;
    --primary-gray-500: #ccc;
    --primary-gray-550: #c2c2c2;
    --primary-gray-600: #bababa;
    --primary-gray-625-5: hsla(0,0%,65%,.5);
    --primary-gray-650: #878787;
    --primary-gray-700: #757575;
    --primary-gray-750: #575757;
    --primary-gray-750-4: rgba(87,87,87,.4);
    --primary-gray-800: #404040;
    --primary-gray-300-shadow-2: 0 0 0 2px var(--primary-gray-300);
    --primary-gray-550-shadow-2: 0 0 0 2px var(--primary-gray-550);
    --primary-gray-550-shadow-2-inset: inset var(--primary-gray-550-shadow-2);
    --primary-gray-400-1-px: 1px solid var(--primary-gray-400);
    --primary-gray-400-2-px: 2px solid var(--primary-gray-400);
    --primary-gray-400-3-px: 3px solid var(--primary-gray-400);
    --primary-gray-450-5-px-dashed: 5px dashed var(--primary-gray-450);
    --primary-gray-600-1-px: 1px solid var(--primary-gray-600);
    --primary-gray-600-3-px-dashed: 3px dashed var(--primary-gray-600);
    --primary-gray-600-1-px-dashed: 1px dashed var(--primary-gray-600);
    --primary-gray-600-2-px: 2px solid var(--primary-gray-600);
    --primary-gray-650-2-px: 2px solid var(--primary-gray-650);
    --primary-gray-700-1-px: 1px solid var(--primary-gray-700);
    --primary-gray-800-1-px: 1px solid var(--primary-gray-800);
    --primary-black: #000;
    --primary-black-05: rgba(0,0,0,.05);
    --primary-black-12: rgba(0,0,0,.12);
    --primary-black-5: rgba(0,0,0,.5);
    --primary-black-7: rgba(0,0,0,.7);
    --primary-black-shadow-2: 0 0 0 2px var(--primary-black);
    --primary-black-shadow-2-inset: inset var(--primary-black-shadow-2);
    --primary-black-shadow-4: 0 0 4px var(--primary-black);
    --primary-black-2-px: 2px solid var(--primary-black);
    --primary-blue-100: #f3f9fb;
    --primary-blue-150: #e4f1f6;
    --primary-blue-200: #089ad9;
    --primary-blue-250: #48a0cb;
    --primary-blue-300: #006da3;
    --primary-blue-400: #0077b3;
    --primary-blue-500: #08c;
    --primary-blue-550: #0077b8;
    --primary-blue-600: #0065ad;
    --primary-blue-700: #23527b;
    --primary-blue-800: #5bafec;
    --primary-blue-800-3: rgba(91,175,236,.3);
    --primary-blue-250-shadow-2: 0 0 0 2px var(--primary-blue-250);
    --primary-blue-250-shadow-8: 0 0 8px var(--primary-blue-250);
    --primary-blue-250-shadow-2-inset: inset var(--primary-blue-250-shadow-2);
    --primary-blue-550-shadow-2: 0 0 0 2px var(--primary-blue-550);
    --primary-blue-550-shadow-2-inset: inset var(--primary-blue-550-shadow-2);
    --primary-blue-250-2-px: 2px solid var(--primary-blue-250);
    --primary-blue-300-1-px: 1px solid var(--primary-blue-300);
    --primary-blue-400-2-px: 2px solid var(--primary-blue-400);
    --primary-blue-400-2-px-dashed: 2px dashed var(--primary-blue-400);
    --primary-blue-400-4-px-dashed: 4px dashed var(--primary-blue-400);
    --primary-blue-550-1-px: 1px solid var(--primary-blue-550);
    --primary-blue-700-2-px: 2px solid var(--primary-blue-700);
    --primary-blue-700-4-px: 4px solid var(--primary-blue-700);
    --primary-dark-blue-100: #e6eaef;
    --primary-dark-blue-200: #cbd2dc;
    --primary-dark-blue-300: #9aa9bc;
    --primary-dark-blue-400: #667c99;
    --primary-dark-blue-500: #325176;
    --primary-dark-blue-600: #002352;
    --primary-dark-blue-400-shadow-2: 0 0 0 2px var(--primary-dark-blue-400);
    --primary-dark-blue-400-shadow-2-inset: inset var(--primary-dark-blue-400-shadow-2);
    --primary-dark-blue-400-2-px: 2px solid var(--primary-dark-blue-400);
    --primary-dark-blue-500-2-px-dashed: 2px dashed var(--primary-dark-blue-500);
    --primary-dark-blue-500-1-px: 1px solid var(--primary-dark-blue-500);
    --primary-dark-blue-500-2-px: 2px solid var(--primary-dark-blue-500);
    --primary-dark-blue-500-6-px: 6px solid var(--primary-dark-blue-500);
    --primary-green-100: #cbe7cc;
    --primary-green-200: #3c773d;
    --primary-green-300: #006b05;
    --primary-green-400: #007508;
    --primary-green-500: #008a09;
    --primary-green-200-1-px: 1px solid var(--primary-green-200);
    --primary-green-200-2-px: 2px solid var(--primary-green-200);
    --primary-green-200-2-px-dashed: 2px dashed var(--primary-green-200);
    --primary-green-400-1-px: 1px solid var(--primary-green-400);
    --primary-green-500-1-px: 1px solid var(--primary-green-500);
    --primary-teal-100: #e4f4f6;
    --primary-teal-200: #cdebee;
    --primary-teal-300: #98d5dd;
    --primary-teal-400: #67c1cb;
    --primary-teal-500: #32abb8;
    --primary-teal-600: #0097a8;
    --primary-teal-600-2-px: 2px solid var(--primary-teal-600);
    --primary-teal-600-3-px: 3px solid var(--primary-teal-600);
    --primary-teal-600-5-px: 5px solid var(--primary-teal-600);
    --primary-dark-teal-100: #e6efef;
    --primary-dark-teal-200: #cde0e0;
    --primary-dark-teal-300: #98bdbd;
    --primary-dark-teal-400: #679e9e;
    --primary-dark-teal-500: #347f7d;
    --primary-dark-teal-600: #005c5a;
    --primary-dark-teal-500-10-px: 10px solid var(--primary-dark-teal-500);
    --primary-tan-100: #fdfaf7;
    --primary-tan-200: #faf5f0;
    --primary-tan-300: #f5ebe0;
    --primary-tan-400: #f2e3d4;
    --primary-tan-500: #ecd9c5;
    --primary-tan-600: #e7cfb6;
    --primary-yellow-100: #fefbec;
    --primary-yellow-200: #fdf8d8;
    --primary-yellow-300: #fbf0b1;
    --primary-yellow-400: #f8ea8b;
    --primary-yellow-500: #f6e065;
    --primary-yellow-600: #f4d93e;
    --primary-yellow-600-10-px: 10px solid var(--primary-yellow-600);
    --primary-yellow-300-1-px: 1px solid var(--primary-yellow-300);
    --primary-dark-orange-100: #faedea;
    --primary-dark-orange-200: #f6dad5;
    --primary-dark-orange-300: #edb2a6;
    --primary-dark-orange-400: #e38e7d;
    --primary-dark-orange-500: #da654e;
    --primary-dark-orange-600: #d14023;
    --primary-dark-orange-600-shadow-2: 0 0 0 2px var(--primary-dark-orange-600);
    --primary-dark-orange-600-shadow-2-inset: inset var(--primary-dark-orange-600-shadow-2);
    --primary-orange-100: #ffeeeb;
    --primary-orange-200: #ffded6;
    --primary-orange-300: #ffc1b3;
    --primary-orange-400: #ff9f8a;
    --primary-orange-500: #ff7e61;
    --primary-orange-600: #ff5d38;
    --primary-orange-600-shadow-2: 0 0 0 2px var(--primary-orange-600);
    --primary-orange-600-shadow-3: 0 0 0 3px var(--primary-orange-600);
    --primary-orange-600-shadow-3-inset: inset var(--primary-orange-600-shadow-3);
    --primary-orange-500-2-px: 2px solid var(--primary-orange-500);
    --primary-orange-500-3-px: 3px solid var(--primary-orange-500);
    --primary-orange-600-1-px: 1px solid var(--primary-orange-600);
    --primary-orange-600-2-px: 2px solid var(--primary-orange-600);
    --primary-orange-600-3-px: 3px solid var(--primary-orange-600);
    --primary-orange-600-10-px: 10px solid var(--primary-orange-600);
    --primary-red-100: #fff0f0;
    --primary-red-150: #fdcece;
    --primary-red-200: #eecfce;
    --primary-red-250: #ffe6e9;
    --primary-red-300: #b94846;
    --primary-red-400: #a94342;
    --primary-red-500: #a21b16;
    --primary-red-550: #b41e18;
    --primary-red-600: #d14023;
    --primary-red-700: #be301e;
    --primary-red-800: #cb2025;
    --primary-red-550-shadow-2: 0 0 0 2px var(--primary-red-550);
    --primary-red-250-1-px: 1px solid var(--primary-red-250);
    --primary-red-550-1-px: 1px solid var(--primary-red-550);
    --primary-red-550-2-px: 2px solid var(--primary-red-550);
    --primary-dashboard-backdrop: #e6eaef;
    --primary-logo-color: #002352;
    --secondary-logo-color: #ff5d38;
    --primary-folder-color: #fdc82b;
    --primary-folder-outline: #d9a302;
    --primary-folder-outline-shadow: -1px 0 var(--primary-folder-outline),0 1px var(--primary-folder-outline),1px 0 var(--primary-folder-outline),0 -1px var(--primary-folder-outline);
    --primary-bulb-color: var(--primary-yellow-600);
    --primary-bulb-outline: var(--primary-gray-750);
    --primary-bulb-outline-shadow: -1px 0 var(--primary-bulb-outline),0 1px var(--primary-bulb-outline),1px 0 var(--primary-bulb-outline),0 -1px var(--primary-bulb-outline),0 0 5px var(--primary-bulb-color);
    --primary-css-class-color: #7b1fa3;
    --primary-overlay-color: var(--primary-black-7);
    --layout-builder-preview-background-color: #eff6f5;
    --layout-builder-preview-icon-color: #c0e4e7;
    --primary-shadow-color: hsla(200,7%,82%,.6);
    --primary-shadow: 0 2px 6px 0 var(--primary-shadow-color);
    --primary-shadow-left-nav: 0 2px 9px 2px var(--primary-shadow-color);
    --primary-shadow-right: 4px 0 4px -2px var(--primary-shadow-color);
    --primary-shadow-bottom: 0 1px 2px 1px var(--primary-shadow-color);
    --primary-shadow-top: 0 -1px 2px 1px var(--primary-shadow-color);
    --primary-shadow-light: 0 1px 0 var(--primary-gray-550);
    --medium-shadow-color: rgba(0,0,0,.25);
    --medium-shadow: 0 0 6px 0 var(--medium-shadow-color);
    --primary-around-black-shadow: 0 2px 4px 0 var(--primary-black-5);
    --primary-around-black-shadow-hover: 4px 2px 10px 1px var(--primary-black-5);
    --primary-btn-box-shadow: 0 0 2px 0 var(--primary-black-12),0 2px 2px 0 var(--primary-black-12),0 0 8px 0 var(--primary-black-12);
    --primary-shadow-aside-buttons: 0 0 8px 0 var(--primary-black-12),0 8px 8px 0 var(--primary-black-12);
    --primary-regular-shadow: 0 2px 9px 2px var(--primary-gray-625-5);
    --primary-btn-drop-shadow: inset 0 2px 4px var(--primary-black-12),inset 0 1px 2px var(--primary-black-05);
    --list-actions: #f0f2f5;
    --list-actions-hover: #e6eaef;
    --list-actions-select: #02547e;
    --list-sorters: #f7f7f7;
    --list-sorters-hover: #f2f2f2;
    --list-sorters-selected: #e8e8e8;
    --list-row-hover: #f7f7f7;
    --list-row-hover-actions: #e8e8e8;
    --list-row-hover-actions-btn: #dedede;
    --list-row-selected: #f0f2f5;
    --list-row-selected-hover: #e6eaef;
    --list-row-selected-actions-btn: #d1d8e1;
    --list-row-border: 1px solid #e0e0e0;
    --list-row-actions-gradient: linear-gradient(to right,rgba(0,0,0,.001) 0%,var(--primary-white) 100%);
    --list-row-details-shadow: 0 -2px 4px 0 var(--primary-shadow-color)
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    border-radius: 4px;
    direction: ltr;
    padding: 4px
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    left: 0;
    top: 0
}

.datepicker-dropdown:before {
    border-bottom: 7px solid rgba(0,0,0,.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.datepicker-dropdown:after,.datepicker-dropdown:before {
    border-top: 0;
    content: "";
    display: inline-block;
    position: absolute
}

.datepicker-dropdown:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    border-bottom: 0;
    border-top: 7px solid #999;
    bottom: -7px
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    border-bottom: 0;
    border-top: 6px solid #fff;
    bottom: -6px
}

.datepicker>div {
    display: none
}

.datepicker.days div.datepicker-days,.datepicker.months div.datepicker-months,.datepicker.years div.datepicker-years {
    display: block
}

.datepicker table {
    -webkit-touch-callout: none;
    margin: 0;
    -webkit-user-select: none;
    user-select: none
}

.datepicker td,.datepicker th {
    border: none;
    border-radius: 4px;
    height: 20px;
    text-align: center;
    width: 20px
}

.table-striped .datepicker table tr td,.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.new,.datepicker table tr td.old {
    color: #767676
}

.datepicker table tr td.new:hover,.datepicker table tr td.old:hover {
    color: var(--primary-gray-800)
}

.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover {
    background: none;
    color: #767676;
    cursor: default
}

.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover {
    background-color: #ffb733;
    color: #000;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:focus,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:focus,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:focus,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled] {
    background-color: #ffb01f;
    color: #000
}

.datepicker table tr td.today.active:hover,.datepicker table tr td.today.disabled.active:hover,.datepicker table tr td.today.disabled:active:hover,.datepicker table tr td.today.disabled:hover.active:hover,.datepicker table tr td.today.disabled:hover:active:hover,.datepicker table tr td.today:active:hover,.datepicker table tr td.today:hover.active:hover,.datepicker table tr td.today:hover:active:hover {
    background-color: #ffa90a
}

.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.today.active:hover {
    color: #fff
}

.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover {
    background: #eee;
    border-radius: 0
}

.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover {
    background-color: #f3c17a;
    color: #000;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:focus,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:focus,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:focus,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled] {
    background-color: #f1b867;
    color: #000
}

.datepicker table tr td.range.today.active:hover,.datepicker table tr td.range.today.disabled.active:hover,.datepicker table tr td.range.today.disabled:active:hover,.datepicker table tr td.range.today.disabled:hover.active:hover,.datepicker table tr td.range.today.disabled:hover:active:hover,.datepicker table tr td.range.today:active:hover,.datepicker table tr td.range.today:hover.active:hover,.datepicker table tr td.range.today:hover:active:hover {
    background-color: #f0b055
}

.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover {
    background-color: #d3d3d3;
    color: #000;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:focus,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:focus,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:focus,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled] {
    background-color: #c9c9c9;
    color: #000
}

.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.disabled.active:hover,.datepicker table tr td.selected.disabled:active:hover,.datepicker table tr td.selected.disabled:hover.active:hover,.datepicker table tr td.selected.disabled:hover:active:hover,.datepicker table tr td.selected:active:hover,.datepicker table tr td.selected:hover.active:hover,.datepicker table tr td.selected:hover:active:hover {
    background-color: #bfbfbf
}

.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover {
    background-color: #0079b8;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:focus,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:focus,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:focus,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled] {
    background-color: #006ca4;
    color: #fff
}

.datepicker table tr td.active.active:hover,.datepicker table tr td.active.disabled.active:hover,.datepicker table tr td.active.disabled:active:hover,.datepicker table tr td.active.disabled:hover.active:hover,.datepicker table tr td.active.disabled:hover:active:hover,.datepicker table tr td.active:active:hover,.datepicker table tr td.active:hover.active:hover,.datepicker table tr td.active:hover:active:hover {
    background-color: #005e8f
}

.datepicker table tr td span {
    border-radius: 4px;
    cursor: pointer;
    display: block;
    float: left;
    height: 54px;
    line-height: 54px;
    margin: 1%;
    width: 23%
}

.datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover {
    background: none;
    color: #767676;
    cursor: default
}

.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover {
    background-color: #0079b8;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:focus,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled] {
    background-color: #006ca4;
    color: #fff
}

.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active:hover {
    background-color: #005e8f
}

.datepicker table tr td span.new,.datepicker table tr td span.old {
    color: #767676
}

.datepicker th.datepicker-switch {
    width: 145px
}

.datepicker tfoot tr th,.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker tfoot tr th:hover,.datepicker thead tr:first-child th:hover {
    background: #eee
}

.datepicker .cw {
    font-size: 10px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
    width: 12px
}

.datepicker thead tr:first-child th.cw {
    background-color: transparent;
    cursor: default
}

.input-daterange input {
    text-align: center
}

.input-daterange .add-on {
    background-color: #eee;
    border: 1px solid #ccc;
    display: inline-block;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-left: -5px;
    margin-right: -5px;
    min-width: 16px;
    padding: 4px 5px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    width: auto
}

/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
    position: relative
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
    left: auto;
    right: 0
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
    left: auto;
    right: 12px
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
    left: auto;
    right: 13px
}

.bootstrap-timepicker .add-on {
    cursor: pointer
}

.bootstrap-timepicker .add-on i {
    display: inline-block;
    height: 16px;
    width: 16px
}

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 4px
}

.bootstrap-timepicker-widget.dropdown-menu.open {
    display: inline-block
}

.bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 7px solid rgba(0,0,0,.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute
}

.bootstrap-timepicker-widget.dropdown-menu:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute
}

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    border-bottom: 0;
    border-top: 7px solid #999;
    bottom: -7px
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    border-bottom: 0;
    border-top: 6px solid #fff;
    bottom: -6px
}

.bootstrap-timepicker-widget a.btn,.bootstrap-timepicker-widget input {
    border-radius: 4px
}

.bootstrap-timepicker-widget table {
    margin: 0;
    width: 100%
}

.bootstrap-timepicker-widget table td {
    height: 30px;
    margin: 0;
    padding: 2px;
    text-align: center
}

.bootstrap-timepicker-widget table td:not(.separator) {
    min-width: 30px
}

.bootstrap-timepicker-widget table td span {
    width: 100%
}

.bootstrap-timepicker-widget table td a {
    border: 1px solid transparent;
    color: #333;
    display: inline-block;
    margin: 0;
    outline: 0;
    padding: 8px 0;
    width: 100%
}

.bootstrap-timepicker-widget table td a:hover {
    background-color: #eee;
    border-color: #ddd;
    border-radius: 4px;
    text-decoration: none
}

.bootstrap-timepicker-widget table td a i {
    font-size: 18px;
    margin-top: 2px
}

.bootstrap-timepicker-widget table td input {
    margin: 0;
    padding: 4px;
    text-align: center;
    width: 34px
}

.bootstrap-timepicker-widget .modal-content {
    padding: 4px
}

@media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
        margin-left:-100px;
        width: 200px
    }
}

@media (max-width: 767px) {
    .bootstrap-timepicker,.bootstrap-timepicker .dropdown-menu {
        width:100%
    }
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.bootstrap-datetimepicker-widget {
    border-radius: 4px;
    left: 0;
    margin-top: 1px;
    padding: 4px;
    top: 0;
    z-index: 3000
}

.bootstrap-datetimepicker-widget:before {
    border-bottom: 7px solid rgba(0,0,0,.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 6px;
    position: absolute;
    top: -7px
}

.bootstrap-datetimepicker-widget:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 7px;
    position: absolute;
    top: -6px
}

.bootstrap-datetimepicker-widget.pull-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.pull-right:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget>ul {
    list-style-type: none;
    margin: 0;
    padding-inline-start:0}

.bootstrap-datetimepicker-widget>ul .datepicker {
    padding: 0
}

.bootstrap-datetimepicker-widget a {
    color: #565656
}

.bootstrap-datetimepicker-widget a:hover {
    text-decoration: none
}

.bootstrap-datetimepicker-widget a i {
    font-size: 16px;
    margin: auto
}

.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second {
    font-size: 1em;
    width: 100%
}

.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
    margin: 0;
    padding: 0;
    width: 4px
}

.bootstrap-datetimepicker-widget .datepicker>div {
    display: none
}

.bootstrap-datetimepicker-widget .picker-switch {
    align-items: center;
    display: flex;
    text-align: center
}

.bootstrap-datetimepicker-widget .picker-switch a {
    flex: 1;
    padding: 5px 0
}

.bootstrap-datetimepicker-widget .picker-switch a:focus,.bootstrap-datetimepicker-widget .picker-switch a:hover {
    background-color: #f2f8fb
}

.bootstrap-datetimepicker-widget table {
    margin: 0;
    width: 100%
}

.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th {
    border-radius: 4px;
    height: 20px;
    text-align: center;
    width: 20px
}

.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover {
    background: #eee;
    cursor: pointer
}

.bootstrap-datetimepicker-widget td.new,.bootstrap-datetimepicker-widget td.old {
    color: #767676
}

.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover {
    background-color: #0079b8;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active.disabled,.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:focus,.bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td.active:hover.active,.bootstrap-datetimepicker-widget td.active:hover.disabled,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active:hover:focus,.bootstrap-datetimepicker-widget td.active:hover:hover,.bootstrap-datetimepicker-widget td.active:hover[disabled],.bootstrap-datetimepicker-widget td.active[disabled] {
    background-color: #006ca4;
    color: #fff
}

.bootstrap-datetimepicker-widget td.active.active:hover,.bootstrap-datetimepicker-widget td.active:active:hover,.bootstrap-datetimepicker-widget td.active:hover.active:hover,.bootstrap-datetimepicker-widget td.active:hover:active:hover {
    background-color: #005e8f
}

.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover {
    background: none;
    color: #767676;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget td span {
    border-radius: 4px;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 38px
}

.bootstrap-datetimepicker-widget td span:hover {
    background: #eee
}

.bootstrap-datetimepicker-widget td span.active {
    background-color: #0079b8;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.bootstrap-datetimepicker-widget td span.active.active,.bootstrap-datetimepicker-widget td span.active.disabled,.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active:focus,.bootstrap-datetimepicker-widget td span.active:hover,.bootstrap-datetimepicker-widget td span.active[disabled] {
    background-color: #006ca4;
    color: #fff
}

.bootstrap-datetimepicker-widget td span.active.active:hover,.bootstrap-datetimepicker-widget td span.active:active:hover {
    background-color: #005e8f
}

.bootstrap-datetimepicker-widget td span.old {
    color: #767676
}

.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover {
    background: none;
    color: #767676;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget .timepicker td {
    height: 30px;
    margin: 0;
    padding: 2px;
    text-align: center
}

.bootstrap-datetimepicker-widget .timepicker td:not(.separator) {
    min-width: 30px;
    width: 42px
}

.bootstrap-datetimepicker-widget .timepicker td span {
    border-radius: 4px;
    width: 100%
}

.bootstrap-datetimepicker-widget .timepicker td a {
    border: 1px solid transparent;
    border-radius: 4px;
    color: #333;
    display: inline-block;
    margin: 0;
    outline: 0;
    padding: 8px 0;
    width: 100%
}

.bootstrap-datetimepicker-widget .timepicker td a:hover {
    background-color: #eee;
    border-color: #ddd;
    text-decoration: none
}

.bootstrap-datetimepicker-widget .timepicker td a:focus {
    box-shadow: 0 0 0 2px #000;
    outline: none
}

.bootstrap-datetimepicker-widget .timepicker td a i {
    font-size: 18px;
    margin-top: 2px
}

.bootstrap-datetimepicker-widget th.switch {
    width: 145px
}

.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev {
    font-size: 21px
}

.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover {
    background: none;
    color: #767676;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget thead tr:first-child th {
    cursor: pointer
}

.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
    background: #eee
}

.input-append.date .add-on i,.input-prepend.date .add-on i {
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px
}

.bootstrap-datetimepicker-widget.left-oriented:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.left-oriented:after {
    left: auto;
    right: 7px
}

i {
    color: var(--primary-gray-750)
}

a {
    color: var(--primary-blue-550)
}

a:focus {
    outline: var(--primary-blue-250-2-px);
    text-decoration: none
}

.ou-field-focus {
    border: 1px solid transparent;
    border-radius: 2px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.ou-field-focus:focus {
    border: var(--primary-blue-250-2-px);
    box-shadow: none;
    outline: none
}

.card {
    background-color: var(--primary-white);
    border-radius: 2px;
    box-shadow: var(--primary-shadow)
}

.card.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.card.padded-children>* {
    padding: 15px
}

.medium-shadow {
    box-shadow: var(--medium-shadow)
}

.unpublished-tag {
    background: var(--primary-gray-250);
    border-radius: 2px;
    color: var(--primary-gray-800);
    display: inline-block;
    font-size: 12px;
    height: 24px;
    letter-spacing: .5px;
    line-height: 24px;
    text-align: center;
    width: 200px
}

div.code-editor:focus,div.tox-tinymce:focus {
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

.tooltip.large {
    max-width: 100%
}

.tooltip.large .tooltip-inner {
    font-size: 14px;
    font-weight: 400;
    max-width: 100%;
    overflow: hidden;
    padding: 6px 8px;
    text-overflow: ellipsis
}

.title-text {
    color: var(--primary-gray-800);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .68px;
    text-transform: capitalize
}

.error {
    color: var(--primary-red-550)
}

.warning-icon {
    color: var(--primary-orange-600)
}

.hidden,.visually-hidden {
    clip: rect(0 0 0 0)!important;
    border: 0!important;
    height: 1px!important;
    left: -9999px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    top: -9999px!important;
    visibility: hidden!important;
    width: 1px!important
}

.hidden-announcement {
    color: var(--primary-black);
    height: 1px;
    left: -100px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.border-box {
    box-sizing: border-box
}

.centered {
    margin-left: auto;
    margin-right: auto
}

.bi-centered {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.clear {
    clear: both
}

.vertical-justify {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.bold {
    font-weight: 700!important
}

.not-bold {
    font-weight: 400!important
}

.italic {
    font-style: italic!important
}

.not-italic {
    font-style: normal!important
}

.no-underline:focus,.no-underline:hover {
    text-decoration: none
}

.link-underlined {
    color: inherit;
    text-decoration: underline
}

.medium-font {
    font-size: 17.5px!important
}

.indent-1 {
    padding-left: 1em
}

.indent-2 {
    padding-left: 2em
}

.space-before {
    margin-top: 15px
}

.no-select {
    -webkit-user-select: none;
    user-select: none
}

.template-img-big {
    height: 150px;
    width: 150px
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) {
    background-color: var(--primary-white);
    border: none;
    border-radius: 2px;
    box-shadow: var(--primary-regular-shadow);
    letter-spacing: .53px;
    margin-top: 1px;
    padding: 8px 0
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) li a:not(.pool-checkbox) {
    align-items: center;
    color: var(--primary-gray-800);
    display: flex;
    flex-direction: row;
    font-size: 14px;
    height: 32px;
    padding: 0 16px
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) li a:not(.pool-checkbox):focus,.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) li a:not(.pool-checkbox):hover {
    background-color: var(--primary-gray-150)
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) li a:not(.pool-checkbox):focus {
    outline: var(--primary-dark-blue-400-2-px)
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) li a:not(.pool-checkbox)[disabled] {
    color: var(--primary-gray-550)
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) li a:not(.pool-checkbox)[disabled]:hover {
    background-color: initial;
    cursor: not-allowed
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) li a:not(.pool-checkbox)[disabled]:focus {
    background-color: initial;
    outline: var(--primary-gray-650-2-px)
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) li a:not(.pool-checkbox) i:not(.icon-folder) {
    color: inherit
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) li a:not(.pool-checkbox) img {
    margin-right: 12px;
    max-height: 24px
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) li a:not(.pool-checkbox) img.icon-sized-img {
    max-height: 20px
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) li i {
    font-size: 22px;
    margin-right: 10px
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) li i:not(.icon-folder) {
    color: inherit
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) li i.icon-arrow-right {
    font-size: 12px;
    margin-left: auto;
    margin-right: 0
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) .dropdown-submenu.open>a {
    background-color: var(--primary-gray-150);
    font-weight: 700
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) .dropdown-submenu ul.dropdown-menu {
    left: 100%;
    margin-top: 0;
    padding: 0;
    top: 0
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) .category-heading-link {
    color: var(--primary-blue-600);
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    letter-spacing: .43px;
    margin-left: 16px;
    padding: 0;
    text-transform: uppercase
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) .category-heading-link:focus,.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) .category-heading-link:hover {
    background-color: var(--primary-white);
    text-decoration: underline
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) .category-heading {
    align-items: center;
    background: var(--primary-gray-150);
    border-top: var(--primary-gray-400-1-px);
    color: var(--primary-gray-800);
    display: inline-block;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    letter-spacing: .43px;
    margin: 5px 0;
    padding: 10px 0 10px 16px;
    text-transform: uppercase
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) .divider {
    margin: 5px 1px
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) .nav-divider {
    margin: 14px 0
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) .ou-multi-select-view .header,.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) .ou-multi-select-view .pool-container {
    border: none
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker) .ou-multi-select-view .header {
    padding: 10px
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker).pt0 {
    padding-top: 0
}

.dropdown-menu:not(.bootstrap-datetimepicker-widget):not(.bootstrap-timepicker-widget):not(.datepicker).pb0 {
    padding-bottom: 0
}

.nowrap {
    white-space: nowrap
}

.wrap-normal {
    word-break: normal
}

.ellipsis {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

label.inline {
    display: inline-block
}

input.no-input {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    cursor: default
}

a.clear-input {
    background: transparent;
    color: var(--primary-gray-700);
    display: none;
    padding: 4px;
    position: relative;
    right: 28px;
    top: 2px;
    z-index: 2
}

a.clear-input:hover {
    color: var(--primary-gray-700);
    text-decoration: none
}

a.clear-input.shown {
    display: initial
}

div.section {
    background-color: var(--primary-white);
    border: var(--primary-gray-600-1-px);
    border-radius: 2px;
    border-radius: 3px;
    box-shadow: var(--primary-shadow);
    margin: 20px 0;
    position: relative
}

div.section.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

div.section.padded-children>* {
    padding: 15px
}

div.section h4 {
    border-bottom: var(--primary-gray-600-1-px);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 16px;
    margin-bottom: 18px;
    margin-top: 0;
    padding: 8px 16px;
    position: relative
}

div.section h4 div.placeholder {
    font-size: 14px;
    top: -4px
}

div.section h4 div.placeholder input {
    border-radius: 5px;
    margin-bottom: 0
}

div.section .ich {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 1
}

.multi-select-region {
    margin-bottom: 15px;
    padding-top: 2px;
    text-align: center
}

.multi-select-region.multi-not-center {
    text-align: unset;
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    /* width: 70%; */
    overflow-x: hidden;
    margin-left: 70px;
}

.multi-select-region .multi-select-label {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    width: 80px
}

.multi-select-region .multi-select-list {
    display: inline-block;
    text-align: left
}

.multi-select-region .multi-select-list:focus {
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

.ou-multi-select-view {
    height: 380px;
    width: 380px
}

.ou-multi-select-view .header {
    border: var(--primary-gray-400-1-px);
    font-weight: 700;
    height: 117px;
    margin: 0!important
}

.ou-multi-select-view .header .title {
    background-color: var(--primary-gray-200);
    border-bottom: var(--primary-gray-400-1-px);
    padding: 6px 14px
}

.ou-multi-select-view .header .header-inner {
    padding: 14px
}

.ou-multi-select-view .header .header-inner .placeholder {
    display: flex
}

.ou-multi-select-view .header .header-inner .placeholder .ou-multi-select-label {
    font-weight: 400
}

.ou-multi-select-view .header .header-inner .placeholder .clear {
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 8px;
    top: 6px;
    visibility: hidden
}

.ou-multi-select-view .header .header-inner .placeholder .clear:focus {
    outline: var(--primary-blue-250-2-px)
}

.ou-multi-select-view .header .header-inner .placeholder input {
    width: 100%
}

.ou-multi-select-view .header .header-inner .pool-details {
    align-items: center;
    color: var(--primary-blue-400);
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: space-between;
    padding-bottom: 4px;
    padding-top: 8px
}

.ou-multi-select-view .header .header-inner .pool-details .actions,.ou-multi-select-view .header .header-inner .pool-details .count-wrap {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-weight: 400;
    height: 100%;
    justify-content: flex-start;
    position: relative
}

.ou-multi-select-view .header .header-inner .pool-details .actions a,.ou-multi-select-view .header .header-inner .pool-details .count-wrap a {
    color: var(--primary-blue-400);
    margin: -4px;
    padding: 4px;
    text-decoration: none
}

.ou-multi-select-view .header .header-inner .pool-details .actions .action-divide {
    margin: 0 5px
}

.ou-multi-select-view .header .pool-details {
    color: var(--primary-blue-400)
}

.ou-multi-select-view .header .pool-details .count-wrap {
    font-weight: 400
}

.ou-multi-select-view .header .pool-details .count-wrap a {
    color: var(--primary-blue-400);
    text-decoration: none
}

.ou-multi-select-view .header .pool-details .actions {
    float: right;
    font-weight: 400
}

.ou-multi-select-view .header .pool-details .actions a {
    color: var(--primary-blue-400);
    text-decoration: none
}

.ou-multi-select-view .pool-container {
    border: var(--primary-gray-400-1-px);
    list-style-type: none;
    margin: 0;
    overflow-y: auto;
    padding: 0;
    width: 100%
}

.ou-multi-select-view .pool-container .pool-row {
    align-items: stretch;
    border-bottom: var(--primary-gray-400-1-px);
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    line-height: 14px;
    min-height: 36px;
    padding: 4px 16px;
    -webkit-user-select: none;
    user-select: none
}

.ou-multi-select-view .pool-container .pool-row.selected {
    background-color: var(--list-row-selected)
}

.ou-multi-select-view .pool-container .pool-row.selected:hover {
    background-color: var(--list-row-selected-hover)
}

.ou-multi-select-view .pool-container .pool-row.highlight {
    box-shadow: var(--primary-blue-250-shadow-2-inset)
}

.ou-multi-select-view .pool-container .pool-row:hover {
    background-color: var(--list-row-hover)
}

.ou-multi-select-view .pool-container .pool-row:focus {
    box-shadow: var(--primary-blue-250-shadow-2-inset);
    outline: none
}

.ou-multi-select-view .pool-container .pool-row .pool-item-select {
    flex: 0 0 30px;
    font-size: 14px;
    max-width: 30px;
    position: relative;
    top: 4px
}

.ou-multi-select-view .pool-container .pool-row .pool-item-select .pool-checkbox {
    font-size: 16px;
    text-decoration: none
}

.ou-multi-select-view .pool-container .pool-row .pool-item-select .pool-checkbox:focus {
    outline: none
}

.ou-multi-select-view .pool-container .pool-row .pool-item-content {
    margin: 0 4px;
    overflow: hidden;
    width: 100%
}

.ou-multi-select-view .pool-container .pool-row .pool-item-content img.user-gravatar {
    border-radius: 50%;
    height: 24px;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    top: 2px;
    vertical-align: top;
    width: 24px
}

.ou-multi-select-view .pool-container .pool-row .pool-item-content img.user-gravatar+.pool-item-label {
    width: 85%
}

.ou-multi-select-view .pool-container .pool-row .pool-item-content i {
    font-size: 24px;
    margin-right: 4px;
    vertical-align: middle
}

.ou-multi-select-view .pool-container .pool-row .pool-item-content .pool-item-label {
    align-items: center;
    display: inline-flex;
    height: 100%;
    overflow-x: hidden;
    vertical-align: top;
    white-space: nowrap;
    width: 100%
}

.ou-multi-select-view .pool-container .pool-row .pool-item-content .pool-item-label span.multi-select-name-primary {
    display: block;
    width: 100%
}

.ou-multi-select-view .pool-container .pool-row .pool-item-content .pool-item-label span.multi-select-name-secondary {
    color: var(--primary-gray-700);
    display: block;
    font-size: 12px;
    width: 100%
}

.ou-multi-select-view .pool-container .pool-row .pool-item-content .pool-item-label span {
    color: var(--primary-gray-800);
    overflow: hidden;
    text-overflow: ellipsis
}

.ou-multi-select-view .pool-container,.ou-multi-select-view select {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: calc(100% - 117px);
    max-height: calc(100% - 117px);
    min-height: 200px
}

a {
    cursor: pointer
}

a.cursor-default,a.no-link {
    cursor: default
}

.caret-right {
    border-color: transparent transparent transparent var(--primary-gray-750);
    vertical-align: baseline
}

.caret-right,.caret-up {
    border-style: solid;
    border-width: 5px;
    filter: alpha(opacity=8000);
    opacity: 1
}

.caret-up {
    border-color: transparent transparent var(--primary-gray-750) transparent;
    vertical-align: top
}

.caret-down {
    border-color: var(--primary-gray-750) transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    filter: alpha(opacity=8000);
    opacity: 1;
    vertical-align: middle
}

div.placeholder {
    display: inline-block;
    position: relative
}

div.placeholder i.icon-filter,div.placeholder i.icon-key,div.placeholder i.icon-mail,div.placeholder i.icon-search,div.placeholder i.icon-user {
    color: var(--primary-gray-700);
    left: 7px;
    position: absolute;
    top: 5px
}

div.placeholder label {
    color: var(--primary-gray-700);
    cursor: default;
    display: inline;
    left: 25px;
    position: absolute;
    top: 5px;
    transition: color .2s linear 0
}

div.placeholder input[type=password],div.placeholder input[type=text] {
    padding-left: 24px
}

div.placeholder.focused label {
    color: var(--primary-gray-700)
}

div.placeholder.populated label {
    display: none
}

div.placeholder .icon-cancel {
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 5px;
    visibility: hidden
}

div.placeholder .icon-cancel,div.placeholder .icon-cancel:hover {
    color: var(--primary-gray-700)
}

.tooltip {
    font-size: 12px;
    font-weight: 700
}

.tooltip.in {
    filter: alpha(opacity=10000);
    opacity: 1
}

.select2-drop-mask {
    cursor: pointer
}

.select2,.select2-container,.select2-container-multi {
    display: block
}

.select2-container-multi.select2-container-active .select2-choice,.select2-container-multi.select2-container-active .select2-choices,.select2-container.select2-container-active .select2-choice,.select2-container.select2-container-active .select2-choices,.select2.select2-container-active .select2-choice,.select2.select2-container-active .select2-choices {
    border: var(--primary-dark-blue-400-2-px);
    box-shadow: none
}

.select2-container-multi.select2-container-disabled,.select2-container.select2-container-disabled,.select2.select2-container-disabled {
    cursor: not-allowed
}

.select2-container-multi.select2-container-disabled .select2-choice,.select2-container-multi.select2-container-disabled .select2-choices,.select2-container.select2-container-disabled .select2-choice,.select2-container.select2-container-disabled .select2-choices,.select2.select2-container-disabled .select2-choice,.select2.select2-container-disabled .select2-choices {
    background-color: var(--primary-gray-100);
    border: var(--primary-gray-400-1-px);
    cursor: inherit
}

.select2-container-multi.select2-container-disabled .select2-choice .select2-search-choice,.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice,.select2-container.select2-container-disabled .select2-choice .select2-search-choice,.select2-container.select2-container-disabled .select2-choices .select2-search-choice,.select2.select2-container-disabled .select2-choice .select2-search-choice,.select2.select2-container-disabled .select2-choices .select2-search-choice {
    background-color: var(--primary-gray-100);
    color: var(--primary-gray-550)
}

.select2-container-multi.select2-container-disabled.select2-container-active .select2-choice .select2-search-field input,.select2-container-multi.select2-container-disabled.select2-container-active .select2-choices .select2-search-field input,.select2-container.select2-container-disabled.select2-container-active .select2-choice .select2-search-field input,.select2-container.select2-container-disabled.select2-container-active .select2-choices .select2-search-field input,.select2.select2-container-disabled.select2-container-active .select2-choice .select2-search-field input,.select2.select2-container-disabled.select2-container-active .select2-choices .select2-search-field input {
    border: 0
}

.select2 .announcement-prefix,.select2 .announcement-suffix,.select2-container .announcement-prefix,.select2-container .announcement-suffix,.select2-container-multi .announcement-prefix,.select2-container-multi .announcement-suffix {
    display: none
}

.select2 .select2-choice,.select2 .select2-choices,.select2-container .select2-choice,.select2-container .select2-choices,.select2-container-multi .select2-choice,.select2-container-multi .select2-choices {
    background-image: none;
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    display: flex;
    height: 32px;
    line-height: 30px;
    max-width: 500px;
    width: 100%
}

.select2 .select2-choice .icon-location,.select2 .select2-choices .icon-location,.select2-container .select2-choice .icon-location,.select2-container .select2-choices .icon-location,.select2-container-multi .select2-choice .icon-location,.select2-container-multi .select2-choices .icon-location {
    display: none
}

.select2 .select2-choice .select2-arrow,.select2 .select2-choices .select2-arrow,.select2-container .select2-choice .select2-arrow,.select2-container .select2-choices .select2-arrow,.select2-container-multi .select2-choice .select2-arrow,.select2-container-multi .select2-choices .select2-arrow {
    background-color: var(--primary-white);
    background-image: none;
    border: none
}

.select2 .select2-choice .select2-search-choice,.select2 .select2-choices .select2-search-choice,.select2-container .select2-choice .select2-search-choice,.select2-container .select2-choices .select2-search-choice,.select2-container-multi .select2-choice .select2-search-choice,.select2-container-multi .select2-choices .select2-search-choice {
    align-self: center;
    background-color: var(--primary-white);
    background-image: none;
    border-radius: 15px;
    color: var(--primary-gray-800);
    display: flex;
    margin: 5px 0 5px 5px;
    min-width: 60px
}

.select2 .select2-choice .select2-search-choice.select2-locked,.select2 .select2-choices .select2-search-choice.select2-locked,.select2-container .select2-choice .select2-search-choice.select2-locked,.select2-container .select2-choices .select2-search-choice.select2-locked,.select2-container-multi .select2-choice .select2-search-choice.select2-locked,.select2-container-multi .select2-choices .select2-search-choice.select2-locked {
    justify-content: center
}

.select2 .select2-choice .select2-search-choice.select2-search-choice-focus,.select2 .select2-choices .select2-search-choice.select2-search-choice-focus,.select2-container .select2-choice .select2-search-choice.select2-search-choice-focus,.select2-container .select2-choices .select2-search-choice.select2-search-choice-focus,.select2-container-multi .select2-choice .select2-search-choice.select2-search-choice-focus,.select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus {
    border-color: transparent;
    box-shadow: var(--primary-dark-blue-400-shadow-2)!important;
    padding: 2px 4px 2px 17px
}

.select2 .select2-choice .select2-search-choice-close,.select2 .select2-choices .select2-search-choice-close,.select2-container .select2-choice .select2-search-choice-close,.select2-container .select2-choices .select2-search-choice-close,.select2-container-multi .select2-choice .select2-search-choice-close,.select2-container-multi .select2-choices .select2-search-choice-close {
    left: 4px
}

.select2-container-multi ul.select2-choices {
    flex-wrap: wrap;
    word-break: break-all
}

.select2-container-multi .select2-search-choice-close {
    top: 18%
}

.select2-container-multi div.with-icon {
    margin-left: 30px;
    text-indent: -30px
}

.select2-container-multi div.with-icon span.icon-span {
    position: relative;
    top: -6px
}

.select2-container-multi div.with-image {
    margin-left: 30px;
    text-indent: -26px
}

.select2-drop.select2-drop-active {
    border: none;
    box-shadow: var(--primary-regular-shadow)
}

.select2-drop .select2-results {
    max-height: 300px
}

.select2-drop .select2-results .select2-highlighted {
    background: var(--primary-gray-150);
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    color: var(--primary-gray-800)
}

.select2-choices i,.select2-results i {
    font-size: 25px;
    line-height: 16px!important;
    position: relative;
    top: 4px
}

.widget-frame:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

.widget-frame.use-borders:focus {
    border: var(--primary-black-2-px);
    box-shadow: none
}

#lbCaption {
    font-size: 13px
}

#noscript,#unsupported-browser {
    margin: 20px auto 0;
    text-align: center;
    width: 940px
}

#noscript h1,#unsupported-browser h1 {
    color: var(--primary-red-550);
    margin-bottom: 10px
}

#noscript p,#unsupported-browser p {
    font-size: 16px
}

#noscript p {
    color: var(--primary-red-550)
}

#error-msg {
    margin: 20px auto;
    padding: 0;
    text-align: center;
    width: 520px
}

#error-msg .message {
    border-bottom: var(--primary-red-250-1-px);
    padding: 12px
}

#error-msg .btn {
    margin: 8px 0
}

div.ou-error {
    max-width: 800px
}

#loading-msg,div.ou-error {
    margin: 20px auto;
    text-align: center
}

#loading-msg {
    font-size: 14px;
    font-weight: 700;
    padding: 8px;
    width: 520px
}

#loading-msg img {
    margin-right: 10px
}

.loading-span .loading-spinner {
    margin-top: -4px
}

.loading-bg {
    background: url(/resources/images/loading-big.gif) no-repeat 50%
}

.full-loading-bg {
    background-color: var(--primary-gray-200);
    font-size: 3rem;
    height: 100%;
    left: 0;
    line-height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%
}

.loading-animation {
    animation: spin 2s linear infinite
}

.skeleton-loader {
    background-color: var(--primary-white);
    height: 100%;
    left: 0;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 100%
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -500px 0
    }

    to {
        background-position: 500px 0
    }
}

.skeleton-loader .linear-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: var(--primary-white);
    background: linear-gradient(to right,var(--primary-gray-250) 8%,var(--primary-gray-450) 18%,var(--primary-gray-250) 33%);
    background-size: 1000px;
    height: 100%;
    overflow: hidden;
    position: relative
}

.skeleton-loader .gap-below-header {
    background: var(--primary-white);
    height: 5%;
    position: absolute;
    top: 20%;
    width: 100%
}

.skeleton-loader .gap-below-header.is-source-code {
    height: 2%;
    top: 5%
}

.skeleton-loader .vertical-gap {
    background: var(--primary-white);
    height: 50%;
    left: 100px;
    position: absolute;
    top: 25%;
    width: 20px
}

.skeleton-loader .gap-right-1 {
    height: 5%;
    top: 35%
}

.skeleton-loader .gap-right-1,.skeleton-loader .gap-right-2 {
    background: var(--primary-white);
    left: 120px;
    position: absolute;
    width: 100%
}

.skeleton-loader .gap-right-2 {
    height: 25%;
    top: 50%
}

.skeleton-loader .gap-above-footer {
    background: var(--primary-white);
    height: 5%;
    position: absolute;
    top: 75%;
    width: 100%
}

#about-modal .logo img {
    background-color: var(--primary-blue-500);
    border-radius: 5px;
    padding: 10px
}

#about-modal h4 {
    margin-bottom: 10px
}

.access-error-message-container {
    background-color: var(--primary-white);
    box-shadow: var(--primary-shadow);
    height: calc(100vh - 244px)
}

.access-error-message-container.height-100 {
    height: 100%
}

.access-error-message-container.access-error-message-with-page-actions-closed {
    height: calc(100vh - 154px)
}

.access-error-message-container .access-error-contents {
    padding-top: 50px;
    text-align: center;
    width: 100%
}

.access-error-message-container .access-error-contents .access-error-icon {
    color: var(--primary-red-300);
    font-size: 50px;
    line-height: 56px
}

.access-error-message-container .access-error-contents .access-error-description {
    color: var(--primary-gray-750);
    font-size: 15px;
    margin: 10px 0
}

select[disabled] {
    opacity: .8
}

.select2-container-disabled span {
    opacity: .7
}

.disabled .subset-heading,.disabled h5,.disabled label,.disabled span,input[disabled],label.disabled,select[disabled],textarea[disabled] {
    color: var(--primary-gray-700)
}

img.select-avatar {
    height: 18px;
    width: 18px
}

input[type=number] {
    text-align: right
}

input.error {
    border-color: var(--primary-red-550)
}

.help-inline.error {
    display: none
}

.error .help-inline.error {
    display: block
}

.mode-selector .btn.active {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff
}

.mode-selector .btn.active.focus,.mode-selector .btn.active:focus {
    background-color: #286090;
    border-color: #122b40;
    color: #fff
}

.mode-selector .btn.active:hover {
    background-color: #286090;
    border-color: #204d74;
    color: #fff
}

.mode-selector .btn.active.active,.mode-selector .btn.active:active,.open>.dropdown-toggle.mode-selector .btn.active {
    background-color: #286090;
    background-image: none;
    border-color: #204d74;
    color: #fff
}

.mode-selector .btn.active.active.focus,.mode-selector .btn.active.active:focus,.mode-selector .btn.active.active:hover,.mode-selector .btn.active:active.focus,.mode-selector .btn.active:active:focus,.mode-selector .btn.active:active:hover,.open>.dropdown-toggle.mode-selector .btn.active.focus,.open>.dropdown-toggle.mode-selector .btn.active:focus,.open>.dropdown-toggle.mode-selector .btn.active:hover {
    background-color: #204d74;
    border-color: #122b40;
    color: #fff
}

.mode-selector .btn.active.disabled.focus,.mode-selector .btn.active.disabled:focus,.mode-selector .btn.active.disabled:hover,.mode-selector .btn.active[disabled].focus,.mode-selector .btn.active[disabled]:focus,.mode-selector .btn.active[disabled]:hover,fieldset[disabled] .mode-selector .btn.active.focus,fieldset[disabled] .mode-selector .btn.active:focus,fieldset[disabled] .mode-selector .btn.active:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.mode-selector .btn.active .badge {
    background-color: #fff;
    color: #337ab7
}

.mode-selector .btn i[class^=icon-] {
    font-size: 16px;
    line-height: normal
}

textarea {
    resize: vertical
}

.icon-chevron-up:before {
    content: "\e905"
}

.icon-chevron-down:before {
    content: "\e902"
}

i[class^=icon-] {
    line-height: 20px
}

.btn i[class^=icon-] {
    line-height: 16px
}

.dropdown-toggle i[class^=icon-] {
    font-size: 16px;
    position: relative
}

a[data-action=hide] i[class^=icon-],a[data-action=hide] i[class^=icon-]:hover {
    color: var(--primary-gray-700)
}

a[data-action=hide] {
    text-decoration: none
}

.nav-fixed-left {
    background-color: var(--primary-white);
    box-shadow: var(--primary-shadow-left-nav);
    float: left;
    height: calc(100vh - 60px);
    left: 0;
    overflow: auto;
    padding: 40px 0;
    position: fixed;
    top: 60px;
    width: 260px;
    z-index: 310
}

.nav-fixed-left.w465 {
    width: 465px
}

.nav-fixed-left.w400 {
    width: 400px
}

.nav-fixed-left .side-nav-heading {
    color: var(--primary-gray-800);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 17px;
    margin: 40px 0 20px;
    padding: 0 24px;
    text-transform: uppercase;
    word-break: break-word
}

.nav-fixed-left .side-nav-heading.side-nav-heading-with-image {
    align-items: center;
    display: flex
}

.nav-fixed-left .side-nav-heading .circle-image {
    border-radius: 50%;
    height: 40px;
    margin-right: 8px;
    width: 40px
}

.nav-fixed-left .sidenavigation-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.nav-fixed-left .sidenavigation-list a {
    word-wrap: break-word;
    color: var(--primary-gray-800);
    display: block;
    letter-spacing: .5px;
    margin-top: 8px;
    padding: 7px 24px 7px 56px;
    position: relative;
    text-decoration: none
}

.nav-fixed-left .sidenavigation-list a:focus,.nav-fixed-left .sidenavigation-list a:hover {
    background-color: var(--primary-orange-100)
}

.nav-fixed-left .sidenavigation-list a:focus i,.nav-fixed-left .sidenavigation-list a:hover i {
    color: var(--primary-orange-600)
}

.nav-fixed-left .sidenavigation-list a:focus {
    box-shadow: var(--primary-dark-orange-600-shadow-2-inset);
    outline: none
}

.nav-fixed-left .sidenavigation-list a.active,.nav-fixed-left .sidenavigation-list a[aria-current=step],.nav-fixed-left .sidenavigation-list a[aria-current=true] {
    font-weight: 700
}

.nav-fixed-left .sidenavigation-list a.active:before,.nav-fixed-left .sidenavigation-list a[aria-current=step]:before,.nav-fixed-left .sidenavigation-list a[aria-current=true]:before {
    background: var(--primary-orange-600);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px
}

.nav-fixed-left .sidenavigation-list a.active i,.nav-fixed-left .sidenavigation-list a[aria-current=step] i,.nav-fixed-left .sidenavigation-list a[aria-current=true] i {
    color: var(--primary-orange-600)
}

.nav-fixed-left .sidenavigation-list a i {
    font-size: 20px;
    left: 24px;
    padding-right: 4px;
    position: absolute
}

.nav-fixed-left .sidenavigation-list a[aria-disabled=true] {
    color: var(--primary-gray-550);
    pointer-events: none
}

.nav-fixed-left .sidenavigation-list a[aria-disabled=true] i {
    color: var(--primary-gray-550)
}

.nav-fixed-left .sidenavigation-list a[aria-disabled=true]:focus {
    background-color: transparent;
    box-shadow: var(--primary-gray-550-shadow-2-inset)
}

.nav-fixed-left .sidenavigation-list .sidenavigation-sub-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.nav-fixed-left .sidenavigation-list .sidenavigation-sub-list a {
    padding: 5px 24px 5px 74px;
    position: relative
}

.nav-fixed-left .sidenavigation-list .sidenavigation-sub-list a[aria-current=step],.nav-fixed-left .sidenavigation-list .sidenavigation-sub-list a[aria-current=true] {
    background-color: var(--primary-white);
    border-color: transparent
}

.nav-fixed-left .sidenavigation-list .sidenavigation-sub-list a[aria-current=step]:before,.nav-fixed-left .sidenavigation-list .sidenavigation-sub-list a[aria-current=true]:before {
    border-radius: 50%;
    height: 7px;
    left: 56px;
    position: absolute;
    top: 11px;
    width: 7px
}

.input-append>.btn {
    max-height: 30px
}

.input-append>.btn i {
    font-size: 16px;
    position: relative
}

div.popover {
    z-index: 1100
}

.bootstrap-timepicker-widget {
    z-index: 1060
}

.select2-search .select2-input {
    margin: 5px 0
}

.daterangepicker .ranges label {
    cursor: default;
    font-weight: 700;
    margin-bottom: 0
}

.daterangepicker .ranges input {
    background-color: var(--primary-white);
    border-color: var(--primary-white);
    box-shadow: none;
    cursor: default;
    font-size: 12px;
    padding: 0;
    width: 70px
}

.daterangepicker .ranges div.buttons {
    bottom: 10px;
    position: absolute;
    right: 10px
}

.daterangepicker .ranges div.buttons button {
    width: 72px
}

.daterangepicker .ranges div.buttons .applyBtn {
    margin-left: 8px
}

.popover-content .daterangepicker {
    border: none;
    box-shadow: none;
    display: block!important;
    left: 0;
    padding: 0;
    position: relative;
    top: 0
}

.popover-content .daterangepicker:after,.popover-content .daterangepicker:before {
    display: none!important
}

.popover-content .daterangepicker .ranges {
    position: absolute;
    visibility: hidden
}

.daterangepicker .input-mini,.daterangepicker input {
    border: var(--primary-gray-400-1-px);
    border-radius: 2px
}

.daterangepicker .input-mini.active,.daterangepicker input.active {
    border: var(--primary-gray-400-1-px)
}

.daterangepicker .input-mini:focus,.daterangepicker input:focus {
    border: var(--primary-blue-250-2-px);
    box-shadow: none;
    outline: none;
    padding-left: 28px
}

i.ich {
    color: var(--primary-gray-800);
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    vertical-align: middle
}

i.ich:hover {
    color: var(--primary-gray-750)
}

i.ich[id=""] {
    display: none
}

.ich-link {
    margin-top: 5px
}

#nprogress .bar {
    background-color: var(--primary-blue-400)!important;
    bottom: 0!important;
    height: 5px!important;
    top: auto!important;
    z-index: 1800!important
}

#nprogress .peg {
    display: none!important
}

.progress-on-top #nprogress .bar {
    bottom: auto!important;
    box-shadow: none;
    height: 28px!important;
    top: 40px!important;
    z-index: 800!important
}

#progress-wrapper {
    height: 0;
    position: fixed;
    text-align: center;
    top: 74px;
    width: 100%;
    z-index: 2000
}

#progress-message {
    background-color: var(--primary-white);
    border: var(--primary-blue-550-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    display: inline-block;
    padding: 8px 16px
}

#progress-message.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#progress-message.padded-children>* {
    padding: 15px
}

.file-folder-tree-view {
    border: var(--primary-gray-400-1-px);
    max-width: 100%;
    min-height: 100px;
    overflow: auto;
    resize: vertical;
    width: 100%
}

.file-folder-tree-view:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

.file-folder-tree-view.height-500 {
    height: 500px
}

.file-folder-tree-view.no-min-height {
    min-height: auto
}

.file-folder-tree-view .tree-list {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    width: 100%
}

.file-folder-tree-view .tree-list.base-list {
    border-top: var(--primary-gray-400-3-px)
}

.file-folder-tree-view .tree-list .tree-item {
    border-top: var(--primary-gray-400-1-px);
    list-style: none;
    margin-right: 5px;
    min-width: 100%;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content
}

.file-folder-tree-view .tree-list .tree-item.zip-tree-item {
    white-space: normal
}

.file-folder-tree-view .tree-list .tree-item.zip-tree-item .tree-item-inner .file-name {
    margin-right: 10px;
    max-width: 55%
}

.file-folder-tree-view .tree-list .tree-item>.tree-item-inner:hover {
    background-color: var(--list-row-hover)
}

.file-folder-tree-view .tree-list .tree-item.base-tree-item {
    border-top: none
}

.file-folder-tree-view .tree-list .tree-item.selected>.tree-item-inner {
    background-color: var(--list-row-selected)
}

.file-folder-tree-view .tree-list .tree-item.selected>.tree-item-inner:hover {
    background-color: var(--list-row-selected-hover)
}

.file-folder-tree-view .tree-list .tree-item:focus {
    box-shadow: none;
    outline: none
}

.file-folder-tree-view .tree-list .tree-item:focus>.tree-item-inner .file-name {
    outline: var(--primary-blue-400-2-px)
}

.file-folder-tree-view .tree-list .tree-item[aria-expanded=true] {
    padding-bottom: 0
}

.file-folder-tree-view .tree-list .tree-item:hover {
    cursor: pointer
}

.file-folder-tree-view .tree-list .tree-item .tree-item-inner {
    display: flex;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 10px;
    position: relative
}

.file-folder-tree-view .tree-list .tree-item .tree-item-inner .tree-icons {
    display: inline-flex;
    height: 20px
}

.file-folder-tree-view .tree-list .tree-item .tree-item-inner .file-name {
    display: inline-flex
}

.file-folder-tree-view .tree-list .tree-item .tree-item-inner .file-name.empty-file {
    top: 0
}

.file-folder-tree-view .tree-list .tree-item .tree-item-inner .actions-container {
    display: flex;
    margin-left: auto;
    padding-right: 40px
}

.file-folder-tree-view .tree-list .tree-item .tree-item-inner .actions-container .tree-rename {
    height: 32px;
    position: absolute;
    right: 5px;
    top: 4px;
    width: 32px
}

.file-folder-tree-view .tree-list .tree-item .tree-item-inner .actions-container .tree-rename i {
    font-size: 20px
}

.file-folder-tree-view .tree-list .tree-item .tree-item-inner .actions-container .error-message {
    color: var(--primary-red-550)
}

.file-folder-tree-view .tree-list .tree-item .tree-item-inner .actions-container .error-message.warning-message {
    color: var(--list-actions-select)
}

.file-folder-tree-view .tree-list .tree-item.has-rename>.tree-item-inner {
    padding-bottom: 4px;
    padding-top: 4px
}

.file-folder-tree-view .tree-list .tree-item.has-rename>.tree-item-inner .file-name {
    width: 100%
}

.file-folder-tree-view .tree-list .tree-item.has-rename>.tree-item-inner .error-message,.file-folder-tree-view .tree-list .tree-item.has-rename>.tree-item-inner .tree-icons {
    padding-top: 6px
}

.file-folder-tree-view .tree-list .tree-item .tree-checkbox {
    height: 20px;
    margin-right: 6px;
    position: relative;
    top: 1px
}

.file-folder-tree-view .tree-list .tree-item .tree-checkbox:hover {
    text-decoration: none
}

.file-folder-tree-view .tree-list .tree-item .tree-checkbox i {
    font-size: 18px
}

.file-folder-tree-view .tree-list .tree-item .tree-icon {
    font-size: 22px
}

.file-folder-tree-view .tree-list .tree-item .tree-icon:not(.icon-home) {
    margin-right: 3px
}

.file-folder-tree-view .tree-list .tree-item .icon-folder {
    margin-right: 6px
}

.file-folder-tree-view .tree-list .tree-item .icon-caret-down,.file-folder-tree-view .tree-list .tree-item .icon-caret-right {
    position: relative;
    top: -3px
}

.file-folder-tree-view .tree-list.hide-valid .tree-item:not(.tree-item-error):not([data-type=folder]),.file-folder-tree-view .tree-list.hide-valid .tree-item:not(.tree-item-error)>.tree-item-inner .tree-rename {
    display: none
}

#list-filter-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
    width: 254px
}

#list-filter-container #asset-types-btn-dd {
    border-radius: 0;
    border-right: 0
}

#list-filter-container #filter-input {
    display: inline-block;
    height: 36px;
    padding: 6px 18px;
    width: 210px
}

#list-filter-container #filter-input.with-tag-filter-button {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: 0
}

#list-filter-container .tag-filter-btn {
    background-color: var(--primary-gray-200);
    border: var(--primary-gray-400-1-px);
    border-left: 0;
    border-radius: 0;
    color: var(--primary-gray-750)
}

#list-filter-container i.filterIcon {
    font-size: 18px;
    position: absolute;
    right: 232px;
    top: 8px
}

#list-filter-container i.clear {
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 48px;
    top: 8px;
    visibility: hidden
}

#list-filter-container i.clear:hover {
    opacity: .6
}

#list-filter-container i.clear:active,#list-filter-container i.clear:focus {
    outline: var(--primary-blue-250-2-px)
}

#list-filter-container #tag-list {
    position: absolute;
    visibility: hidden;
    width: 150px
}

#list-filter-container .select2-container {
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    visibility: hidden;
    width: 200px
}

#list-filter-container #filter-tags-container {
    display: none;
    height: 20px;
    left: 4px;
    min-height: 36px;
    position: absolute;
    top: 0
}

#list-filter-container #filter-tags-container .single-tag {
    background: var(--primary-white);
    border: var(--primary-gray-600-1-px);
    border-radius: 3px;
    padding: 1px 5px 1px 18px
}

#list-filter-container #filter-tags-container .multi-tags {
    cursor: pointer;
    display: block;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 46px
}

#list-filter-container #filter-tags-container .multi-tags:hover {
    opacity: .8
}

#list-filter-container #filter-tags-container .multi-tags:active,#list-filter-container #filter-tags-container .multi-tags:focus {
    outline: var(--primary-blue-250-2-px)
}

#list-filter-container #filter-tags-container .multi-tags .tagIcon {
    display: inline-block;
    height: 100%;
    transform: rotate(180deg)
}

#list-filter-container #filter-tags-container .multi-tags .tagIcon i {
    color: var(--primary-black);
    font-size: 56px;
    line-height: 100%;
    right: -6px;
    top: -10px;
    vertical-align: middle
}

#list-filter-container #filter-tags-container .multi-tags .tagCount {
    bottom: 9px;
    color: var(--primary-white);
    display: inline-block;
    line-height: 22px;
    position: relative;
    right: 37px
}

#list-filter-container #filter-tags-container .select2-search-choice-close {
    left: 5px;
    top: 5px
}

#list-filter-container #filter-tags-container .tag-item>a>i {
    font-size: 12px;
    margin-left: auto;
    margin-right: 0
}

.universal-tabs-container {
    width: 100%
}

.universal-tabs {
    align-items: center;
    border-bottom: var(--primary-gray-400-1-px);
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    height: 36px;
    justify-content: center
}

.universal-tabs.left {
    justify-content: flex-start
}

.universal-tabs.right {
    justify-content: flex-end
}

.universal-tabs .universal-tab {
    color: var(--primary-gray-800);
    height: 100%;
    line-height: 36px;
    padding: 0 12px;
    text-decoration: none
}

.universal-tabs .universal-tab i {
    font-size: 20px;
    position: relative;
    top: 5px
}

.universal-tabs .universal-tab i.icon-angle-down {
    font-size: 18px;
    line-height: 18px;
    padding-right: 3px;
    top: 9px
}

.universal-tabs .universal-tab[aria-selected=true] {
    border-bottom: var(--primary-orange-600-3-px);
    font-weight: 700
}

.universal-tabs .universal-tab:hover {
    text-decoration: none
}

.universal-tabs .universal-tab:focus {
    outline: var(--primary-dark-blue-400-2-px)
}

.universal-tabs .universal-tab[aria-disabled=true] {
    color: var(--primary-gray-400);
    cursor: default;
    pointer-events: none;
    text-decoration: none
}

.universal-tabs .universal-tab[aria-disabled=true] i {
    color: var(--primary-gray-400)
}

#header,#ou-topbar {
    height: 60px
}

#ou-topbar {
    background-color: var(--primary-white);
    border-bottom: var(--primary-orange-600-2-px);
    color: var(--primary-gray-800);
    font-size: 14px;
    letter-spacing: .53px;
    padding-left: 12px;
    padding-right: 12px
}

#ou-topbar .logo-heading {
    font-size: inherit;
    height: 100%;
    margin: 0
}

#ou-topbar .logo-heading .heading-text {
    left: -999999px;
    position: absolute
}

.navigation-menu-open #ou-topbar {
    box-shadow: none
}

#ou-topbar .username-span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%
}

#ou-topbar #skip-navigation-link {
    height: 36px;
    left: -200px;
    position: absolute;
    top: 12px;
    z-index: 100
}

#ou-topbar #skip-navigation-link:focus {
    left: 24px
}

#ou-topbar .hide-on-desktop {
    display: none
}

#ou-topbar .navbar-brand {
    height: 59px;
    margin: 0 12px 0 0;
    max-width: 345px;
    min-width: 160px;
    padding: 0
}

#ou-topbar .navbar-brand.invis {
    opacity: 0
}

#ou-topbar .navbar-brand img,#ou-topbar .navbar-brand svg {
    height: 100%
}

#ou-topbar .navbar-brand a {
    display: block;
    height: 100%;
    padding: 15px 12px;
    width: auto
}

#ou-topbar .navbar-brand a .inner {
    height: 100%;
    overflow: hidden;
    position: relative;
    top: 1px;
    width: 100%
}

#ou-topbar .navbar-brand a:focus {
    outline: var(--primary-orange-600-2-px)
}

#ou-topbar .navbar-toggle {
    border: none;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 12px;
    margin-top: 13px
}

#ou-topbar .navbar-toggle .icon-bar {
    background-color: var(--primary-gray-800);
    height: 3px
}

#ou-topbar .navbar-toggle:focus,#ou-topbar .navbar-toggle:hover {
    background-color: var(--primary-gray-400);
    color: var(--primary-gray-750)
}

#ou-topbar .navbar-toggle:focus {
    box-shadow: var(--primary-black-shadow-2)
}

#ou-topbar img.gravatar {
    border-radius: 50%;
    margin-right: 5px;
    width: 24px
}

#ou-topbar .nav li.dropdown.open>a {
    background-color: var(--primary-orange-100);
    color: var(--primary-gray-800)
}

#ou-topbar .nav li.dropdown.open>a i.icon-angle-down:before {
    content: "\e905"
}

#ou-topbar .nav li a {
    align-items: center;
    color: inherit;
    display: flex;
    flex-direction: row;
    height: 58px;
    line-height: 26px;
    padding-left: 12px;
    padding-right: 12px
}

#ou-topbar .nav li a.active {
    font-weight: 700
}

#ou-topbar .nav li a.active,#ou-topbar .nav li a:focus,#ou-topbar .nav li a:hover {
    background-color: var(--primary-orange-100);
    color: var(--primary-gray-800)
}

#ou-topbar .nav li a:focus {
    box-shadow: var(--primary-dark-orange-600-shadow-2-inset);
    outline: none
}

#ou-topbar .nav li a :nth-child(2):not(sup) {
    margin-left: 7px
}

#ou-topbar .nav li a i {
    color: var(--primary-gray-750);
    font-size: 18px;
    position: static
}

#ou-topbar .nav li a i.icon-help {
    font-size: 34px
}

#ou-topbar .nav li a sup.tm {
    position: relative;
    top: -.5em
}

#ou-topbar .nav.navbar-right #site-selection-container {
    height: 58px
}

#ou-topbar .nav.navbar-right #site-selection-container .site {
    align-items: center;
    display: flex;
    height: 100%
}

#ou-topbar .nav.navbar-right #site-selection-container .site .single-site,#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu {
    height: 100%;
    max-width: 145px
}

@media (min-width: 1195px) {
    #ou-topbar .nav.navbar-right #site-selection-container .site .single-site,#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu {
        max-width:200px
    }
}

@media (max-width: 1070px) {
    #ou-topbar .nav.navbar-right #site-selection-container .site .single-site,#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu {
        border-bottom:none;
        max-width: 100%;
        padding-right: 0
    }
}

#ou-topbar .nav.navbar-right #site-selection-container .site .single-site .icon-location,#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu .icon-location {
    color: var(--primary-gray-800);
    display: block!important;
    font-size: 24px
}

#ou-topbar .nav.navbar-right #site-selection-container .site .single-site:hover,#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu:hover {
    background-color: var(--primary-orange-100);
    color: var(--primary-gray-800)
}

#ou-topbar .nav.navbar-right #site-selection-container .site .single-site:hover .icon-location,#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu:hover .icon-location {
    color: var(--primary-gray-800)
}

#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu .select2-choice {
    background: none;
    border: none;
    border-radius: 0;
    height: 58px;
    padding: 0 24px 0 12px
}

#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu .select2-choice .select2-chosen {
    margin-right: 15px
}

#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu .select2-choice .select2-arrow {
    background: none;
    border: none;
    right: 9px;
    top: 17px
}

#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu .select2-choice .select2-arrow:before {
    content: "\e902";
    font-family: oucampus-icomoon;
    font-size: 18px
}

#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu .select2-choice .select2-arrow b[role=presentation] {
    display: none
}

#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu.select2-container-active .select2-choice {
    background-color: var(--primary-orange-100);
    box-shadow: var(--primary-dark-orange-600-shadow-2-inset);
    color: var(--primary-gray-800)
}

#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu.select2-container-active .select2-choice .icon-location {
    color: var(--primary-gray-800)
}

#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu.select2-dropdown-open .select2-choice {
    box-shadow: none;
    width: 145px
}

@media (max-width: 1070px) {
    #ou-topbar .nav.navbar-right #site-selection-container .site .site-menu.select2-dropdown-open .select2-choice {
        width:100%
    }
}

@media (min-width: 1120px) {
    #ou-topbar .nav.navbar-right #site-selection-container .site .site-menu.select2-dropdown-open .select2-choice {
        width:200px
    }
}

#ou-topbar .nav.navbar-right #site-selection-container .site .site-menu.select2-dropdown-open .select2-choice .select2-arrow:before {
    content: "\e905"
}

#ou-topbar .nav.navbar-right #site-selection-container .site .announcement-prefix {
    position: absolute;
    visibility: hidden
}

#ou-topbar .nav.navbar-right #site-selection-container .site .single-site {
    align-items: center;
    display: flex;
    height: 58px;
    margin-top: -1px;
    padding: 0 12px
}

#ou-topbar .nav.navbar-right #site-selection-container .site .single-site i {
    font-size: 20px;
    margin-right: 7px
}

#ou-topbar .nav.navbar-right #site-selection-container .site .single-site:focus {
    background-color: var(--primary-orange-100);
    box-shadow: var(--primary-dark-orange-600-shadow-2-inset);
    color: var(--primary-gray-800);
    outline: none
}

#ou-topbar .nav.navbar-right #site-selection-container .site .single-site .contain-me {
    overflow: hidden;
    text-overflow: ellipsis
}

#ou-topbar .nav.navbar-right li>a {
    padding-left: 14px;
    padding-right: 14px
}

#ou-topbar .nav.navbar-right li>a#global-search>i {
    font-size: 24px;
    position: static
}

#ou-topbar .nav.navbar-right li>a#help-dropdown,#ou-topbar .nav.navbar-right li>a#help-dropdown+ul,#ou-topbar .nav.navbar-right li>a#nav-help,#ou-topbar .nav.navbar-right li>a#nav-help+ul {
    margin-right: 12px
}

#ou-topbar .nav.navbar-right li>a#nav-help>i.icon-help {
    font-size: 34px
}

#ou-topbar .nav.navbar-right li>a#global-search:focus i,#ou-topbar .nav.navbar-right li>a#global-search:hover i,#ou-topbar .nav.navbar-right li>a#nav-help:focus i,#ou-topbar .nav.navbar-right li>a#nav-help:hover i {
    color: var(--primary-gray-800)
}

#ou-topbar .nav.navbar-right li>a.circular {
    border-radius: 50%;
    height: 40px;
    padding: 0;
    top: 10px;
    width: 40px
}

#ou-topbar .nav.navbar-right li>a.circular i {
    margin: auto
}

#ou-topbar .dropdown-menu {
    background-color: var(--primary-white);
    border: none;
    border-radius: 2px;
    box-shadow: var(--primary-regular-shadow);
    margin-top: 1px;
    min-width: 160px;
    padding: 8px 0
}

#ou-topbar .dropdown-menu .addon-dropdown-item {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#ou-topbar .dropdown-menu li a {
    align-items: center;
    color: var(--primary-gray-800);
    display: flex;
    flex-direction: row;
    font-size: 14px;
    height: 32px;
    padding: 0 16px
}

#ou-topbar .dropdown-menu li a:focus,#ou-topbar .dropdown-menu li a:hover {
    background-color: var(--primary-orange-100);
    color: var(--primary-gray-800)
}

#ou-topbar .dropdown-menu li a:focus i,#ou-topbar .dropdown-menu li a:hover i {
    color: var(--primary-orange-600)
}

#ou-topbar .dropdown-menu li a i {
    font-size: 22px;
    margin-right: 10px
}

#ou-topbar .dropdown-menu li a i.icon-angle-right {
    font-size: 16px;
    margin-left: auto;
    margin-right: 0
}

#ou-topbar .dropdown-menu li a.category-heading-link {
    color: var(--primary-blue-300);
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    height: auto;
    letter-spacing: .43px;
    margin-left: 16px;
    max-width: 160px;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

#ou-topbar .dropdown-menu li a.category-heading-link:focus,#ou-topbar .dropdown-menu li a.category-heading-link:hover {
    background-color: var(--primary-white);
    text-decoration: underline
}

#ou-topbar .dropdown-menu li.nav-divider {
    margin: 14px 0
}

#ou-topbar .dropdown-menu .dropdown-submenu ul.dropdown-menu {
    left: 100%;
    margin-top: 0;
    padding: 0;
    top: 0
}

#ou-topbar [data-close] {
    display: none
}

#ou-topbar .navbar-toggle[aria-expanded=true] {
    height: 34px
}

#ou-topbar .navbar-toggle[aria-expanded=true] [data-close] {
    font-size: 22px;
    position: relative;
    top: -2px
}

.select2-drop.site-menu-dropdown .select2-highlighted {
    background: var(--primary-orange-100);
    box-shadow: var(--primary-dark-orange-600-shadow-2-inset);
    color: var(--primary-gray-800)
}

@media (max-width: 69.84375em) {
    #ou-topbar {
        padding-left:0;
        padding-right: 0
    }

    .usermenu-tablet>a {
        border-bottom: var(--primary-gray-400-2-px);
        border-color: var(--primary-gray-400)!important
    }

    .hide-on-desktop {
        display: block!important
    }

    .hide-on-tablet {
        display: none!important
    }

    .navbar-nav {
        margin-bottom: 0;
        margin-top: 0
    }

    .navbar-left+.navbar-right {
        border-top: var(--primary-gray-400-2-px);
        border-color: var(--primary-gray-400)!important
    }

    .navbar-collapse.no-collapse {
        height: auto
    }

    .navbar-collapse:not(.no-collapse) {
        background-color: var(--primary-white);
        border-left: var(--primary-gray-400-1-px);
        float: right;
        margin-top: 1px;
        width: 300px
    }

    #global-search-container,#site-selection-container,.navbar-collapse:not(.no-collapse) {
        border-bottom: var(--primary-gray-400-1-px)
    }

    .site-menu {
        width: 100%!important
    }

    .site-menu .select2-arrow {
        right: 15px!important
    }

    .single-site {
        max-width: 100%!important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%!important
    }

    .navbar-collapse:not(.no-collapse) li.dropdown:not(.dropdown-submenu) {
        border-bottom: var(--primary-gray-400-1-px)
    }

    .navbar-collapse:not(.no-collapse) li .submenu-toggle .icon-angle-right:before {
        content: "\e902"
    }

    .navbar-collapse:not(.no-collapse) li .dropdown-submenu.open .icon-angle-right:before {
        content: "\e905"
    }

    .navbar-collapse:not(.no-collapse) li .dropdown-submenu ul {
        box-shadow: none!important;
        padding-left: 15px!important
    }

    .navbar-collapse:not(.no-collapse) li .dropdown-menu {
        box-shadow: none!important
    }

    .navbar-collapse li a {
        background-color: var(--primary-white)
    }

    .navbar-collapse li a.dropdown-toggle i:not(.icon-cogs):not(.icon-help) {
        position: absolute!important;
        right: 15px
    }

    .navbar-collapse li a#nav-help>i.icon-help {
        font-size: 24px!important
    }

    .navbar-collapse li a#help-dropdown,.navbar-collapse li a#help-dropdown+ul,.navbar-collapse li a#nav-help,.navbar-collapse li a#nav-help+ul {
        margin-right: 0!important
    }

    .navbar-collapse li a#help-dropdown i,.navbar-collapse li a#nav-help i {
        top: 20px
    }

    .navbar-collapse.no-collapse {
        display: block!important;
        float: right!important
    }

    .navbar-collapse.no-collapse .navbar-nav {
        float: left!important;
        margin: 0
    }

    .navbar-collapse.no-collapse .navbar-nav>li>a.dropdown-toggle {
        height: 57px!important
    }

    .navbar-collapse.no-collapse .navbar-right {
        float: right!important
    }

    .navbar-collapse.no-collapse .navbar-right:last-child {
        margin-right: -15px!important
    }

    .navbar-collapse.no-collapse .dropdown-menu {
        left: auto;
        position: absolute;
        right: 0
    }
}

.logo-blue {
    fill: var(--primary-logo-color)
}

.logo-orange {
    fill: var(--secondary-logo-color)
}

sup.tm {
    font-size: .6em
}

.list-top-back-to-list-link {
    color: var(--primary-blue-400);
    display: flex;
    padding-top: 20px
}

.list-top-back-to-list-link a {
    padding-left: 5px;
    padding-right: 5px
}

.list-top-back-to-list-link i {
    font-size: 18px
}

.collection-header {
    background: inherit;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 300
}

.modal .collection-header {
    position: static;
    width: 100%
}

.modal .collection-header .header-top {
    padding-top: 0
}

.modal .collection-header .header-top h4 {
    margin: 3px 10px 0 0
}

.collection-header .gadgets-type-chooser {
    left: 12px;
    position: relative
}

.collection-header .header-top {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 66px;
    justify-content: space-between;
    padding: 0 36px
}

.collection-header .header-top div.empty {
    font-size: 16px;
    font-weight: 700
}

.collection-header .header-top h1,.collection-header .header-top h2,.collection-header .header-top h3,.collection-header .header-top h4 {
    float: left;
    font-size: 17.5px;
    line-height: 20px;
    margin: 4px 10px 0 0
}

.collection-header .header-top .new-window-heading {
    font-size: 14px;
    font-weight: inherit;
    margin: 0
}

.collection-header .header-top .header-form {
    display: inline-block;
    margin-left: 20px
}

.collection-header .header-top .header-form input[type=checkbox] {
    margin: 4px 5px 0 0
}

.collection-header .header-top .pull-right>* {
    margin-bottom: 0;
    margin-left: 8px
}

.collection-header .header-top .ich {
    margin: 4px 0 0 8px
}

.collection-header input[type=checkbox] {
    float: none;
    margin: 0
}

.actions-bar {
    border-bottom: var(--list-row-border);
    display: none
}

.actions-bar .header-actions-container {
    background: var(--list-actions);
    display: flex;
    padding: 0 24px;
    width: 100%
}

@media (max-width: 1069px) {
    .actions-bar .header-actions-container {
        padding:0 12px
    }
}

.actions-bar .header-actions-container .action-item,.actions-bar .header-actions-container .select-desc,.actions-bar .header-actions-container .select-total-action {
    height: 47px
}

.actions-bar .header-actions-container .action-item,.actions-bar .header-actions-container .actions-items-container,.actions-bar .header-actions-container .header-actions-select-area,.actions-bar .header-actions-container .select-all-checkbox,.actions-bar .header-actions-container .select-desc,.actions-bar .header-actions-container .select-total-action {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    text-decoration: none
}

.actions-bar .header-actions-container .select-all-checkbox:focus {
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

.actions-bar .header-actions-container .action-item,.actions-bar .header-actions-container .header-actions-select-area,.actions-bar .header-actions-container .select-all-checkbox,.actions-bar .header-actions-container .select-desc,.actions-bar .header-actions-container .select-total-action {
    padding: 0 12px
}

.actions-bar .header-actions-container .header-actions-select-area {
    flex-wrap: wrap;
    max-width: 505px;
    position: relative
}

.actions-bar .header-actions-container .header-actions-select-area .select-desc {
    font-weight: 700;
    max-width: 240px
}

.actions-bar .header-actions-container .header-actions-select-area .select-total-action {
    color: var(--list-actions-select);
    max-width: 260px;
    text-decoration: underline
}

.actions-bar .header-actions-container .header-actions-select-area .select-total-action:focus {
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

.actions-bar .header-actions-container .header-actions-select-area .select-desc span,.actions-bar .header-actions-container .header-actions-select-area .select-total-action span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.actions-bar .header-actions-container .actions-items-container {
    flex-flow: wrap;
    padding-left: 12px;
    position: relative
}

.actions-bar .header-actions-container .actions-items-container:before {
    background: var(--primary-black);
    content: "";
    height: 75%;
    left: 0;
    position: absolute;
    width: 1px
}

.actions-bar .header-actions-container .actions-items-container .action-item {
    color: var(--primary-gray-800)
}

.actions-bar .header-actions-container .actions-items-container .action-item:hover {
    background-color: var(--list-actions-hover);
    color: var(--primary-black);
    text-decoration: none
}

.actions-bar .header-actions-container .actions-items-container .action-item:focus {
    outline: var(--primary-black-2-px)
}

.actions-bar i[class^=icon-] {
    font-size: 16px;
    line-height: 18px
}

.actions-bar i[class^=icon-]:not(.icon-checkbox):not(.icon-checkbox-partial) {
    font-size: 20px;
    padding-right: 5px
}

.checkbox .actions-bar i[class^=icon-] {
    cursor: pointer;
    position: relative;
    top: 1px
}

.sorters {
    background-color: var(--list-sorters);
    border-radius: 0;
    clear: both;
    display: flex;
    padding: 0 8px 0 24px
}

@media (max-width: 1069px) {
    .sorters {
        padding-left:12px
    }
}

.sorters .insights-sorter,.sorters div {
    align-items: center;
    color: var(--primary-gray-800);
    display: block;
    display: flex;
    flex-direction: row;
    float: left;
    height: 48px;
    justify-content: flex-start;
    min-width: 0
}

.sorters .insights-sorter:focus,.sorters>div:focus {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    outline: none;
    z-index: 1
}

.sorters .insights-sorter:focus,.sorters .insights-sorter:hover,.sorters>div:focus,.sorters>div:hover {
    background-color: transparent;
    cursor: default;
    text-decoration: none
}

.sorters .insights-sorter[data-sortby]:focus,.sorters .insights-sorter[data-sortby]:hover,.sorters>div[data-sortby]:focus,.sorters>div[data-sortby]:hover {
    background-color: var(--list-sorters-hover);
    cursor: pointer;
    text-decoration: none
}

.sorters .insights-sorter[data-sortby] .caret,.sorters>div[data-sortby] .caret {
    margin-left: 5px;
    position: relative
}

.sorters .insights-sorter[data-sortby] .caret.caret-down,.sorters>div[data-sortby] .caret.caret-down {
    top: 2px
}

.sorters .insights-sorter[data-sortby] .caret.caret-up,.sorters>div[data-sortby] .caret.caret-up {
    top: -2px
}

.sorters .insights-sorter.selected,.sorters>div.selected {
    background-color: var(--list-sorters-selected)
}

.sorters .insights-sorter a.checkbox,.sorters>div a.checkbox {
    line-height: 48px;
    margin: 0;
    width: 100%;
    width: 40px
}

.sorters .insights-sorter a.checkbox:hover,.sorters>div a.checkbox:hover {
    cursor: pointer;
    text-decoration: none
}

.sorters .insights-sorter a.checkbox i[class^=icon-],.sorters>div a.checkbox i[class^=icon-] {
    font-size: 16px;
    position: relative;
    top: 3px
}

.sorters .insights-sorter.rc-40,.sorters>div.rc-40 {
    flex: 0 0 40px;
    justify-content: left;
    max-width: 40px;
    text-align: left
}

.sorters .insights-sorter.rc-40 span:first-child,.sorters>div.rc-40 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-45,.sorters>div.rc-45 {
    flex: 0 0 45px;
    justify-content: left;
    max-width: 45px;
    text-align: left
}

.sorters .insights-sorter.rc-45 span:first-child,.sorters>div.rc-45 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-50,.sorters>div.rc-50 {
    flex: 0 0 50px;
    justify-content: left;
    max-width: 50px;
    text-align: left
}

.sorters .insights-sorter.rc-50 span:first-child,.sorters>div.rc-50 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-55,.sorters>div.rc-55 {
    flex: 0 0 55px;
    justify-content: left;
    max-width: 55px;
    text-align: left
}

.sorters .insights-sorter.rc-55 span:first-child,.sorters>div.rc-55 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-60,.sorters>div.rc-60 {
    flex: 0 0 60px;
    justify-content: left;
    max-width: 60px;
    text-align: left
}

.sorters .insights-sorter.rc-60 span:first-child,.sorters>div.rc-60 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-65,.sorters>div.rc-65 {
    flex: 0 0 65px;
    justify-content: left;
    max-width: 65px;
    text-align: left
}

.sorters .insights-sorter.rc-65 span:first-child,.sorters>div.rc-65 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-70,.sorters>div.rc-70 {
    flex: 0 0 70px;
    justify-content: left;
    max-width: 70px;
    text-align: left
}

.sorters .insights-sorter.rc-70 span:first-child,.sorters>div.rc-70 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-75,.sorters>div.rc-75 {
    flex: 0 0 75px;
    justify-content: left;
    max-width: 75px;
    text-align: left
}

.sorters .insights-sorter.rc-75 span:first-child,.sorters>div.rc-75 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-80,.sorters>div.rc-80 {
    flex: 0 0 80px;
    justify-content: left;
    max-width: 80px;
    text-align: left
}

.sorters .insights-sorter.rc-80 span:first-child,.sorters>div.rc-80 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-85,.sorters>div.rc-85 {
    flex: 0 0 85px;
    justify-content: left;
    max-width: 85px;
    text-align: left
}

.sorters .insights-sorter.rc-85 span:first-child,.sorters>div.rc-85 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-90,.sorters>div.rc-90 {
    flex: 0 0 90px;
    justify-content: left;
    max-width: 90px;
    text-align: left
}

.sorters .insights-sorter.rc-90 span:first-child,.sorters>div.rc-90 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-95,.sorters>div.rc-95 {
    flex: 0 0 95px;
    justify-content: left;
    max-width: 95px;
    text-align: left
}

.sorters .insights-sorter.rc-95 span:first-child,.sorters>div.rc-95 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-100,.sorters>div.rc-100 {
    flex: 0 0 100px;
    justify-content: left;
    max-width: 100px;
    text-align: left
}

.sorters .insights-sorter.rc-100 span:first-child,.sorters>div.rc-100 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-105,.sorters>div.rc-105 {
    flex: 0 0 105px;
    justify-content: left;
    max-width: 105px;
    text-align: left
}

.sorters .insights-sorter.rc-105 span:first-child,.sorters>div.rc-105 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-110,.sorters>div.rc-110 {
    flex: 0 0 110px;
    justify-content: left;
    max-width: 110px;
    text-align: left
}

.sorters .insights-sorter.rc-110 span:first-child,.sorters>div.rc-110 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-115,.sorters>div.rc-115 {
    flex: 0 0 115px;
    justify-content: left;
    max-width: 115px;
    text-align: left
}

.sorters .insights-sorter.rc-115 span:first-child,.sorters>div.rc-115 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-120,.sorters>div.rc-120 {
    flex: 0 0 120px;
    justify-content: left;
    max-width: 120px;
    text-align: left
}

.sorters .insights-sorter.rc-120 span:first-child,.sorters>div.rc-120 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-125,.sorters>div.rc-125 {
    flex: 0 0 125px;
    justify-content: left;
    max-width: 125px;
    text-align: left
}

.sorters .insights-sorter.rc-125 span:first-child,.sorters>div.rc-125 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-130,.sorters>div.rc-130 {
    flex: 0 0 130px;
    justify-content: left;
    max-width: 130px;
    text-align: left
}

.sorters .insights-sorter.rc-130 span:first-child,.sorters>div.rc-130 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-135,.sorters>div.rc-135 {
    flex: 0 0 135px;
    justify-content: left;
    max-width: 135px;
    text-align: left
}

.sorters .insights-sorter.rc-135 span:first-child,.sorters>div.rc-135 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-140,.sorters>div.rc-140 {
    flex: 0 0 140px;
    justify-content: left;
    max-width: 140px;
    text-align: left
}

.sorters .insights-sorter.rc-140 span:first-child,.sorters>div.rc-140 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-145,.sorters>div.rc-145 {
    flex: 0 0 145px;
    justify-content: left;
    max-width: 145px;
    text-align: left
}

.sorters .insights-sorter.rc-145 span:first-child,.sorters>div.rc-145 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-150,.sorters>div.rc-150 {
    flex: 0 0 150px;
    justify-content: left;
    max-width: 150px;
    text-align: left
}

.sorters .insights-sorter.rc-150 span:first-child,.sorters>div.rc-150 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-155,.sorters>div.rc-155 {
    flex: 0 0 155px;
    justify-content: left;
    max-width: 155px;
    text-align: left
}

.sorters .insights-sorter.rc-155 span:first-child,.sorters>div.rc-155 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-160,.sorters>div.rc-160 {
    flex: 0 0 160px;
    justify-content: left;
    max-width: 160px;
    text-align: left
}

.sorters .insights-sorter.rc-160 span:first-child,.sorters>div.rc-160 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-165,.sorters>div.rc-165 {
    flex: 0 0 165px;
    justify-content: left;
    max-width: 165px;
    text-align: left
}

.sorters .insights-sorter.rc-165 span:first-child,.sorters>div.rc-165 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-170,.sorters>div.rc-170 {
    flex: 0 0 170px;
    justify-content: left;
    max-width: 170px;
    text-align: left
}

.sorters .insights-sorter.rc-170 span:first-child,.sorters>div.rc-170 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-175,.sorters>div.rc-175 {
    flex: 0 0 175px;
    justify-content: left;
    max-width: 175px;
    text-align: left
}

.sorters .insights-sorter.rc-175 span:first-child,.sorters>div.rc-175 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-180,.sorters>div.rc-180 {
    flex: 0 0 180px;
    justify-content: left;
    max-width: 180px;
    text-align: left
}

.sorters .insights-sorter.rc-180 span:first-child,.sorters>div.rc-180 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-185,.sorters>div.rc-185 {
    flex: 0 0 185px;
    justify-content: left;
    max-width: 185px;
    text-align: left
}

.sorters .insights-sorter.rc-185 span:first-child,.sorters>div.rc-185 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-190,.sorters>div.rc-190 {
    flex: 0 0 190px;
    justify-content: left;
    max-width: 190px;
    text-align: left
}

.sorters .insights-sorter.rc-190 span:first-child,.sorters>div.rc-190 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-195,.sorters>div.rc-195 {
    flex: 0 0 195px;
    justify-content: left;
    max-width: 195px;
    text-align: left
}

.sorters .insights-sorter.rc-195 span:first-child,.sorters>div.rc-195 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-200,.sorters>div.rc-200 {
    flex: 0 0 200px;
    justify-content: left;
    max-width: 200px;
    text-align: left
}

.sorters .insights-sorter.rc-200 span:first-child,.sorters>div.rc-200 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-205,.sorters>div.rc-205 {
    flex: 0 0 205px;
    justify-content: left;
    max-width: 205px;
    text-align: left
}

.sorters .insights-sorter.rc-205 span:first-child,.sorters>div.rc-205 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-210,.sorters>div.rc-210 {
    flex: 0 0 210px;
    justify-content: left;
    max-width: 210px;
    text-align: left
}

.sorters .insights-sorter.rc-210 span:first-child,.sorters>div.rc-210 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-215,.sorters>div.rc-215 {
    flex: 0 0 215px;
    justify-content: left;
    max-width: 215px;
    text-align: left
}

.sorters .insights-sorter.rc-215 span:first-child,.sorters>div.rc-215 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-220,.sorters>div.rc-220 {
    flex: 0 0 220px;
    justify-content: left;
    max-width: 220px;
    text-align: left
}

.sorters .insights-sorter.rc-220 span:first-child,.sorters>div.rc-220 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-225,.sorters>div.rc-225 {
    flex: 0 0 225px;
    justify-content: left;
    max-width: 225px;
    text-align: left
}

.sorters .insights-sorter.rc-225 span:first-child,.sorters>div.rc-225 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-230,.sorters>div.rc-230 {
    flex: 0 0 230px;
    justify-content: left;
    max-width: 230px;
    text-align: left
}

.sorters .insights-sorter.rc-230 span:first-child,.sorters>div.rc-230 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-235,.sorters>div.rc-235 {
    flex: 0 0 235px;
    justify-content: left;
    max-width: 235px;
    text-align: left
}

.sorters .insights-sorter.rc-235 span:first-child,.sorters>div.rc-235 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-240,.sorters>div.rc-240 {
    flex: 0 0 240px;
    justify-content: left;
    max-width: 240px;
    text-align: left
}

.sorters .insights-sorter.rc-240 span:first-child,.sorters>div.rc-240 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-245,.sorters>div.rc-245 {
    flex: 0 0 245px;
    justify-content: left;
    max-width: 245px;
    text-align: left
}

.sorters .insights-sorter.rc-245 span:first-child,.sorters>div.rc-245 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-250,.sorters>div.rc-250 {
    flex: 0 0 250px;
    justify-content: left;
    max-width: 250px;
    text-align: left
}

.sorters .insights-sorter.rc-250 span:first-child,.sorters>div.rc-250 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-255,.sorters>div.rc-255 {
    flex: 0 0 255px;
    justify-content: left;
    max-width: 255px;
    text-align: left
}

.sorters .insights-sorter.rc-255 span:first-child,.sorters>div.rc-255 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-260,.sorters>div.rc-260 {
    flex: 0 0 260px;
    justify-content: left;
    max-width: 260px;
    text-align: left
}

.sorters .insights-sorter.rc-260 span:first-child,.sorters>div.rc-260 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-265,.sorters>div.rc-265 {
    flex: 0 0 265px;
    justify-content: left;
    max-width: 265px;
    text-align: left
}

.sorters .insights-sorter.rc-265 span:first-child,.sorters>div.rc-265 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-270,.sorters>div.rc-270 {
    flex: 0 0 270px;
    justify-content: left;
    max-width: 270px;
    text-align: left
}

.sorters .insights-sorter.rc-270 span:first-child,.sorters>div.rc-270 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-275,.sorters>div.rc-275 {
    flex: 0 0 275px;
    justify-content: left;
    max-width: 275px;
    text-align: left
}

.sorters .insights-sorter.rc-275 span:first-child,.sorters>div.rc-275 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-280,.sorters>div.rc-280 {
    flex: 0 0 280px;
    justify-content: left;
    max-width: 280px;
    text-align: left
}

.sorters .insights-sorter.rc-280 span:first-child,.sorters>div.rc-280 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-285,.sorters>div.rc-285 {
    flex: 0 0 285px;
    justify-content: left;
    max-width: 285px;
    text-align: left
}

.sorters .insights-sorter.rc-285 span:first-child,.sorters>div.rc-285 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-290,.sorters>div.rc-290 {
    flex: 0 0 290px;
    justify-content: left;
    max-width: 290px;
    text-align: left
}

.sorters .insights-sorter.rc-290 span:first-child,.sorters>div.rc-290 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-295,.sorters>div.rc-295 {
    flex: 0 0 295px;
    justify-content: left;
    max-width: 295px;
    text-align: left
}

.sorters .insights-sorter.rc-295 span:first-child,.sorters>div.rc-295 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-300,.sorters>div.rc-300 {
    flex: 0 0 300px;
    justify-content: left;
    max-width: 300px;
    text-align: left
}

.sorters .insights-sorter.rc-300 span:first-child,.sorters>div.rc-300 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-305,.sorters>div.rc-305 {
    flex: 0 0 305px;
    justify-content: left;
    max-width: 305px;
    text-align: left
}

.sorters .insights-sorter.rc-305 span:first-child,.sorters>div.rc-305 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-310,.sorters>div.rc-310 {
    flex: 0 0 310px;
    justify-content: left;
    max-width: 310px;
    text-align: left
}

.sorters .insights-sorter.rc-310 span:first-child,.sorters>div.rc-310 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-315,.sorters>div.rc-315 {
    flex: 0 0 315px;
    justify-content: left;
    max-width: 315px;
    text-align: left
}

.sorters .insights-sorter.rc-315 span:first-child,.sorters>div.rc-315 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-320,.sorters>div.rc-320 {
    flex: 0 0 320px;
    justify-content: left;
    max-width: 320px;
    text-align: left
}

.sorters .insights-sorter.rc-320 span:first-child,.sorters>div.rc-320 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-325,.sorters>div.rc-325 {
    flex: 0 0 325px;
    justify-content: left;
    max-width: 325px;
    text-align: left
}

.sorters .insights-sorter.rc-325 span:first-child,.sorters>div.rc-325 span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-450,.sorters>div.rc-450 {
    flex: 0 0 450px;
    justify-content: left;
    max-width: 450px;
    text-align: left
}

.sorters .insights-sorter.rc-450 span:first-child,.sorters>div.rc-450 span:first-child {
    padding-left: 12px
}

@media (max-width: 1069px) {
    .sorters .insights-sorter.rc-bp-60,.sorters>div.rc-bp-60 {
        flex:0 0 60px;
        max-width: 60px
    }

    .sorters .insights-sorter.rc-bp-80,.sorters>div.rc-bp-80 {
        flex: 0 0 80px;
        max-width: 80px
    }

    .sorters .insights-sorter.rc-bp-90,.sorters>div.rc-bp-90 {
        flex: 0 0 90px;
        max-width: 90px
    }

    .sorters .insights-sorter.rc-bp-100,.sorters>div.rc-bp-100 {
        flex: 0 0 100px;
        max-width: 100px
    }

    .sorters .insights-sorter.rc-bp-110,.sorters>div.rc-bp-110 {
        flex: 0 0 110px;
        max-width: 110px
    }

    .sorters .insights-sorter.rc-bp-125,.sorters>div.rc-bp-125 {
        flex: 0 0 125px;
        max-width: 125px
    }

    .sorters .insights-sorter.rc-bp-150,.sorters>div.rc-bp-150 {
        flex: 0 0 150px;
        max-width: 150px
    }
}

.sorters .insights-sorter.rc-hide-overflow span:first-child,.sorters>div.rc-hide-overflow span:first-child {
    overflow: hidden;
    padding-left: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.sorters .insights-sorter.rc-full,.sorters>div.rc-full {
    flex: 1
}

.sorters .insights-sorter.rc-full span:first-child,.sorters>div.rc-full span:first-child {
    padding-left: 12px
}

.sorters .insights-sorter.rc-center,.sorters>div.rc-center {
    justify-content: center;
    text-align: center
}

.sorters .insights-sorter.rc-center span:first-child,.sorters>div.rc-center span:first-child {
    padding-left: 0
}

.sorters .insights-sorter i[class^=icon-],.sorters>div i[class^=icon-] {
    font-size: 20px;
    line-height: 18px
}

.app-list-container {
    background-color: var(--primary-white);
    border-radius: 2px;
    box-shadow: var(--primary-shadow)
}

.app-list-container.app-list-container-horizontal-scroll #collection-list-horizontal-scroll {
    overflow-x: auto!important;
    width: 100%
}

.app-list-container.app-list-container-horizontal-scroll #collection-list-horizontal-scroll .collection-list-bar-container {
    position: relative;
    position: sticky;
    top: 0;
    z-index: 999
}

.app-list-container.app-list-container-horizontal-scroll #collection-list-horizontal-scroll .collection-list-bar-container .sorters {
    -webkit-user-select: none;
    user-select: none
}

.app-list-container.app-list-container-horizontal-scroll #collection-list-horizontal-scroll .collection-list {
    overflow: visible
}

.app-list-container.app-list-container-horizontal-scroll #collection-list-horizontal-scroll.scrolling-horizontal .sorters>div:first-child {
    background-color: var(--list-sorters);
    box-shadow: var(--primary-shadow-right);
    left: 0;
    position: sticky;
    z-index: 100
}

.app-list-container.app-list-container-horizontal-scroll #collection-list-horizontal-scroll.scrolling-horizontal .sorters>div:first-child.selected {
    background-color: var(--list-sorters-selected)
}

.app-list-container.app-list-container-horizontal-scroll #collection-list-horizontal-scroll.scrolling-horizontal .collection-list .list-row>.gridcell:first-child {
    background-color: var(--primary-white);
    box-shadow: var(--primary-shadow-right);
    left: 0;
    position: sticky;
    z-index: 100
}

.app-list-container.app-list-card-container .collection-header {
    border-bottom: var(--primary-gray-400-2-px)
}

.app-list-container.app-list-card-container .collection-list {
    height: calc(100vh - 274px);
    padding: 12px 12px 0
}

.app-list-container.app-list-card-container .collection-list.collection-list-with-back-to-link {
    height: calc(100vh - 314px)
}

.app-list-container.app-list-card-container .collection-list #list-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    width: 100%
}

.app-list-container.app-list-card-container .collection-list #list-container .list-row-card {
    border: var(--primary-gray-400-1-px);
    margin: 12px 0;
    padding: 15px;
    width: 100%
}

.app-list-container.app-list-card-container .collection-list #list-container .list-row-card.highlight {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset)
}

.app-list-container.app-list-card-container .collection-list #list-container .list-row-card:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

@media (min-width: 1130px) {
    .app-list-container.app-list-card-container .collection-list #list-container .list-row-card {
        margin:12px;
        width: calc(50% - 24px)
    }
}

@media (min-width: 1600px) {
    .app-list-container.app-list-card-container .collection-list #list-container .list-row-card {
        width:calc(33.33333% - 24px)
    }
}

@media (min-width: 2600px) {
    .app-list-container.app-list-card-container .collection-list #list-container .list-row-card {
        width:calc(25% - 24px)
    }
}

.app-list-container.app-list-card-container .collection-list #list-container .list-row-card .list-card-title {
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.app-list-container.app-list-card-container .collection-list #list-container .list-row-card .list-card-contents {
    display: flex;
    margin-top: 10px;
    max-width: 100%;
    width: 100%
}

.app-list-container.app-list-card-container .collection-list #list-container .list-row-card .list-card-contents .list-card-thumbnail {
    display: flex;
    flex: 0 0 180px;
    max-width: 180px
}

.app-list-container.app-list-card-container .collection-list #list-container .list-row-card .list-card-contents .list-card-thumbnail img {
    height: 180px;
    max-height: 180px;
    max-width: 180px;
    position: relative;
    top: 8px;
    width: 180px
}

.app-list-container.app-list-card-container .collection-list #list-container .list-row-card .list-card-contents .list-card-details {
    padding-left: 15px;
    width: calc(100% - 180px)
}

.app-list-container.app-list-card-container .collection-list #list-container .list-row-card .list-card-contents .list-card-details .list-card-detail-item {
    margin-bottom: 10px
}

.app-list-container.app-list-card-container .collection-list #list-container .list-row-card .list-card-contents .list-card-details .list-card-input {
    padding-bottom: 5px;
    width: 100%
}

.app-list-container.app-list-card-container .collection-list #list-container .list-row-card .list-card-contents .list-card-details .list-card-label {
    color: var(--primary-gray-800);
    display: inline-block;
    font-weight: 400;
    letter-spacing: .26px;
    margin-bottom: 5px;
    max-width: 100%;
    text-transform: capitalize
}

.app-list-container #footer-nav {
    border-top: var(--primary-gray-400-1-px)
}

.list-view-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 66px;
    justify-content: space-between;
    width: 100%
}

.list-view-header .view-title {
    color: var(--primary-gray-800);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .68px;
    text-transform: capitalize
}

.list-view-header .view-title .no-captialize {
    text-transform: none
}

.list-view-header .dropdown-menu {
    left: auto;
    right: 0
}

.header-left-section {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: flex-start;
    position: relative
}

.header-left-section .view-title {
    margin: 0
}

.header-right-section {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: flex-end;
    margin-left: auto;
    position: relative
}

.header-right-section>* {
    margin-left: 20px
}

#upload-drop {
    border: var(--primary-blue-400-2-px-dashed);
    bottom: 20px;
    display: none;
    filter: alpha(opacity=10000);
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 66px;
    transition: opacity .3s linear 0s;
    z-index: 1000
}

#upload-drop .message {
    word-wrap: break-word;
    background-color: var(--primary-white);
    color: var(--primary-blue-400);
    font-size: 15px;
    font-weight: 700
}

.collection-list-modal-container {
    margin-top: 15px
}

.scrollbar-sorter-measurement {
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 100px
}

.collection-list {
    background-color: var(--primary-white);
    height: calc(100vh - 320px);
    overflow-x: hidden;
    overflow-y: scroll
}

.collection-list.insights-table-list {
    height: auto;
    max-height: calc(100vh - 320px);
    overflow-y: auto;
    scrollbar-width: none
}

.collection-list.insights-table-list::-webkit-scrollbar {
    width: 0!important
}

.collection-list.collection-list-with-back-to-link {
    height: calc(100vh - 360px)
}

.collection-list.collection-list-with-page-actions-open {
    height: calc(100vh - 484px)
}

.collection-list.collection-list-in-modal {
    height: auto;
    max-height: 168px
}

.collection-list.collection-list-with-page-actions-closed {
    height: calc(100vh - 394px)
}

.collection-list.collection-list-last-replace-results-list {
    height: calc(100vh - 561px)
}

.collection-list.collection-list-replace-find-list {
    height: calc(100vh - 541px)
}

.collection-list.collection-list-replace-preview-list {
    height: calc(100vh - 591px)
}

.collection-list.collection-list-replace-regex-preview-list {
    height: calc(100vh - 621px)
}

.collection-list.collection-list-panel-collapse {
    height: calc(100vh - 399px)
}

.collection-list.collection-list-new-window {
    height: calc(100vh - 260px);
    min-height: 144px
}

.collection-list.collection-list-page-report {
    height: auto;
    max-height: 40vh
}

.collection-list.collection-list-new-window-multiple {
    height: auto;
    max-height: calc(100vh - 260px);
    min-height: 144px
}

.collection-list.collection-list-image-size-set-in-modal {
    height: auto;
    max-height: 264px
}

.collection-list .rows {
    margin: 0;
    padding: 0
}

.collection-list .rows .list-row {
    align-items: center;
    border-bottom: var(--list-row-border);
    display: flex;
    height: 48px;
    padding: 0 8px 0 24px;
    position: relative
}

.collection-list .rows .list-row .icon-loading {
    animation: loadingData 4s linear infinite;
    display: inline-block
}

.collection-list .rows .list-row.expand-row {
    height: 240px
}

.collection-list .rows .list-row.expanded-row {
    height: auto;
    max-height: 144px
}

.collection-list .rows .list-row.expanded-row .expanding-list {
    list-style: none;
    margin-bottom: 0;
    overflow: hidden;
    padding-bottom: 12px;
    padding-left: 0;
    padding-top: 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.collection-list .rows .list-row.expanded-row .expanding-list li:nth-child(n+7) {
    display: none
}

.collection-list .rows .list-row.expanded-row .expanding-list .line-height-20:not([role=menuitem]) {
    line-height: 20px
}

.collection-list .rows .list-row.expanded-row .expanding-list .show-more-items {
    display: list-item;
    width: min-content
}

.collection-list .rows .list-row.expanded-row [role=checkbox],.collection-list .rows .list-row.expanded-row [role=checkbox] a:not([role=menuitem]),.collection-list .rows .list-row.expanded-row [role=checkbox] span,.collection-list .rows .list-row.expanded-row [role=gridcell],.collection-list .rows .list-row.expanded-row [role=gridcell] a:not([role=menuitem]),.collection-list .rows .list-row.expanded-row [role=gridcell] span {
    line-height: inherit
}

.collection-list .rows .list-row.expanded-row [role=checkbox] .actions-toggle,.collection-list .rows .list-row.expanded-row [role=gridcell] .actions-toggle {
    margin-top: 0
}

.collection-list .rows .list-row.expanded-row [role=checkbox] .actions,.collection-list .rows .list-row.expanded-row [role=gridcell] .actions {
    margin-top: -8px
}

.collection-list .rows .list-row.expanded-row [role=checkbox] .actions-container .actions,.collection-list .rows .list-row.expanded-row [role=gridcell] .actions-container .actions {
    height: inherit
}

.collection-list .rows .list-row.expanded-row [role=checkbox] .actions-container .actions .actions-dropdown>a,.collection-list .rows .list-row.expanded-row [role=gridcell] .actions-container .actions .actions-dropdown>a {
    line-height: inherit
}

.collection-list .rows .list-row.expanded-row.highlight .actions-container .actions .actions-dropdown>a,.collection-list .rows .list-row.expanded-row.highlight .actions-container .actions>a,.collection-list .rows .list-row.expanded-row.highlight .actions:before {
    border: none
}

.collection-list .rows .list-row.list-row-wrap {
    flex-wrap: wrap;
    height: auto
}

@media (max-width: 1069px) {
    .collection-list .rows .list-row {
        padding-left:12px
    }
}

.collection-list .rows .list-row:hover {
    background-color: var(--list-row-hover)
}

.collection-list .rows .list-row:hover .actions-container .actions:before {
    display: none
}

.collection-list .rows .list-row:hover .actions-container .actions .actions-dropdown>a,.collection-list .rows .list-row:hover .actions-container .actions .actions-toggle,.collection-list .rows .list-row:hover .actions-container .actions>a {
    background-color: var(--list-row-hover)
}

.collection-list .rows .list-row:hover .actions-container .actions .actions-dropdown>a:focus,.collection-list .rows .list-row:hover .actions-container .actions .actions-dropdown>a:hover,.collection-list .rows .list-row:hover .actions-container .actions .actions-toggle:focus,.collection-list .rows .list-row:hover .actions-container .actions .actions-toggle:hover,.collection-list .rows .list-row:hover .actions-container .actions>a:focus,.collection-list .rows .list-row:hover .actions-container .actions>a:hover {
    background-color: var(--list-row-hover-actions)
}

.collection-list .rows .list-row:hover .unpublished-tag {
    background: var(--primary-white)
}

.collection-list .rows .list-row.live-page,.collection-list .rows .list-row.selected {
    background-color: var(--list-row-selected)
}

.collection-list .rows .list-row.live-page .unpublished-tag,.collection-list .rows .list-row.selected .unpublished-tag {
    background: var(--primary-white)
}

.collection-list .rows .list-row.live-page a,.collection-list .rows .list-row.selected a {
    color: var(--list-row-selected-link-color)
}

.collection-list .rows .list-row.live-page .actions-container .actions:before,.collection-list .rows .list-row.selected .actions-container .actions:before {
    display: none
}

.collection-list .rows .list-row.live-page .actions-container .actions-toggle:focus,.collection-list .rows .list-row.live-page .actions-container .actions-toggle:hover,.collection-list .rows .list-row.selected .actions-container .actions-toggle:focus,.collection-list .rows .list-row.selected .actions-container .actions-toggle:hover {
    background-color: var(--list-row-selected-actions-btn)
}

.collection-list .rows .list-row.live-page:hover,.collection-list .rows .list-row.selected:hover {
    background-color: var(--list-row-selected-hover)
}

.collection-list .rows .list-row.live-page:hover .unpublished-tag,.collection-list .rows .list-row.selected:hover .unpublished-tag {
    background: var(--primary-white)
}

.collection-list .rows .list-row.filter,.collection-list .rows .list-row.paged-out {
    display: none
}

.collection-list .rows .list-row.highlight {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset)
}

.collection-list .rows .list-row.highlight .actions-container .actions .actions-dropdown>a,.collection-list .rows .list-row.highlight .actions-container .actions>a,.collection-list .rows .list-row.highlight .actions:before {
    border-bottom: var(--primary-dark-blue-400-2-px);
    border-top: var(--primary-dark-blue-400-2-px)
}

.collection-list .rows .list-row.droppable {
    position: relative;
    z-index: 1001
}

.collection-list .rows .list-row.droppable.over:before {
    border: var(--primary-blue-400-2-px-dashed);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.collection-list .rows .list-row.unread .subject {
    font-weight: 700
}

.collection-list .rows .list-row .no-link {
    color: var(--primary-gray-800)!important;
    cursor: default!important
}

.collection-list .rows .list-row .no-link:hover {
    text-decoration: none
}

.collection-list .rows .list-row.faded {
    filter: alpha(opacity=3000);
    opacity: 1
}

.collection-list .rows .list-row .checkbox {
    display: flex;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    margin: 0;
    text-decoration: none
}

.collection-list .rows .list-row .checkbox[aria-disabled=true] {
    opacity: 1
}

.collection-list .rows .list-row .checkbox[aria-disabled=true] i {
    color: var(--primary-gray-750)
}

.collection-list .rows .list-row .checkbox[aria-disabled=true]:focus {
    box-shadow: var(--primary-gray-550-shadow-2-inset)
}

.collection-list .rows .list-row [role=checkbox],.collection-list .rows .list-row [role=gridcell] {
    align-items: center;
    display: flex;
    height: 100%;
    line-height: 48px;
    min-width: 0
}

.collection-list .rows .list-row [role=checkbox]:focus,.collection-list .rows .list-row [role=gridcell]:focus {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    outline: none
}

.collection-list .rows .list-row [role=checkbox].expand-gridcell,.collection-list .rows .list-row [role=gridcell].expand-gridcell {
    align-items: start;
    line-height: 48px/2;
    overflow-y: auto;
    word-break: break-all
}

.collection-list .rows .list-row [role=checkbox].expand-gridcell:focus,.collection-list .rows .list-row [role=gridcell].expand-gridcell:focus {
    box-shadow: none
}

.collection-list .rows .list-row [role=checkbox].expand-gridcell:focus div:first-child,.collection-list .rows .list-row [role=gridcell].expand-gridcell:focus div:first-child {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset)
}

.collection-list .rows .list-row [role=checkbox].expand-gridcell div:first-child,.collection-list .rows .list-row [role=gridcell].expand-gridcell div:first-child {
    padding: 12px
}

.collection-list .rows .list-row [role=checkbox]>a,.collection-list .rows .list-row [role=gridcell]>a {
    align-items: center;
    cursor: pointer;
    height: 100%;
    width: 100%
}

.collection-list .rows .list-row [role=checkbox]>a:focus,.collection-list .rows .list-row [role=gridcell]>a:focus {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    outline: none
}

.collection-list .rows .list-row [role=checkbox]>a i.icon-users,.collection-list .rows .list-row [role=gridcell]>a i.icon-users {
    font-size: 16px;
    position: relative;
    top: 3px
}

.collection-list .rows .list-row .row-image-gravatar img {
    border-radius: 50%;
    width: 24px
}

.collection-list .rows .list-row .row-image-cell {
    font-size: 26px
}

.collection-list .rows .list-row .row-image-cell img {
    height: 22px;
    width: 22px
}

.collection-list .rows .list-row .row-image-cell-large {
    font-size: 30px
}

.collection-list .rows .list-row .row-image-cell-large img {
    height: 26px;
    width: 26px
}

.collection-list .rows .list-row .row-image-icon {
    font-size: 24px
}

.collection-list .rows .list-row .row-image-icon img {
    height: 20px;
    width: 20px
}

.collection-list .rows .list-row .row-image-icon img[alt] {
    font-size: 14px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.collection-list .rows .list-row .row-image-small-icon-with-text {
    font-size: 22px;
    position: relative;
    top: 5px
}

.collection-list .rows .list-row .row-image-icon-with-text {
    font-size: 26px;
    position: relative;
    top: 7px
}

.collection-list .rows .list-row .rc-40 {
    flex: 0 0 40px;
    justify-content: left;
    max-width: 40px;
    text-align: left
}

.collection-list .rows .list-row .rc-40 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-45 {
    flex: 0 0 45px;
    justify-content: left;
    max-width: 45px;
    text-align: left
}

.collection-list .rows .list-row .rc-45 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-50 {
    flex: 0 0 50px;
    justify-content: left;
    max-width: 50px;
    text-align: left
}

.collection-list .rows .list-row .rc-50 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-55 {
    flex: 0 0 55px;
    justify-content: left;
    max-width: 55px;
    text-align: left
}

.collection-list .rows .list-row .rc-55 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-60 {
    flex: 0 0 60px;
    justify-content: left;
    max-width: 60px;
    text-align: left
}

.collection-list .rows .list-row .rc-60 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-65 {
    flex: 0 0 65px;
    justify-content: left;
    max-width: 65px;
    text-align: left
}

.collection-list .rows .list-row .rc-65 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-70 {
    flex: 0 0 70px;
    justify-content: left;
    max-width: 70px;
    text-align: left
}

.collection-list .rows .list-row .rc-70 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-75 {
    flex: 0 0 75px;
    justify-content: left;
    max-width: 75px;
    text-align: left
}

.collection-list .rows .list-row .rc-75 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-80 {
    flex: 0 0 80px;
    justify-content: left;
    max-width: 80px;
    text-align: left
}

.collection-list .rows .list-row .rc-80 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-85 {
    flex: 0 0 85px;
    justify-content: left;
    max-width: 85px;
    text-align: left
}

.collection-list .rows .list-row .rc-85 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-90 {
    flex: 0 0 90px;
    justify-content: left;
    max-width: 90px;
    text-align: left
}

.collection-list .rows .list-row .rc-90 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-95 {
    flex: 0 0 95px;
    justify-content: left;
    max-width: 95px;
    text-align: left
}

.collection-list .rows .list-row .rc-95 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-100 {
    flex: 0 0 100px;
    justify-content: left;
    max-width: 100px;
    text-align: left
}

.collection-list .rows .list-row .rc-100 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-105 {
    flex: 0 0 105px;
    justify-content: left;
    max-width: 105px;
    text-align: left
}

.collection-list .rows .list-row .rc-105 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-110 {
    flex: 0 0 110px;
    justify-content: left;
    max-width: 110px;
    text-align: left
}

.collection-list .rows .list-row .rc-110 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-115 {
    flex: 0 0 115px;
    justify-content: left;
    max-width: 115px;
    text-align: left
}

.collection-list .rows .list-row .rc-115 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-120 {
    flex: 0 0 120px;
    justify-content: left;
    max-width: 120px;
    text-align: left
}

.collection-list .rows .list-row .rc-120 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-125 {
    flex: 0 0 125px;
    justify-content: left;
    max-width: 125px;
    text-align: left
}

.collection-list .rows .list-row .rc-125 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-130 {
    flex: 0 0 130px;
    justify-content: left;
    max-width: 130px;
    text-align: left
}

.collection-list .rows .list-row .rc-130 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-135 {
    flex: 0 0 135px;
    justify-content: left;
    max-width: 135px;
    text-align: left
}

.collection-list .rows .list-row .rc-135 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-140 {
    flex: 0 0 140px;
    justify-content: left;
    max-width: 140px;
    text-align: left
}

.collection-list .rows .list-row .rc-140 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-145 {
    flex: 0 0 145px;
    justify-content: left;
    max-width: 145px;
    text-align: left
}

.collection-list .rows .list-row .rc-145 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-150 {
    flex: 0 0 150px;
    justify-content: left;
    max-width: 150px;
    text-align: left
}

.collection-list .rows .list-row .rc-150 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-155 {
    flex: 0 0 155px;
    justify-content: left;
    max-width: 155px;
    text-align: left
}

.collection-list .rows .list-row .rc-155 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-160 {
    flex: 0 0 160px;
    justify-content: left;
    max-width: 160px;
    text-align: left
}

.collection-list .rows .list-row .rc-160 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-165 {
    flex: 0 0 165px;
    justify-content: left;
    max-width: 165px;
    text-align: left
}

.collection-list .rows .list-row .rc-165 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-170 {
    flex: 0 0 170px;
    justify-content: left;
    max-width: 170px;
    text-align: left
}

.collection-list .rows .list-row .rc-170 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-175 {
    flex: 0 0 175px;
    justify-content: left;
    max-width: 175px;
    text-align: left
}

.collection-list .rows .list-row .rc-175 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-180 {
    flex: 0 0 180px;
    justify-content: left;
    max-width: 180px;
    text-align: left
}

.collection-list .rows .list-row .rc-180 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-185 {
    flex: 0 0 185px;
    justify-content: left;
    max-width: 185px;
    text-align: left
}

.collection-list .rows .list-row .rc-185 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-190 {
    flex: 0 0 190px;
    justify-content: left;
    max-width: 190px;
    text-align: left
}

.collection-list .rows .list-row .rc-190 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-195 {
    flex: 0 0 195px;
    justify-content: left;
    max-width: 195px;
    text-align: left
}

.collection-list .rows .list-row .rc-195 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-200 {
    flex: 0 0 200px;
    justify-content: left;
    max-width: 200px;
    text-align: left
}

.collection-list .rows .list-row .rc-200 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-205 {
    flex: 0 0 205px;
    justify-content: left;
    max-width: 205px;
    text-align: left
}

.collection-list .rows .list-row .rc-205 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-210 {
    flex: 0 0 210px;
    justify-content: left;
    max-width: 210px;
    text-align: left
}

.collection-list .rows .list-row .rc-210 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-215 {
    flex: 0 0 215px;
    justify-content: left;
    max-width: 215px;
    text-align: left
}

.collection-list .rows .list-row .rc-215 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-220 {
    flex: 0 0 220px;
    justify-content: left;
    max-width: 220px;
    text-align: left
}

.collection-list .rows .list-row .rc-220 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-225 {
    flex: 0 0 225px;
    justify-content: left;
    max-width: 225px;
    text-align: left
}

.collection-list .rows .list-row .rc-225 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-230 {
    flex: 0 0 230px;
    justify-content: left;
    max-width: 230px;
    text-align: left
}

.collection-list .rows .list-row .rc-230 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-235 {
    flex: 0 0 235px;
    justify-content: left;
    max-width: 235px;
    text-align: left
}

.collection-list .rows .list-row .rc-235 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-240 {
    flex: 0 0 240px;
    justify-content: left;
    max-width: 240px;
    text-align: left
}

.collection-list .rows .list-row .rc-240 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-245 {
    flex: 0 0 245px;
    justify-content: left;
    max-width: 245px;
    text-align: left
}

.collection-list .rows .list-row .rc-245 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-250 {
    flex: 0 0 250px;
    justify-content: left;
    max-width: 250px;
    text-align: left
}

.collection-list .rows .list-row .rc-250 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-255 {
    flex: 0 0 255px;
    justify-content: left;
    max-width: 255px;
    text-align: left
}

.collection-list .rows .list-row .rc-255 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-260 {
    flex: 0 0 260px;
    justify-content: left;
    max-width: 260px;
    text-align: left
}

.collection-list .rows .list-row .rc-260 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-265 {
    flex: 0 0 265px;
    justify-content: left;
    max-width: 265px;
    text-align: left
}

.collection-list .rows .list-row .rc-265 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-270 {
    flex: 0 0 270px;
    justify-content: left;
    max-width: 270px;
    text-align: left
}

.collection-list .rows .list-row .rc-270 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-275 {
    flex: 0 0 275px;
    justify-content: left;
    max-width: 275px;
    text-align: left
}

.collection-list .rows .list-row .rc-275 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-280 {
    flex: 0 0 280px;
    justify-content: left;
    max-width: 280px;
    text-align: left
}

.collection-list .rows .list-row .rc-280 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-285 {
    flex: 0 0 285px;
    justify-content: left;
    max-width: 285px;
    text-align: left
}

.collection-list .rows .list-row .rc-285 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-290 {
    flex: 0 0 290px;
    justify-content: left;
    max-width: 290px;
    text-align: left
}

.collection-list .rows .list-row .rc-290 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-295 {
    flex: 0 0 295px;
    justify-content: left;
    max-width: 295px;
    text-align: left
}

.collection-list .rows .list-row .rc-295 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-300 {
    flex: 0 0 300px;
    justify-content: left;
    max-width: 300px;
    text-align: left
}

.collection-list .rows .list-row .rc-300 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-305 {
    flex: 0 0 305px;
    justify-content: left;
    max-width: 305px;
    text-align: left
}

.collection-list .rows .list-row .rc-305 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-310 {
    flex: 0 0 310px;
    justify-content: left;
    max-width: 310px;
    text-align: left
}

.collection-list .rows .list-row .rc-310 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-315 {
    flex: 0 0 315px;
    justify-content: left;
    max-width: 315px;
    text-align: left
}

.collection-list .rows .list-row .rc-315 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-320 {
    flex: 0 0 320px;
    justify-content: left;
    max-width: 320px;
    text-align: left
}

.collection-list .rows .list-row .rc-320 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-325 {
    flex: 0 0 325px;
    justify-content: left;
    max-width: 325px;
    text-align: left
}

.collection-list .rows .list-row .rc-325 span:first-child {
    padding-left: 12px
}

.collection-list .rows .list-row .rc-450 {
    flex: 0 0 450px;
    justify-content: left;
    max-width: 450px;
    text-align: left
}

.collection-list .rows .list-row .rc-450 span:first-child {
    padding-left: 12px
}

@media (max-width: 1069px) {
    .collection-list .rows .list-row .rc-bp-60 {
        flex:0 0 60px;
        max-width: 60px
    }

    .collection-list .rows .list-row .rc-bp-80 {
        flex: 0 0 80px;
        max-width: 80px
    }

    .collection-list .rows .list-row .rc-bp-90 {
        flex: 0 0 90px;
        max-width: 90px
    }

    .collection-list .rows .list-row .rc-bp-100 {
        flex: 0 0 100px;
        max-width: 100px
    }

    .collection-list .rows .list-row .rc-bp-110 {
        flex: 0 0 110px;
        max-width: 110px
    }

    .collection-list .rows .list-row .rc-bp-125 {
        flex: 0 0 125px;
        max-width: 125px
    }

    .collection-list .rows .list-row .rc-bp-150 {
        flex: 0 0 150px;
        max-width: 150px
    }
}

.collection-list .rows .list-row .rc-full {
    flex: 1;
    padding: 0
}

.collection-list .rows .list-row .rc-full a,.collection-list .rows .list-row .rc-full span {
    display: block;
    height: 100%;
    line-height: 48px;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.collection-list .rows .list-row .rc-full a {
    font-size: 14px
}

.collection-list .rows .list-row .rc-center {
    justify-content: center;
    text-align: center
}

.collection-list .rows .list-row .rc-center span:first-child {
    padding-left: 0
}

.collection-list .rows .list-row .rc-hidden-details-opener a {
    font-size: 20px;
    padding-top: 3px
}

.collection-list .rows .list-row .rc-hidden-details {
    display: none
}

.collection-list .rows .list-row .rc-type {
    font-size: 24px
}

.collection-list .rows .list-row .rc-overflow-cell span {
    display: block;
    height: 100%;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.collection-list .rows .list-row .rc-shorter-span>span:not(.expand-action) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%
}

.collection-list .rows .list-row .expand-action {
    color: var(--primary-blue-550);
    cursor: pointer;
    line-height: 14px;
    margin: -3px;
    padding: 3px;
    text-decoration: underline
}

.collection-list .rows .list-row .expand-action.close-action {
    margin: 0 0 5px;
    padding: 5px;
    padding-left: 0!important
}

.collection-list .rows .list-row .expand-action:focus {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    outline: none
}

.collection-list .rows .list-row .status .warning {
    color: var(--primary-bulb-color);
    text-shadow: var(--primary-bulb-outline-shadow)
}

.collection-list .rows .list-row .status .error {
    color: var(--primary-red-800)
}

.collection-list .rows .list-row .status .info {
    color: var(--primary-blue-550)
}

.collection-list .rows .list-row .status .ok,.collection-list .rows .list-row .status .valid {
    color: var(--primary-green-500)
}

.collection-list .rows .list-row .status .icon-unlocked,.collection-list .rows .list-row .status a {
    align-items: center;
    display: flex;
    font-size: 26px;
    height: 100%;
    justify-content: center;
    text-decoration: none;
    width: 100%
}

.collection-list .rows .list-row .status a {
    cursor: pointer
}

.collection-list .rows .list-row .status a i.icon-checked-in {
    color: var(--primary-gray-750)
}

.collection-list .rows .list-row .status a i.icon-checked-out {
    color: var(--primary-bulb-color);
    text-shadow: var(--primary-bulb-outline-shadow)
}

.collection-list .rows .list-row .status a i.icon-locked {
    color: var(--primary-red-800)
}

.collection-list .rows .list-row .status a i.icon-thumbs-up,.collection-list .rows .list-row .status a i.icon-user {
    color: var(--primary-blue-550)
}

.collection-list .rows .list-row.user-locked .username a {
    color: var(--primary-red-800)
}

.collection-list .rows .list-row .actions-container {
    display: block;
    padding: 0 12px
}

.collection-list .rows .list-row .actions-container .actions-toggle {
    cursor: pointer;
    display: flex;
    height: 32px;
    margin-top: 8px;
    width: 32px
}

.collection-list .rows .list-row .actions-container .actions-toggle i {
    font-size: 18px
}

.collection-list .rows .list-row .actions-container .actions-toggle.hide-actions {
    display: none
}

.collection-list .rows .list-row .actions-container .actions-toggle.hide-actions i {
    transform: rotate(90deg)
}

.collection-list .rows .list-row .actions-container .actions-toggle:hover {
    background-color: var(--list-row-hover-actions-btn)
}

.collection-list .rows .list-row .actions-container .actions-toggle:focus {
    box-shadow: var(--primary-dark-blue-400-shadow-2)
}

.collection-list .rows .list-row .actions-container .actions {
    display: none;
    height: 47px;
    position: absolute;
    right: 65px
}

@media (max-width: 1069px) {
    .collection-list .rows .list-row .actions-container .actions {
        right:80px
    }
}

.collection-list .rows .list-row .actions-container .actions:before {
    background: var(--list-row-actions-gradient);
    content: "";
    display: block;
    width: 50px
}

.collection-list .rows .list-row .actions-container .actions .actions-dropdown {
    position: relative
}

.collection-list .rows .list-row .actions-container .actions .actions-dropdown>a,.collection-list .rows .list-row .actions-container .actions>a {
    align-items: center;
    background: var(--primary-white);
    color: var(--primary-gray-800);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    letter-spacing: 1px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase
}

.collection-list .rows .list-row .actions-container .actions .actions-dropdown>a i,.collection-list .rows .list-row .actions-container .actions>a i {
    font-size: 18px
}

.collection-list .rows .list-row .actions-container .actions .actions-dropdown>a i:not(.icon-caret-down),.collection-list .rows .list-row .actions-container .actions>a i:not(.icon-caret-down) {
    margin-right: 10px
}

.collection-list .rows .list-row .actions-container .actions .actions-dropdown>a i.icon-caret-down,.collection-list .rows .list-row .actions-container .actions>a i.icon-caret-down {
    font-size: 12px;
    margin-left: 5px
}

.collection-list .rows .list-row .actions-container .actions .actions-dropdown>a:focus,.collection-list .rows .list-row .actions-container .actions .actions-dropdown>a:hover,.collection-list .rows .list-row .actions-container .actions>a:focus,.collection-list .rows .list-row .actions-container .actions>a:hover {
    background-color: var(--primary-white)
}

.collection-list .rows .list-row .actions-container .actions .actions-dropdown>a:focus,.collection-list .rows .list-row .actions-container .actions>a:focus {
    outline: var(--primary-dark-blue-400-2-px)
}

.collection-list .rows .list-row.row-actions-open .actions-toggle.show-actions {
    display: none
}

.collection-list .rows .list-row.row-actions-open .actions,.collection-list .rows .list-row.row-actions-open .actions-toggle.hide-actions {
    display: flex
}

.collection-list .rows .list-row.show-details {
    align-items: flex-start;
    flex-wrap: wrap;
    height: auto;
    max-height: 248px;
    padding-bottom: 2px
}

.collection-list .rows .list-row.show-details .gridcell:not(.rc-hidden-details) {
    height: 48px
}

.collection-list .rows .list-row.show-details .rc-hidden-details {
    box-shadow: var(--list-row-details-shadow);
    display: block;
    height: auto;
    margin: 0 -22px;
    max-height: calc(100% - 48px);
    min-width: calc(100% + 44px)
}

.collection-list .rows .list-row.show-details .rc-hidden-details:focus {
    box-shadow: var(--primary-dark-blue-400-shadow-2);
    outline: none
}

@media (max-width: 1069px) {
    .collection-list .rows .list-row.show-details .rc-hidden-details {
        margin:0 -10px;
        min-width: calc(100% + 20px)
    }
}

.collection-list .rows .list-row.show-details .rc-hidden-details .details {
    counter-reset: detail-counter;
    font: 14px Menlo,Consolas,monospace;
    line-height: 30px;
    list-style-type: none;
    margin: 0;
    max-height: 199px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0
}

.collection-list .rows .list-row.show-details .rc-hidden-details .details .detail {
    word-wrap: break-word;
    background-color: var(--primary-gray-100);
    border-bottom: var(--list-row-border);
    counter-increment: detail-counter;
    padding-left: 45px;
    padding-right: 15px
}

@media (max-width: 1069px) {
    .collection-list .rows .list-row.show-details .rc-hidden-details .details .detail {
        padding-left:33px
    }
}

.collection-list .rows .list-row.show-details .rc-hidden-details .details .detail:focus {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    outline: none
}

.collection-list .rows .list-row.show-details .rc-hidden-details .details .detail:hover {
    background-color: var(--list-row-hover)
}

.collection-list .rows .list-row.show-details .rc-hidden-details .details .detail:before {
    content: counter(detail-counter)
}

.collection-list .rows .list-row.show-details .rc-hidden-details .details .detail:last-child {
    border-bottom: 0
}

.collection-list .rows .list-row.show-details .rc-hidden-details .details .detail.detail-preview {
    padding-left: 85px
}

@media (max-width: 1069px) {
    .collection-list .rows .list-row.show-details .rc-hidden-details .details .detail.detail-preview {
        padding-left:73px
    }
}

.collection-list .rows .list-row.show-details .rc-hidden-details .details .context-container {
    margin-left: 33px
}

.collection-list .rows .list-row.show-details .rc-hidden-details .details .context-after,.collection-list .rows .list-row.show-details .rc-hidden-details .details .context-before {
    color: var(--primary-gray-800)
}

.collection-list .rows .list-row.show-details .rc-hidden-details .details .context-match {
    background-color: var(--primary-yellow-600);
    color: var(--primary-gray-800)
}

.collection-list .rows .list-row.show-details .rc-hidden-details .details .context-match.replaced {
    background-color: var(--primary-red-200);
    text-decoration: line-through
}

.collection-list .rows .list-row.show-details .rc-hidden-details .details .context-replace {
    background-color: var(--primary-green-100)
}

.collection-list .empty-list-wrapper {
    margin: 0 auto;
    padding-top: 15px;
    text-align: center;
    width: 100%
}

.collection-list .empty-list-wrapper .empty-icon {
    color: var(--primary-gray-750);
    font-size: 50px;
    line-height: 56px
}

.collection-list .empty-list-wrapper .empty-description {
    color: var(--primary-gray-750);
    font-size: 15px;
    margin: 10px 0
}

#pagination-count-drop {
    left: -44px;
    min-width: 100px;
    top: -158px
}

div.pagination-container {
    color: var(--primary-gray-800)
}

div.pagination-container #rows-per-no-custom,div.pagination-container .rows-per-page {
    max-width: 4em
}

div.pagination-container #rows-per-page-dropdown {
    display: inline-block;
    position: relative
}

div.pagination-container #rows-per-page-dropdown a {
    color: var(--primary-gray-800);
    padding: 10px 8px;
    text-decoration: none
}

div.pagination-container #rows-per-page-dropdown a .caret-down {
    margin-left: 4px;
    margin-top: 3px
}

div.pagination-container #rows-per-page-dropdown a:focus {
    outline: var(--primary-dark-blue-400-2-px)
}

div.pagination-container span#current-page-numbers {
    margin-left: 14px
}

div.pagination-container ul.pagination {
    margin: 0 0 0 14px
}

div.pagination-container ul.pagination li a {
    background-color: inherit;
    border: none
}

div.pagination-container ul.pagination li a:active,div.pagination-container ul.pagination li a:focus {
    background-color: inherit
}

div.pagination-container ul.pagination li i {
    font-size: 18px
}

div.pagination-container ul.pagination li.disabled a,div.pagination-container ul.pagination li.disabled i {
    color: var(--primary-gray-550)
}

#pages-list-view .list-view-header .dropdown-menu.templates {
    overflow-y: auto
}

#pages-list-view .app-list-container .collection-header .header-top {
    position: relative
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section {
    min-width: calc(100% - 472px)
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section a.root {
    font-size: 26px;
    margin-left: -2px;
    margin-right: 12px;
    margin-top: 4px
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section a.root:hover {
    text-decoration: none
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section a.root.current {
    color: var(--primary-gray-800);
    cursor: default
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section a.root.current:hover {
    text-decoration: none
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section a.root:focus {
    outline: none
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section a.root:focus .icon-home {
    outline: var(--primary-blue-250-2-px)
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section .breadcrumb-divider {
    position: relative;
    top: 2px
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section .breadcrumb-divider:last-child {
    top: 1px
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section .breadcrumb-divider:first-child {
    padding-left: 0
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section div.file-breadcrumb-collapsed {
    display: block;
    min-width: 43px;
    padding-right: 3px
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section div.file-breadcrumb-collapsed>a {
    padding: 0 3px
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section div.file-breadcrumb-collapsed>a:hover {
    text-decoration: none
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section div.file-breadcrumb-collapsed ul.dropdown-menu {
    margin-left: 40px;
    margin-top: -14px
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section div.file-breadcrumb-collapsed ul.dropdown-menu .breadrcumb-dropdown-item {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section div.file-breadcrumb {
    color: var(--primary-gray-800);
    display: none;
    overflow: hidden;
    padding-right: 3px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section div.file-breadcrumb a {
    padding: 0 3px
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section div.file-breadcrumb a:hover {
    text-decoration: none
}

@media (min-width: 1100px) {
    #pages-list-view .app-list-container .collection-header .header-top .header-left-section div.file-breadcrumb {
        display:block
    }

    #pages-list-view .app-list-container .collection-header .header-top .header-left-section div.file-breadcrumb-collapsed {
        display: none
    }
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section .current-folder {
    overflow: hidden;
    padding-right: 3px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section .current-folder a#current-folder-text {
    color: var(--primary-gray-800);
    padding: 0 3px;
    text-decoration: none
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section .btn-round.solid {
    flex-shrink: 0;
    height: 30px;
    margin-left: 8px;
    width: 30px
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section .btn-round.solid i {
    font-size: 20px
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section .btn-round.solid:hover {
    box-shadow: none
}

#pages-list-view .app-list-container .collection-header .header-top .header-left-section .btn-round.solid:active,#pages-list-view .app-list-container .collection-header .header-top .header-left-section .btn-round.solid:focus,#pages-list-view .app-list-container .collection-header .header-top .header-left-section .btn-round.solid:hover {
    background-color: var(--primary-gray-400);
    color: var(--primary-gray-750)
}

#pages-list-view .app-list-container .collection-header .header-top .header-right-section div.server {
    max-width: 180px
}

#pages-list-view .app-list-container .collection-header .header-top .header-right-section div.server>a {
    color: var(--primary-blue-550);
    width: 100%
}

#pages-list-view .app-list-container .collection-header .header-top .header-right-section div.server>a span.server-name {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

#pages-list-view .app-list-container .collection-header .header-top .header-right-section div.server>a i {
    color: var(--primary-gray-750);
    font-size: 16px;
    margin-left: 8px;
    margin-right: 0
}

#pages-list-view .app-list-container .collection-header .header-top .header-right-section div.server .dropdown-menu {
    left: auto;
    margin-top: -10px;
    right: 0
}

#pages-list-view .app-list-container .collection-list .rows .list-row .size {
    font-size: 12px;
    justify-content: center
}

#pages-list-view .app-list-container .collection-list .rows .list-row .unpublished-status {
    justify-content: center
}

@media (max-width: 1069px) {
    #pages-list-view .app-list-container .collection-list .rows .list-row .unpublished-status .unpublished-tag {
        align-items:center;
        display: flex;
        font-size: 10px;
        height: 30px;
        justify-content: center;
        line-height: 12px;
        width: 90%
    }
}

#assets-list-view #list-filter-container {
    width: auto
}

#assets-list-view #asset-types-btn {
    margin-right: 8px
}

#assets-list-view #list-filter-container #filter-tags-container {
    left: 129px
}

#assets-list-view #list-filter-container .asset-type-0+#filter-tags-container,#assets-list-view #list-filter-container .asset-type-1+#filter-tags-container {
    left: 158px
}

#assets-list-view #list-filter-container .asset-type-2+#filter-tags-container {
    left: 134px
}

#assets-list-view #list-filter-container .asset-type-3+#filter-tags-container {
    left: 168px
}

#assets-list-view #list-filter-container .asset-type-4+#filter-tags-container {
    left: 94px
}

#personalization-list-view #visits-header #list-filter-container {
    width: auto
}

#personalization-list-view #visits-header #list-filter-container #dropdown-filter-bar-container {
    align-items: center;
    display: flex;
    flex-direction: row
}

#personalization-list-view #visits-header #list-filter-container #dropdown-filter-bar-container #just-filter-bar {
    margin-left: 11px;
    width: 239px
}

#personalization-list-view #visits-header #list-filter-container #dropdown-filter-bar-container #just-filter-bar .icon-filter {
    right: 217px;
    top: 8px
}

#personalization-list-view #visits-header #list-filter-container #dropdown-filter-bar-container #just-filter-bar #just-filter-input {
    padding-left: 25px
}

#personalization-list-view #visits-header #list-filter-container #dropdown-filter-bar-container #just-filter-bar .icon-cancel-circle {
    right: 8px
}

#personalization-list-view .select-desc {
    max-width: unset
}

#section-list-view #list-filter-container {
    width: auto
}

#section-list-view #list-filter-container #filter-tags-container {
    left: auto;
    right: 200px
}

#personalization-integration-list-view .list-row .rc-full span i {
    font-size: 22px;
    margin-right: 5px;
    position: relative;
    top: 6px
}

#personalization-integration-list-view .list-row .rc-full span i.icon-check-circle {
    color: var(--primary-green-500)
}

#personalization-integration-list-view .list-row .rc-full span i.icon-warning {
    color: var(--primary-yellow-600)
}

#personalization-integration-list-view .list-row .rc-full span i.icon-cancel-circle {
    color: var(--primary-red-550);
    right: 0!important
}

.main-tag-list-dropdown {
    border: var(--primary-gray-600-1-px)!important;
    border-radius: 4px!important
}

#advanced-search-results .main-right {
    display: none
}

#advanced-search-results .global-search-term-container {
    display: flex
}

#advanced-search-results .global-search-term-container #search-params {
    float: left;
    margin-bottom: 9px;
    margin-right: 15px;
    max-width: 250px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    top: 4px;
    white-space: nowrap
}

@media (min-width: 1200px) {
    #advanced-search-results .global-search-term-container #search-params {
        max-width:500px
    }
}

#advanced-search-results .global-search-term-container #search-params:focus {
    outline: var(--primary-blue-250-2-px)
}

#advanced-search-results .global-search-term-container #search-params span {
    color: var(--primary-gray-800);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .68px;
    text-transform: capitalize
}

#advanced-search-results .global-search-term-container #search-params span.search-term {
    text-transform: none
}

#advanced-search-results .no-global-search-results {
    background-color: var(--primary-white);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    height: calc(100vh - 146px);
    margin-top: 66px;
    width: 100%
}

#advanced-search-results .no-global-search-results.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#advanced-search-results .no-global-search-results.padded-children>* {
    padding: 15px
}

#advanced-search-results .no-global-search-results .no-results-icon {
    font-size: 45px;
    margin-top: 20px
}

#advanced-search-results .no-global-search-results .no-results-contents {
    padding-top: 30px;
    text-align: center
}

#advanced-search-results .no-global-search-results .search-term {
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    word-break: break-all
}

#advanced-search-results .no-global-search-results .search-term:focus {
    outline: var(--primary-blue-250-2-px)
}

#advanced-search-results .no-global-search-results .search-term span {
    color: var(--primary-gray-800);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .68px;
    text-transform: capitalize
}

#advanced-search-results .no-global-search-results .search-term span.search-term {
    text-transform: none
}

.fieldset-card {
    background-color: var(--primary-white);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    margin-bottom: 20px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px
}

.fieldset-card.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.fieldset-card.padded-children>* {
    padding: 15px
}

.fieldset-card.fieldset-sticky {
    position: sticky;
    top: 120px
}

.fieldset-card.fieldset-top-panel {
    margin-top: 60px
}

.fieldset-card.fieldset-first {
    margin-top: 20px
}

.fieldset-card.fieldset-card-flush-sides {
    padding-left: 0;
    padding-right: 0
}

.fieldset-card.fieldset-card-flush-bottom {
    padding-bottom: 0
}

.fieldset-card.fieldset-flush-bottom,.fieldset-card:last-of-type {
    margin-bottom: 20px;
}

.fieldset-card.fieldset-bottom-panel {
    margin-bottom: 60px
}

.fieldset-card>.fieldset-card-heading,.fieldset-card>h4:not(.regular-heading) {
    border-bottom: var(--primary-gray-400-2-px);
    font-size: 18px;
    margin: 0 -30px 20px;
    padding: 20px 30px
}

.fieldset-card>.fieldset-card-heading.focus-highlight,.fieldset-card>h4:not(.regular-heading).focus-highlight {
    color: var(--primary-dark-orange-600)
}

.fieldset-card>header {
    align-items: center;
    border-bottom: var(--primary-gray-400-2-px);
    display: flex;
    justify-content: space-between;
    margin: 0 -30px 20px;
    padding: 18px 30px
}

.fieldset-card>header .fieldset-card-heading {
    display: inline-block;
    font-size: 18px;
    margin: 0
}

.fieldset-card>header .nav-pills li:not(:last-of-type) {
    margin-right: 8px
}

.fieldset-card>header .nav-pills a {
    padding: 2px 12px
}

.fieldset-card>header .nav-pills a:focus,.fieldset-card>header .nav-pills li:focus {
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

.fieldset-card .fieldset-collapser {
    color: var(--primary-gray-800);
    display: block;
    line-height: 59px;
    margin: -20px -30px;
    padding-left: 30px;
    position: relative;
    width: calc(100% + 60px)
}

.fieldset-card .fieldset-collapser:hover {
    text-decoration: none
}

.fieldset-card .fieldset-collapser:after {
    content: "\e902";
    font-family: oucampus-icomoon!important;
    position: absolute;
    right: 30px;
    top: 0
}

.fieldset-card .fieldset-collapser input {
    line-height: normal
}

.fieldset-card .fieldset-collapser i {
    font-size: 1.2em;
    position: relative;
    top: 4px
}

.fieldset-card .fieldset-collapser .help-block {
    color: var(--primary-gray-700);
    color: var(--primary-red-550);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
    margin-top: -5px;
    width: 100%
}

.fieldset-card .fieldset-collapser .help-block:empty {
    margin-top: 0
}

.fieldset-card .fieldset-collapser .help-block.invalid {
    color: var(--primary-red-550);
    display: block
}

.fieldset-card .fieldset-collapser .help-block i {
    color: inherit;
    font-size: 16px;
    position: relative;
    top: 3px
}

.fieldset-card .fieldset-collapser .fieldset-heading-wrapper .fieldset-heading-icons {
    align-items: unset;
    margin-left: 46px;
    margin-right: 15px;
    padding-top: 21px
}

.fieldset-card .fieldset-collapser .fieldset-heading-wrapper .fieldset-heading-icons [class^=icon-] {
    margin-left: 0;
    margin-right: 15px
}

.fieldset-card .fieldset-collapser .fieldset-heading-wrapper .fieldset-heading-icons button {
    margin: 0;
    position: relative;
    top: -10px
}

.fieldset-card .fieldset-collapser .fieldset-heading-wrapper .fieldset-heading-icons button [class^=icon-] {
    margin-right: 0
}

.fieldset-card.fieldset-collapse {
    padding-bottom: 0
}

.fieldset-card.fieldset-collapse>.fieldset-card-collapse-heading,.fieldset-card.fieldset-collapse>h4,.fieldset-card.fieldset-collapse>header {
    border-bottom: 0;
    margin-bottom: 0
}

.fieldset-card.fieldset-collapse .fieldset-collapser:after {
    content: "\e903"
}

.fieldset-card.fieldset-collapse .fieldset-card-body {
    display: none!important
}

.fieldset-card[disabled] .fieldset-collapser {
    color: var(--primary-gray-700);
    cursor: not-allowed
}

.fieldset-card fieldset.subset {
    margin-top: 20px
}

.fieldset-card fieldset.subset .subset-heading {
    border-top: var(--primary-gray-400-1-px);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-left: -30px;
    margin-right: -30px;
    padding: 20px 30px 2px
}

.fieldset-card .fieldset-heading-wrapper {
    display: flex
}

.fieldset-card .fieldset-heading-wrapper .fieldset-heading-text {
    flex-grow: 1;
    word-break: break-word
}

.fieldset-card .fieldset-heading-wrapper .fieldset-heading-text [class^=icon-] {
    top: auto
}

.fieldset-card .fieldset-heading-wrapper .fieldset-heading-icons {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    margin-left: 15px
}

.fieldset-card .fieldset-heading-wrapper .fieldset-heading-icons [class^=icon-] {
    font-size: 16px;
    line-height: normal;
    margin-left: 15px;
    top: auto
}

.fieldset-card .fieldset-heading-wrapper .fieldset-heading-icons button {
    margin: -7px 0
}

.fieldset-card .fieldset-heading-wrapper .fieldset-heading-icons button [class^=icon-] {
    margin-left: 0
}

.fieldset-card .fieldset-heading-details {
    font-size: 17px;
    font-style: italic
}

.accordion-group .fieldset-card {
    border-bottom: var(--primary-gray-400-1-px)
}

.accordion-group .fieldset-card:last-of-type {
    border-bottom: none
}

.accordion-group .fieldset-card .fieldset-collapser[aria-expanded=true] {
    background-color: var(--list-row-selected-hover)
}

.input-lookalike,input[type=email],input[type=number],input[type=password],input[type=text],select,textarea {
    background-color: var(--primary-white);
    background-image: none;
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: none;
    color: var(--primary-gray-800);
    display: inline-block;
    height: 32px;
    line-height: 100%;
    max-width: 500px;
    min-height: 32px;
    padding: 6px 9px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

.input-lookalike::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,select::placeholder,textarea::placeholder {
    color: var(--primary-gray-700)
}

.input-lookalike:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus {
    border-color: var(--primary-dark-blue-400);
    border-width: 2px;
    box-shadow: none;
    outline: none;
    padding: 4px 7px
}

.input-lookalike.shorten-length,input[type=email].shorten-length,input[type=number].shorten-length,input[type=password].shorten-length,input[type=text].shorten-length,select.shorten-length,textarea.shorten-length {
    max-width: 125px
}

textarea {
    height: 96px;
    line-height: 1.42857143;
    max-height: 120px;
    padding: 8px
}

.help-block-container {
    display: flex;
    width: 100%
}

.help-block-container .help-block {
    margin-right: 10px;
    word-break: break-all
}

.help-block-container .text-area-word-counter {
    color: var(--primary-gray-700);
    display: flex;
    font-size: 12px;
    margin-top: 5px;
    text-align: right
}

input[type=number] {
    max-width: 125px;
    text-align: center
}

input[type=color] {
    position: relative;
    top: 5px
}

input[type=color]:hover {
    cursor: pointer
}

.checkbox>input[type=checkbox],.radio>input[type=radio],input[type=checkbox],input[type=radio] {
    margin: 0 5px 0 5px;
    position: relative
}

.checkbox>input[type=checkbox]:active,.checkbox>input[type=checkbox]:focus,.radio>input[type=radio]:active,.radio>input[type=radio]:focus,input[type=checkbox]:active,input[type=checkbox]:focus,input[type=radio]:active,input[type=radio]:focus {
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: var(--primary-dark-blue-400-shadow-2)
}

.radio>input[type=radio]:active,.radio>input[type=radio]:focus,input[type=radio]:active,input[type=radio]:focus {
    border-radius: 50%
}

.input-lookalike {
    align-items: center;
    display: flex
}

.form-switch {
    align-items: center;
    display: inline-flex;
    margin: 5px 0;
    position: relative;
    top: 2px
}

.form-switch .form-switch-toggle {
    cursor: pointer;
    position: relative
}

.form-switch [type=checkbox] {
    opacity: 0;
    position: absolute
}

.form-switch [type=checkbox]:focus+.form-switch-toggle {
    outline: var(--primary-black-2-px);
    outline-offset: 3px
}

.form-switch [type=checkbox]:checked+.form-switch-toggle:after,.form-switch [type=checkbox]:checked+.form-switch-toggle:before {
    background: var(--primary-dark-blue-500)
}

.form-switch [type=checkbox]:checked+.form-switch-toggle:after {
    transform: translate(calc(42px - 100%),-50%)
}

.form-switch [type=checkbox]:disabled+.form-switch-toggle {
    cursor: not-allowed
}

.form-switch [type=checkbox]:disabled+.form-switch-toggle:after,.form-switch [type=checkbox]:disabled+.form-switch-toggle:before {
    background: var(--primary-gray-550);
    border: none
}

.form-switch [type=checkbox]:disabled+.form-switch-toggle:after {
    box-shadow: none
}

.form-switch .form-switch-toggle:after,.form-switch .form-switch-toggle:before {
    background: var(--primary-white);
    border: var(--primary-dark-blue-500-2-px);
    content: "";
    display: block;
    margin: 0 3px;
    transition: all .1s cubic-bezier(.4,0,.2,1)
}

.form-switch .form-switch-toggle:before {
    background: var(--primary-dark-blue-300);
    border: none;
    border-radius: 10px;
    height: 18px;
    opacity: .6;
    width: 42px
}

.form-switch .form-switch-toggle:after {
    border-radius: 50%;
    box-shadow: var(--primary-btn-box-shadow);
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

div.form,form {
    font-family: inherit;
    font-size: 14px
}

div.form.no-header,form.no-header {
    margin-top: 60px
}

div.form label,form label {
    color: var(--primary-gray-800);
    display: inline-block;
    font-weight: 400;
    letter-spacing: .26px;
    margin-bottom: 5px;
    max-width: 100%;
    text-transform: capitalize
}

div.form label .required,form label .required {
    display: none
}

div.form label .label-helper,form label .label-helper {
    color: var(--primary-gray-800);
    display: block;
    font-size: 12px;
    font-style: italic;
    text-transform: none
}

div.form input[type=number],div.form input[type=text],div.form select,div.form textarea,form input[type=number],form input[type=text],form select,form textarea {
    display: inline-block;
    max-width: 500px;
    width: 100%
}

div.form textarea,form textarea {
    max-height: 120px
}

div.form textarea[rows],form textarea[rows] {
    height: auto;
    max-height: none
}

div.form input[type=number],form input[type=number] {
    max-width: 125px
}

div.form label.checkbox,div.form label.radio,form label.checkbox,form label.radio {
    letter-spacing: normal;
    margin-top: 6px;
    padding: 0
}

div.form label.checkbox.inline,div.form label.radio.inline,form label.checkbox.inline,form label.radio.inline {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 12px;
    margin-top: 12px;
    position: relative;
    top: -6px
}

div.form label.radio:first-of-type,form label.radio:first-of-type {
    margin-top: 6px
}

div.form.horizontal-form .control-group,div.form.horizontal-form .form-group,form.horizontal-form .control-group,form.horizontal-form .form-group {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    max-width: 100%
}

div.form.horizontal-form .control-group.full-width-control-group,div.form.horizontal-form .form-group.full-width-control-group,form.horizontal-form .control-group.full-width-control-group,form.horizontal-form .form-group.full-width-control-group {
    overflow: visible
}

div.form.horizontal-form .control-group.full-width-control-group .controls,div.form.horizontal-form .form-group.full-width-control-group .controls,form.horizontal-form .control-group.full-width-control-group .controls,form.horizontal-form .form-group.full-width-control-group .controls {
    max-width: calc(100% - 210px)
}

div.form.horizontal-form .control-group>label,div.form.horizontal-form .form-group>label,form.horizontal-form .control-group>label,form.horizontal-form .form-group>label {
    margin-bottom: 0;
    padding-top: 6px;
    text-align: right;
    width: 180px
}

div.form.horizontal-form .control-group>label+.instructional-text,div.form.horizontal-form .form-group>label+.instructional-text,form.horizontal-form .control-group>label+.instructional-text,form.horizontal-form .form-group>label+.instructional-text {
    border-width: 2px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 4px 2px
}

div.form.horizontal-form .control-group .controls,div.form.horizontal-form .form-group .controls,form.horizontal-form .control-group .controls,form.horizontal-form .form-group .controls {
    height: 100%;
    margin-left: 22px;
    max-width: 500px;
    width: 100%
}

div.form.horizontal-form .control-group .controls .checkbox,div.form.horizontal-form .control-group .controls .radio,div.form.horizontal-form .form-group .controls .checkbox,div.form.horizontal-form .form-group .controls .radio,form.horizontal-form .control-group .controls .checkbox,form.horizontal-form .control-group .controls .radio,form.horizontal-form .form-group .controls .checkbox,form.horizontal-form .form-group .controls .radio {
    padding: 0;
    width: -moz-fit-content;
    width: fit-content
}

div.form.horizontal-form .control-group .controls .checkbox.inline-label,div.form.horizontal-form .control-group .controls .radio.inline-label,div.form.horizontal-form .form-group .controls .checkbox.inline-label,div.form.horizontal-form .form-group .controls .radio.inline-label,form.horizontal-form .control-group .controls .checkbox.inline-label,form.horizontal-form .control-group .controls .radio.inline-label,form.horizontal-form .form-group .controls .checkbox.inline-label,form.horizontal-form .form-group .controls .radio.inline-label {
    display: inline-block
}

div.form.horizontal-form .control-group .controls.checkbox-controls,div.form.horizontal-form .control-group .controls.radio-controls,div.form.horizontal-form .form-group .controls.checkbox-controls,div.form.horizontal-form .form-group .controls.radio-controls,form.horizontal-form .control-group .controls.checkbox-controls,form.horizontal-form .control-group .controls.radio-controls,form.horizontal-form .form-group .controls.checkbox-controls,form.horizontal-form .form-group .controls.radio-controls {
    line-height: 20px
}

div.form.horizontal-form .control-group .controls.inline,div.form.horizontal-form .form-group .controls.inline,form.horizontal-form .control-group .controls.inline,form.horizontal-form .form-group .controls.inline {
    display: inline-block;
    width: auto
}

div.form.horizontal-form .control-group .controls input[type=checkbox],div.form.horizontal-form .form-group .controls input[type=checkbox],form.horizontal-form .control-group .controls input[type=checkbox],form.horizontal-form .form-group .controls input[type=checkbox] {
    margin-top: 10px
}

div.form.horizontal-form .control-group:last-child,div.form.horizontal-form .form-group:last-child,form.horizontal-form .control-group:last-child,form.horizontal-form .form-group:last-child {
    margin-bottom: 0
}

div.form.form-horizontal .control-group,div.form.form-horizontal .form-group,form.form-horizontal .control-group,form.form-horizontal .form-group {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    max-width: 100%
}

div.form.form-horizontal .control-group.full-width-control-group,div.form.form-horizontal .form-group.full-width-control-group,form.form-horizontal .control-group.full-width-control-group,form.form-horizontal .form-group.full-width-control-group {
    overflow: visible
}

div.form.form-horizontal .control-group.full-width-control-group .controls,div.form.form-horizontal .form-group.full-width-control-group .controls,form.form-horizontal .control-group.full-width-control-group .controls,form.form-horizontal .form-group.full-width-control-group .controls {
    max-width: calc(100% - 210px)
}

div.form.form-horizontal .control-group>label,div.form.form-horizontal .form-group>label,form.form-horizontal .control-group>label,form.form-horizontal .form-group>label {
    margin-bottom: 0;
    padding-top: 6px;
    text-align: right;
    width: 200px;
}

div.form.form-horizontal .control-group>label+.instructional-text,div.form.form-horizontal .form-group>label+.instructional-text,form.form-horizontal .control-group>label+.instructional-text,form.form-horizontal .form-group>label+.instructional-text {
    border-width: 2px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 4px 2px
}

div.form.form-horizontal .control-group .controls,div.form.form-horizontal .form-group .controls,form.form-horizontal .control-group .controls,form.form-horizontal .form-group .controls {
    height: 100%;
    margin-left: 22px;
    max-width: 500px;
    width: 100%
}

div.form.form-horizontal .control-group .controls .checkbox,div.form.form-horizontal .control-group .controls .radio,div.form.form-horizontal .form-group .controls .checkbox,div.form.form-horizontal .form-group .controls .radio,form.form-horizontal .control-group .controls .checkbox,form.form-horizontal .control-group .controls .radio,form.form-horizontal .form-group .controls .checkbox,form.form-horizontal .form-group .controls .radio {
    padding: 0;
    width: -moz-fit-content;
    width: fit-content
}

div.form.form-horizontal .control-group .controls .checkbox.inline-label,div.form.form-horizontal .control-group .controls .radio.inline-label,div.form.form-horizontal .form-group .controls .checkbox.inline-label,div.form.form-horizontal .form-group .controls .radio.inline-label,form.form-horizontal .control-group .controls .checkbox.inline-label,form.form-horizontal .control-group .controls .radio.inline-label,form.form-horizontal .form-group .controls .checkbox.inline-label,form.form-horizontal .form-group .controls .radio.inline-label {
    display: inline-block
}

div.form.form-horizontal .control-group .controls.checkbox-controls,div.form.form-horizontal .control-group .controls.radio-controls,div.form.form-horizontal .form-group .controls.checkbox-controls,div.form.form-horizontal .form-group .controls.radio-controls,form.form-horizontal .control-group .controls.checkbox-controls,form.form-horizontal .control-group .controls.radio-controls,form.form-horizontal .form-group .controls.checkbox-controls,form.form-horizontal .form-group .controls.radio-controls {
    line-height: 20px
}

div.form.form-horizontal .control-group .controls.inline,div.form.form-horizontal .form-group .controls.inline,form.form-horizontal .control-group .controls.inline,form.form-horizontal .form-group .controls.inline {
    display: inline-block;
    width: auto
}

div.form.form-horizontal .control-group .controls input[type=checkbox],div.form.form-horizontal .form-group .controls input[type=checkbox],form.form-horizontal .control-group .controls input[type=checkbox],form.form-horizontal .form-group .controls input[type=checkbox] {
    margin-top: 10px
}

div.form.form-horizontal .control-group:last-child,div.form.form-horizontal .form-group:last-child,form.form-horizontal .control-group:last-child,form.form-horizontal .form-group:last-child {
    margin-bottom: 0
}

div.form.form-horizontal .btn.inline-with-field,form.form-horizontal .btn.inline-with-field {
    margin-left: 187px
}

div.form.user-generated label,form.user-generated label {
    text-transform: none
}

.control-group,.form-group {
    margin-bottom: 20px;
    max-width: 500px;
    position: relative;
    width: 100%
}

.control-group .additional-help-block,.control-group .help-block,.control-group .help-inline,.control-group .site-name-image-path,.form-group .additional-help-block,.form-group .help-block,.form-group .help-inline,.form-group .site-name-image-path {
    color: var(--primary-gray-700);
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 5px;
    width: 100%
}

.control-group .additional-help-block:empty,.control-group .help-block:empty,.control-group .help-inline:empty,.control-group .site-name-image-path:empty,.form-group .additional-help-block:empty,.form-group .help-block:empty,.form-group .help-inline:empty,.form-group .site-name-image-path:empty {
    margin-top: 0
}

.control-group .additional-help-block.invalid,.control-group .help-block.invalid,.control-group .help-inline.invalid,.control-group .site-name-image-path.invalid,.form-group .additional-help-block.invalid,.form-group .help-block.invalid,.form-group .help-inline.invalid,.form-group .site-name-image-path.invalid {
    color: var(--primary-red-550);
    display: block
}

.control-group .additional-help-block i,.control-group .help-block i,.control-group .help-inline i,.control-group .site-name-image-path i,.form-group .additional-help-block i,.form-group .help-block i,.form-group .help-inline i,.form-group .site-name-image-path i {
    color: inherit;
    font-size: 16px;
    position: relative;
    top: 3px
}

.control-group .bottom-custom,.form-group .bottom-custom {
    margin-top: 20px
}

.control-group .controls,.form-group .controls {
    max-width: 500px;
    position: relative;
    width: 100%
}

.control-group .controls.checkbox-controls,.control-group .controls.radio-controls,.form-group .controls.checkbox-controls,.form-group .controls.radio-controls {
    margin-left: 10px
}

.control-group .controls.input-icon-left>i,.form-group .controls.input-icon-left>i {
    font-size: 16px;
    left: 5px;
    line-height: 32px;
    position: absolute
}

.control-group .controls.input-icon-left input[type=password],.control-group .controls.input-icon-left input[type=text],.form-group .controls.input-icon-left input[type=password],.form-group .controls.input-icon-left input[type=text] {
    padding-left: 30px
}

.control-group .controls.input-icon-right>i,.form-group .controls.input-icon-right>i {
    font-size: 16px;
    line-height: 32px;
    position: absolute;
    right: 5px
}

.control-group .controls.input-icon-right span.input-icon,.form-group .controls.input-icon-right span.input-icon {
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    position: absolute;
    right: 5px;
    vertical-align: middle
}

.control-group .controls.input-icon-right input[type=password],.control-group .controls.input-icon-right input[type=text],.form-group .controls.input-icon-right input[type=password],.form-group .controls.input-icon-right input[type=text] {
    padding-right: 30px
}

.control-group .controls.inline,.form-group .controls.inline {
    display: inline-block;
    width: auto
}

.control-group .controls.error input[type=text],.form-group .controls.error input[type=text] {
    border-color: var(--primary-red-550)
}

.control-group .controls [readonly],.form-group .controls [readonly] {
    background-color: var(--primary-gray-100);
    border: var(--primary-gray-400-1-px);
    color: var(--primary-gray-550)
}

.control-group .controls [readonly]::placeholder,.form-group .controls [readonly]::placeholder {
    color: var(--primary-gray-550)
}

.control-group .controls [readonly]:focus,.form-group .controls [readonly]:focus {
    border: var(--primary-gray-400-2-px)
}

.control-group .controls [readonly]+.help-block-container .help-block,.form-group .controls [readonly]+.help-block-container .help-block {
    color: var(--primary-gray-550)
}

.control-group .controls .group-input,.control-group .controls .input-append,.form-group .controls .group-input,.form-group .controls .input-append {
    align-items: center;
    display: flex;
    flex-direction: row;
    position: relative
}

.control-group .controls .group-input input,.control-group .controls .input-append input,.form-group .controls .group-input input,.form-group .controls .input-append input {
    border-radius: 0;
    flex-grow: 2
}

.control-group .controls .group-input input:first-child,.control-group .controls .input-append input:first-child,.form-group .controls .group-input input:first-child,.form-group .controls .input-append input:first-child {
    border-radius: 2px 0 0 2px
}

.control-group .controls .group-input input:last-child,.control-group .controls .input-append input:last-child,.form-group .controls .group-input input:last-child,.form-group .controls .input-append input:last-child {
    border-radius: 0 2px 2px 0
}

.control-group .controls .group-input .btn,.control-group .controls .group-input button,.control-group .controls .input-append .btn,.control-group .controls .input-append button,.form-group .controls .group-input .btn,.form-group .controls .group-input button,.form-group .controls .input-append .btn,.form-group .controls .input-append button {
    background-color: var(--primary-gray-200);
    border: var(--primary-gray-400-1-px);
    border-radius: 0;
    color: var(--primary-gray-750);
    font-size: 14px;
    height: 32px;
    max-height: 32px;
    padding: 0;
    position: relative
}

.control-group .controls .group-input .btn.btn-green,.control-group .controls .group-input button.btn-green,.control-group .controls .input-append .btn.btn-green,.control-group .controls .input-append button.btn-green,.form-group .controls .group-input .btn.btn-green,.form-group .controls .group-input button.btn-green,.form-group .controls .input-append .btn.btn-green,.form-group .controls .input-append button.btn-green {
    background-color: var(--primary-green-500);
    border: var(--primary-green-500-1-px);
    color: var(--primary-white)
}

.control-group .controls .group-input .btn i,.control-group .controls .group-input button i,.control-group .controls .input-append .btn i,.control-group .controls .input-append button i,.form-group .controls .group-input .btn i,.form-group .controls .group-input button i,.form-group .controls .input-append .btn i,.form-group .controls .input-append button i {
    font-size: inherit
}

.control-group .controls .group-input .btn:focus,.control-group .controls .group-input button:focus,.control-group .controls .input-append .btn:focus,.control-group .controls .input-append button:focus,.form-group .controls .group-input .btn:focus,.form-group .controls .group-input button:focus,.form-group .controls .input-append .btn:focus,.form-group .controls .input-append button:focus {
    border-radius: 0;
    z-index: 2
}

.control-group .controls .group-input>.button:first-child,.control-group .controls .group-input>button:first-child,.control-group .controls .input-append>.button:first-child,.control-group .controls .input-append>button:first-child,.form-group .controls .group-input>.button:first-child,.form-group .controls .group-input>button:first-child,.form-group .controls .input-append>.button:first-child,.form-group .controls .input-append>button:first-child {
    border-radius: 2px 0 0 2px;
    border-right: none
}

.control-group .controls .group-input>.btn-group button,.control-group .controls .group-input>.button:not(:first-child),.control-group .controls .group-input>button:not(:first-child),.control-group .controls .input-append>.btn-group button,.control-group .controls .input-append>.button:not(:first-child),.control-group .controls .input-append>button:not(:first-child),.form-group .controls .group-input>.btn-group button,.form-group .controls .group-input>.button:not(:first-child),.form-group .controls .group-input>button:not(:first-child),.form-group .controls .input-append>.btn-group button,.form-group .controls .input-append>.button:not(:first-child),.form-group .controls .input-append>button:not(:first-child) {
    border-left: none;
    border-radius: 0 2px 2px 0
}

.control-group .controls .group-input>.btn-group.open .dropdown-toggle,.control-group .controls .input-append>.btn-group.open .dropdown-toggle,.form-group .controls .group-input>.btn-group.open .dropdown-toggle,.form-group .controls .input-append>.btn-group.open .dropdown-toggle {
    background-color: var(--primary-gray-200)!important;
    border: var(--primary-gray-400-1-px)!important;
    border-left: none!important;
    box-shadow: var(--primary-black-shadow-2)!important
}

.control-group .controls .group-input .input-group-addon>:first-child:not(:focus),.control-group .controls .input-append .input-group-addon>:first-child:not(:focus),.form-group .controls .group-input .input-group-addon>:first-child:not(:focus),.form-group .controls .input-append .input-group-addon>:first-child:not(:focus) {
    border-left: none
}

.control-group .controls .group-input .input-group-addon select,.control-group .controls .input-append .input-group-addon select,.form-group .controls .group-input .input-group-addon select,.form-group .controls .input-append .input-group-addon select {
    width: auto
}

.control-group .controls .group-input .input-group-addon input[type=color],.control-group .controls .input-append .input-group-addon input[type=color],.form-group .controls .group-input .input-group-addon input[type=color],.form-group .controls .input-append .input-group-addon input[type=color] {
    appearance: none;
    -webkit-appearance: none;
    background: none;
    border: var(--primary-gray-400-1-px);
    border-left: none;
    height: 32px;
    padding: 0;
    top: 0;
    width: 32px
}

.control-group .controls .group-input .input-group-addon input[type=color]::-webkit-color-swatch,.control-group .controls .input-append .input-group-addon input[type=color]::-webkit-color-swatch,.form-group .controls .group-input .input-group-addon input[type=color]::-webkit-color-swatch,.form-group .controls .input-append .input-group-addon input[type=color]::-webkit-color-swatch {
    border: none;
    margin: 0;
    padding: 0
}

.control-group .controls .group-input .input-group-addon input[type=color]::-moz-color-swatch,.control-group .controls .input-append .input-group-addon input[type=color]::-moz-color-swatch,.form-group .controls .group-input .input-group-addon input[type=color]::-moz-color-swatch,.form-group .controls .input-append .input-group-addon input[type=color]::-moz-color-swatch {
    border: none
}

.control-group .controls .group-input .input-group-addon input[type=color]::-webkit-color-swatch-wrapper,.control-group .controls .input-append .input-group-addon input[type=color]::-webkit-color-swatch-wrapper,.form-group .controls .group-input .input-group-addon input[type=color]::-webkit-color-swatch-wrapper,.form-group .controls .input-append .input-group-addon input[type=color]::-webkit-color-swatch-wrapper {
    margin: 0;
    padding: 0
}

.control-group .controls .group-input .input-group-addon.color,.control-group .controls .input-append .input-group-addon.color,.form-group .controls .group-input .input-group-addon.color,.form-group .controls .input-append .input-group-addon.color {
    font-size: 0
}

.control-group .controls .group-input.file-upload .input-lookalike,.control-group .controls .input-append.file-upload .input-lookalike,.form-group .controls .group-input.file-upload .input-lookalike,.form-group .controls .input-append.file-upload .input-lookalike {
    cursor: pointer
}

.control-group .controls .group-input.file-upload input[type=file],.control-group .controls .input-append.file-upload input[type=file],.form-group .controls .group-input.file-upload input[type=file],.form-group .controls .input-append.file-upload input[type=file] {
    height: .1px;
    opacity: 0;
    position: absolute;
    width: .1px
}

.control-group .addons,.form-group .addons {
    align-items: center;
    display: flex
}

.control-group .addons>*,.form-group .addons>* {
    margin: 0 1rem
}

.control-group .addons>button,.form-group .addons>button {
    height: 100%
}

.control-group.required .control-label,.form-group.required .control-label {
    font-weight: 700
}

.control-group.success .select2-choice,.control-group.success input,.control-group.success select,.control-group.success textarea,.form-group.success .select2-choice,.form-group.success input,.form-group.success select,.form-group.success textarea {
    border: var(--primary-green-200-1-px)
}

.control-group.success .select2-choice:focus,.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus,.form-group.success .select2-choice:focus,.form-group.success input:focus,.form-group.success select:focus,.form-group.success textarea:focus {
    border: var(--primary-green-200-2-px)
}

.control-group.success .help-block,.form-group.success .help-block {
    color: var(--primary-green-200)
}

.control-group.error .select2-choice,.control-group.error input:not([id^=pool-filter-]),.control-group.error select,.control-group.error textarea,.form-group.error .select2-choice,.form-group.error input:not([id^=pool-filter-]),.form-group.error select,.form-group.error textarea {
    border: var(--primary-red-550-1-px)
}

.control-group.error .select2-choice:focus,.control-group.error input:not([id^=pool-filter-]):focus,.control-group.error select:focus,.control-group.error textarea:focus,.form-group.error .select2-choice:focus,.form-group.error input:not([id^=pool-filter-]):focus,.form-group.error select:focus,.form-group.error textarea:focus {
    border: var(--primary-red-550-2-px)
}

.control-group.error .checkbox,.control-group.error .radio,.form-group.error .checkbox,.form-group.error .radio {
    color: var(--primary-red-550)
}

.control-group.error .select2-container-multi.select2-container-active .select2-choice,.control-group.error .select2-container-multi.select2-container-active .select2-choices,.control-group.error .select2-container.select2-container-active .select2-choice,.control-group.error .select2-container.select2-container-active .select2-choices,.control-group.error .select2.select2-container-active .select2-choice,.control-group.error .select2.select2-container-active .select2-choices,.form-group.error .select2-container-multi.select2-container-active .select2-choice,.form-group.error .select2-container-multi.select2-container-active .select2-choices,.form-group.error .select2-container.select2-container-active .select2-choice,.form-group.error .select2-container.select2-container-active .select2-choices,.form-group.error .select2.select2-container-active .select2-choice,.form-group.error .select2.select2-container-active .select2-choices {
    border: 1px solid transparent;
    box-shadow: var(--primary-red-550-shadow-2)
}

.control-group.error .select2 .select2-choice,.control-group.error .select2 .select2-choices,.control-group.error .select2-container .select2-choice,.control-group.error .select2-container .select2-choices,.control-group.error .select2-container-multi .select2-choice,.control-group.error .select2-container-multi .select2-choices,.form-group.error .select2 .select2-choice,.form-group.error .select2 .select2-choices,.form-group.error .select2-container .select2-choice,.form-group.error .select2-container .select2-choices,.form-group.error .select2-container-multi .select2-choice,.form-group.error .select2-container-multi .select2-choices {
    border: var(--primary-red-550-1-px)
}

.control-group.error .select2 .select2-choice .select2-search-field input,.control-group.error .select2 .select2-choices .select2-search-field input,.control-group.error .select2-container .select2-choice .select2-search-field input,.control-group.error .select2-container .select2-choices .select2-search-field input,.control-group.error .select2-container-multi .select2-choice .select2-search-field input,.control-group.error .select2-container-multi .select2-choices .select2-search-field input,.form-group.error .select2 .select2-choice .select2-search-field input,.form-group.error .select2 .select2-choices .select2-search-field input,.form-group.error .select2-container .select2-choice .select2-search-field input,.form-group.error .select2-container .select2-choices .select2-search-field input,.form-group.error .select2-container-multi .select2-choice .select2-search-field input,.form-group.error .select2-container-multi .select2-choices .select2-search-field input {
    border: 0
}

.control-group.error .widget-frame,.form-group.error .widget-frame {
    border: var(--primary-red-550-1-px)
}

.control-group.error .widget-frame:focus,.form-group.error .widget-frame:focus {
    border-color: transparent;
    box-shadow: var(--primary-red-550-shadow-2);
    outline: none
}

.control-group.error .code-editor,.control-group.error .tox-tinymce,.form-group.error .code-editor,.form-group.error .tox-tinymce {
    border: var(--primary-red-550-1-px)
}

.control-group.error .code-editor:focus,.control-group.error .tox-tinymce:focus,.form-group.error .code-editor:focus,.form-group.error .tox-tinymce:focus {
    border-color: transparent;
    box-shadow: var(--primary-red-550-shadow-2);
    outline: none
}

.control-group.error .ou-multi-select-view .header,.form-group.error .ou-multi-select-view .header {
    border-left-color: var(--primary-red-550);
    border-right-color: var(--primary-red-550);
    border-top-color: var(--primary-red-550)
}

.control-group.error .ou-multi-select-view .pool-container,.form-group.error .ou-multi-select-view .pool-container {
    border-color: var(--primary-red-550)
}

.control-group.error .help-block,.control-group.error .help-inline,.form-group.error .help-block,.form-group.error .help-inline {
    color: var(--primary-red-550);
    display: block
}

.control-group.disabled label,.form-group.disabled label {
    color: var(--primary-gray-800)
}

.control-group.disabled span.select2-chosen,.form-group.disabled span.select2-chosen {
    color: var(--primary-gray-550)
}

.control-group.disabled .select2-choice,.control-group.disabled input,.control-group.disabled select,.control-group.disabled textarea,.form-group.disabled .select2-choice,.form-group.disabled input,.form-group.disabled select,.form-group.disabled textarea {
    background-color: var(--primary-gray-100);
    border: var(--primary-gray-400-1-px);
    color: var(--primary-gray-550);
    pointer-events: none
}

.control-group.disabled .select2-choice::placeholder,.control-group.disabled input::placeholder,.control-group.disabled select::placeholder,.control-group.disabled textarea::placeholder,.form-group.disabled .select2-choice::placeholder,.form-group.disabled input::placeholder,.form-group.disabled select::placeholder,.form-group.disabled textarea::placeholder {
    color: var(--primary-gray-550)
}

.control-group.disabled .select2-choice:focus,.control-group.disabled input:focus,.control-group.disabled select:focus,.control-group.disabled textarea:focus,.form-group.disabled .select2-choice:focus,.form-group.disabled input:focus,.form-group.disabled select:focus,.form-group.disabled textarea:focus {
    border: var(--primary-gray-400-2-px)
}

.control-group.disabled .checkbox,.control-group.disabled .radio,.form-group.disabled .checkbox,.form-group.disabled .radio {
    color: var(--primary-gray-550)
}

.control-group.disabled .select2-container-multi.select2-container-disabled,.control-group.disabled .select2-container.select2-container-disabled,.control-group.disabled .select2.select2-container-disabled,.form-group.disabled .select2-container-multi.select2-container-disabled,.form-group.disabled .select2-container.select2-container-disabled,.form-group.disabled .select2.select2-container-disabled {
    cursor: not-allowed
}

.control-group.disabled .select2-container-multi.select2-container-disabled .select2-choice,.control-group.disabled .select2-container-multi.select2-container-disabled .select2-choices,.control-group.disabled .select2-container.select2-container-disabled .select2-choice,.control-group.disabled .select2-container.select2-container-disabled .select2-choices,.control-group.disabled .select2.select2-container-disabled .select2-choice,.control-group.disabled .select2.select2-container-disabled .select2-choices,.form-group.disabled .select2-container-multi.select2-container-disabled .select2-choice,.form-group.disabled .select2-container-multi.select2-container-disabled .select2-choices,.form-group.disabled .select2-container.select2-container-disabled .select2-choice,.form-group.disabled .select2-container.select2-container-disabled .select2-choices,.form-group.disabled .select2.select2-container-disabled .select2-choice,.form-group.disabled .select2.select2-container-disabled .select2-choices {
    background-color: var(--primary-gray-100);
    border: var(--primary-gray-400-1-px);
    cursor: inherit
}

.control-group.disabled .select2-container-multi.select2-container-disabled .select2-choice .select2-search-choice,.control-group.disabled .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice,.control-group.disabled .select2-container.select2-container-disabled .select2-choice .select2-search-choice,.control-group.disabled .select2-container.select2-container-disabled .select2-choices .select2-search-choice,.control-group.disabled .select2.select2-container-disabled .select2-choice .select2-search-choice,.control-group.disabled .select2.select2-container-disabled .select2-choices .select2-search-choice,.form-group.disabled .select2-container-multi.select2-container-disabled .select2-choice .select2-search-choice,.form-group.disabled .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice,.form-group.disabled .select2-container.select2-container-disabled .select2-choice .select2-search-choice,.form-group.disabled .select2-container.select2-container-disabled .select2-choices .select2-search-choice,.form-group.disabled .select2.select2-container-disabled .select2-choice .select2-search-choice,.form-group.disabled .select2.select2-container-disabled .select2-choices .select2-search-choice {
    background-color: var(--primary-gray-100);
    color: var(--primary-gray-550)
}

.control-group.disabled .select2-container-multi.select2-container-disabled.select2-container-active .select2-choice .select2-search-field input,.control-group.disabled .select2-container-multi.select2-container-disabled.select2-container-active .select2-choices .select2-search-field input,.control-group.disabled .select2-container.select2-container-disabled.select2-container-active .select2-choice .select2-search-field input,.control-group.disabled .select2-container.select2-container-disabled.select2-container-active .select2-choices .select2-search-field input,.control-group.disabled .select2.select2-container-disabled.select2-container-active .select2-choice .select2-search-field input,.control-group.disabled .select2.select2-container-disabled.select2-container-active .select2-choices .select2-search-field input,.form-group.disabled .select2-container-multi.select2-container-disabled.select2-container-active .select2-choice .select2-search-field input,.form-group.disabled .select2-container-multi.select2-container-disabled.select2-container-active .select2-choices .select2-search-field input,.form-group.disabled .select2-container.select2-container-disabled.select2-container-active .select2-choice .select2-search-field input,.form-group.disabled .select2-container.select2-container-disabled.select2-container-active .select2-choices .select2-search-field input,.form-group.disabled .select2.select2-container-disabled.select2-container-active .select2-choice .select2-search-field input,.form-group.disabled .select2.select2-container-disabled.select2-container-active .select2-choices .select2-search-field input {
    border: 0
}

.control-group.disabled .controls>i,.form-group.disabled .controls>i {
    color: var(--primary-gray-550)
}

.control-group.disabled .controls:hover,.form-group.disabled .controls:hover {
    cursor: not-allowed
}

.control-group.disabled .group-input .btn,.control-group.disabled .group-input>button,.control-group.disabled .input-append .btn,.control-group.disabled .input-append>button,.form-group.disabled .group-input .btn,.form-group.disabled .group-input>button,.form-group.disabled .input-append .btn,.form-group.disabled .input-append>button {
    background-color: var(--primary-gray-100);
    border: var(--primary-gray-400-1-px);
    color: var(--primary-gray-550);
    pointer-events: none
}

.control-group.disabled .group-input .btn:focus,.control-group.disabled .group-input>button:focus,.control-group.disabled .input-append .btn:focus,.control-group.disabled .input-append>button:focus,.form-group.disabled .group-input .btn:focus,.form-group.disabled .group-input>button:focus,.form-group.disabled .input-append .btn:focus,.form-group.disabled .input-append>button:focus {
    box-shadow: var(--primary-gray-300-shadow-2)
}

.control-group.disabled .help-block,.control-group.disabled .site-name-image-path,.form-group.disabled .help-block,.form-group.disabled .site-name-image-path {
    color: var(--primary-gray-550)
}

.form-group.ou-input-group-left i {
    font-size: 16px;
    line-height: 32px;
    margin-left: 5px;
    position: absolute
}

.form-group.ou-input-group-left input[type=password],.form-group.ou-input-group-left input[type=text] {
    padding-left: 30px
}

.form-control {
    border-radius: 2px
}

.form-control.no-label::placeholder {
    color: var(--primary-gray-700)!important
}

.form-control:focus {
    border: var(--primary-dark-blue-400-2-px);
    box-shadow: none
}

.form-modal .control-group,.form-modal .form-group {
    margin-bottom: 10px
}

.form-modal .control-group.flush-bottom,.form-modal .form-group.flush-bottom {
    margin-bottom: 0
}

.form-modal .fieldset-padding {
    padding: 5px 17px 15px
}

.form-modal .top-border-fieldset {
    border-top: var(--primary-gray-400-1-px)
}

.form-modal .controls {
    padding-top: 1px
}

.form-modal label {
    text-transform: unset
}

div.form-actions {
    background-color: var(--primary-white);
    border-top: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: right
}

.form-horizontal div.form-actions {
    padding-left: 0
}

div.form-actions .btn {
    min-width: 72px
}

div.form-actions #form-submit-status {
    left: 10px;
    margin-bottom: -20px;
    min-height: 20px;
    position: absolute;
    right: 200px;
    text-align: left;
    top: 5px
}

div.form-actions #form-submit-status.success {
    color: var(--primary-green-200);
    font-weight: 700
}

div.form-actions #form-submit-status.error {
    color: var(--primary-red-550);
    font-weight: 700
}

div.form-actions #form-submit-status i {
    margin-right: 4px
}

#form-submission-results {
    margin-left: 0
}

#account-view .resource-list,#rss-item-view .resource-list,#site-view .resource-list {
    margin-bottom: 5px;
    width: 250px
}

#account-view .resource-list .resource-item,#rss-item-view .resource-list .resource-item,#site-view .resource-list .resource-item {
    align-items: center;
    background-color: var(--primary-gray-100);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    padding: 4px 5px 4px 8px
}

#account-view .resource-list .resource-item:not(:last-child),#rss-item-view .resource-list .resource-item:not(:last-child),#site-view .resource-list .resource-item:not(:last-child) {
    margin-bottom: 5px
}

#account-view .resource-list .resource-item a.edit-resource,#rss-item-view .resource-list .resource-item a.edit-resource,#site-view .resource-list .resource-item a.edit-resource {
    color: var(--primary-gray-800);
    overflow: hidden;
    padding: 0 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

#account-view a.delete-resource,#rss-item-view a.delete-resource,#site-view a.delete-resource {
    color: var(--primary-gray-700)
}

#account-view a.delete-resource:hover,#rss-item-view a.delete-resource:hover,#site-view a.delete-resource:hover {
    color: var(--primary-red-550);
    text-decoration: none
}

#account-view a.delete,#rss-item-view a.delete,#site-view a.delete {
    align-items: center;
    color: var(--primary-gray-700);
    display: flex;
    justify-content: center;
    position: relative;
    width: 20px
}

#account-view a.delete:hover,#rss-item-view a.delete:hover,#site-view a.delete:hover {
    color: var(--primary-red-550);
    text-decoration: none
}

#account-view .configure-option,#account-view .publish-tracking-option,#rss-item-view .configure-option,#rss-item-view .publish-tracking-option,#site-view .configure-option,#site-view .publish-tracking-option {
    margin-bottom: 6px
}

#account-view #features .configure-option,#account-view #features .publish-tracking-option,#account-view #optional_features .configure-option,#account-view #optional_features .publish-tracking-option,#rss-item-view #features .configure-option,#rss-item-view #features .publish-tracking-option,#rss-item-view #optional_features .configure-option,#rss-item-view #optional_features .publish-tracking-option,#site-view #features .configure-option,#site-view #features .publish-tracking-option,#site-view #optional_features .configure-option,#site-view #optional_features .publish-tracking-option {
    display: inline-block;
    margin-bottom: 0
}

#account-view #features .configure-option button,#account-view #features .publish-tracking-option button,#account-view #optional_features .configure-option button,#account-view #optional_features .publish-tracking-option button,#rss-item-view #features .configure-option button,#rss-item-view #features .publish-tracking-option button,#rss-item-view #optional_features .configure-option button,#rss-item-view #optional_features .publish-tracking-option button,#site-view #features .configure-option button,#site-view #features .publish-tracking-option button,#site-view #optional_features .configure-option button,#site-view #optional_features .publish-tracking-option button {
    border-radius: 3px;
    font-size: 12px;
    height: 17px;
    margin-left: 16px;
    margin-top: -1px;
    padding-top: 1px
}

#account-view #fail_count {
    text-align: left
}

#account-view #addon-list .resource-item {
    justify-content: unset
}

#account-view #addon-list .resource-item i.reorder {
    cursor: ns-resize;
    font-size: 16px
}

#account-view #addon-list .resource-item a.edit-resource {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

#account-view #addon-list .resource-item a.delete-resource {
    margin-left: auto
}

#account-view .btn-success {
    border: none
}

#site-view #site-settings .control-group .controls #help-block-authtype #toggle-password,#site-view #site-settings .control-group .controls #help-block-password #toggle-password {
    margin-right: 8px
}

#site-view #site-settings .control-group .controls #help-block-authtype .password-test-status,#site-view #site-settings .control-group .controls #help-block-authtype .site-key-test-status,#site-view #site-settings .control-group .controls #help-block-password .password-test-status,#site-view #site-settings .control-group .controls #help-block-password .site-key-test-status {
    display: block;
    margin-top: 6px
}

#site-view #site-settings .control-group .controls #help-block-authtype .password-test-status.success,#site-view #site-settings .control-group .controls #help-block-authtype .site-key-test-status.success,#site-view #site-settings .control-group .controls #help-block-password .password-test-status.success,#site-view #site-settings .control-group .controls #help-block-password .site-key-test-status.success {
    color: var(--primary-green-200)
}

#site-view #site-settings #publish-settings #enable-publish-help p.help-block {
    align-items: center;
    display: flex;
    margin-left: 202px;
    min-height: 27px
}

#site-view #site-settings #publish-settings #enable-publish-button,#site-view #site-settings #publish-settings #enable_publish_options {
    margin-bottom: 0
}

#site-view #site-settings #publish-settings #enable_publish_options #final-check-conditions {
    margin-left: 44px
}

#site-view #site-settings #publish-settings #enforce-accessibility-conditions {
    margin-bottom: 0
}

#site-view #site-settings #publish-settings #enforce-accessibility-conditions .radio-controls {
    margin-left: 66px
}

#site-view #site-settings #binary-naming-settings .help-inline.success,#site-view #site-settings #file-naming-settings .help-inline.success {
    color: var(--primary-green-200)
}

#site-view #site-settings #ldp-settings #ldp-test-status {
    color: var(--primary-gray-700);
    display: none;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 5px;
    width: 100%
}

#site-view #site-settings #ldp-settings #ldp-test-status.success,#site-view #site-settings #ldp-settings #ldp-test-status.success i {
    color: var(--primary-green-200)
}

#site-view #site-settings #ldp-settings #ldp-test-status.error,#site-view #site-settings #ldp-settings #ldp-test-status.error i {
    color: var(--primary-red-550)
}

#site-view .configure-option>span {
    font-size: 13px;
    font-style: italic
}

#site-view #index-status {
    display: block;
    margin-top: 6px
}

#site-view #index-status .loading-spinner {
    margin-top: -3px
}

#site-view #toggle-password {
    min-width: 88px
}

#user-view #additional_message {
    width: 500px
}

#page-reminder-view form .controls #schedule-modal-lastPubDate,#page-reminder-view form .controls #stale-modal-lastPubDate {
    display: inline-block;
    margin-top: 6px
}

#page-reminder-view form .controls #stale-modal-lastPubDate:focus {
    outline: var(--primary-dark-blue-400-2-px);
    outline-offset: 2px
}

#page-reminder-view form .control-group .checkbox-controls .checkbox {
    min-height: unset
}

#page-reminder-view form .control-group.toggle .control-label {
    color: var(--primary-black)
}

#page-reminder-view form .control-group.toggle .controls .repeat-select {
    display: inline-block
}

#page-reminder-view form fieldset.subset .repeat-select {
    display: inline-block;
    margin-bottom: 3px
}

#page-multiedit-view .section-header,#page-parameters-view .section-header {
    border-bottom: none;
    border-top: var(--primary-gray-400-1-px);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-left: -30px;
    margin-right: -30px;
    padding: 20px 30px 2px
}

#page-multiedit-view [data-field=_description] label,#page-multiedit-view [data-field=_keywords] label,#page-multiedit-view [data-field=_viewport] label,#page-parameters-view [data-field=_description] label,#page-parameters-view [data-field=_keywords] label,#page-parameters-view [data-field=_viewport] label {
    text-transform: capitalize
}

#page-multiedit-view label,#page-parameters-view label {
    overflow-wrap: anywhere;
    word-break: break-word
}

#snippet-edit-view .snippet-container {
    position: relative
}

#snippet-edit-view .code-editor-container {
    box-sizing: border-box;
    padding: 0 20px 20px
}

#snippet-edit-view .code-editor .CodeMirror {
    min-height: 600px;
    width: 100%
}

#rss-item-view #add-media-btn {
    margin-bottom: 5px
}

#rss-item-view #add-media-btn i {
    top: 0
}

#dynamic-content-edit-view .control-group select[aria-disabled=true] {
    pointer-events: none
}

#dynamic-content-edit-view #dc-settings .substitution-code-text {
    display: inline-block;
    margin-top: 6px
}

#dynamic-content-edit-view #dc-default-content [data-type=block-content-chooser] .controls {
    max-width: 700px
}

#dynamic-content-edit-view #dc-default-content [data-type=block-content-chooser] .controls .help-block,#dynamic-content-edit-view #dc-default-content [data-type=block-content-chooser] .controls .input-append {
    max-width: 500px
}

#dynamic-content-edit-view #dc-default-content .default-variation-iframe-container .controls {
    margin: 0;
    max-width: 100%
}

#dynamic-content-edit-view #dc-default-content [data-type=page-forwarding-chooser] .controls {
    max-width: 100%
}

#dynamic-content-edit-view #dc-default-content [data-type=page-forwarding-chooser] .controls #page-forwarding-instructions {
    display: inline-flex
}

#dynamic-content-edit-view #dc-default-content [data-type=page-forwarding-chooser] .controls #page-forwarding-instructions i {
    color: var(--primary-gray-750);
    font-size: 15px;
    margin-right: 5px
}

#dynamic-content-edit-view #dc-default-content [data-type=page-forwarding-chooser] .controls #page-forwarding-instructions:focus {
    outline: var(--primary-black-2-px);
    outline-offset: 2px
}

#dynamic-content-edit-view .control-group-variations .controls {
    max-width: 100%;
    width: 100%
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card {
    border: 1px solid #eee;
    margin-bottom: 30px;
    position: relative
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card:focus {
    outline: 2px solid #000
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card header {
    align-items: center;
    background-color: var(--primary-gray-400);
    display: flex;
    justify-content: space-between;
    padding: 10px 20px
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card header h4 {
    margin: 0
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card .variation-fieldset {
    padding: 25px
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card .variation-fieldset .control-group {
    display: flex
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card .variation-fieldset .control-group.returning-visitor-cg input {
    margin-right: 10px
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card .variation-fieldset .control-group label {
    margin-right: 15px;
    text-transform: none;
    width: 160px;
    word-break: break-word
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card .variation-fieldset .control-group .variation-file-chooser {
    align-items: center;
    display: flex;
    max-width: 350px;
    width: 350px
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card .variation-fieldset .control-group .variation-file-chooser input {
    border-radius: 2px 0 0 2px
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card .variation-fieldset .control-group .variation-file-chooser button {
    border-radius: 0 2px 2px 0;
    font-size: 14px;
    height: 32px;
    max-height: 32px;
    padding: 0;
    position: relative
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card .variation-fieldset .control-group .variation-file-chooser button:focus {
    border-radius: 0
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card .variation-fieldset .control-group.block-content-cg .controls {
    margin: 0
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card .variation-fieldset .control-group .multi-select-list {
    width: -moz-fit-content;
    width: fit-content
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card .variation-fieldset .control-group .multi-select-list:focus {
    outline: 2px solid #000
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card .delete-variation-btn {
    align-items: center;
    background: none;
    border: none;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 8px
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card .delete-variation-btn:focus {
    outline: 2px solid #000
}

#dynamic-content-edit-view .control-group-variations .controls .dc-variations .variation-card .delete-variation-btn:hover {
    cursor: pointer
}

#dynamic-content-edit-view .control-group-variations .controls .add-variation-btn {
    float: right
}

.form-two-columns {
    display: flex
}

.form-two-columns .form-left,.form-two-columns .form-right {
    width: calc(50% - 10px)
}

.form-two-columns .form-left {
    margin-right: 20px
}

.form-two-columns .fixed-685 {
    width: 685px
}

img.show-preview {
    margin-top: 15px;
    max-height: 200px
}

div.modal {
    z-index: 1050
}

div.modal+div.modal-backdrop {
    z-index: 1045
}

div.modal+div.modal-backdrop~div[role=dialog] {
    z-index: 1060
}

div.modal+div.modal-backdrop~div[role=dialog]+#mceModalBlocker {
    z-index: 1055!important
}

div[role=dialog] {
    z-index: 1050
}

div[role=dialog]+#mceModalBlocker {
    z-index: 1045!important
}

div.modal {
    align-items: center;
    display: flex;
    flex-direction: column;
    overflow: hidden!important
}

div.modal .modal-dialog {
    margin: auto
}

div.modal .modal-dialog.modal-sm {
    width: 288px
}

div.modal .modal-dialog.modal-lg {
    max-width: 900px;
    width: auto
}

div.modal .modal-content {
    border-radius: 2px;
    width: 100%
}

div.modal .modal-header {
    border: none;
    padding: 24px
}

div.modal .modal-header h4 {
    color: var(--primary-gray-800);
    font-size: 18px;
    letter-spacing: .68px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.modal .modal-header i {
    vertical-align: middle
}

div.modal .modal-header.failure {
    background-color: var(--primary-red-300);
    margin-bottom: 15px;
    padding: 12px 24px
}

div.modal .modal-header.failure h4 {
    align-items: center;
    color: var(--primary-white);
    display: flex
}

div.modal .modal-header.failure h4 .icon-notification {
    color: inherit;
    font-size: 24px;
    margin-right: 4px
}

div.modal .modal-body {
    word-wrap: break-word;
    overflow: auto;
    padding: 28px 24px;
    transition: max-height .15s ease
}

div.modal .modal-body:focus {
    outline: none
}

div.modal .modal-body a.no-decoration {
    text-decoration: none
}

div.modal .modal-body a.new-window {
    margin: -3px;
    padding: 3px;
    text-decoration: none
}

div.modal .modal-body .modal-helper-text {
    margin-bottom: 10px
}

div.modal .modal-body .modal-helper-text.error {
    color: var(--primary-red-550)!important;
    margin-bottom: 10px!important
}

div.modal .modal-footer {
    border: none;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 24px
}

div.modal .modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 8px
}

div.modal .modal-footer-message {
    display: block;
    margin: 0 0 10px;
    text-align: left!important
}

div.modal .modal-footer-message.error {
    color: var(--primary-red-550)
}

div.modal .modal-footer-message:empty {
    margin: 0
}

div.modal.fade {
    transition: opacity .2s ease
}

div.modal.error {
    background-color: var(--primary-red-100)
}

div.modal.error .modal-header {
    border-bottom-color: var(--primary-red-250)
}

div.modal.error .modal-footer {
    background-color: var(--primary-red-100);
    border-top-color: var(--primary-red-250)
}

div.modal.error #error-msg {
    border: none;
    margin: 10px;
    width: auto
}

div.modal.error #error-msg button {
    min-width: 80px
}

div.modal>form {
    margin-bottom: 0
}

div.modal h4 {
    word-wrap: break-word;
    margin: 5px 0
}

div.modal .help-block {
    font-size: 13px;
    font-style: italic
}

div.base-modal .modal-dialog {
    margin: auto;
    position: relative
}

div.base-modal div[role=dialog] {
    z-index: 1050!important
}

div.base-modal .modal-divider {
    border-top: var(--primary-gray-400-1-px);
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%
}

div.base-modal .modal-divider.modal-divider-top-close {
    margin-top: 5px
}

div.base-modal .modal-top-close {
    background-color: transparent;
    border-radius: 0;
    color: var(--primary-gray-800);
    cursor: pointer;
    height: 56px;
    position: absolute;
    right: -1px;
    text-align: center;
    text-decoration: none;
    top: -1px;
    width: 56px
}

div.base-modal .modal-top-close:focus,div.base-modal .modal-top-close:hover {
    box-shadow: var(--primary-black-shadow-2-inset)
}

div.base-modal .modal-section-header {
    border-bottom: var(--primary-gray-400-1-px);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 2px
}

div.base-modal .modal-large {
    max-width: 900px;
    width: auto
}

div.base-modal .modal-large .select2-container,div.base-modal .modal-large input,div.base-modal .modal-large select {
    max-width: 400px
}

div.base-modal .modal-750-fixed-width {
    max-width: 750px;
    width: 750px
}

div.base-modal .modal-small {
    max-width: 288px
}

div.base-modal .modal-header {
    background-color: var(--primary-gray-150);
    border-bottom: var(--primary-gray-400-1-px);
    padding: 16px
}

div.base-modal .modal-header i {
    font-size: 22px;
    position: relative;
    top: 5px;
    vertical-align: baseline
}

div.base-modal .modal-header .modal-heading-level {
    color: var(--primary-gray-800);
    font-size: 18px;
    letter-spacing: .68px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.base-modal .modal-header.modal-header-red-text .modal-heading-level,div.base-modal .modal-header.modal-header-red-text .red-icon {
    color: var(--primary-red-550)
}

div.base-modal .modal-iframe {
    border: none;
    display: inline-block;
    height: 250px;
    width: 100%
}

div.base-modal .modal-iframe.modal-iframe-mt {
    margin-top: 15px
}

div.base-modal .modal-body {
    word-wrap: break-word;
    overflow: auto;
    padding: 30px 24px;
    transition: max-height .15s ease
}

div.base-modal .modal-body.modal-body-no-top-pad {
    padding-top: 0
}

div.base-modal .modal-body.modal-body-no-bottom-pad {
    padding-bottom: 0
}

div.base-modal .modal-body.modal-body-pt-half {
    padding-top: 15px
}

div.base-modal .modal-body.modal-body-pb-half {
    padding-bottom: 15px
}

div.base-modal .modal-body.modal-body-no-padding-sides {
    padding-left: 0;
    padding-right: 0
}

div.base-modal .modal-body.modal-body-no-padding-around {
    padding: 0
}

div.base-modal .modal-body .new-window {
    margin: -3px;
    padding: 3px;
    text-decoration: none
}

div.base-modal .modal-body .new-window i {
    font-size: 18px;
    position: relative;
    top: 3px
}

div.base-modal .modal-body .new-window.window-margin-left {
    margin-left: 17px
}

div.base-modal .modal-body .new-window.window-margin-bottom {
    margin-bottom: 17px
}

div.base-modal .modal-body .new-window.window-margin-top {
    margin-top: 17px
}

div.base-modal .modal-body .modal-sub-header {
    font-size: 18px;
    font-weight: inherit;
    margin: 5px 0
}

div.base-modal .modal-body .modal-sub-section-header {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px
}

div.base-modal .modal-body [aria-disabled=true] {
    color: var(--primary-gray-550)!important;
    opacity: 1;
    pointer-events: none
}

div.base-modal .modal-footer {
    align-items: center;
    background-color: var(--primary-gray-150);
    border-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: var(--primary-gray-400-1-px);
    display: flex;
    justify-content: flex-end;
    padding: 16px 24px;
    text-align: right
}

div.base-modal .modal-footer .modal-footer-message {
    color: var(--primary-red-550);
    float: left;
    margin: 0;
    position: relative
}

div.base-modal .modal-footer .btn,div.base-modal .modal-footer button {
    flex-shrink: 0
}

div.base-modal .modal-tabs {
    align-items: center;
    align-self: flex-end;
    border-bottom: var(--primary-gray-400-1-px);
    display: flex;
    flex: none;
    flex-direction: row;
    height: 36px;
    margin-right: auto;
    width: 100%
}

div.base-modal .modal-tabs.modal-tabs-padding {
    padding-left: 17px
}

div.base-modal .modal-tabs .modal-tab,div.base-modal .modal-tabs a {
    color: var(--primary-gray-800);
    height: 100%;
    line-height: 36px;
    min-width: 116px;
    padding: 0 12px;
    text-align: center;
    text-decoration: none
}

div.base-modal .modal-tabs .modal-tab i,div.base-modal .modal-tabs a i {
    font-size: 20px;
    position: relative;
    top: 5px
}

div.base-modal .modal-tabs .modal-tab.current,div.base-modal .modal-tabs a.current {
    border-bottom: var(--primary-orange-600-3-px);
    font-weight: 700
}

div.base-modal .modal-tabs .modal-tab:hover,div.base-modal .modal-tabs a:hover {
    text-decoration: none
}

div.base-modal .modal-tabs .modal-tab:focus,div.base-modal .modal-tabs a:focus {
    outline: var(--primary-dark-blue-400-2-px)
}

div.base-modal .modal-tab-content {
    display: none;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 17px
}

div.base-modal .modal-tab-content.no-padding {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

div.base-modal .modal-tab-content.current-tab {
    display: block
}

div.base-modal .modal-thumbnail {
    border-radius: 4px;
    display: block;
    margin-top: 10px;
    max-height: 64px;
    max-width: 64px;
    padding-bottom: 2px
}

div.base-modal .modal-thumbnail:hover {
    cursor: unset
}

div.base-modal .directory-access-modal #recursive-mod {
    margin-top: 0
}

div.base-modal .directory-access-modal #directory-variables .category-label {
    float: left;
    margin-right: 22px;
    margin-top: 5px;
    position: relative;
    text-align: right;
    top: -4px;
    width: 180px
}

div.base-modal .directory-access-modal #directory-variables .name,div.base-modal .directory-access-modal #directory-variables .select2-container,div.base-modal .directory-access-modal #directory-variables input[type=text] {
    margin: 0;
    max-width: 220px;
    width: 220px
}

div.base-modal .directory-access-modal #directory-variables .name.value,div.base-modal .directory-access-modal #directory-variables .select2-container.value,div.base-modal .directory-access-modal #directory-variables input[type=text].value {
    margin-left: 15px
}

div.base-modal .directory-access-modal #directory-variables #own-dir-vars {
    margin-bottom: 15px;
    margin-left: 195px;
    width: 491px
}

div.base-modal .directory-access-modal #directory-variables #own-dir-vars .form-group:first-child {
    padding-top: 15px
}

div.base-modal .directory-access-modal #directory-variables #own-dir-vars .icon-cancel {
    left: 1px;
    position: relative
}

div.base-modal .directory-access-modal #directory-variables .form-group.inherited-form-group {
    margin-left: 202px;
    width: 465px
}

div.base-modal .directory-access-modal #directory-variables .form-group.inherited-form-group .controls {
    margin-left: 0
}

div.base-modal .directory-access-modal #directory-variables #inherited-dir-vars .category-label {
    top: 1px
}

div.base-modal .directory-access-modal #main-fields input.propagate {
    display: none;
    font-size: 16px;
    margin: 2px 5px 0 0;
    min-height: unset
}

div.base-modal .directory-access-modal #main-fields input.propagate.offset-top {
    position: relative;
    top: -3px
}

div.base-modal .directory-access-modal #main-fields #propagation-help {
    display: none;
    font-style: italic
}

div.base-modal .directory-access-modal #main-fields.propagate input.propagate {
    display: inline-flex
}

div.base-modal .directory-access-modal #main-fields.propagate .select2-container {
    display: inline-flex;
    width: 90%
}

div.base-modal .directory-access-modal #main-fields.propagate #propagation-help {
    display: block
}

div.base-modal .directory-access-modal #main-fields.tag-fields .select2-container {
    width: 335px
}

div.base-modal .directory-access-modal #own-dir-vars .create-new-input {
    border: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 28px;
    left: 2px;
    min-height: 28px;
    position: absolute;
    top: 2px;
    width: 200px!important;
    z-index: 100
}

div.base-modal .directory-access-modal .none-inherited {
    font-weight: 700;
    position: relative;
    top: 6px
}

div.base-modal .tag-access-modal #main-fields.propagate input.propagate {
    display: inline-flex
}

div.base-modal .tag-access-modal #main-fields.propagate .select2-container {
    display: inline-flex;
    width: 90%
}

div.base-modal .tag-access-modal #main-fields.propagate #propagation-help {
    display: block
}

div.base-modal .tag-access-modal #propagate-label {
    margin-top: 0
}

div.base-modal .new-content-modal .new-folder-div i[class^=icon-] {
    color: var(--primary-gray-800);
    font-size: 30px
}

div.base-modal .new-content-modal .no-templates-specified {
    text-align: center;
    width: 600px
}

div.base-modal .new-content-modal .no-templates-specified .empty-icon {
    color: var(--primary-gray-750);
    font-size: 50px;
    line-height: 56px
}

div.base-modal .new-content-modal .new-template-thumbnails {
    grid-gap: 17px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 15px;
    width: 100%
}

@media screen and (min-width: 1150px) {
    div.base-modal .new-content-modal .new-template-thumbnails {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

div.base-modal .new-content-modal .template {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 200px
}

div.base-modal .new-content-modal .template.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

div.base-modal .new-content-modal .template.padded-children>* {
    padding: 15px
}

@media (max-width: 830px) {
    div.base-modal .new-content-modal .template {
        margin-left:auto;
        margin-right: auto
    }
}

div.base-modal .new-content-modal .template .alt {
    color: var(--primary-blue-550);
    font-size: 15px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.base-modal .new-content-modal .template .template-thumbnail {
    height: 180px;
    max-height: 180px;
    max-width: 180px;
    padding-bottom: 5px;
    width: 180px
}

div.base-modal .new-content-modal .template:focus,div.base-modal .new-content-modal .template:hover {
    box-shadow: var(--primary-blue-250-shadow-2);
    outline: none;
    text-decoration: none
}

div.base-modal .new-content-modal .template:focus a,div.base-modal .new-content-modal .template:hover a {
    text-decoration: none
}

div.base-modal .new-asset-modal .asset-types {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

div.base-modal .new-asset-modal .asset-type {
    background: var(--primary-gray-200);
    border-radius: 2px;
    color: var(--primary-gray-800);
    line-height: normal;
    margin-bottom: 15px;
    margin-right: 20px;
    margin-top: 15px;
    padding: 25px;
    text-align: center;
    width: 150px
}

div.base-modal .new-asset-modal .asset-type:hover {
    text-decoration: none
}

div.base-modal .new-asset-modal .asset-type:focus {
    outline: var(--primary-black-2-px)
}

div.base-modal .new-asset-modal .asset-type:last-child {
    margin-right: 0
}

div.base-modal .new-asset-modal .asset-type i {
    display: block;
    font-size: 40px;
    line-height: normal;
    margin-bottom: 17px
}

div.base-modal .delete-modal div.confirm-prompt {
    margin-bottom: 10px
}

div.base-modal .delete-modal div.confirm-prompt input {
    margin-top: 1px;
    max-width: 100%;
    width: 100%
}

div.base-modal .upload-modal {
    min-width: 750px
}

div.base-modal .upload-modal .progress-body {
    display: none
}

div.base-modal .upload-modal div.extensions {
    margin-bottom: 15px
}

div.base-modal .upload-modal div.extensions dt {
    font-weight: 400;
    margin-right: 20px;
    width: 180px
}

div.base-modal .upload-modal div.extensions dd {
    text-transform: uppercase
}

div.base-modal .upload-modal div.extensions dd span {
    padding: 0 2px
}

div.base-modal .upload-modal div.extensions dd span:after {
    content: ", "
}

div.base-modal .upload-modal div.extensions dd span:last-of-type:after {
    content: ""
}

div.base-modal .upload-modal div.extensions.blocked dd {
    color: var(--primary-red-550)
}

div.base-modal .upload-modal #add-files {
    margin-right: 10px
}

div.base-modal .upload-modal #modal-list-container {
    display: none;
    left: -226px;
    margin-bottom: -30px;
    padding-top: 15px;
    position: relative;
    width: 750px
}

div.base-modal .upload-modal .row-actions-open .status {
    color: var(--primary-white)
}

div.base-modal .upload-modal .row-actions-open .icon-ellipsis {
    left: 1px;
    position: relative
}

div.base-modal .upload-modal #upload-queue.toobig a[data-action=rename],div.base-modal .upload-modal input[type=file],div.base-modal .upload-modal.type-zip .collection-list .rows .list-row .actions-container .actions .actions-dropdown>a[data-action=rename] {
    display: none
}

div.base-modal .upload-modal .drop-overlay {
    border: var(--primary-blue-400-4-px-dashed);
    text-align: center
}

div.base-modal .upload-modal .drop-overlay .message {
    color: var(--primary-blue-400);
    font-size: 15px;
    font-weight: 700
}

div.base-modal .upload-modal.type-zip a[data-action=rename],div.base-modal .upload-modal.uploading .actions-container,div.base-modal .upload-modal.uploading .setup-body,div.base-modal .upload-modal.uploading .sorters .options {
    display: none
}

div.base-modal .upload-modal.uploading .progress-body {
    display: block
}

div.base-modal .upload-modal.uploading .progress-body #modal-list-container {
    left: 0
}

div.base-modal .upload-modal.uploading .progress-body .collection-list-modal-container {
    margin-top: 0
}

div.base-modal .upload-modal.uploading button[data-action=upload] {
    display: none
}

div.base-modal .xslerror dd,div.base-modal .xslerror dt {
    padding-bottom: 5px
}

div.base-modal .tcf-options-modal form textarea {
    height: auto;
    max-height: unset
}

div.base-modal .tcf-options-modal .tox-tinymce {
    min-height: 205px
}

div.base-modal .char-counter {
    color: var(--primary-blue-550)
}

@keyframes runningReports {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

div.base-modal .page-check-modal .icon-loading,div.base-modal .publish-modal .icon-loading {
    animation: runningReports 4s linear infinite
}

div.base-modal .page-check-modal .modal-body,div.base-modal .publish-modal .modal-body {
    padding: 0 0 5px
}

div.base-modal .page-check-modal .modal-body .modal-tab-content a:not(.select2-choice),div.base-modal .publish-modal .modal-body .modal-tab-content a:not(.select2-choice) {
    margin: -3px;
    padding: 3px
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-header,div.base-modal .publish-modal .modal-body #final-check .final-check-header {
    display: flex;
    justify-content: space-between
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-header .final-check-select,div.base-modal .publish-modal .modal-body #final-check .final-check-header .final-check-select {
    width: 75px
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-header .final-check-select select,div.base-modal .publish-modal .modal-body #final-check .final-check-header .final-check-select select {
    height: 36px
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-header .run-all,div.base-modal .publish-modal .modal-body #final-check .final-check-header .run-all {
    width: 175px
}

div.base-modal .page-check-modal .modal-body #final-check .asset-advisory,div.base-modal .publish-modal .modal-body #final-check .asset-advisory {
    border-bottom: var(--primary-gray-400-1-px);
    margin-bottom: 0;
    padding-bottom: 17px;
    padding-left: 17px;
    padding-top: 17px
}

div.base-modal .page-check-modal .modal-body #final-check .final-checks,div.base-modal .publish-modal .modal-body #final-check .final-checks {
    border-bottom: var(--primary-gray-400-1-px);
    padding: 17px 17px 2px;
    position: relative
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-action,div.base-modal .publish-modal .modal-body #final-check .final-check-action {
    display: flex;
    height: 42px;
    width: 100%
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-action .final-check-label,div.base-modal .publish-modal .modal-body #final-check .final-check-action .final-check-label {
    font-weight: 700
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-action .results,div.base-modal .publish-modal .modal-body #final-check .final-check-action .results {
    z-index: 1
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-action .results a,div.base-modal .publish-modal .modal-body #final-check .final-check-action .results a {
    text-decoration: underline
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-action .results .error,div.base-modal .publish-modal .modal-body #final-check .final-check-action .results .error {
    color: var(--primary-red-550)
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-action .results .no-errors,div.base-modal .publish-modal .modal-body #final-check .final-check-action .results .no-errors {
    color: var(--primary-green-500)
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-action .btn-icon,div.base-modal .publish-modal .modal-body #final-check .final-check-action .btn-icon {
    position: relative;
    top: -2px
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-action #locale,div.base-modal .publish-modal .modal-body #final-check .final-check-action #locale {
    margin-left: 10px;
    position: relative;
    top: 4px;
    width: 105px
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-action i,div.base-modal .publish-modal .modal-body #final-check .final-check-action i {
    font-size: 22px;
    vertical-align: middle
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-action i.icon-label,div.base-modal .publish-modal .modal-body #final-check .final-check-action i.icon-label {
    margin-right: 8px
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-action i.icon-label.icon-check-circle.no-errors,div.base-modal .publish-modal .modal-body #final-check .final-check-action i.icon-label.icon-check-circle.no-errors {
    color: var(--primary-green-500)
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-action i.icon-label.icon-warning.warning,div.base-modal .publish-modal .modal-body #final-check .final-check-action i.icon-label.icon-warning.warning {
    color: var(--primary-bulb-color);
    text-shadow: var(--primary-bulb-outline-shadow)
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options i,div.base-modal .publish-modal .modal-body #final-check .final-check-options i {
    font-size: 22px;
    margin-right: 8px;
    position: relative;
    top: -2px;
    vertical-align: middle
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .final-check-options-top,div.base-modal .publish-modal .modal-body #final-check .final-check-options .final-check-options-top {
    border-bottom: var(--primary-gray-400-1-px);
    padding-bottom: 17px;
    padding-top: 15px
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .final-check-options-top .multiple-targets,div.base-modal .publish-modal .modal-body #final-check .final-check-options .final-check-options-top .multiple-targets {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding-left: 17px;
    padding-right: 17px
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .final-check-options-top .multiple-targets label,div.base-modal .publish-modal .modal-body #final-check .final-check-options .final-check-options-top .multiple-targets label {
    position: relative;
    top: 4px
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .final-check-options-top .multiple-targets #publish-target,div.base-modal .publish-modal .modal-body #final-check .final-check-options .final-check-options-top .multiple-targets #publish-target {
    width: 32%
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .final-check-options-top .additional-actions ul,div.base-modal .publish-modal .modal-body #final-check .final-check-options .final-check-options-top .additional-actions ul {
    margin-bottom: 0
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .final-check-options-top .additional-actions li,div.base-modal .publish-modal .modal-body #final-check .final-check-options .final-check-options-top .additional-actions li {
    padding: 17px 17px 0
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .final-check-options-top .additional-actions li:first-child,div.base-modal .publish-modal .modal-body #final-check .final-check-options .final-check-options-top .additional-actions li:first-child {
    padding-top: 0
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .final-check-options-top .unpublished-dependencies,div.base-modal .publish-modal .modal-body #final-check .final-check-options .final-check-options-top .unpublished-dependencies {
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 4px
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .final-check-options-top .unpublished-dependencies label,div.base-modal .publish-modal .modal-body #final-check .final-check-options .final-check-options-top .unpublished-dependencies label {
    margin-bottom: 0!important
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .final-check-options-top .unpublished-dependencies .unpublished-checkbox,div.base-modal .publish-modal .modal-body #final-check .final-check-options .final-check-options-top .unpublished-dependencies .unpublished-checkbox {
    margin-left: 5px;
    margin-right: 12px
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .final-check-options-top .unpublished-dependencies .advisory,div.base-modal .publish-modal .modal-body #final-check .final-check-options .final-check-options-top .unpublished-dependencies .advisory {
    font-style: italic;
    margin-left: 32px
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .final-check-options-top .unpublished-dependencies .no-pub-dependency,div.base-modal .publish-modal .modal-body #final-check .final-check-options .final-check-options-top .unpublished-dependencies .no-pub-dependency {
    display: block;
    font-style: italic;
    margin-left: 32px
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .final-check-options-top .unpublished-dependencies .view-unpublished-deps,div.base-modal .publish-modal .modal-body #final-check .final-check-options .final-check-options-top .unpublished-dependencies .view-unpublished-deps {
    font-weight: 400
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .version-description,div.base-modal .publish-modal .modal-body #final-check .final-check-options .version-description {
    padding: 17px 17px 8px;
    width: 100%
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .version-description .char-counter,div.base-modal .publish-modal .modal-body #final-check .final-check-options .version-description .char-counter {
    display: inline;
    font-weight: 400;
    position: absolute;
    right: 17px
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .version-description .controls,div.base-modal .publish-modal .modal-body #final-check .final-check-options .version-description .controls {
    width: 100%
}

div.base-modal .page-check-modal .modal-body #final-check .final-check-options .version-description .controls #log,div.base-modal .publish-modal .modal-body #final-check .final-check-options .version-description .controls #log {
    max-width: 100%;
    width: 100%
}

div.base-modal .page-check-modal .modal-body #final-check .no-publish-warning,div.base-modal .publish-modal .modal-body #final-check .no-publish-warning {
    border-bottom: var(--primary-gray-400-1-px);
    display: flex;
    justify-content: space-between;
    padding: 17px
}

div.base-modal .page-check-modal .modal-body #final-check .no-publish-warning p,div.base-modal .publish-modal .modal-body #final-check .no-publish-warning p {
    align-items: center;
    display: flex;
    margin: 0
}

div.base-modal .page-check-modal .modal-body #final-check .no-publish-warning p i,div.base-modal .publish-modal .modal-body #final-check .no-publish-warning p i {
    color: var(--primary-red-550);
    font-size: 24px;
    margin-right: 4px
}

div.base-modal .page-check-modal .modal-body #final-check .no-publish-warning .no-publish-check label,div.base-modal .publish-modal .modal-body #final-check .no-publish-warning .no-publish-check label {
    font-weight: 400;
    margin: 0 4px 0 0
}

div.base-modal .page-check-modal .modal-body #final-check .no-publish-warning .no-publish-check #one-time-pub,div.base-modal .publish-modal .modal-body #final-check .no-publish-warning .no-publish-check #one-time-pub {
    vertical-align: middle
}

div.base-modal .page-check-modal .modal-body #final-check.no-publish .no-pub-disabled a,div.base-modal .page-check-modal .modal-body #final-check.no-publish .no-pub-disabled i,div.base-modal .page-check-modal .modal-body #final-check.no-publish .no-pub-disabled>*,div.base-modal .publish-modal .modal-body #final-check.no-publish .no-pub-disabled a,div.base-modal .publish-modal .modal-body #final-check.no-publish .no-pub-disabled i,div.base-modal .publish-modal .modal-body #final-check.no-publish .no-pub-disabled>* {
    color: var(--primary-gray-550)!important
}

div.base-modal .page-check-modal .modal-body #approval .fieldset-padding,div.base-modal .page-check-modal .modal-body #schedule .fieldset-padding,div.base-modal .page-check-modal .modal-body #social-media .fieldset-padding,div.base-modal .publish-modal .modal-body #approval .fieldset-padding,div.base-modal .publish-modal .modal-body #schedule .fieldset-padding,div.base-modal .publish-modal .modal-body #social-media .fieldset-padding {
    padding-right: 94px
}

div.base-modal .page-check-modal .modal-body #social-media .char-counter,div.base-modal .publish-modal .modal-body #social-media .char-counter {
    text-align: right
}

div.base-modal .page-check-modal .modal-body #schedule input[name=repeat_cycle],div.base-modal .publish-modal .modal-body #schedule input[name=repeat_cycle] {
    max-width: 162px;
    width: 162px
}

div.base-modal .page-check-modal .modal-body #schedule .select2-container,div.base-modal .publish-modal .modal-body #schedule .select2-container {
    margin-left: 16px;
    width: 162px
}

div.base-modal .page-check-modal .modal-body #approval,div.base-modal .publish-modal .modal-body #approval {
    padding-bottom: 17px
}

div.base-modal .page-check-modal .final-check-select {
    margin-right: -28px
}

div.base-modal .page-check-modal .final-check-select.no-run-all {
    margin-right: 0
}

div.base-modal .page-check-modal .modal-content .modal-body {
    padding-bottom: 0
}

div.base-modal .page-check-modal .modal-content .modal-body #final-check .final-checks {
    border-bottom: 0;
    padding-bottom: 8px
}

div.base-modal .unpublished-dependencies-modal .modal-body ul.sites {
    list-style: none;
    padding-left: 0
}

div.base-modal .unpublished-dependencies-modal .modal-body ul.sites li ul.paths {
    list-style: initial
}

div.base-modal .spell-check-modal .icon-checkbox-checked {
    font-size: 22px
}

div.base-modal .spell-check-modal .action-element i {
    position: relative;
    top: 2px
}

div.base-modal .launch-component-modal #message,div.base-modal .save-component-modal #message {
    max-width: 100%;
    width: 100%
}

div.base-modal .launch-component-modal .char-counter,div.base-modal .save-component-modal .char-counter {
    float: right
}

div.base-modal .accessibility-check-modal .modal-body,div.base-modal .accessibility-exceptions-modal .modal-body,div.base-modal .w3c-validate-modal .modal-body {
    overflow: hidden;
    padding-bottom: 0
}

div.base-modal .accessibility-check-modal .guide,div.base-modal .accessibility-exceptions-modal .guide,div.base-modal .w3c-validate-modal .guide {
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 17px;
    margin-top: 10px
}

div.base-modal .accessibility-check-modal #accessibility-list,div.base-modal .accessibility-exceptions-modal #accessibility-list,div.base-modal .w3c-validate-modal #accessibility-list {
    overflow-y: auto;
    padding-bottom: 17px
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group,div.base-modal .w3c-validate-modal #accessibility-list .list-group {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    margin-bottom: 17px;
    padding: 20px 15px;
    position: relative
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item.column-fill,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item.column-fill,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item.padded-children>*,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item.padded-children>*,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item.padded-children>* {
    padding: 15px
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item:hover,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item:hover,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item:hover {
    background-color: var(--list-row-hover)
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item.selected,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item.selected,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item.selected {
    background-color: var(--list-row-selected)
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item.selected:hover,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item.selected:hover,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item.selected:hover {
    background-color: var(--list-row-selected-hover)
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item:focus,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item:focus,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item:last-child,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item:last-child,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item:last-child {
    margin-bottom: 0
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item.open-exception-form,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item.open-exception-form,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item.open-exception-form {
    min-height: 230px
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item.open-exception-form .exception-toggle,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item.open-exception-form .exception-toggle,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item.open-exception-form .exception-toggle {
    display: none
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item.open-exception-form .exception-form,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item.open-exception-form .exception-form,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item.open-exception-form .exception-form {
    opacity: 1;
    visibility: visible
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .exception-toggle,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .exception-toggle,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .exception-toggle {
    float: right
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .message,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .message,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .message {
    padding-bottom: 20px;
    position: relative
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .message.flush-bottom,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .message.flush-bottom,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .message.flush-bottom {
    padding-bottom: 0
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .message:first-of-type,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .message:first-of-type,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .message:first-of-type {
    margin-right: 150px
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .message .message-label,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .message .message-label,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .message .message-label {
    left: 43px;
    position: absolute
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .message[role=type] .message-label,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .message[role=type] .message-label,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .message[role=type] .message-label {
    left: 53px
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .message .message-text,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .message .message-text,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .message .message-text {
    display: inline-block;
    margin-left: 100px
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .message .message-text code,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .message .message-text code,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .message .message-text code {
    color: initial;
    display: inline-block;
    white-space: normal
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .message .source-label,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .message .source-label,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .message .source-label {
    left: 0;
    position: absolute
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .message .source,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .message .source,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .message .source {
    display: inline-block;
    margin-left: 100px
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .message .source code,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .message .source code,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .message .source code {
    color: initial;
    display: inline-block;
    white-space: normal
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .exception-form,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .exception-form,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .exception-form {
    background: var(--primary-white);
    bottom: 2px;
    left: 2px;
    opacity: 0;
    position: absolute;
    right: 2px;
    top: 2px;
    visibility: hidden;
    z-index: 1
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container .form-body,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container .form-body,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container .form-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 15px 15px 0
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container .form-body .explanation,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container .form-body .explanation,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container .form-body .explanation {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 5px
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container .form-body textarea,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container .form-body textarea,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container .form-body textarea {
    height: 60px;
    margin: 0;
    resize: none
}

div.base-modal .accessibility-check-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container .form-footer,div.base-modal .accessibility-exceptions-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container .form-footer,div.base-modal .w3c-validate-modal #accessibility-list .list-group .list-group-item .exception-form .form-body-container .form-footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 15px 15px
}

div.base-modal .accessibility-check-modal .char-counter,div.base-modal .accessibility-exceptions-modal .char-counter,div.base-modal .w3c-validate-modal .char-counter {
    display: inline;
    font-weight: 400;
    position: absolute;
    right: 180px
}

div.base-modal .accessibility-exceptions-modal .accessibility-list-header {
    align-items: center;
    border-bottom: var(--primary-gray-400-1-px);
    display: flex;
    flex-direction: row;
    height: 66px;
    justify-content: space-between;
    width: 100%
}

div.base-modal .accessibility-exceptions-modal .accessibility-list-header .view-title {
    color: var(--primary-gray-800);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .68px;
    margin-left: 17px;
    text-transform: capitalize
}

div.base-modal .accessibility-exceptions-modal .empty-list-wrapper {
    margin: 0 auto;
    padding-top: 15px;
    text-align: center;
    width: 100%
}

div.base-modal .accessibility-exceptions-modal .empty-list-wrapper .empty-icon {
    color: var(--primary-gray-750);
    font-size: 50px;
    line-height: 56px
}

div.base-modal .accessibility-exceptions-modal .empty-list-wrapper .empty-description {
    color: var(--primary-gray-750);
    font-size: 15px;
    margin: 10px 0
}

div.base-modal .accessibility-exceptions-modal #accessibility-list {
    padding: 17px
}

div.base-modal .accessibility-exceptions-modal .select-exception {
    float: left;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-decoration: none;
    width: 16px;
    z-index: 10
}

div.base-modal .accessibility-exceptions-modal .remove-exceptions {
    display: none
}

div.base-modal .accessibility-exceptions-modal #list-filter-container {
    right: 9px
}

div.base-modal .web-hook-test-modal .modal-body {
    overflow: hidden
}

div.base-modal .web-hook-test-modal pre {
    height: 100%;
    margin: 0;
    overflow: auto;
    white-space: pre-wrap
}

div.base-modal .image-set-rename-modal input[type=text] {
    max-width: 420px
}

div.base-modal .image-set-copy-modal p {
    margin-left: 24px
}

div.base-modal .backup-modal .more-space {
    margin: -3px;
    padding: 3px
}

div.base-modal .component-dependents-modal .no-dependents {
    margin-bottom: 0;
    text-align: center
}

div.base-modal .component-dependents-modal .no-dependents .no-dependents-icon {
    font-size: 40px
}

div.base-modal .expire-modal .expiration-explaination {
    margin-bottom: 17px
}

div.base-modal .expire-modal .fieldset-padding {
    padding-right: 94px
}

div.base-modal .expire-modal #notification {
    border-top: var(--primary-gray-400-1-px);
    margin-top: 15px;
    padding-top: 15px
}

div.base-modal .unschedule-modal h5 {
    margin-top: 20px
}

div.base-modal .unschedule-modal h5 label {
    font-weight: 700
}

div.base-modal .unschedule-modal dl.dl-horizontal {
    margin-bottom: 0
}

div.base-modal .unschedule-modal dl.dl-horizontal dt {
    width: 120px
}

div.base-modal .unschedule-modal dl.dl-horizontal dd {
    margin-left: 140px
}

div.base-modal .page-decline-modal .fieldset-padding,div.base-modal .reminder-modal .fieldset-padding {
    padding-right: 94px
}

div.base-modal .page-decline-modal .disabled:hover,div.base-modal .reminder-modal .disabled:hover {
    cursor: not-allowed
}

div.base-modal .tcf-options-modal .select2-container,div.base-modal .tcf-options-modal input,div.base-modal .tcf-options-modal select {
    max-width: 500px
}

div.base-modal .tcf-options-modal #schedule-modal-lastPubDate {
    padding-top: 5px
}

div.base-modal .tcf-options-modal .notification {
    border-top: var(--primary-gray-400-1-px);
    margin-top: 15px;
    padding-top: 15px
}

div.base-modal .tcf-options-modal .duration-select {
    margin-right: 15px
}

div.base-modal .prompt-modal .controls {
    max-width: 100%
}

div.base-modal .prompt-modal .controls input {
    max-width: 100%;
    width: 100%
}

div.base-modal .mbp-configure-modal .row-toggle {
    color: var(--primary-gray-800)
}

div.base-modal .mbp-configure-modal .row-toggle i {
    font-size: 16px;
    margin-right: 3px;
    position: relative;
    top: 3px
}

div.base-modal .mbp-configure-modal #mbp-select {
    -webkit-user-select: none;
    user-select: none
}

div.base-modal .mbp-configure-modal #mbp-select #mbp-select-inner .select-all-container {
    position: relative;
    z-index: 100
}

div.base-modal .mbp-configure-modal #mbp-select #mbp-select-inner .mbp-options {
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 17px
}

div.base-modal .mbp-configure-modal #mbp-select #mbp-select-inner .mbp-heading {
    background-color: var(--primary-white);
    padding-bottom: 10px;
    padding-left: 17px;
    padding-top: 10px;
    position: sticky;
    top: 0;
    z-index: 100
}

div.base-modal .mbp-configure-modal #mbp-select #mbp-select-inner div.options {
    margin-bottom: 20px
}

div.base-modal .mbp-configure-modal table.browser-select {
    border-collapse: collapse;
    position: relative
}

div.base-modal .mbp-configure-modal table.browser-select th {
    background-color: var(--primary-white);
    border-bottom: var(--primary-gray-400-1-px);
    padding: 8px;
    position: sticky;
    text-align: center;
    top: 39px
}

div.base-modal .mbp-configure-modal table.browser-select tbody tr:not(:first-child) {
    border-top: var(--primary-gray-400-1-px)
}

div.base-modal .mbp-configure-modal table.browser-select td {
    min-width: 120px;
    padding: 8px;
    text-align: left;
    vertical-align: top
}

div.base-modal .mbp-configure-modal table.browser-select td ul {
    margin: 0
}

div.base-modal .mbp-configure-modal table.browser-select td ul li {
    cursor: pointer;
    line-height: 16px;
    margin: 3px;
    min-width: 30px;
    padding: 5px;
    text-align: center
}

div.base-modal .mbp-configure-modal table.browser-select td ul li:focus {
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

div.base-modal .mbp-configure-modal table.browser-select td ul li:hover {
    background: var(--list-row-hover)
}

div.base-modal .mbp-configure-modal table.browser-select td ul li.selected {
    background: var(--list-row-selected)
}

div.base-modal .mbp-configure-modal table.browser-select td ul li.selected:hover {
    background: var(--list-row-selected-hover)
}

div.base-modal .mbp-configure-modal table.browser-select td ul.devices {
    display: inline-block;
    min-width: 140px;
    vertical-align: top
}

div.base-modal .mbp-configure-modal table.browser-select td ul.devices li {
    text-align: left
}

div.base-modal .mbp-configure-modal table.browser-select td ul.devices li.vendor {
    font-weight: 700
}

div.base-modal .mbp-configure-modal table.browser-select td.os-version {
    font-weight: 700;
    padding-top: 10px;
    text-align: center
}

div.base-modal .mbp-configure-modal .mobile table.browser-select td.os-version {
    padding-top: 14px
}

div.base-modal .multipublish-modal .char-counter,div.base-modal .replace-modal .char-counter,div.base-modal .replace-publish-modal .char-counter {
    float: right
}

div.base-modal .tags-new-modal .control-group.error .select2-choices {
    border-color: var(--primary-red-550)
}

div.base-modal .tags-merge-modal .tag-list-paragraph {
    padding-left: 150px;
    text-indent: -150px
}

div.base-modal .tags-merge-modal .tag-list-label {
    position: relative;
    right: -12px
}

div.base-modal .tags-merge-modal .tag-list {
    margin-left: 30px
}

@keyframes loadingHttps {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

div.base-modal .https-checklist-modal .no-capital {
    text-transform: unset
}

div.base-modal .https-checklist-modal .check-result-list .check-result-list-item {
    margin-bottom: 15px
}

div.base-modal .https-checklist-modal .check-result-list .check-result-list-item:focus {
    outline: none
}

div.base-modal .https-checklist-modal .check-result-list .check-result-list-item:focus span {
    outline: var(--primary-blue-250-2-px)
}

div.base-modal .https-checklist-modal .check-result-list .check-result-list-item i {
    font-size: 26px;
    margin-right: 4px;
    position: relative;
    top: 7px
}

div.base-modal .https-checklist-modal .check-result-list .check-result-list-item i.success {
    color: var(--primary-green-200)
}

div.base-modal .https-checklist-modal .check-result-list .check-result-list-item i.fail {
    color: var(--primary-red-550)
}

div.base-modal .https-checklist-modal .check-result-list .check-result-list-item i.icon-loading {
    animation: loadingHttps 4s linear infinite;
    display: inline-block
}

div.base-modal .https-checklist-modal .check-result-list .check-result-list-item i.info {
    color: var(--primary-blue-400)
}

div.base-modal .https-checklist-modal .check-result-list .check-result-list-item .help-block {
    margin-left: 35px;
    margin-top: 5px
}

div.base-modal .multipublish-failure-modal dl {
    margin-bottom: 0;
    overflow-y: auto
}

div.base-modal .multipublish-failure-modal dl dd:not(:last-child) {
    margin-bottom: 15px
}

div.base-modal .facebook-add-modal .select-cell input,div.base-modal .facebook-add-modal .select-cell select,div.base-modal .ga-profile-add-modal .select-cell input,div.base-modal .ga-profile-add-modal .select-cell select {
    margin-left: 12px;
    margin-right: 12px
}

div.base-modal .facebook-add-modal .notice,div.base-modal .ga-profile-add-modal .notice {
    margin-bottom: 0;
    text-align: center
}

div.base-modal .auxsite-modal #toggle-password {
    margin-right: 8px
}

div.base-modal .auxsite-modal .password-test-status {
    display: block;
    margin-top: 6px
}

div.base-modal .auxsite-modal .password-test-status.success {
    color: var(--primary-green-200)
}

div.base-modal .font-size-modal #sizes .controls {
    margin-bottom: 10px
}

div.base-modal .font-size-modal #sizes .controls input {
    margin-right: 15px
}

div.base-modal .font-size-modal #sizes .controls input,div.base-modal .font-size-modal #sizes .controls select {
    max-width: 100px
}

div.base-modal .font-size-modal #sizes .controls .delete-font-size-btn {
    border-left: var(--primary-gray-400-1-px);
    border-radius: 2px;
    margin-left: 6px
}

div.base-modal .font-size-modal #sizes {
    margin-bottom: 15px
}

div.base-modal .group-assign-modal .group-form label {
    width: 135px
}

div.base-modal .group-assign-modal .group-form input {
    width: 380px
}

div.base-modal .image-size-modal .image-dimension {
    width: 100px
}

div.base-modal .image-size-set-modal #image-size-set-form {
    margin-right: 17px
}

div.base-modal .gadget-bulk-access-modal .radio-controls .radio,div.base-modal .gadget-bulk-access-modal .toggle {
    display: inline-flex
}

div.base-modal .gadget-bulk-access-modal .radio-controls .radio,div.base-modal .gadget-bulk-access-modal select {
    width: 90%
}

div.base-modal .gadget-bulk-access-modal .radio-controls .radio:nth-child(3),div.base-modal .gadget-bulk-access-modal .radio-controls .radio:nth-child(4) {
    left: 17px;
    position: relative
}

div.base-modal .gadget-add-modal .step-1 {
    margin-bottom: 0;
    max-width: 100%;
    width: 100%
}

div.base-modal .gadget-add-modal .step-1 .controls,div.base-modal .gadget-add-modal .step-1 .controls #url-input {
    max-width: 100%
}

div.base-modal .asset-preview-modal .toggle-wrap {
    margin-top: 0
}

div.base-modal .asset-preview-modal fieldset h4 {
    margin: 0 0 18px
}

div.base-modal .asset-preview-modal #ldp-elements {
    margin-bottom: 0;
    padding: 0!important
}

div.base-modal .asset-preview-modal #ldp-elements #gallery-images {
    margin: 0 auto;
    padding-left: 0;
    width: 325px
}

div.base-modal .asset-preview-modal #ldp-elements #gallery-images .img {
    margin-left: 0
}

div.base-modal .asset-preview-modal #ldp-elements #gallery-images .img:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

div.base-modal .asset-preview-modal #ldp-elements #gallery-images .img .dl-horizontal {
    padding-right: 15px
}

div.base-modal .asset-preview-modal #ldp-elements #gallery-images .img .dl-horizontal dt {
    clear: left;
    float: left;
    text-align: right;
    width: 100px!important;
    width: 160px
}

div.base-modal .asset-preview-modal #ldp-elements #gallery-images .img .img-wrapper {
    cursor: unset
}

div.base-modal .asset-preview-modal .insttext_frame,div.base-modal .asset-preview-modal .ldp-message {
    margin-bottom: 15px;
    top: 4px
}

div.base-modal .asset-preview-modal .ldp-summary-div dt {
    margin-bottom: 5px
}

div.base-modal .asset-preview-modal .ldp-summary-div .dl-horizontal dt {
    clear: left;
    float: left;
    text-align: right;
    width: 170px!important;
    width: 160px
}

div.base-modal .asset-preview-modal .ldp-summary-div dd {
    margin-left: 180px
}

div.base-modal .asset-preview-modal .fake-ldp-form-label {
    width: 122px
}

div.base-modal .asset-preview-modal #asset-emails {
    margin-top: 20px
}

div.base-modal .asset-preview-modal #asset-emails .controls {
    margin-right: 15px
}

div.base-modal .asset-preview-modal .panel-header-actions {
    display: none
}

div.base-modal .asset-preview-modal pre {
    white-space: normal
}

div.base-modal .asset-preview-modal pre:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

div.base-modal .asset-preview-modal pre.nowrap {
    word-wrap: normal;
    overflow: auto;
    white-space: pre;
    word-break: break-all
}

div.base-modal .global-search-modal {
    display: none
}

div.base-modal .global-search-modal .global-search-input-container {
    border-bottom: var(--primary-gray-400-1-px);
    padding: 15px 20px 26px
}

div.base-modal .global-search-modal .global-search-input-container .control-group {
    margin-bottom: 0;
    max-width: 100%
}

div.base-modal .global-search-modal .global-search-input-container .control-group .search-label {
    font-size: 21px;
    font-weight: 400
}

div.base-modal .global-search-modal .global-search-input-container .control-group .search-input {
    font-size: 24px;
    font-weight: 400;
    height: 57px;
    line-height: 29px;
    max-width: 100%;
    padding-left: 50px;
    width: 100%
}

div.base-modal .global-search-modal .global-search-input-container .control-group .icon-search {
    font-size: 30px;
    left: 10px;
    position: absolute;
    top: 52px
}

div.base-modal .global-search-modal .global-search-start {
    background-color: var(--primary-gray-150);
    background-image: url(/11/resources/images/globalsearch/initial.png);
    background-position-y: -10px;
    height: 400px
}

div.base-modal .global-search-modal .global-search-basic-results-container {
    display: flex
}

div.base-modal .global-search-modal .global-search-no-results {
    background-color: var(--primary-gray-150);
    background-image: url(/11/resources/images/globalsearch/no-results.png);
    background-position-y: -10px;
    display: none;
    font-size: 21px;
    height: 400px;
    text-align: center
}

div.base-modal .global-search-modal .global-search-no-results i {
    font-size: 35px
}

div.base-modal .global-search-modal .global-search-no-results .text {
    position: relative;
    top: 43%
}

div.base-modal .global-search-modal .global-search-chooser-list {
    border-right: var(--primary-gray-400-1-px);
    flex: 1;
    height: 400px;
    max-height: 400px;
    overflow-y: auto
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list-group-title {
    border-bottom: var(--primary-gray-400-1-px);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 10px 20px;
    text-transform: uppercase
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list-group-title .gs-modal-header {
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list-group-title a {
    color: var(--primary-blue-550);
    font-size: 12px;
    font-weight: 400;
    margin: -3px;
    padding: 3px
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list-group-title a:focus,div.base-modal .global-search-modal .global-search-chooser-list .list-group .list-group-title a:hover {
    color: var(--primary-blue-700);
    text-decoration: none
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 2px;
    padding-left: 0
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list li {
    border-bottom: var(--primary-gray-400-1-px);
    margin-left: 2px;
    margin-right: 2px
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list li:hover {
    background-color: var(--list-row-hover)
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list li.selected {
    background-color: var(--list-row-selected)
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list li.selected:hover {
    background-color: var(--list-row-selected-hover)
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list li a {
    color: var(--primary-gray-800);
    display: flex;
    padding: 5px 0 5px 30px
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list li a:focus,div.base-modal .global-search-modal .global-search-chooser-list .list-group .list li a:hover {
    text-decoration: none
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list li i {
    font-size: 20px;
    margin-right: 12px;
    vertical-align: bottom
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list li .primary {
    font-size: 14px;
    line-height: 20px
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list li .secondary,div.base-modal .global-search-modal .global-search-chooser-list .list-group .list li .tertiary {
    color: var(--primary-gray-700);
    font-size: 12px;
    font-style: italic;
    line-height: 14px
}

div.base-modal .global-search-modal .global-search-chooser-list .list-group .list li .tertiary {
    font-size: 14px;
    line-height: 20px
}

div.base-modal .global-search-modal .global-search-preview {
    display: flex;
    flex: 0 0 44%;
    flex-direction: column;
    height: 400px;
    max-height: 400px;
    overflow-y: auto;
    padding-bottom: 2px;
    padding-right: 2px
}

div.base-modal .global-search-modal .global-search-preview:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

div.base-modal .global-search-modal .global-search-preview .preview-top {
    align-items: center;
    display: flex;
    height: 150px;
    justify-content: center;
    padding: 0 20px
}

div.base-modal .global-search-modal .global-search-preview .preview-top img {
    max-height: 150px;
    max-width: 100%
}

div.base-modal .global-search-modal .global-search-preview .preview-top .gravatar-img {
    border-radius: 50%
}

div.base-modal .global-search-modal .global-search-preview .preview-top .preview-icon {
    font-size: 100px;
    line-height: 1
}

div.base-modal .global-search-modal .global-search-preview .preview-top .preview-icon:not(.icon-folder) {
    color: var(--primary-gray-800);
    text-shadow: none
}

div.base-modal .global-search-modal .global-search-preview .preview-name {
    padding: 0 20px;
    text-align: center
}

div.base-modal .global-search-modal .global-search-preview .preview-name.user.small {
    color: var(--primary-gray-700);
    font-size: 12px
}

div.base-modal .global-search-modal .global-search-preview .info {
    color: var(--primary-gray-700);
    font-size: 12px;
    line-height: 14px;
    text-align: center
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom {
    padding: 0 20px
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom.scrolling {
    flex: 1;
    margin-bottom: 54px;
    margin-top: 10px;
    overflow: auto;
    padding: 0 0 10px 2px
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .info-group {
    margin-top: 10px
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .info-group .info-label {
    color: var(--primary-gray-800);
    font-size: 12px;
    font-weight: 700;
    line-height: 15px
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .info-group .info-value {
    color: var(--primary-gray-800);
    font-size: 12px;
    line-height: 14px
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .info-group .info-value.never-launched,div.base-modal .global-search-modal .global-search-preview .preview-bottom .info-group .info-value.never-modified,div.base-modal .global-search-modal .global-search-preview .preview-bottom .info-group .info-value.never-published {
    color: var(--primary-gray-700);
    font-style: italic
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .dir-content {
    list-style: none;
    margin: 0;
    padding-left: 0
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .dir-content li a {
    color: var(--primary-gray-800);
    display: block;
    font-size: 13px;
    margin: 0;
    padding: 5px 20px
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .dir-content li a:focus,div.base-modal .global-search-modal .global-search-preview .preview-bottom .dir-content li a:hover {
    background-color: var(--list-row-hover);
    text-decoration: none
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .dir-content li a i {
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .dir-content li a i:not(.icon-folder) {
    text-shadow: none
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .group-content {
    list-style: none;
    margin: 0;
    padding-left: 0
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .group-content li a {
    color: var(--primary-gray-800);
    display: flex;
    font-size: 13px;
    margin: 0;
    padding: 5px 20px
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .group-content li a:focus,div.base-modal .global-search-modal .global-search-preview .preview-bottom .group-content li a:hover {
    background-color: var(--primary-blue-150);
    text-decoration: none
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .group-content li a .avatar {
    border-radius: 50%;
    height: 24px;
    margin-right: 8px
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .group-content li a .primary {
    font-size: 14px;
    line-height: 20px
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .group-content li a .secondary {
    color: var(--primary-gray-700);
    font-size: 12px;
    font-style: italic;
    line-height: 14px
}

div.base-modal .global-search-modal .global-search-preview .preview-bottom .group-content li a .tertiary {
    color: var(--primary-gray-700);
    font-size: 14px;
    font-style: italic;
    line-height: 20px
}

div.base-modal .global-search-modal .global-search-preview .go-to-container {
    background-color: var(--primary-gray-150);
    border-top: var(--primary-gray-400-1-px);
    bottom: 2px;
    position: absolute;
    right: 2px;
    text-align: right;
    width: calc(44% - 4px)
}

div.base-modal .global-search-modal .global-search-preview .goto-btn {
    margin: 15px 20px
}

div.base-modal .global-search-modal #advanced-search-form {
    display: flex;
    flex-direction: column;
    margin: 0;
    min-height: 331px;
    padding: 20px
}

div.base-modal .global-search-modal #advanced-search-form .control-group.contains-group,div.base-modal .global-search-modal #advanced-search-form .control-group.location-group {
    display: none
}

div.base-modal .global-search-modal #advanced-search-form #s2id_tags-input {
    width: 100%
}

div.base-modal .global-search-modal #advanced-search-form #category {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    color: var(--primary-gray-800);
    max-width: 175px;
    width: 175px
}

div.base-modal .global-search-modal #advanced-search-form #category:focus {
    border-color: var(--primary-blue-250);
    border-width: 2px;
    box-shadow: none
}

div.base-modal .global-search-modal #advanced-search-form #category,div.base-modal .global-search-modal #advanced-search-form #location_path {
    cursor: pointer
}

div.base-modal .global-search-modal #advanced-search-form .input-container.relative {
    position: relative
}

div.base-modal .global-search-modal #advanced-search-form .input-container.date-range-group span {
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-right: -1px;
    padding: 0;
    text-align: center;
    text-transform: lowercase;
    vertical-align: middle;
    width: 90px
}

div.base-modal .global-search-modal #advanced-search-form .scope-options {
    display: none
}

div.base-modal .global-search-modal #advanced-search-form .scope-options legend {
    margin: 10px 0 0
}

div.base-modal .global-search-modal #advanced-search-form .type-multiselect {
    background: var(--primary-white);
    border-radius: 3px;
    display: none;
    font-size: 14px;
    position: absolute;
    top: 34px;
    z-index: 1
}

div.base-modal .global-search-modal #advanced-search-form .type-multiselect .ou-multi-select-view {
    border-radius: 3px;
    box-shadow: var(--primary-shadow);
    height: 261px;
    width: 210px
}

div.base-modal .global-search-modal #advanced-search-form .type-multiselect .ou-multi-select-view .header {
    height: 90px
}

div.base-modal .global-search-modal #advanced-search-form .type-multiselect .pool-container {
    height: calc(100% - 44px);
    max-height: calc(100% - 44px);
    min-height: 170px;
    width: 100%
}

div.base-modal .global-search-modal #advanced-search-form .type-multiselect .pool-container .pool-row:last-child {
    border-bottom: none
}

div.base-modal .global-search-modal #advanced-search-form .type-multiselect .footer {
    border: var(--primary-gray-400-1-px);
    border-top: none;
    height: 45px;
    padding: 6px
}

div.base-modal .global-search-modal #advanced-search-form .type-multiselect .footer button {
    width: 65px
}

div.base-modal .global-search-modal #advanced-search-form .location-select {
    bottom: 0;
    display: none;
    font-size: 14px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

div.base-modal .global-search-modal #advanced-search-form .location-select .location-chooser-backdrop {
    background: var(--primary-black-5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

div.base-modal .global-search-modal #advanced-search-form .location-select .location-select-container {
    background: var(--primary-white);
    box-shadow: var(--primary-around-black-shadow);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-left: 265px;
    position: relative;
    z-index: 1
}

div.base-modal .global-search-modal #advanced-search-form .location-select .ou-breadcrumb {
    padding: 8px 8px 0
}

div.base-modal .global-search-modal #advanced-search-form .location-select .left-panel {
    flex: 1
}

div.base-modal .global-search-modal #advanced-search-form .location-select .chooser-list {
    border: none;
    height: 100%
}

div.base-modal .global-search-modal #advanced-search-form .location-select .select2-container {
    width: 100%
}

div.base-modal .global-search-modal #advanced-search-form .location-select ul.chooser {
    flex: auto
}

div.base-modal .global-search-modal #advanced-search-form .location-select .footer {
    background-color: var(--primary-gray-150);
    border-top: var(--list-row-border);
    padding: 10px 20px;
    text-align: right
}

div.base-modal .global-search-modal .modal-footer {
    display: none
}

div.base-modal .marketplace-screenshot-modal .modal-body {
    text-align: center
}

div.base-modal .marketplace-screenshot-modal .modal-body .screenshot-modal-area {
    width: 725px
}

@media screen and (min-width: 810px) {
    div.base-modal .marketplace-screenshot-modal .modal-body .screenshot-modal-area {
        width:800px
    }
}

@media screen and (min-width: 860px) {
    div.base-modal .marketplace-screenshot-modal .modal-body .screenshot-modal-area {
        width:850px
    }
}

@media screen and (min-width: 885px) {
    div.base-modal .marketplace-screenshot-modal .modal-body .screenshot-modal-area {
        width:875px
    }
}

div.base-modal .marketplace-screenshot-modal .modal-body .screenshot-controls {
    margin-top: 5px
}

div.base-modal .marketplace-screenshot-modal .modal-body img {
    width: 100%
}

div.base-modal .marketplace-screenshot-modal .modal-body .embed-responsive {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

div.base-modal .marketplace-screenshot-modal .modal-body .embed-responsive iframe {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

div.base-modal .marketplace-screenshot-modal .modal-body .embed-responsive-16by9 {
    padding-bottom: 56.25%
}

div.base-modal .marketplace-screenshot-modal .modal-footer {
    text-align: center
}

div.base-modal .add-request-modal #marketplace-contact-type {
    position: relative;
    top: 6px
}

div.base-modal .add-request-modal #module-request-contact-email,div.base-modal .add-request-modal #module-request-contact-phone,div.base-modal .add-request-modal #module-request-quantity {
    width: 206px
}

div.base-modal .insights-settings-modal #insights-type-switch .select2-container {
    display: inline-block
}

div.base-modal .compose-message-modal .select2-input,div.base-modal .compose-message-modal .select2-search-field,div.base-modal .send-request-modal .select2-input,div.base-modal .send-request-modal .select2-search-field {
    width: 100%!important
}

div.base-modal .compose-message-modal #compose-message-body-text,div.base-modal .send-request-modal #compose-message-body-text {
    height: 200px;
    max-height: none
}

div.base-modal .compose-message-modal .message-modal-dropdown .select2-results .select2-result-label,div.base-modal .send-request-modal .message-modal-dropdown .select2-results .select2-result-label {
    display: flex
}

div.base-modal .compose-message-modal .message-modal-dropdown .select2-results .select2-result-label i,div.base-modal .compose-message-modal .message-modal-dropdown .select2-results .select2-result-label img,div.base-modal .send-request-modal .message-modal-dropdown .select2-results .select2-result-label i,div.base-modal .send-request-modal .message-modal-dropdown .select2-results .select2-result-label img {
    margin-right: 5px
}

div.base-modal .launch-modal .char-counter {
    float: right
}

div.base-modal .launch-modal textarea {
    max-width: 100%;
    width: 100%
}

div.base-modal .gadget-chooser-modal .modal-header .subtitle {
    color: var(--primary-gray-800);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin: 12px 0 0;
    padding-left: 8px
}

div.base-modal .gadget-chooser-modal .modal-header #list-filter-container {
    position: absolute;
    right: 24px;
    top: 24px;
    width: 200px
}

div.base-modal .gadget-chooser-modal .modal-body {
    min-height: 200px
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container {
    display: flex;
    flex-wrap: wrap
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card {
    align-items: center;
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    display: flex;
    flex-direction: column;
    height: 301px;
    margin: 10px;
    padding: 20px 15px;
    position: relative;
    width: calc(33.33333% - 20px)
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card.padded-children>* {
    padding: 15px
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card:focus {
    background: var(--primary-blue-100);
    outline: var(--primary-dark-blue-500-2-px)
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card:hover {
    background: var(--primary-blue-100);
    cursor: pointer
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card .toggle-circle {
    border: var(--primary-dark-blue-500-2-px);
    border-radius: 50%;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card .toggle-circle i {
    display: none
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card.selected .toggle-circle {
    align-items: center;
    background: var(--primary-blue-700);
    border-color: var(--primary-blue-700);
    display: inline-flex;
    justify-content: center
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card.selected .toggle-circle i {
    color: var(--primary-white);
    display: block;
    font-size: 12px
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card.always-on {
    background-color: var(--primary-gray-200);
    cursor: not-allowed
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card.always-on.selected .toggle-circle {
    background: transparent;
    border-color: var(--primary-gray-650)
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card.always-on.selected .toggle-circle i {
    color: var(--primary-gray-650)
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card .thumbnail {
    background: var(--primary-blue-700);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    height: 110px;
    width: 110px
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card .title {
    color: var(--primary-gray-800);
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 8px;
    margin-top: 24px;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.base-modal .gadget-chooser-modal .modal-body .gadget-cards-container .gadget-card .description {
    color: var(--primary-gray-800);
    flex: 1;
    font-size: 14px;
    line-height: 17px;
    overflow: hidden;
    overflow: auto;
    position: relative;
    text-align: center;
    width: 100%
}

div.base-modal .pathways-occupation-mapping-modal .help-block,div.base-modal .pathways-occupation-mapping-modal input {
    width: 380px
}

div.base-modal .pathways-occupation-mapping-modal .action-divide,div.base-modal .pathways-occupation-mapping-modal [data-action=select-all] {
    display: none
}

div.base-modal .pathways-occupation-mapping-modal .multi-select-region {
    margin-bottom: 0
}

div.base-modal .pathways-occupation-mapping-modal .occupation-list {
    margin-bottom: 10px;
    margin-top: 10px
}

div.base-modal .personalization-csv-errors-modal .modal-body {
    padding: 30px 0
}

div.base-modal .personalization-csv-errors-modal .modal-body #modal-list-container {
    width: 850px
}

div.base-modal .personalization-csv-errors-modal .modal-body #modal-list-container .collection-list {
    max-height: 400px
}

div.base-modal .calendar-move-modal select {
    width: auto
}

div.base-modal .calendar-move-modal .fieldset-heading-text {
    font-size: 14px;
    padding: 0 0 15px
}

div.base-modal .server-side-code-modal.modal-dialog {
    width: 90%
}

div.base-modal .server-side-code-modal.modal-dialog .code-editor {
    margin-bottom: 20px
}

div.base-modal .server-side-code-modal.modal-dialog .source-code-editor-message {
    margin-top: -10px
}

#analytics-modal .modal-body>div.chart {
    display: none;
    padding: 10px
}

#analytics-modal .modal-body>div.chart h4 {
    margin: 0;
    text-align: center
}

#analytics-modal #all-charts>div.chart {
    border: var(--primary-gray-600-1-px);
    border-radius: 3px;
    float: left;
    margin: 0 18px 18px 0;
    padding: 10px
}

#analytics-modal #all-charts>div.chart h5 {
    margin: 0;
    text-align: center
}

#modal-chooser {
    width: auto
}

#modal-chooser.single-panel .modal-dialog {
    max-width: 453px
}

#modal-chooser .modal-header h4 {
    font-weight: 400
}

#modal-chooser .modal-header h4 .destination {
    font-weight: 700
}

#modal-chooser .modal-body {
    max-height: 600px;
    overflow: hidden;
    position: relative
}

#modal-chooser .modal-body .bottom-panels {
    display: flex;
    justify-content: center
}

#modal-chooser .modal-body .bottom-panels .panel-region {
    max-width: 403px;
    min-width: 403px;
    overflow: hidden
}

#modal-chooser .modal-body .bottom-panels .panel-region:focus {
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#modal-chooser .modal-body .ab-test-chooser-view .chooser-list .chooser,#modal-chooser .modal-body .dynamic-content-chooser-view .chooser-list .chooser,#modal-chooser .modal-body .event-chooser-view .chooser-list .chooser,#modal-chooser .modal-body .segment-chooser-view .chooser-list .chooser {
    height: auto
}

#modal-chooser .modal-body i.icon-hamburger-menu {
    position: relative
}

#modal-chooser .modal-footer-message {
    width: auto
}

#agreement-container {
    bottom: 20px;
    box-shadow: var(--primary-around-black-shadow);
    display: flex;
    height: 145px;
    left: 20px;
    position: fixed;
    width: 550px;
    z-index: 9999
}

#agreement-container .toast-head {
    background: var(--primary-blue-400);
    padding: 15px 10px 30px
}

#agreement-container .toast-head i {
    color: var(--primary-white);
    font-size: 30px
}

#agreement-container .toast-body {
    background: var(--primary-white);
    display: flex;
    flex-direction: column;
    padding: 12px;
    width: 100%
}

#agreement-container .toast-body .content {
    flex: 1;
    margin-bottom: 12px
}

#agreement-container .toast-body .action {
    bottom: 6px;
    position: absolute;
    right: 6px
}

#agreement-container .toast-body button {
    margin-left: 10px
}

.link-check-modal .link-exception-panel {
    border: 1px solid #c3c3c3;
    display: none;
    flex: 0 0 auto;
    height: 100%;
    overflow: auto;
    width: 100%
}

.link-check-modal .link-exception-panel .form-body-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.link-check-modal .link-exception-panel .form-body-container .form-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 15px 15px 0
}

.link-check-modal .link-exception-panel .form-body-container .form-body .explanation {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 5px
}

.link-check-modal .link-exception-panel .form-body-container .form-body textarea {
    height: 60px;
    margin: 0;
    resize: none
}

.link-check-modal .link-exception-panel .form-body-container .form-footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 15px 15px
}

.link-check-modal .link-exception-panel .char-counter {
    display: inline;
    font-weight: 400;
    position: absolute;
    right: 180px
}

.link-check-modal #exceptions-tab {
    height: 29em;
    overflow: auto;
    padding-left: 17px
}

.link-check-modal #link-checks-tab {
    padding-left: 0!important
}

.link-check-modal .link-url-ellipsis {
    margin-left: 85px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 73%
}

.link-check-modal .linkcheck-list-header {
    align-items: center;
    border-bottom: var(--primary-gray-400-1-px);
    display: flex;
    flex-direction: row;
    height: 66px;
    justify-content: space-between;
    width: 100%
}

.link-check-modal .linkcheck-list-header .view-title {
    color: var(--primary-gray-800);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .68px;
    margin-left: 17px;
    text-transform: capitalize
}

.link-check-modal .message-label {
    left: 29px!important
}

.link-check-modal.modal-800-fixed-width {
    max-width: 800px;
    width: 760px
}

.link-ex .btn-red {
    float: right;
    margin-right: 15px
}

#exceptions-tab .link-url-ellipsis {
    margin-left: 100px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 73%
}

.btn {
    align-items: center;
    background-color: var(--primary-dark-blue-500);
    border-radius: 2px;
    color: var(--primary-white);
    display: inline-flex;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    letter-spacing: .5px;
    line-height: normal;
    min-width: 58px;
    padding: 0 12px;
    text-transform: uppercase;
    margin: 5px 0;
}

.btn i {
    color: inherit;
    font-size: 16px;
    margin-right: 8px
}

.btn.btn-compact {
    font-size: 12px;
    height: 24px;
    padding: 0 6px
}

.btn.btn-compact i {
    font-size: 14px;
    margin-right: 6px
}

.btn.btn-green {
    background-color: var(--primary-green-500)
}

.btn.btn-red {
    background-color: var(--primary-red-550)
}

.btn.btn-light {
    background-color: var(--primary-gray-100);
    border: none;
    color: var(--primary-gray-800)
}

.btn.btn-dark {
    background-color: var(--primary-gray-650);
    border: none
}

.btn.btn-dark,.btn:hover {
    color: var(--primary-white)
}

.btn:hover {
    background-color: var(--primary-dark-blue-500);
    box-shadow: var(--primary-btn-box-shadow)
}

.btn:hover.btn-green {
    background-color: var(--primary-green-400)
}

.btn:hover.btn-red {
    background-color: var(--primary-red-500)
}

.btn:hover.btn-light {
    background-color: var(--primary-gray-200);
    color: var(--primary-gray-800)
}

.btn:hover.btn-dark {
    background-color: var(--primary-gray-650)
}

.btn:active {
    box-shadow: none;
    transform: scale(.97)
}

.btn:active,.btn:focus {
    color: var(--primary-white)
}

.btn:focus {
    outline: none
}

.btn:focus,.btn:focus.btn-green,.btn:focus.btn-red {
    box-shadow: var(--primary-black-shadow-2)
}

.btn:focus.btn-light {
    color: var(--primary-gray-800)
}

.btn:focus:active {
    outline: none
}

.btn[aria-disabled=true] {
    background-color: var(--primary-gray-350);
    color: var(--primary-gray-750-4);
    opacity: 1;
    pointer-events: none
}

.btn[aria-disabled=true]:active {
    background-color: var(--primary-gray-350);
    box-shadow: none
}

.btn[aria-disabled=true]:focus {
    box-shadow: var(--primary-gray-550-shadow-2)
}

.btn[aria-disabled=true].btn-green,.btn[aria-disabled=true].btn-red {
    background-color: var(--primary-gray-350)
}

.btn.btn-outline {
    background-color: var(--primary-white);
    border: var(--primary-dark-blue-500-1-px);
    color: var(--primary-dark-blue-500)
}

.btn.btn-outline:active,.btn.btn-outline:hover {
    background-color: var(--primary-gray-150);
    color: var(--primary-dark-blue-600)
}

.btn.btn-outline:active {
    box-shadow: none
}

.btn.btn-outline:focus {
    border: 1px solid transparent;
    box-shadow: var(--primary-black-shadow-2)
}

.btn.btn-outline[aria-disabled=true] {
    background-color: var(--primary-white);
    border-color: var(--primary-gray-350);
    color: var(--primary-gray-750-4)
}

.btn.btn-outline[aria-disabled=true]:focus {
    border: var(--primary-white-1-px);
    box-shadow: var(--primary-gray-550-shadow-2)
}

.btn.btn-transparent {
    background-color: var(--primary-white);
    background-color: transparent;
    border: var(--primary-dark-blue-500-1-px);
    border-color: transparent;
    color: var(--primary-dark-blue-500);
    color: var(--primary-gray-800)
}

.btn.btn-transparent:active,.btn.btn-transparent:hover {
    background-color: var(--primary-gray-150);
    color: var(--primary-dark-blue-600)
}

.btn.btn-transparent:active {
    box-shadow: none
}

.btn.btn-transparent:focus {
    border: 1px solid transparent;
    box-shadow: var(--primary-black-shadow-2)
}

.btn.btn-transparent[aria-disabled=true] {
    background-color: var(--primary-white);
    border-color: var(--primary-gray-350);
    color: var(--primary-gray-750-4)
}

.btn.btn-transparent[aria-disabled=true]:focus {
    border: var(--primary-white-1-px);
    box-shadow: var(--primary-gray-550-shadow-2)
}

.btn.btn-transparent:hover {
    background-color: var(--primary-gray-300);
    box-shadow: none
}

.btn.btn-transparent[aria-disabled=true] {
    background-color: transparent;
    border-color: transparent
}

.btn.btn-icon {
    justify-content: center;
    min-width: 36px;
    padding: 0;
    width: 36px
}

.btn.btn-icon i {
    font-size: 20px;
    margin: 0
}

.btn.btn-checkin {
    color: var(--primary-bulb-color)
}

.btn.btn-checkin i {
    font-size: 20px;
    text-shadow: var(--primary-bulb-outline-shadow)
}

.btn.btn-checkout {
    color: var(--primary-gray-750)
}

.btn.btn-checkout i {
    font-size: 20px
}

.btn.btn-locked {
    color: var(--primary-red-800)
}

.btn.btn-locked i {
    font-size: 20px
}

.btn.btn-text {
    background-color: transparent;
    color: var(--primary-blue-550)
}

.btn.btn-text.btn-gray {
    border: none;
    color: var(--primary-gray-800)
}

.btn.btn-text.btn-gray i {
    color: var(--primary-gray-750);
    font-size: 13px;
    top: auto
}

.btn.btn-text.btn-gray span.caret {
    color: var(--primary-gray-750);
    margin-left: 8px
}

.btn.btn-text.btn-gray:active,.btn.btn-text.btn-gray:hover {
    color: var(--primary-gray-800)
}

.btn.btn-text:hover {
    box-shadow: none;
    color: var(--primary-blue-600)
}

.btn.btn-text:focus {
    box-shadow: var(--primary-black-shadow-2)
}

.btn.btn-text:active {
    color: var(--primary-blue-600)
}

.btn.btn-text[aria-disabled=true],.btn.btn-text[aria-disabled=true] i,.btn.btn-text[aria-disabled=true] span.caret {
    color: var(--primary-gray-750-4)
}

.btn.btn-text[aria-disabled=true]:active {
    background-color: transparent
}

.btn.btn-text[aria-disabled=true]:focus {
    box-shadow: var(--primary-gray-550-shadow-2)
}

.btn.btn-round {
    background: transparent;
    border-radius: 50%;
    color: var(--primary-gray-750);
    height: 40px;
    min-width: 0;
    padding: 0;
    width: 40px
}

.btn.btn-round i {
    font-size: 16px;
    margin: 0
}

.btn.btn-round:hover {
    box-shadow: none
}

.btn.btn-round:active,.btn.btn-round:focus,.btn.btn-round:hover {
    background-color: var(--primary-gray-400)
}

.btn.btn-round[aria-disabled=true] {
    color: var(--primary-gray-750-4)
}

.btn.btn-round[aria-disabled=true]:focus {
    border: var(--primary-white-1-px);
    box-shadow: var(--primary-gray-550-shadow-2)
}

.btn.btn-mini {
    height: 20px;
    min-width: 0;
    padding: 0;
    width: 20px
}

.btn.btn-mini i {
    font-size: 12px;
    margin: 0
}

.btn.btn-ts-5 {
    margin-top: 5px
}

.btn-group>.btn:first-child {
    margin: 0
}

.btn-group>.btn+.dropdown-toggle {
    border-left: var(--primary-blue-300-1-px);
    min-width: 0;
    padding: 8px 12px
}

.btn-group>.btn+.dropdown-toggle:focus {
    border-left-color: var(--primary-blue-550)
}

.btn-group>.btn+.dropdown-toggle:hover {
    border-left-color: var(--primary-blue-300)
}

.btn-group>.btn+.dropdown-toggle.btn-green {
    border-left: var(--primary-green-400-1-px)
}

.btn-group>.btn+.dropdown-toggle.btn-green:hover {
    border-left-color: var(--primary-green-400)
}

.btn-group>.btn+.dropdown-toggle.btn-green:active {
    border-left-color: var(--primary-green-300);
    box-shadow: var(--primary-btn-drop-shadow)
}

.btn-group>.btn+.dropdown-toggle.btn-green:focus {
    border-left-color: var(--primary-green-500)
}

.btn-group>.btn+.dropdown-toggle[aria-disabled=true] {
    border-left-color: var(--primary-gray-450);
    margin-left: 0
}

.btn-group>.btn+.dropdown-toggle[aria-disabled=true]:active {
    border-left-color: var(--primary-gray-450);
    box-shadow: none
}

.btn-group>.btn+.dropdown-toggle[aria-disabled=true]:focus {
    border-left-color: var(--primary-gray-350)
}

.btn-group.open .dropdown-toggle {
    background-color: var(--primary-blue-300);
    border-color: var(--primary-blue-300)!important;
    border-left-color: var(--primary-blue-300)!important;
    box-shadow: var(--primary-btn-drop-shadow)
}

.btn-group.open .dropdown-toggle.btn-green {
    background-color: var(--primary-green-300);
    border-color: var(--primary-green-300)!important;
    border-left-color: var(--primary-green-300)!important
}

.btn-group.open .dropdown-toggle[aria-disabled=true] {
    background-color: var(--primary-gray-350);
    border: none;
    border-left: var(--primary-gray-400-1-px)!important;
    box-shadow: none
}

.btn-group.open .dropdown-toggle[aria-disabled=true]+.dropdown-menu {
    display: none
}

.btn-group.open .dropdown-toggle.btn-gray {
    background-color: transparent;
    border: none!important;
    box-shadow: none
}

.new-parameter-modal {
    min-width: 400px
}

.element-chooser-grid {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px
}

.element-chooser-grid .chooser-grid-item {
    background: var(--primary-gray-200);
    border-radius: 2px;
    color: var(--primary-gray-800);
    line-height: normal;
    margin-top: 20px;
    padding: 25px;
    text-align: center;
    width: 150px
}

.element-chooser-grid .chooser-grid-item:focus {
    outline: var(--primary-black-2-px)
}

.element-chooser-grid .chooser-grid-item:hover {
    text-decoration: none
}

.element-chooser-grid .chooser-grid-item:first-child,.element-chooser-grid .chooser-grid-item:nth-child(2),.element-chooser-grid .chooser-grid-item:nth-child(3) {
    margin-top: 0
}

.element-chooser-grid .chooser-grid-item i {
    display: block;
    font-size: 40px;
    line-height: normal;
    margin-bottom: 17px
}

.parameter-edit-modal .form-group-schema-element-items .name-value-map-header {
    display: grid;
    grid-template-areas: ". . dn dv .";
    grid-template-columns: 30px 18px 1fr 1fr 30px
}

.parameter-edit-modal .form-group-schema-element-items .name-value-map-header .item-display-name-header {
    grid-area: dn
}

.parameter-edit-modal .form-group-schema-element-items .name-value-map-header .item-value-header {
    grid-area: dv;
    padding-left: 5px
}

.parameter-edit-modal .form-group-schema-element-items .checkbox-controls,.parameter-edit-modal .form-group-schema-element-items .radio-controls {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 8px;
    margin-left: 0
}

.parameter-edit-modal .form-group-schema-element-items .checkbox-controls a,.parameter-edit-modal .form-group-schema-element-items .radio-controls a {
    flex: 0 0 auto;
    height: 32px;
    text-align: center;
    text-decoration: none;
    width: 30px
}

.parameter-edit-modal .form-group-schema-element-items .checkbox-controls a i,.parameter-edit-modal .form-group-schema-element-items .radio-controls a i {
    line-height: 32px
}

.parameter-edit-modal .form-group-schema-element-items .checkbox-controls input[type=text],.parameter-edit-modal .form-group-schema-element-items .radio-controls input[type=text] {
    flex: 1 1 auto
}

.parameter-edit-modal .form-group-schema-element-items .checkbox-controls .item-title-input,.parameter-edit-modal .form-group-schema-element-items .radio-controls .item-title-input {
    margin-right: 10px
}

.parameter-edit-modal .form-group-schema-element-items.toggle-items-group .name-value-map-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.parameter-edit-modal .form-group-schema-element-items.toggle-items-group .name-value-map-header .item-display-name-header {
    flex: 0 0 100px;
    margin-left: 15px;
    margin-right: 15px
}

.parameter-edit-modal .form-group-schema-element-items.toggle-items-group .name-value-map-header .item-value-header {
    flex: 1 1 auto
}

.parameter-edit-modal .form-group-schema-element-items.toggle-items-group .radio-controls {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 8px;
    margin-left: 0
}

.parameter-edit-modal .form-group-schema-element-items.toggle-items-group .radio-controls input[type=radio] {
    flex: 0 0 15px;
    margin-left: 15px
}

.parameter-edit-modal .form-group-schema-element-items.toggle-items-group .radio-controls .toggle-state-label {
    flex: 0 0 80px;
    margin-right: 15px
}

.parameter-edit-modal .form-group-schema-element-items.toggle-items-group .radio-controls input[type=text] {
    flex: 1 1 auto
}

.parameter-edit-modal .data-link-group {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start
}

.parameter-edit-modal .data-link-group label {
    flex: 0 0 100%
}

.parameter-edit-modal .data-link-group .controls {
    flex: 1 1 88%
}

.parameter-edit-modal .data-link-group .addons {
    flex: 0 0 10%;
    font-size: 20px;
    height: 32px
}

.parameter-edit-modal .data-link-group .addons .icon-cancel-circle {
    color: var(--primary-red-550)
}

.parameter-edit-modal .data-link-group .addons .icon-check-circle {
    color: var(--primary-green-200)
}

#dashboard-view {
    color: var(--primary-gray-800)
}

#dashboard-view .region {
    margin-left: auto;
    margin-right: auto;
    max-width: 820px;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    #dashboard-view .region {
        max-width:1240px;
        width: 100%
    }
}

#dashboard-view .card {
    background: var(--primary-white);
    box-shadow: var(--primary-shadow)
}

#dashboard-view .dashboard-top {
    display: flex;
    margin-top: 50px
}

#dashboard-view .dashboard-top .backdrop {
    background: var(--primary-dashboard-backdrop);
    height: 395px;
    left: -50px;
    position: absolute;
    right: -50px;
    top: -50px;
    z-index: -1
}

#dashboard-view .dashboard-top .user-panel {
    background: var(--primary-dark-blue-500);
    color: var(--primary-white);
    height: 230px;
    padding: 20px;
    width: 260px
}

#dashboard-view .dashboard-top .user-panel .user-profile {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    height: 100px;
    margin: 0 auto;
    width: 100px
}

#dashboard-view .dashboard-top .user-panel .greet {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 5px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 210px
}

#dashboard-view .dashboard-top .user-panel .workflow-btns {
    display: flex;
    justify-content: center;
    padding-top: 15px
}

#dashboard-view .dashboard-top .user-panel .workflow-btns .workflow-btn {
    align-items: center;
    background-color: transparent;
    border: var(--primary-white-2-px);
    border-radius: 50%;
    display: inline-flex;
    font-size: 22px;
    height: 36px;
    justify-content: center;
    margin: 0 6px;
    text-decoration: none;
    width: 36px
}

#dashboard-view .dashboard-top .user-panel .workflow-btns .workflow-btn:hover {
    background: var(--primary-white);
    cursor: pointer
}

#dashboard-view .dashboard-top .user-panel .workflow-btns .workflow-btn:hover i {
    color: var(--primary-dark-blue-600)
}

#dashboard-view .dashboard-top .user-panel .workflow-btns .workflow-btn:active {
    transform: scale(.97)
}

#dashboard-view .dashboard-top .user-panel .workflow-btns .workflow-btn:focus {
    box-shadow: var(--primary-white-shadow-2);
    outline: none
}

#dashboard-view .dashboard-top .user-panel .workflow-btns .workflow-btn i {
    color: var(--primary-white)
}

#dashboard-view .dashboard-top .recently-visited-panel {
    background: var(--primary-dark-blue-500);
    color: var(--primary-white);
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    width: calc(100% - 270px)
}

#dashboard-view .dashboard-top .recently-visited-panel:focus {
    box-shadow: var(--primary-orange-600-shadow-3-inset);
    outline: none
}

#dashboard-view .dashboard-top .recently-visited-panel .header {
    align-items: center;
    display: flex;
    font-size: 20px;
    height: 50px;
    padding: 16px 20px 0
}

#dashboard-view .dashboard-top .recently-visited-panel .header .dash-icon {
    align-items: center;
    display: flex
}

#dashboard-view .dashboard-top .recently-visited-panel .header .dash-icon i {
    color: var(--primary-white);
    font-size: 26px;
    margin-right: 10px
}

#dashboard-view .dashboard-top .recently-visited-panel .header .dash-icon .recent-heading {
    font-size: inherit;
    font-weight: 400;
    margin: 0
}

#dashboard-view .dashboard-top .recently-visited-panel .body {
    flex: 1;
    padding: 15px 20px;
    position: relative
}

#dashboard-view .dashboard-top .recently-visited-panel .body .scroll-btn {
    align-items: center;
    background: var(--primary-white);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    height: 35px;
    justify-content: center;
    outline: none;
    position: absolute;
    top: 53px;
    width: 35px;
    z-index: 1
}

#dashboard-view .dashboard-top .recently-visited-panel .body .scroll-btn:focus {
    border: var(--primary-black-2-px)
}

#dashboard-view .dashboard-top .recently-visited-panel .body .scroll-btn i {
    font-size: 16px
}

#dashboard-view .dashboard-top .recently-visited-panel .body .scroll-btn.visible {
    display: inline-flex
}

#dashboard-view .dashboard-top .recently-visited-panel .body .scroll-btn.left {
    left: 10px
}

#dashboard-view .dashboard-top .recently-visited-panel .body .scroll-btn.left i {
    position: relative;
    right: 1px
}

#dashboard-view .dashboard-top .recently-visited-panel .body .scroll-btn.right {
    right: 10px
}

#dashboard-view .dashboard-top .recently-visited-panel .body .scroll-btn.right i {
    left: 1px;
    position: relative
}

#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages {
    align-items: flex-start;
    display: flex;
    height: 100%;
    outline: none;
    overflow: hidden
}

#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .recent-page {
    display: inline-block;
    flex: 0 0 165px;
    margin-left: 15px;
    max-width: 165px;
    padding: 4px 4px 0;
    position: relative;
    text-decoration: none;
    width: 165px
}

#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .recent-page:first-child {
    margin: 0
}

#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .recent-page:focus,#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .recent-page:hover {
    outline: none
}

#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .recent-page:focus .thumb,#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .recent-page:hover .thumb {
    outline: var(--primary-white-2-px);
    outline-offset: 2px
}

#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .recent-page .thumb {
    align-items: center;
    background-color: var(--primary-dark-blue-600);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 100px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .recent-page .thumb i {
    color: var(--primary-white);
    font-size: 45px
}

#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .recent-page .thumb .file-label-recently-visited:after {
    background-color: var(--primary-white);
    border-radius: 2px;
    bottom: 31px;
    color: var(--primary-dark-blue-600);
    font-size: 9px;
    line-height: 10px;
    padding: 1px 3px;
    position: absolute;
    right: 63px
}

#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .recent-page .thumb .file-label-recently-visited.pcf:after {
    content: "PCF"
}

#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .recent-page .thumb .file-label-recently-visited.tcf:after {
    content: "TCF"
}

#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .recent-page .title {
    word-wrap: break-word;
    color: var(--primary-white);
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    transition: .3s
}

#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .empty-recently-visited {
    margin: auto;
    text-align: center
}

#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .empty-recently-visited i {
    color: var(--primary-white);
    font-size: 40px
}

#dashboard-view .dashboard-top .recently-visited-panel .body .recent-pages .empty-recently-visited p {
    font-size: 16px
}

#dashboard-view .gadgets-region {
    padding-bottom: 60px
}

#dashboard-view .gadgets-region .add-gadgets {
    background: var(--primary-gray-150);
    border: var(--primary-dark-blue-500-2-px-dashed);
    border-radius: 2px;
    color: var(--primary-gray-800);
    cursor: pointer;
    font-size: 32px;
    height: 150px;
    margin-top: 20px;
    outline: none;
    transition: .2s;
    width: 100%
}

#dashboard-view .gadgets-region .add-gadgets:focus,#dashboard-view .gadgets-region .add-gadgets:hover {
    color: var(--primary-dark-blue-500)
}

#dashboard-view .gadgets-region .gadgets {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10.5px
}

#dashboard-view .gadgets-region .gadgets .gadget {
    border-top: var(--primary-orange-500-3-px);
    margin: 20px 10px 0;
    min-width: 300px;
    position: relative
}

#dashboard-view .gadgets-region .gadgets .gadget.col-1 {
    max-width: 400px;
    width: calc(50% - 20px)
}

#dashboard-view .gadgets-region .gadgets .gadget.col-1 .gadget-outer-wrapper {
    padding-top: 100%
}

@media only screen and (min-width: 1024px) {
    #dashboard-view .gadgets-region .gadgets .gadget.col-1 {
        width:calc(33.33333% - 20px)
    }
}

#dashboard-view .gadgets-region .gadgets .gadget.col-2 {
    width: 100%
}

#dashboard-view .gadgets-region .gadgets .gadget.col-2 .gadget-outer-wrapper {
    padding-top: calc(50% - 10px)
}

@media only screen and (min-width: 1024px) {
    #dashboard-view .gadgets-region .gadgets .gadget.col-2 {
        width:calc(66.66667% - 20px)
    }
}

#dashboard-view .gadgets-region .gadgets .gadget.col-3 {
    width: 100%
}

#dashboard-view .gadgets-region .gadgets .gadget.col-3 .gadget-outer-wrapper {
    padding-top: 440px
}

#dashboard-view .gadgets-region .gadgets .gadget.proxy {
    background-color: var(--primary-gray-150);
    border: var(--primary-dark-blue-500-2-px-dashed);
    box-shadow: none;
    max-height: 400px!important;
    max-width: 400px;
    text-align: center;
    width: calc(50% - 20px)
}

@media only screen and (min-width: 1024px) {
    #dashboard-view .gadgets-region .gadgets .gadget.proxy {
        width:calc(33.33333% - 20px)
    }
}

#dashboard-view .gadgets-region .gadgets .gadget.proxy:before {
    color: var(--primary-blue-400);
    content: "Drop Gadget";
    font-size: 18px;
    font-weight: 700;
    position: relative;
    top: 10%
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper {
    position: relative
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper .gadget-inner-wrapper {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    outline: none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper .gadget-inner-wrapper:focus {
    box-shadow: var(--primary-orange-600-shadow-3)
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper .gadget-inner-wrapper>.gadget-dashboard-heading {
    align-items: center;
    background: var(--primary-white);
    border-bottom: var(--primary-gray-400-2-px);
    cursor: move;
    display: flex;
    font-size: 18px;
    height: 50px;
    line-height: 18px;
    margin: 0;
    min-height: 50px;
    overflow: hidden;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper .gadget-inner-wrapper>.gadget-dashboard-heading i {
    font-size: 30px;
    margin-right: 15px
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper .gadget-inner-wrapper>.gadget-dashboard-heading .titlebar-controls {
    float: right;
    margin-left: auto;
    position: relative
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper .gadget-inner-wrapper>.gadget-dashboard-heading .titlebar-controls>i.configure {
    cursor: pointer
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper .gadget-inner-wrapper>.gadget-dashboard-heading .titlebar-controls>* {
    float: left;
    position: relative
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper .gadget-inner-wrapper>.gadget-dashboard-heading .titlebar-controls .btn {
    padding: 3px 7px
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper .gadget-inner-wrapper>.gadget-dashboard-heading .titlebar-controls .btn.configure {
    margin-top: -2px;
    visibility: hidden
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper .gadget-inner-wrapper>.gadget-dashboard-heading .badge {
    background: var(--primary-red-600);
    border-radius: 12px;
    color: var(--primary-white);
    font-size: 16px;
    font-weight: 700;
    margin-left: 16px;
    padding: 3px 7px;
    position: relative
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper .gadget-inner-wrapper>.gadget-dashboard-heading:hover .configure {
    visibility: visible
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper .gadget-inner-wrapper .gadget-content {
    flex: 1
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper .gadget-inner-wrapper .gadget-content iframe {
    border: none;
    display: block;
    height: 100%;
    width: 100%
}

#dashboard-view .gadgets-region .gadgets .gadget .gadget-outer-wrapper .gadget-inner-wrapper .gadget-overlay {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (max-width: 1323px) {
    #body.gadgets-open .region {
        max-width:820px;
        width: 100%
    }
}

@media only screen and (min-width: 1324px) {
    #body.gadgets-open .region {
        max-width:1240px;
        width: 100%
    }
}

@media only screen and (max-width: 1323px) {
    #body.gadgets-open .gadgets .gadget.col-1 {
        width:calc(50% - 20px)
    }
}

@media only screen and (min-width: 1324px) {
    #body.gadgets-open .gadgets .gadget.col-1 {
        width:calc(33.33333% - 20px)
    }
}

@media only screen and (max-width: 1323px) {
    #body.gadgets-open .gadgets .gadget.col-2 {
        width:100%
    }
}

@media only screen and (min-width: 1324px) {
    #body.gadgets-open .gadgets .gadget.col-2 {
        width:calc(66.66667% - 20px)
    }
}

#body.gadgets-open .gadgets .gadget.col-3 .gadget-outer-wrapper {
    padding-top: 440px
}

@media only screen and (max-width: 1303px) {
    #body.leftnav-open .region {
        max-width:820px;
        width: 100%
    }
}

@media only screen and (min-width: 1304px) {
    #body.leftnav-open .region {
        max-width:1240px;
        width: 100%
    }
}

@media only screen and (max-width: 1303px) {
    #body.leftnav-open .gadgets .gadget.col-1 {
        width:calc(50% - 20px)
    }
}

@media only screen and (min-width: 1304px) {
    #body.leftnav-open .gadgets .gadget.col-1 {
        width:calc(33.33333% - 20px)
    }
}

@media only screen and (max-width: 1303px) {
    #body.leftnav-open .gadgets .gadget.col-2 {
        width:100%
    }
}

@media only screen and (min-width: 1304px) {
    #body.leftnav-open .gadgets .gadget.col-2 {
        width:calc(66.66667% - 20px)
    }
}

#body.leftnav-open .gadgets .gadget.col-3 .gadget-outer-wrapper {
    padding-top: 440px
}

@media only screen and (max-width: 1603px) {
    #body.leftnav-open.gadgets-open .region {
        max-width:820px;
        width: 100%
    }
}

@media only screen and (min-width: 1604px) {
    #body.leftnav-open.gadgets-open .region {
        max-width:1240px;
        width: 100%
    }
}

@media only screen and (max-width: 1603px) {
    #body.leftnav-open.gadgets-open .gadgets .gadget.col-1 {
        width:calc(50% - 20px)
    }
}

@media only screen and (min-width: 1604px) {
    #body.leftnav-open.gadgets-open .gadgets .gadget.col-1 {
        width:calc(33.33333% - 20px)
    }
}

@media only screen and (max-width: 1603px) {
    #body.leftnav-open.gadgets-open .gadgets .gadget.col-2 {
        width:100%
    }
}

@media only screen and (min-width: 1604px) {
    #body.leftnav-open.gadgets-open .gadgets .gadget.col-2 {
        width:calc(66.66667% - 20px)
    }
}

#body.leftnav-open.gadgets-open .gadgets .gadget.col-3 .gadget-outer-wrapper {
    padding-top: 440px
}

.mailbox-message-view,.workflow-message-view {
    padding: 24px 0 4px
}

.mailbox-message-view .back-link,.workflow-message-view .back-link {
    align-items: center;
    display: inline-flex;
    margin-bottom: 24px;
    text-decoration: none
}

.mailbox-message-view .back-link i,.workflow-message-view .back-link i {
    font-size: 12px;
    margin-right: 5px
}

.mailbox-message-view fieldset dl,.workflow-message-view fieldset dl {
    margin-bottom: 0
}

.mailbox-message-view fieldset dl.message,.workflow-message-view fieldset dl.message {
    border-top: var(--primary-gray-400-1-px);
    margin-top: 20px;
    padding-top: 24px
}

.mailbox-message-view fieldset dl:last-child,.workflow-message-view fieldset dl:last-child {
    border-bottom: none
}

.mailbox-message-view fieldset dl dt,.workflow-message-view fieldset dl dt {
    float: left;
    font-weight: 500;
    text-align: left;
    width: auto
}

.mailbox-message-view fieldset dl dd,.workflow-message-view fieldset dl dd {
    word-wrap: break-word;
    letter-spacing: .5px;
    margin-bottom: 10px;
    margin-left: 80px;
    min-height: 20px
}

.mailbox-message-view fieldset dl dd.wide,.workflow-message-view fieldset dl dd.wide {
    margin-left: 150px
}

.mailbox-message-view fieldset dl dd:last-child,.workflow-message-view fieldset dl dd:last-child {
    margin-bottom: 0
}

.mailbox-message-view fieldset .workflow-message-info .workflow-message-container,.workflow-message-view fieldset .workflow-message-info .workflow-message-container {
    margin-bottom: 15px
}

.mailbox-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message,.workflow-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message {
    display: flex
}

.mailbox-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message .workflow-message-thumb,.workflow-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message .workflow-message-thumb {
    height: 24px;
    width: 40px
}

.mailbox-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message .workflow-message-thumb img,.workflow-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message .workflow-message-thumb img {
    border-radius: 50%;
    height: 24px;
    width: 24px
}

.mailbox-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message .workflow-message-thumb .from-name,.workflow-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message .workflow-message-thumb .from-name {
    overflow: hidden;
    text-overflow: ellipsis
}

.mailbox-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message .workflow-message-details,.workflow-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message .workflow-message-details {
    background-color: var(--primary-gray-250);
    border-radius: 10px;
    margin-left: 20px;
    padding: 15px 20px
}

.mailbox-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message .workflow-message-details .message-date,.mailbox-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message .workflow-message-details .message-to,.workflow-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message .workflow-message-details .message-date,.workflow-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message .workflow-message-details .message-to {
    font-size: 10px;
    letter-spacing: .38px;
    line-height: 1.2;
    text-align: right
}

.mailbox-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message.you,.workflow-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message.you {
    float: right
}

.mailbox-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message.you .workflow-message-thumb,.workflow-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message.you .workflow-message-thumb {
    order: 2
}

.mailbox-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message.you .workflow-message-details,.workflow-message-view fieldset .workflow-message-info .workflow-message-container .workflow-message.you .workflow-message-details {
    background-color: var(--primary-blue-400);
    color: var(--primary-white);
    margin-left: 0;
    margin-right: 20px;
    order: 1
}

.mailbox-message-view fieldset .message-reply-container,.workflow-message-view fieldset .message-reply-container {
    display: flex;
    padding-top: 15px
}

.mailbox-message-view fieldset .message-reply-container .selectList,.workflow-message-view fieldset .message-reply-container .selectList {
    position: absolute;
    visibility: hidden
}

.mailbox-message-view fieldset .message-reply-container .thumbCont,.workflow-message-view fieldset .message-reply-container .thumbCont {
    align-items: center;
    cursor: pointer;
    display: flex
}

.mailbox-message-view fieldset .message-reply-container .thumbCont img,.workflow-message-view fieldset .message-reply-container .thumbCont img {
    height: 40px;
    margin: 0;
    width: 40px
}

.mailbox-message-view fieldset .message-reply-container .thumbCont i.icon-users,.workflow-message-view fieldset .message-reply-container .thumbCont i.icon-users {
    font-size: 40px
}

.mailbox-message-view fieldset .message-reply-container .thumbCont i.icon-arrow-down,.workflow-message-view fieldset .message-reply-container .thumbCont i.icon-arrow-down {
    margin: 0 20px 0 10px
}

.mailbox-message-view fieldset .message-reply-container .text-reply-user,.workflow-message-view fieldset .message-reply-container .text-reply-user {
    flex: 1;
    position: relative
}

.mailbox-message-view fieldset .message-reply-container .text-reply-user textarea,.workflow-message-view fieldset .message-reply-container .text-reply-user textarea {
    height: 80px;
    max-width: none;
    padding-right: 58px;
    resize: none
}

.mailbox-message-view fieldset .message-reply-container .send-btn,.workflow-message-view fieldset .message-reply-container .send-btn {
    align-items: center;
    bottom: 20px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    outline: none;
    position: absolute;
    right: 10px;
    width: 40px
}

.mailbox-message-view fieldset .message-reply-container .send-btn i,.workflow-message-view fieldset .message-reply-container .send-btn i {
    color: var(--primary-dark-blue-600);
    font-size: 20px
}

#asset-general-properties,.ldp-summary-div .flush-bottom {
    margin-bottom: 0
}

#asset-preview #preview-iframe {
    border: var(--primary-gray-600-1-px);
    max-height: 600px;
    min-height: 200px
}

#asset-preview pre {
    white-space: pre-wrap
}

#asset-preview pre:focus:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#asset-preview pre.nowrap {
    word-wrap: normal;
    overflow: auto;
    white-space: nowrap;
    word-break: break-all
}

#asset-preview .generic-preview {
    margin: 0 10px
}

#asset-elements .form-preview-panel {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    margin-bottom: 30px;
    padding: 20px
}

#asset-elements .form-preview-panel.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#asset-elements .form-preview-panel.padded-children>* {
    padding: 15px
}

#asset-elements .form-preview-panel:last-child {
    margin-bottom: 0
}

#asset-elements .form-preview-panel:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

.insttext_frame,.ldp-message {
    border: var(--primary-gray-400-1-px);
    position: relative;
    top: 0
}

.insttext_frame:focus,.ldp-message:focus {
    outline: var(--primary-black-2-px)
}

.insttext_frame iframe,.ldp-message iframe {
    border: none
}

.insttext_frame {
    top: 4px
}

.fake-ldp-form-label {
    display: inline-block;
    text-align: right;
    width: 180px
}

.fake-ldp-form-element {
    margin-left: 22px
}

.email-preview-panel-form {
    padding-bottom: 15px;
    padding-left: 15px
}

#asset-edit-view .content .main-right,#asset-edit-view .content .main-right #edit-asset {
    height: 100%
}

#asset-edit-view textarea {
    height: 300px
}

#asset-edit-view #text-content {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    resize: both;
    width: 100%
}

#new-asset-view #asset-content {
    max-width: 100%;
    width: 100%
}

#new-asset-view textarea#text-asset-content {
    max-height: 300px;
    max-width: 100%;
    width: 100%
}

.ldp-form-elementset {
    display: block;
    position: relative;
    width: 100%
}

a.sidenav-form-element {
    word-wrap: break-word;
    background-color: var(--primary-gray-150);
    border: var(--primary-gray-400-1-px);
    color: var(--primary-gray-800);
    display: block;
    letter-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
    padding: 10px 12px 10px 42px;
    position: relative;
    text-decoration: none;
    width: 230px
}

a.sidenav-form-element.ui-draggable.ui-sortable-helper {
    padding-left: 42px
}

a.sidenav-form-element:focus {
    background-color: var(--primary-blue-100);
    border: 1px solid transparent;
    box-shadow: var(--primary-blue-550-shadow-2-inset);
    color: var(--primary-blue-300);
    outline: none
}

a.sidenav-form-element i {
    color: var(--primary-green-500);
    font-size: 20px;
    left: 12px;
    position: absolute
}

.ui-autocomplete .ui-menu-item {
    margin: 6px
}

#ldp-form-elements {
    display: flex;
    flex-direction: column
}

.ldp-form-elements-predrop {
    font-size: 16px;
    margin-top: 54px;
    text-align: center
}

.ldp-form-elements-predrop i {
    font-size: 36px
}

.panel {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    display: block;
    margin-bottom: 20px;
    position: relative;
    width: 100%
}

.panel .panel-header {
    align-items: center;
    background-color: var(--primary-gray-150);
    border-bottom: var(--primary-gray-400-1-px);
    display: flex;
    flex-direction: row;
    height: 50px;
    justify-content: space-between;
    margin-bottom: 18px
}

.panel .panel-header .panel-header-title {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    height: 100%;
    justify-content: flex-start;
    padding-left: 18px
}

.panel .panel-header .panel-header-title i {
    margin-right: 12px
}

.panel .panel-header .panel-header-title h4 {
    font-size: 16px;
    margin: 0
}

.panel .panel-header .panel-header-actions-placeholder {
    flex: 0 0 auto;
    flex-basis: 50px;
    height: 100%
}

.panel .panel-header-actions {
    cursor: pointer;
    height: 50px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 50px
}

.panel .panel-header-actions .icon-cancel {
    font-size: 18px;
    line-height: 50px
}

.ldp-form-element .element-header .element-header-title {
    cursor: move
}

.ldp-form-element .control-group.full-view:last-child {
    margin-bottom: 12px
}

.ldp-form-element .control-group.ldp-form-element-validation-regex,.ldp-form-element .control-group.ldp-form-element-validation-text {
    display: none
}

.ldp-form-element .control-group .controls.ldp-form-checkbox-item,.ldp-form-element .control-group .controls.ldp-form-dropdown-item,.ldp-form-element .control-group .controls.ldp-form-multiselect-item,.ldp-form-element .control-group .controls.ldp-form-radio-item {
    background-color: var(--primary-white);
    margin-bottom: 10px;
    margin-left: 0
}

.ldp-form-element .control-group .controls.ldp-form-checkbox-item div.option,.ldp-form-element .control-group .controls.ldp-form-dropdown-item div.option,.ldp-form-element .control-group .controls.ldp-form-multiselect-item div.option,.ldp-form-element .control-group .controls.ldp-form-radio-item div.option {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: flex-start
}

.ldp-form-element .control-group .controls.ldp-form-checkbox-item div.option .move-item,.ldp-form-element .control-group .controls.ldp-form-checkbox-item div.option .remove-item,.ldp-form-element .control-group .controls.ldp-form-dropdown-item div.option .move-item,.ldp-form-element .control-group .controls.ldp-form-dropdown-item div.option .remove-item,.ldp-form-element .control-group .controls.ldp-form-multiselect-item div.option .move-item,.ldp-form-element .control-group .controls.ldp-form-multiselect-item div.option .remove-item,.ldp-form-element .control-group .controls.ldp-form-radio-item div.option .move-item,.ldp-form-element .control-group .controls.ldp-form-radio-item div.option .remove-item {
    height: 32px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 30px
}

.ldp-form-element .control-group .controls.ldp-form-checkbox-item div.option .move-item i,.ldp-form-element .control-group .controls.ldp-form-checkbox-item div.option .remove-item i,.ldp-form-element .control-group .controls.ldp-form-dropdown-item div.option .move-item i,.ldp-form-element .control-group .controls.ldp-form-dropdown-item div.option .remove-item i,.ldp-form-element .control-group .controls.ldp-form-multiselect-item div.option .move-item i,.ldp-form-element .control-group .controls.ldp-form-multiselect-item div.option .remove-item i,.ldp-form-element .control-group .controls.ldp-form-radio-item div.option .move-item i,.ldp-form-element .control-group .controls.ldp-form-radio-item div.option .remove-item i {
    vertical-align: middle
}

.ldp-form-element .control-group .controls.ldp-form-checkbox-item div.option .move-item,.ldp-form-element .control-group .controls.ldp-form-dropdown-item div.option .move-item,.ldp-form-element .control-group .controls.ldp-form-multiselect-item div.option .move-item,.ldp-form-element .control-group .controls.ldp-form-radio-item div.option .move-item {
    width: 60px
}

.ldp-form-element .control-group .controls.ldp-form-checkbox-item div.option input[type=checkbox],.ldp-form-element .control-group .controls.ldp-form-dropdown-item div.option input[type=checkbox],.ldp-form-element .control-group .controls.ldp-form-multiselect-item div.option input[type=checkbox],.ldp-form-element .control-group .controls.ldp-form-radio-item div.option input[type=checkbox] {
    margin-top: 0
}

.ldp-form-element .control-group .controls.ldp-form-checkbox-item .help-block,.ldp-form-element .control-group .controls.ldp-form-dropdown-item .help-block,.ldp-form-element .control-group .controls.ldp-form-multiselect-item .help-block,.ldp-form-element .control-group .controls.ldp-form-radio-item .help-block {
    padding-left: 66px
}

.ldp-form-element .control-group .controls.ldp-form-checkbox-item.error input[type=text],.ldp-form-element .control-group .controls.ldp-form-dropdown-item.error input[type=text],.ldp-form-element .control-group .controls.ldp-form-multiselect-item.error input[type=text],.ldp-form-element .control-group .controls.ldp-form-radio-item.error input[type=text] {
    border: var(--primary-red-550-1-px)
}

.ldp-form-element .control-group .controls.ldp-form-checkbox-item.error input[type=text]:focus,.ldp-form-element .control-group .controls.ldp-form-dropdown-item.error input[type=text]:focus,.ldp-form-element .control-group .controls.ldp-form-multiselect-item.error input[type=text]:focus,.ldp-form-element .control-group .controls.ldp-form-radio-item.error input[type=text]:focus {
    border: var(--primary-red-550-2-px)
}

.ldp-form-element .control-group .controls.ldp-form-checkbox-item.error .help-block,.ldp-form-element .control-group .controls.ldp-form-dropdown-item.error .help-block,.ldp-form-element .control-group .controls.ldp-form-multiselect-item.error .help-block,.ldp-form-element .control-group .controls.ldp-form-radio-item.error .help-block {
    color: var(--primary-red-550)
}

.ldp-form-remove-row {
    cursor: pointer
}

#ldp-form-emails {
    display: flex;
    flex-direction: column
}

#ldp-form-emails .control-group:last-child {
    margin-bottom: 12px
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    background: var(--primary-white);
    background-color: var(--primary-white);
    border: var(--primary-gray-600-1-px);
    border-radius: 6px 6px 6px 6px;
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    list-style: none outside none
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all.padded-children>* {
    padding: 15px
}

.ldp-preview-noelements {
    font-weight: 700;
    text-align: center
}

#edit-font-size-set div.controls a:hover {
    background-color: var(--primary-white);
    text-decoration: none
}

.ldpforms-submission-container {
    margin-left: 0;
    margin-top: 20px
}

#layout-edit-view+#footer-nav {
    display: none
}

#layout-edit-view .loading-overlay {
    align-items: center;
    background: var(--primary-overlay-color);
    bottom: 0;
    color: var(--primary-white);
    display: block;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s;
    z-index: 5
}

#layout-edit-view .loading-overlay.fade-out {
    opacity: 0
}

#layout-edit-view .loading-overlay.hide-me {
    display: block!important;
    height: 0;
    opacity: 0;
    overflow: hidden;
    width: 0
}

#layout-edit-view .loading-overlay .icon-loading {
    animation: loadingData 1.8s linear infinite;
    color: var(--primary-white);
    display: inline-block;
    font-size: 4.5rem;
    line-height: 4.5rem;
    margin-bottom: 5px
}

.nav-fixed-left.w465 {
    padding-bottom: 20px;
    padding-top: 0
}

.layout-sections {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.layout-sections .sections-list-header {
    align-items: center;
    background: var(--primary-white);
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    padding-top: 20px;
    position: sticky;
    top: 0
}

.layout-sections .sections-list-header #list-filter-container {
    margin-top: 2rem;
    width: auto
}

.layout-sections .sections-list-header #list-filter-container #filter-input {
    max-width: none
}

.layout-sections .sections-list {
    flex: 1 1 auto;
    margin: 1rem 3rem 0;
    padding: 0
}

.layout-sections .sections-list .section-item {
    border: 2px solid #fff;
    border-radius: 3px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.16);
    cursor: pointer;
    margin-bottom: 2.5rem;
    padding: .7rem
}

.layout-sections .sections-list .section-item .section-thumbnail {
    width: 100%
}

.layout-sections .sections-list .section-item:focus,.layout-sections .sections-list .section-item:hover {
    border: var(--primary-teal-600-2-px)
}

.layout-sections .component-empty-state .message span {
    font-size: 18px
}

.collection-list.sections-list {
    height: unset;
    list-style-type: none;
    overflow-x: unset;
    overflow-y: unset
}

#layout-properties-headcode .fieldset-card {
    height: 100%
}

#layout-properties-headcode .fieldset-card .fieldset-card-body {
    display: flex;
    flex-direction: column;
    height: calc(100% - 81px)
}

#layout-styles textarea#safelist {
    height: 250px;
    max-height: 500px
}

#layout-styles .nav-fixed-left [data-name=sidenavigation-list-item]:last-of-type {
    border-top: var(--primary-gray-400-1-px);
    margin-top: 8px
}

#layout-styles-preview {
    --topBarHeight: 42px
}

#layout-styles-preview .top-bar {
    background: var(--primary-gray-250);
    height: var(--topBarHeight);
    padding: 5px 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9999
}

#layout-styles-preview .top-bar form h4 {
    clip: rect(0 0 0 0)!important;
    border: 0!important;
    height: 1px!important;
    left: -9999px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    top: -9999px!important;
    visibility: hidden!important;
    width: 1px!important
}

#layout-styles-preview h3.section-label {
    font-size: 18px
}

#layout-styles-preview .color-gradient {
    display: flex;
    flex-wrap: nowrap
}

#layout-styles-preview .color-gradient>.color-block {
    flex-shrink: 1
}

#layout-styles-preview .color-gradient.theme {
    gap: 5px
}

#layout-styles-preview .color-gradient.theme .primary {
    flex-basis: 70%
}

#layout-styles-preview .color-gradient.theme .secondary {
    flex-basis: 30%
}

#layout-styles-preview .color-gradient.box-shadow {
    gap: 20px
}

#layout-styles-preview .color-gradient.box-shadow .color-name {
    margin-top: 12px
}

#layout-styles-preview .color-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: 2%
}

#layout-styles-preview .color-list>.color-block {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: -2%
}

#layout-styles-preview .color-list>.color-block .color-swatch {
    border: var(--primary-white-2-px)
}

#layout-styles-preview .color-block {
    position: relative;
    width: 50px
}

#layout-styles-preview .color-block .color-swatch {
    height: 50px
}

#layout-styles-preview .color-block .color-name {
    color: var(--primary-gray-700);
    font-size: 12px;
    word-break: break-word
}

#layout-styles-preview .color-block .shades {
    background: var(--primary-white);
    box-shadow: var(--primary-shadow);
    cursor: default;
    display: none;
    left: 70%;
    list-style: none;
    margin: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 120px;
    z-index: 10
}

#layout-styles-preview .color-block.round .color-swatch {
    border-radius: 100%
}

#layout-styles-preview .color-block.round .color-name {
    margin: 0 auto;
    text-align: center;
    width: 75%
}

#layout-styles-preview .color-block.white .color-swatch {
    border: var(--primary-gray-400-1-px)
}

#layout-styles-preview .color-block.has-shades {
    cursor: pointer
}

#layout-styles-preview .color-block.has-shades:after {
    --shadowSize: 2px;
    --shadowColor: var(--primary-white);
    content: "\e346";
    font-family: oucampus-icomoon;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-shadow: var(--shadowSize) 0 0 var(--shadowColor),0 var(--shadowSize) 0 var(--shadowColor),calc(var(--shadowSize)*-1) 0 0 var(--shadowColor),0 calc(var(--shadowSize)*-1) 0 var(--shadowColor);
    top: 34px
}

#layout-styles-preview .color-block:focus .shades,#layout-styles-preview .color-block:focus-within .shades,#layout-styles-preview .color-block:hover .shades {
    display: block
}

#layout-styles-preview .typography-callout {
    align-items: center;
    background-color: var(--primary-gray-150);
    display: flex;
    justify-content: space-between;
    padding: 10px
}

#layout-styles-preview .typography-callout .glyph {
    font-size: 40px
}

#layout-styles-preview .preview-table {
    display: flex;
    flex-direction: column
}

#layout-styles-preview .preview-table .preview-row {
    align-items: baseline;
    display: flex;
    margin-bottom: 20px
}

#layout-styles-preview .preview-table .preview-row div:first-child {
    flex-shrink: 0;
    width: 120px
}

#layout-styles-preview .preview-table.space-between .preview-row {
    justify-content: space-between
}

#layout-styles-preview .preview-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

#layout-styles-preview .preview-boxes .color-swatch {
    background-color: var(--primary-gray-500)
}

#layout-styles-preview .preview-boxes.border .color-swatch {
    border: var(--primary-gray-800-1-px)
}

#layout-styles-preview #layout-styles-preview-layout {
    display: flex;
    height: calc(100vh - var(--topBarHeight))
}

#layout-styles-preview #layout-styles-preview-layout #layout-frame {
    border: none;
    outline: none;
    width: 100%
}

#layout-styles-preview #loading-overlay {
    align-items: center;
    background: var(--primary-overlay-color);
    color: var(--primary-white);
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--topBarHeight));
    justify-content: center
}

@keyframes loadingData {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

#layout-styles-preview #loading-overlay .icon-loading {
    animation: loadingData 1.8s linear infinite;
    color: var(--primary-white);
    display: inline-block;
    font-size: 4.5rem;
    line-height: 4.5rem;
    margin-bottom: 5px
}

.form-group .addons i.icon-info {
    font-size: 20px
}

.section-edit {
    height: 100%
}

.section-edit-split-view {
    display: flex;
    flex-direction: column;
    height: 100%
}

.section-edit-split-view .universal-tabs {
    position: relative
}

.section-edit-split-view .universal-tabs.split-mode .universal-tab {
    border-bottom: var(--primary-orange-600-3-px)
}

.section-edit-split-view .universal-tabs.split-mode .universal-tab i[class=icon-cancel] {
    font-size: 12px;
    line-height: 12px;
    margin-left: 5px;
    top: 1px
}

.section-edit-split-view .universal-tabs.split-mode .universal-tab:nth-of-type(2) {
    left: 50%;
    position: absolute
}

.section-edit-split-view .universal-tabs.split-mode .universal-tab:nth-of-type(3) {
    display: none
}

.section-edit-split-view .editors {
    display: flex;
    position: relative
}

.section-edit-split-view .editors .section-code-editor {
    flex: 1 1 auto;
    max-height: 40vh;
    min-height: 34vh;
    position: relative;
    width: 100%
}

.section-edit-split-view .editors .section-code-editor .code-editor {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.section-edit-split-view .editors .section-code-editor .CodeMirror {
    height: auto
}

.section-edit-split-view .editors .section-code-editor .resizer {
    bottom: 0;
    cursor: ns-resize;
    height: 5px;
    position: absolute;
    width: 100%
}

.section-edit-split-view .editors .split-resizer {
    --width: 2px;
    --halfWidth: calc(var(--width)/2);
    background: transparent;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-width: 0 calc(0px - var(--halfWidth));
    box-sizing: content-box;
    cursor: col-resize;
    display: none;
    height: 100%;
    left: calc(50% - var(--halfWidth));
    position: absolute;
    width: var(--width);
    z-index: 10
}

.section-edit-split-view .editors .split-resizer.active,.section-edit-split-view .editors .split-resizer:hover {
    --width: 4px;
    background-color: var(--primary-blue-200)
}

.section-edit-split-view .editors .js-editor-footer {
    align-items: center;
    background: var(--primary-green-200);
    border: var(--primary-gray-600-1-px);
    border-left: none;
    border-top: none;
    color: var(--primary-white);
    display: flex;
    padding: 0 10px
}

.section-edit-split-view .editors .js-editor-footer.error {
    background: var(--primary-red-500)
}

.section-edit-split-view .editors .js-editor-footer.info {
    background: var(--primary-dark-blue-500)
}

.section-edit-split-view .editors .js-editor-footer i {
    color: var(--primary-white);
    font-size: 18px;
    margin-right: 5px
}

.section-edit-split-view .editors .js-editor-footer img {
    margin-right: 5px
}

.section-edit-split-view .section-preview {
    background-color: var(--primary-white);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    flex: 1 1 auto;
    margin: 15px auto 0;
    width: 100%
}

.section-edit-split-view .section-preview.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.section-edit-split-view .section-preview.padded-children>* {
    padding: 15px
}

.section-edit-split-view .section-preview .preview-container {
    height: calc(100% - 48px);
    overflow-x: auto
}

.section-edit-split-view .section-preview .preview-container .section-frame {
    height: calc(100% - 5px)
}

#section-preview-view .section-preview {
    background-color: var(--primary-white);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    height: 100%;
    margin: 0 auto;
    width: 100%
}

#section-preview-view .section-preview .preview-container {
    height: calc(100% - 48px);
    overflow-x: auto
}

#section-preview-view .section-preview .preview-container .section-frame {
    height: calc(100% - 5px)
}

.layout-section-save-error-modal code {
    display: block;
    margin-top: 5px;
    padding: 10px
}

#section-list-view #list-container .icon-books {
    color: var(--primary-gray-750)
}

#layout-sections-parameters {
    --uncheckedColor: var(--primary-gray-800);
    --checkedColor: var(--primary-white)
}

#layout-sections-parameters .form-group.disabled #allowed {
    opacity: .8
}

#layout-sections-parameters .form-group.disabled #allowed label {
    color: var(--uncheckedColor);
    cursor: not-allowed
}

#layout-sections-parameters .form-group.disabled #allowed label.checked,#layout-sections-parameters .form-group.disabled #allowed label.checked span {
    color: var(--checkedColor)
}

#layout-sections-parameters #allowed {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

#layout-sections-parameters #allowed label {
    align-items: center;
    background: var(--primary-gray-150);
    border-radius: 1rem;
    color: var(--uncheckedColor);
    cursor: pointer;
    display: block;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    height: 10rem;
    width: 14rem
}

#layout-sections-parameters #allowed label:focus,#layout-sections-parameters #allowed label:focus-within {
    outline: var(--primary-black-2-px)
}

#layout-sections-parameters #allowed label i {
    color: var(--uncheckedColor);
    font-size: 5rem;
    line-height: 5rem;
    margin-top: auto
}

#layout-sections-parameters #allowed label span {
    margin-bottom: auto
}

#layout-sections-parameters #allowed label input {
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    visibility: 0;
    width: 0
}

#layout-sections-parameters #allowed label.checked {
    background: var(--primary-teal-600);
    color: var(--checkedColor)
}

#layout-sections-parameters #allowed label.checked i {
    color: var(--checkedColor)
}

#layout-sections-parameters #allowed label.checked:before {
    content: "\e91f";
    display: block;
    font-family: oucampus-icomoon;
    font-size: 1.7rem;
    left: .5rem;
    line-height: 1.7rem;
    position: absolute;
    top: .5rem
}

#layout-sections-js-references button#add-field {
    margin-left: 165px
}

#layout-sections-js-references i.icon-cancel {
    cursor: pointer
}

#layout-sections-js-references i.icon-caret-up-down {
    cursor: ns-resize
}

.preview-resize-bar {
    align-items: flex-start;
    background-color: var(--primary-gray-150);
    border-bottom: var(--primary-gray-400-1-px);
    box-shadow: var(--primary-shadow-top);
    display: flex;
    height: 48px;
    justify-content: flex-end;
    padding: 0 1rem
}

.preview-resize-bar button[aria-pressed=true] {
    border-bottom: var(--primary-teal-600-3-px)!important;
    color: var(--primary-teal-600)
}

.preview-resize-bar button[aria-pressed=true]:hover {
    color: var(--primary-teal-600)
}

.preview-resize-bar button[aria-pressed=true] i {
    top: 2px
}

.preview-resize-bar .btn-icon {
    align-items: flex-end;
    box-sizing: border-box;
    height: 100%;
    min-width: 0;
    padding-bottom: 1rem;
    width: auto
}

.preview-resize-bar i {
    position: relative
}

.preview-resize-bar .desktop i {
    font-size: 3em;
    line-height: .6em
}

.preview-resize-bar .tablet i {
    font-size: 2em;
    line-height: .7em
}

.preview-resize-bar .mobile i {
    font-size: 1.6em;
    line-height: .6em
}

.layout-preview-wrapper {
    background-color: var(--primary-white);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    height: 100%;
    margin: 0 auto;
    width: 100%
}

.layout-preview-wrapper.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.layout-preview-wrapper.padded-children>* {
    padding: 15px
}

.layout-page-edit-preview,.layout-preview {
    height: calc(100% - 48px);
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%
}

.layout-page-edit-preview .layout-empty-message,.layout-preview .layout-empty-message {
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.layout-page-edit-preview iframe,.layout-preview iframe {
    border: none;
    height: 100%;
    width: 100%
}

.layout-page-edit-preview {
    height: 100%
}

#layout-edit-preview,#layout-edit-view,#layout-preview-view,#section-edit-view,#section-preview-view {
    height: calc(100vh - 60px)
}

#layout-properties-headcode .main-right,#layout-styles .main-right {
    display: flex
}

#layout-properties-headcode #page-container,#layout-styles #page-container {
    display: flex;
    flex: 0 0 100%
}

#layout-properties-headcode #page-container>div,#layout-styles #page-container>div {
    width: 100%
}

#tailwind-reference {
    --accordionPadding: 10px
}

#tailwind-reference .masthead {
    align-items: baseline;
    display: flex;
    justify-content: space-between
}

#tailwind-reference .tailwind-wrapper {
    column-count: 4
}

#tailwind-reference .tailwind-wrapper>.fieldset-card {
    border-top: 1px solid transparent;
    break-inside: avoid;
    padding: 0
}

#tailwind-reference .tailwind-wrapper>.fieldset-card .fieldset-card-heading {
    margin: 0;
    padding: 20px var(--accordionPadding)
}

#tailwind-reference .reference-body .accordion-group .fieldset-card {
    padding: 0
}

#tailwind-reference .reference-body .accordion-group h4 {
    margin: 0
}

#tailwind-reference .reference-body .accordion-group .fieldset-collapser {
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    line-height: 3em;
    margin: 0;
    padding: 0 var(--accordionPadding);
    width: 100%
}

#tailwind-reference .reference-body .accordion-group .fieldset-collapser:after {
    right: var(--accordionPadding)
}

#tailwind-reference .reference-body .accordion-group .fieldset-card-body {
    background: var(--primary-gray-150);
    box-sizing: border-box;
    padding: var(--accordionPadding);
    padding-bottom: var(--accordionPadding)
}

#tailwind-reference .table-wrapper {
    background: var(--primary-white);
    max-height: 300px;
    overflow: auto;
    white-space: pre;
    width: 100%
}

#tailwind-reference .table-wrapper table {
    border-collapse: collapse;
    width: 100%
}

#tailwind-reference .table-wrapper tr {
    border-bottom: var(--primary-gray-400-1-px)
}

#tailwind-reference .table-wrapper td,#tailwind-reference .table-wrapper th {
    padding: 8px;
    width: 50%
}

#tailwind-reference .table-wrapper td {
    font-family: Menlo,Monaco,Consolas,Courier New,monospace;
    font-size: .9em
}

#tailwind-reference .table-wrapper .class-name {
    color: var(--primary-css-class-color);
    cursor: copy
}

#tailwind-reference .table-wrapper .property-name {
    color: var(--primary-blue-550)
}

#layout-metatag-settings-form .title-class {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px
}

#layout-metatag-settings-form hr.melody-separation {
    border-top: var(--primary-gray-400-1-px);
    margin: 30px -30px
}

#layout-metatag-settings-form .form-group[data-id=jq-a-custom-meta] {
    justify-content: flex-end;
    margin-left: 0
}

#layout-metatag-settings-form .custom-meta-tag-header {
    position: relative
}

#layout-metatag-settings-form .custom-meta-tag-header .remove-button {
    position: absolute;
    right: 0
}

#layout-metatag-settings-form .custom-meta-tag-header .custom-meta-tag-heading {
    display: inline-block
}

#layout-metatag-settings-form input[type=text][data-group-id=openGraphGroup][disabled=disabled] {
    color: var(--primary-gray-550);
    cursor: not-allowed
}

#layout-metatag-settings-form input#ogurl {
    display: none
}

#layout-metatag-settings-form input#ogurl+.help-block {
    margin-top: 8px
}

#page-Layout-Lcf label.static-prefix-suffix-field {
    background-color: var(--primary-gray-300);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    display: inline-block;
    float: left;
    height: 32px;
    margin: 0 1% 0 0;
    min-height: 32px;
    overflow: hidden;
    padding: 5px 9px;
    text-overflow: ellipsis;
    text-transform: inherit;
    white-space: nowrap;
    width: 24%
}

#page-Layout-Lcf input.static-prefix-suffix-input-field50 {
    float: left;
    width: 50%
}

#page-Layout-Lcf input.static-prefix-suffix-input-field50+label.static-prefix-suffix-field,#page-Layout-Lcf input.static-prefix-suffix-input-field75+label.static-prefix-suffix-field {
    margin-left: 1%;
    margin-right: 0
}

#page-Layout-Lcf label.static-prefix-suffix-field+input.static-prefix-suffix-input-field75 {
    float: left;
    width: 75%
}

#page-Layout-Lcf input.static-prefix-suffix-input-field100 {
    width: 100%
}

#page-Layout-Lcf .text-overflow>label {
    word-wrap: break-word
}

#page-Layout-Lcf input.field-non-editable-custom-field {
    width: 90%
}

#page-Layout-Lcf button[data-action=remove-custom-lcf-field] {
    position: absolute;
    right: 0
}

#page-Layout-Lcf button.remove-lcf-card i[class^=icon-] {
    font-size: 20px;
    line-height: 20px
}

#base-modal-content-layout-new-modal .modal-footer-message {
    word-break: break-all
}

#page-layout-lcf-settings .form-group .controls input.field-non-editable-custom-field {
    width: 90%
}

#page-layout-lcf-settings .form-group .controls .remove-button {
    background: transparent;
    border: none!important;
    cursor: pointer;
    height: 32px;
    min-width: 32px;
    padding: 2px 5px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px
}

#layout-edit-preview .nav-fixed-left {
    padding-bottom: 0
}

.tile-elements-edit {
    height: 100%;
    position: relative
}

.tile-elements-edit form {
    padding-left: 24px;
    padding-right: 24px
}

.tile-elements-edit .bottombar-actions {
    padding-right: 24px;
    position: sticky;
    top: calc(100% - 60px)
}

html.system_gadget body {
    background-color: var(--primary-white);
    margin: 0
}

html.system_gadget li:focus,html.system_gadget li:hover {
    background-color: var(--primary-gray-150)
}

html.system_gadget li:focus {
    outline: var(--primary-dark-blue-400-shadow-2-inset)
}

html.system_gadget.dashboard body {
    background-color: var(--primary-white);
    color: var(--primary-gray-800);
    font-size: 14px
}

html.system_gadget.dashboard ul {
    list-style-type: none;
    margin: 0;
    overflow-y: auto;
    padding-left: 0
}

html.system_gadget.dashboard li {
    word-wrap: break-word;
    border-bottom: var(--primary-gray-400-1-px);
    padding: 10px 20px
}

html.system_gadget.dashboard li .filename {
    word-break: break-all
}

html.system_gadget.dashboard p.none {
    font-size: 18px;
    padding: 10px
}

html.system_gadget.sidebar {
    margin: 0 9px
}

html.system_gadget.sidebar body ul {
    font-size: 13px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

html.system_gadget.sidebar body ul li {
    word-wrap: break-word;
    border-top: var(--primary-gray-400-1-px);
    padding: 5px;
    word-break: break-all
}

.gadget-popover .popover-title-wrap {
    align-items: center;
    background-color: var(--primary-gray-150);
    border-bottom: var(--primary-gray-400-1-px);
    display: flex;
    justify-content: space-between
}

.gadget-popover .popover-title-wrap .popover-title {
    flex: 1 1 auto;
    font-size: 16px;
    margin: 0;
    padding: 8px 14px;
    word-break: break-word
}

.gadget-popover .popover-title-wrap .close {
    color: var(--primary-gray-800);
    flex: 0 0 auto;
    float: none;
    font-size: 16px;
    height: 21px;
    margin-right: 14px;
    opacity: 1;
    padding: 0 2px;
    position: relative;
    right: -2px;
    top: 0
}

.gadget-popover .popover-title-wrap .close:hover {
    opacity: .6
}

.gadget-popover .popover-content {
    padding: 14px
}

.gadget-popover .popover-content iframe {
    background: var(--primary-white);
    border: none;
    display: block;
    height: 300px;
    width: 100%
}

.gadget-popover .popover-content pre {
    background-color: var(--primary-white);
    border-width: 0;
    font-size: 11px;
    height: 300px;
    line-height: 15px;
    margin: 0;
    overflow: auto;
    padding: 0;
    width: 300px
}

.gadget-popover .popover-content.asset-gadget {
    padding: 2px 0
}

.gadget-popover .popover-content .preview-container {
    color: var(--primary-gray-750);
    height: 343px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 308px
}

.gadget-popover .popover-content .preview-container a:not(.options-preview-link) {
    pointer-events: none
}

.gadget-popover .popover-content .preview-container .section-header {
    border-bottom: none;
    font-size: 16px;
    font-weight: 700;
    height: 26px;
    line-height: 26px;
    margin: 10px 0;
    vertical-align: middle;
    width: 100%
}

.gadget-popover .popover-content .preview-container .section-header span {
    padding: 0 14px
}

.gadget-popover .popover-content .preview-container.type-simple .preview-section.summary .dl-horizontal dt {
    width: 50px
}

.gadget-popover .popover-content .preview-container .preview-section {
    font-size: 12px;
    padding: 0 14px
}

.gadget-popover .popover-content .preview-container .preview-section.summary .dl-horizontal {
    width: 300px
}

.gadget-popover .popover-content .preview-container .preview-section.summary .dl-horizontal dt {
    text-align: left;
    width: 150px
}

.gadget-popover .popover-content .preview-container .preview-section.summary .dl-horizontal dd {
    display: inline-block;
    margin: 0 10px 0 15px;
    width: 125px;
    word-break: break-word
}

@media (min-width: 1070px) {
    .gadget-popover .popover-content .preview-container .preview-section .dl-horizontal dt {
        text-align:left
    }
}

.gadget-popover .popover-content .preview-container .preview-section.element {
    border-bottom: var(--primary-gray-600-1-px)
}

.gadget-popover .popover-content .preview-container .preview-section.element .elem-type {
    display: block;
    font-weight: 700;
    margin-top: 12px
}

.gadget-popover .popover-content .preview-container .preview-section.element .dl-horizontal {
    margin-top: 6px;
    width: 300px
}

.gadget-popover .popover-content .preview-container .preview-section.element .dl-horizontal dt {
    width: 100px
}

.gadget-popover .popover-content .preview-container .preview-section.element .dl-horizontal dd {
    margin-left: 113px;
    width: 175px;
    word-break: break-all
}

.gadget-popover .popover-content .preview-container .preview-section.element .dl-horizontal dd .options-preview-link {
    margin-right: 25px;
    outline-offset: 1px;
    text-decoration: none
}

.gadget-popover .popover-content .preview-container .preview-section.element .dl-horizontal .options-preview {
    border-bottom: var(--primary-gray-600-1-px);
    border-top: var(--primary-gray-600-1-px);
    display: none;
    margin-left: 15px;
    margin-right: 35px;
    margin-top: 12px;
    width: 250px
}

.gadget-popover .popover-content .preview-container .preview-section.element .dl-horizontal .options-preview.reveal {
    display: block;
    transition: all .25s
}

.gadget-popover .popover-content .preview-container .preview-section.emails {
    border-bottom: var(--primary-gray-600-1-px)
}

.gadget-popover .popover-content .preview-container .preview-section.emails .dl-horizontal {
    width: 300px
}

.gadget-popover .popover-content .preview-container .preview-section.emails .dl-horizontal dt {
    width: 100px
}

.gadget-popover .popover-content .preview-container .preview-section.emails .dl-horizontal dd {
    margin-left: 113px;
    width: 175px;
    word-break: break-all
}

.gadget-popover .popover-content .preview-container .preview-section.image-section {
    border-bottom: var(--primary-gray-600-1-px);
    padding: 0
}

.gadget-popover .popover-content .preview-container .preview-section.image-section .dl-horizontal {
    margin-top: 10px;
    width: 294px
}

.gadget-popover .popover-content .preview-container .preview-section.image-section .dl-horizontal dt {
    width: 70px
}

.gadget-popover .popover-content .preview-container .preview-section.image-section .dl-horizontal dd {
    word-wrap: break-word;
    display: inline-block;
    margin: 0 10px 0 15px;
    width: 190px
}

.gadget-popover .popover-content .preview-container .preview-section.text-content {
    word-wrap: break-word;
    color: var(--primary-gray-700);
    font-family: Menlo,Monaco,Consolas,Courier New,monospace
}

.gadget-popover .popover-content input#date-range-input {
    margin-bottom: 8px;
    max-width: 520px
}

.gadget-popover.youtube iframe {
    height: 200px
}

.gadget-popover.youtube .p-desc {
    max-height: 190px;
    overflow: auto
}

.gadget-popover.youtube .p-largeTitle {
    color: var(--primary-blue-500)
}

.gadget-popover .popover-footer {
    background: var(--primary-gray-150);
    border-top: var(--primary-gray-400-1-px);
    padding: 9px 14px
}

.gadget-popover .popover-footer .btn-group.mode-selector button.btn.btn-small:focus {
    outline: none;
    z-index: 3
}

.gadget-popover .popover-footer .btn-group.mode-selector button.btn.btn-small.active:focus {
    box-shadow: var(--primary-around-black-shadow)
}

html#activity body {
    position: relative
}

html#activity body .timeline {
    border-left: var(--primary-dark-blue-500-2-px);
    height: calc(100% - 30px);
    position: absolute;
    top: 30px
}

html#activity body ul {
    padding-top: 10px
}

html#activity body ul li {
    border: none;
    padding: 0;
    word-break: break-word
}

html#activity body ul li .date-pill {
    align-items: center;
    background-color: var(--primary-dark-blue-500);
    border-radius: 5px;
    color: var(--primary-white);
    display: flex;
    float: left;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    left: 20px;
    margin-top: 3px;
    position: absolute;
    width: 64px
}

html#activity body ul li .date-pill:after {
    border-bottom: 6px solid transparent;
    border-left: var(--primary-dark-blue-500-6-px);
    border-top: 6px solid transparent;
    content: "";
    position: absolute;
    right: -6px
}

html#activity body ul li .icon {
    font-size: 18px;
    margin: 10px 6px 0 3px;
    position: absolute
}

html#activity body ul li .activity-content {
    padding: 10px 20px 10px 24px
}

html#activity body ul li .activity-content .subject {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html#activity body ul li .activity-content .subject .filename:hover {
    text-decoration: none
}

html#activity body ul li .activity-content .subject .filename:focus {
    outline: none;
    text-decoration: none
}

html#activity body ul li .activity-content .what {
    line-height: normal;
    padding: 2px 0 3px
}

html#activity body ul li .activity-content:hover {
    background-color: var(--primary-gray-150)
}

html#activity body ul li .activity-content:hover[role=link] {
    cursor: pointer
}

html#activity body ul li .activity-content:hover a {
    text-decoration: underline
}

html#activity body ul li .activity-content:focus {
    background-color: var(--primary-gray-150);
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    outline: none
}

html#activity body ul li .activity-content:focus a {
    text-decoration: underline
}

html#activity body ul li.first-activity:before {
    background-color: var(--primary-dark-blue-500);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 10px;
    left: 96px;
    margin-top: 10px;
    position: absolute;
    width: 10px
}

html#activity body ul li.last-activity {
    border-bottom: var(--primary-gray-400-1-px)
}

html#activity body ul li:hover {
    background: none
}

html#activity.dashboard .timeline {
    left: 100px
}

html#activity.dashboard ul {
    margin-left: 100px
}

html#activity.dashboard ul li {
    margin-left: 20px
}

html#activity.sidebar .timeline {
    left: 90px
}

html#activity.sidebar ul {
    list-style-type: none;
    margin-left: 90px
}

html#activity.sidebar ul li {
    margin: 0 0 0 20px
}

html#activity.sidebar ul li .date-pill {
    left: 10px
}

html#activity.sidebar ul li.first-activity:before {
    left: 86px
}

html#assets {
    box-sizing: border-box
}

html#assets *,html#assets :after,html#assets :before {
    box-sizing: inherit
}

html#assets.system_gadget.sidebar {
    margin: 0 11px
}

html#assets body {
    padding-top: 5px
}

html#assets .gadget {
    overflow: hidden
}

html#assets #main-container {
    height: 100%
}

html#assets .header {
    display: block;
    float: left;
    width: 100%
}

html#assets #list-container {
    display: block;
    max-height: calc(100% - 94px);
    overflow-x: hidden;
    padding-bottom: 5px;
    position: absolute;
    top: 90px;
    width: 277px
}

html#assets .assets-container {
    width: 100%
}

html#assets .asset-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0
}

html#assets .collection-list {
    height: auto!important;
    overflow-y: hidden
}

html#assets .assets-container>.loading-inline {
    color: var(--primary-gray-750);
    display: inline-block;
    font-size: 16px;
    position: relative;
    text-align: center;
    top: 20px;
    width: 100%
}

html#assets .assets-container>.loading-inline>img {
    position: relative;
    top: -1px
}

html#assets .asset-list.collection-list {
    margin-top: 0
}

html#assets .empty-message {
    color: var(--primary-gray-650);
    margin: 30px 0;
    text-align: center;
    width: calc(100% - 18px)
}

html#assets .empty-message>i {
    font-size: 36px
}

html#assets .empty-message>p {
    margin-top: 10px
}

html#assets .asset-list-row {
    border: none!important;
    height: 25px;
    padding: 0 2%;
    position: relative;
    z-index: 0
}

html#assets .row-item {
    background-color: inherit;
    display: inline-block;
    line-height: 24px;
    white-space: nowrap;
    width: 100%
}

html#assets .row-item>i {
    float: left;
    font-size: 16px;
    line-height: 24px!important;
    vertical-align: middle
}

html#assets .row-item>a {
    display: inline-block;
    font-size: 14px;
    overflow-x: hidden;
    padding-left: 5px;
    text-overflow: ellipsis;
    width: 95%
}

html#assets .row-item>a:hover {
    text-decoration: none
}

html#assets #tag-select-container {
    padding: 3px 5px 0
}

html#assets #tag-select-container>.asset-type-chooser {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 0;
    margin-top: 10px;
    width: 135px
}

html#assets #tag-select-container>.asset-type-chooser>#asset-types-btn {
    border: var(--primary-gray-400-1-px);
    border-radius: 4px 0 0 4px;
    border-right-width: 0;
    font-size: 13px;
    height: 32px;
    line-height: 30px;
    padding: 0 3px;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

html#assets #tag-select-container>.asset-type-chooser>#asset-types-btn:focus {
    border: var(--primary-blue-400-2-px)!important;
    border-right-width: 2px;
    box-shadow: none
}

html#assets #tag-select-container>.asset-type-chooser>#asset-types-btn:active {
    transform: none
}

html#assets #tag-select-container>.asset-type-chooser>#asset-types-btn>.caret-down {
    margin-left: 3px;
    margin-top: 4px
}

html#assets #tag-select-container>#filter-input {
    border-radius: 4px;
    display: block;
    font-size: 14px;
    height: 30px;
    padding: 0 28px 0 5px
}

html#assets #tag-select-container>i.filterIcon {
    color: var(--primary-gray-750);
    display: inline-block;
    left: 21px;
    position: absolute;
    right: auto!important;
    top: 14px;
    z-index: 1
}

html#assets #tag-select-container>i.clear {
    color: var(--primary-gray-750);
    cursor: pointer;
    height: 24px;
    padding-left: 3px;
    position: absolute;
    right: 18px;
    top: 14px;
    visibility: hidden;
    width: 24px;
    z-index: 3
}

html#assets #tag-select-container>i.clear:focus {
    border: var(--primary-blue-400-2-px);
    outline: none;
    right: 20px;
    top: 12px
}

html#assets #tag-select-container>i.clear:hover {
    color: var(--primary-gray-800)
}

html#assets #tag-select-container>.tag-picker-container {
    display: block;
    float: left;
    height: 30px;
    margin-top: 10px;
    position: relative;
    width: 131px
}

html#assets .tag-picker-container>.tag-picker-gadget {
    border-radius: 0 4px 4px 0;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    padding: 0 20px 0 5px;
    position: absolute;
    width: 133px!important
}

html#assets #tag-select-container>.tag-picker-gadget:hover {
    cursor: text
}

html#assets #tag-select-container>.tag-picker-gadget>i {
    font-size: 16px;
    position: relative;
    right: 4px;
    top: 1px
}

html#assets #tag-select-container>#tag-list {
    position: absolute;
    visibility: hidden;
    width: 100%
}

html#assets #tag-select-container>.select2-container {
    visibility: hidden;
    width: 100%;
    z-index: -999
}

html#assets #tag-select-container>.tag-picker-container>#filter-tags-container {
    display: none;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 51px;
    z-index: 1
}

html#assets #tag-select-container>.tag-picker-container>#filter-tags-container>.single-tag {
    background: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 4px
}

html#assets #tag-select-container>.tag-picker-container>#filter-tags-container>.multi-tags {
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

html#assets #tag-select-container>.tag-picker-container>#filter-tags-container>.multi-tags:hover {
    opacity: .8
}

html#assets #tag-select-container>.tag-picker-container>#filter-tags-container>.multi-tags>.tagIcon {
    display: inline-block;
    height: 100%;
    transform: rotate(180deg);
    width: 100%
}

html#assets #tag-select-container>.tag-picker-container>#filter-tags-container>.multi-tags>.tagIcon>i {
    font-size: 49px;
    left: 0;
    top: 4px
}

html#assets #tag-select-container>.tag-picker-container>#filter-tags-container>.multi-tags>.tagCount {
    color: var(--primary-white);
    display: block;
    height: 22px;
    left: 18px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 26px
}

html#assets #tag-select-container>.tag-picker-container>#filter-tags-container>.select2-search-choice-close {
    left: 5px;
    top: 6px
}

html#assets #tag-select-container>.tag-picker-container>#filter-tags-container>.dropdown-menu>.tag-item {
    padding: 2px 20px 2px 10px;
    position: relative
}

html#assets #tag-select-container>.tag-picker-container>#filter-tags-container>.dropdown-menu>.tag-item:hover {
    background: var(--primary-gray-625-5)
}

html#assets #tag-select-container>.tag-picker-container>#filter-tags-container>.dropdown-menu>.tag-item>i {
    cursor: pointer;
    font-size: 10px;
    position: absolute;
    right: 7px;
    top: 4px
}

html#assets #tag-select-container>.tag-picker-container>#filter-tags-container>.dropdown-menu>.tag-item>i:hover {
    opacity: .6
}

html#assets .rotated-square {
    background-color: var(--primary-white);
    border-bottom: none;
    border-left: var(--primary-gray-400-1-px);
    border-right: none;
    border-top: var(--primary-gray-400-1-px);
    display: none;
    height: 10px;
    left: 210px;
    position: absolute;
    top: 84px;
    transform: rotate(45deg);
    width: 10px;
    z-index: 10000
}

html#assets .rotated-square.connect {
    display: inline-block
}

html#assets .select2-drop-gadget {
    border: var(--primary-gray-400-1-px);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 73%;
    height: calc(100% - 88px);
    overflow-y: hidden;
    position: absolute;
    top: 78px!important;
    width: 97%!important
}

html#assets .select2-results {
    height: 96%;
    margin: 0;
    overflow-y: auto;
    position: relative;
    top: 2%
}

html#assets .select2-results .select2-result-label {
    padding: 0
}

html#assets .select2-results i.icon-tag {
    display: inline-block;
    font-size: 14px;
    margin-right: 3px;
    transform: rotate(45deg);
    vertical-align: middle
}

html#assets .select2-results .select2-disabled {
    background-color: inherit
}

html#assets .select2-results .select2-disabled>.select2-result-label:hover {
    cursor: default
}

html#assets .select2-results i.icon-cancel-3 {
    font-size: 10px;
    line-height: inherit;
    text-align: center;
    width: 20px
}

html#assets .select2-results i.icon-cancel-3:hover {
    cursor: pointer
}

html#assets .select2-results .opt-header {
    color: var(--primary-gray-800);
    display: inline-block;
    height: 26px;
    line-height: 26px;
    width: 100%
}

html#assets .select2-results .opt-header:hover {
    cursor: default
}

html#assets .select2-results .opt-header.divider {
    border-top: var(--primary-gray-400-1-px);
    height: 1px;
    line-height: 1px;
    width: 100%
}

html#assets .select2-drop {
    height: calc(100% - 100px);
    left: 17px!important;
    top: 91px!important;
    width: 266px!important
}

html#assets ul.select2-results>li:first-child {
    margin-top: 2px
}

html#assets ul.select2-results .icon-cancel {
    font-size: 15px;
    margin-top: -4px;
    padding: 2px 2px 1px
}

html#assets ul.select2-results i.icon-tag {
    top: 0
}

html#assets #all-types-filter {
    margin-top: 4px;
    padding-bottom: 2px
}

html#assets #all-types-filter li {
    padding: 0
}

html#assets #all-types-filter li a {
    font-size: 14px;
    height: 27px;
    padding-top: 2px
}

html#assets #all-types-filter i {
    margin-top: -1px
}

html#assets .select2-results .opt-header.divider {
    position: relative;
    top: -3px
}

html#assets li.select2-result.select2-disabled+.select2-result-unselectable:not(.select2-disabled) {
    padding: 0
}

html#assets .icon-cancel.highlighted {
    box-shadow: var(--primary-blue-250-shadow-2-inset)
}

@media screen and (max-height: 270px) {
    html#assets #all-types-filter {
        height:150px;
        overflow-y: auto
    }
}

html#bookmarks {
    overflow: hidden
}

html#bookmarks.system_gadget.sidebar {
    margin: 0
}

html#bookmarks li:hover {
    background: none
}

html#bookmarks li,html#bookmarks ul {
    border: none!important
}

html#bookmarks.dashboard #list-container .bookmarks-container>.bookmark-list {
    overflow-y: visible;
    padding-bottom: 5px;
    padding-left: 16px;
    padding-right: 16px
}

html#bookmarks .icon-ellipsis {
    font-size: 20px;
    line-height: 24px
}

html#bookmarks.sidebar #list-container .bookmarks-container>.bookmark-list {
    overflow-y: visible;
    padding: 5px 5px 5px 10px
}

html#bookmarks .no-bookmarks-to-list {
    color: var(--primary-gray-800);
    margin-top: 15px;
    text-align: center;
    width: 100%
}

html#bookmarks .no-bookmarks-to-list .no-bookmarks-container {
    margin: 0 auto;
    width: 50%
}

html#bookmarks .no-bookmarks-to-list p:focus,html#bookmarks .no-bookmarks-to-list:focus {
    outline: none!important
}

html#bookmarks .no-bookmarks-to-list:focus p {
    outline: var(--primary-black-2-px)
}

html#bookmarks .no-bookmarks-to-list i {
    font-size: 36px;
    line-height: 36px
}

html#bookmarks .no-bookmarks-to-list p {
    margin-bottom: 0;
    margin-top: 10px
}

html#bookmarks .sortable-placeholder {
    background-color: var(--primary-blue-550);
    cursor: move;
    height: 35px
}

html#bookmarks .folder-container .sortable-placeholder {
    margin-left: 0!important
}

html#bookmarks .bookmark-dropzone {
    color: var(--primary-gray-700);
    padding-left: 0;
    width: 100%
}

html#bookmarks .bookmark-dropzone:after {
    content: "No Bookmarks in Folder";
    display: block;
    padding-top: 3px
}

html#bookmarks .blank-dropzone:after {
    content: none
}

html#bookmarks #main-container-bookmarks {
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

html#bookmarks.sidebar #main-container-bookmarks {
    height: 100vh;
    margin-top: 0;
    width: 100%
}

html#bookmarks .bookmark-header {
    box-shadow: var(--primary-shadow-bottom);
    padding: 0 3px;
    position: relative;
    width: 100%;
    z-index: 1000
}

html#bookmarks .bookmark-header-inner {
    display: flex;
    padding: 16px 10px 16px 16px
}

html#bookmarks.sidebar .bookmark-header-inner {
    padding: 14px 2px 14px 13px
}

html#bookmarks .bookmark-search-container {
    flex: 1 0 auto;
    height: 32px;
    margin-right: 4px;
    position: relative
}

html#bookmarks #cancel-search,html#bookmarks #search-btn {
    display: inline-block;
    font-size: 20px;
    line-height: 22px;
    padding: 3px 6px;
    position: absolute;
    right: 2px;
    top: 1px;
    z-index: 3
}

html#bookmarks #cancel-search:focus {
    border-radius: 2px;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

html#bookmarks #search-btn {
    color: var(--primary-dark-blue-500)
}

html#bookmarks #cancel-search {
    cursor: pointer;
    visibility: hidden
}

html#bookmarks .tooltip {
    max-width: none!important;
    white-space: nowrap
}

html#bookmarks .bookmark-add-new-folder-container {
    display: inline-flex;
    height: 32px
}

html#bookmarks .bookmark-add-new-folder {
    font-size: 24px;
    min-width: 24px;
    position: relative;
    top: -3px
}

html#bookmarks .bookmark-add-new-folder i {
    color: var(--primary-dark-blue-500);
    font-size: 35px!important;
    line-height: 35px!important;
    margin: 0
}

html#bookmarks #list-container {
    display: block;
    height: calc(100vh - 64px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 0;
    position: relative;
    width: 100%
}

html#bookmarks.sidebar #list-container {
    height: calc(100vh - 108px);
    padding: 0 3px
}

html#bookmarks input[type=text].rename {
    margin: 0
}

html#bookmarks .bookmark-li input[type=text].rename {
    width: calc(100% - 35px)
}

html#bookmarks .folder-li input[type=text].rename {
    width: calc(100% - 65px)
}

html#bookmarks .bookmark-content {
    padding: 10px 0!important;
    position: relative;
    width: 100%
}

html#bookmarks .bookmark-content.ui-sortable-helper {
    background-color: var(--primary-white)
}

html#bookmarks .bookmark-content:focus {
    outline: none!important
}

html#bookmarks .row-item {
    display: block;
    height: 25px;
    position: relative;
    width: 100%
}

html#bookmarks .item-name {
    display: inline-block;
    font-size: 14px;
    margin: 0
}

html#bookmarks .icon-bookmark,html#bookmarks .icon-folder-2 {
    font-size: 20px;
    padding-right: 5px;
    vertical-align: top
}

html#bookmarks .unsortable .icon-arrow-down,html#bookmarks .unsortable .icon-arrow-right,html#bookmarks .unsortable .icon-bookmark,html#bookmarks .unsortable .icon-folder-2 {
    position: relative;
    top: 0
}

html#bookmarks .icon-folder-2 {
    padding-left: 10px
}

html#bookmarks .bookmark-actions-background {
    background-color: var(--primary-white);
    position: absolute;
    right: 0;
    top: -7px
}

html#bookmarks .bookmark-row .bookmark-actions-background {
    top: -8px
}

html#bookmarks .bookmark-actions-background.displaying-actions {
    min-width: 222px
}

html#bookmarks .bookmark-action-open-state,html#bookmarks .folder-action-open-state {
    transform: rotate(90deg)
}

html#bookmarks .bookmark-options,html#bookmarks .folder-options {
    background-color: var(--primary-white);
    display: none;
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    z-index: 20
}

html#bookmarks .bookmark-options i,html#bookmarks .folder-options i {
    font-size: 22px
}

html#bookmarks .folder-actions,html#bookmarks .folder-row .btn .ic.on-ellipsis .bookmark-actions {
    display: inline-block;
    position: relative
}

html#bookmarks .folder-container {
    width: 100%
}

html#bookmarks .folder-is-open .folder-container {
    margin-top: 10px
}

html#bookmarks .sortable-bookmarks-sub {
    display: block;
    list-style-type: none;
    margin: 0;
    overflow: visible!important;
    padding: 0 0 0 23px!important;
    z-index: 0
}

html#bookmarks .sortable-bookmarks-sub li:last-child {
    padding-bottom: 0!important
}

html#bookmarks.sidebar .sortable-bookmarks-sub {
    padding: 0 0 0 23px!important
}

html#bookmarks .folder-opener {
    cursor: pointer;
    display: inline-block
}

html#bookmarks .bookmark-action-open,html#bookmarks .icon-folder-alt {
    font-size: 20px;
    position: relative
}

html#bookmarks .folder-name {
    display: inline-block;
    overflow-x: visible;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%
}

html#bookmarks.sidebar .folder-name {
    width: 100%
}

html#bookmarks .folder-item {
    color: var(--primary-gray-800);
    width: 80%
}

html#bookmarks.sidebar .folder-item {
    width: 70%
}

html#bookmarks .folder-item:hover {
    text-decoration: none
}

html#bookmarks .bookmark-content:focus {
    background: none!important
}

html#bookmarks .bookmark-content:focus .folder-opener:first-child {
    outline: var(--primary-black-2-px)
}

html#bookmarks .bookmark-link,html#bookmarks .folder-item {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis
}

html#bookmarks .bookmark-link {
    color: var(--primary-blue-550)
}

html#bookmarks .bookmark-link:hover {
    color: var(--primary-blue-550);
    text-decoration: underline
}

html#bookmarks .bookmark-link:focus,html#bookmarks .folder-item:focus {
    outline: none
}

html#bookmarks .bookmark-navigate,html#bookmarks .folder-opener {
    height: 25px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: calc(100% - 45px)
}

html#bookmarks .unsortable .bookmark-navigate,html#bookmarks .unsortable .folder-opener {
    height: 32px
}

html#bookmarks .bookmark-content:focus>.bookmark-row>.bookmark-navigate:first-child {
    outline: var(--primary-dark-blue-400-2-px)
}

html#bookmarks .bookmark-link {
    width: 90%
}

html#bookmarks.sidebar .bookmark-link {
    width: 80%
}

html#bookmarks .delete-mask,html#bookmarks .error-mask {
    background: var(--primary-black-5);
    color: var(--primary-black);
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000
}

html#bookmarks.sidebar .delete-mask,html#bookmarks.sidebar .error-mask {
    width: 100%
}

html#bookmarks .delete-mask:focus,html#bookmarks .error-mask:focus {
    outline: none
}

html#bookmarks .delete-mask-container,html#bookmarks .error-mask-container {
    background-color: var(--primary-white);
    border-radius: 2px;
    margin: 0 auto;
    max-height: 80%;
    overflow-y: auto;
    padding: 15px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 80%;
    word-break: break-word;
    z-index: 200
}

html#bookmarks .delete-text,html#bookmarks .error-mask-text {
    font-size: 14px
}

html#bookmarks .btn-cancel {
    margin-right: 8px
}

html#bookmarks #delete-folder-options {
    margin-top: 15px;
    text-align: right
}

html#bookmarks #bookmark-footer {
    bottom: 0;
    height: 40px;
    padding: 6px 16px;
    position: relative;
    text-align: center;
    width: 100%
}

html#bookmarks #new-bookmark {
    width: 100%
}

html#taginfo body {
    font-size: 14px;
    margin: 5px 0 0!important
}

html#taginfo section {
    border-bottom: var(--primary-gray-400-1-px);
    clear: right;
    padding: 8px 6px
}

html#taginfo #detail-info:first-child section:first-child,html#taginfo .dl-horizontal section:first-child {
    margin-top: 6px
}

html#taginfo section:last-child {
    border-bottom: none
}

html#taginfo section:focus {
    outline: var(--primary-blue-400-2-px)
}

html#taginfo span.section-heading {
    display: block;
    font-weight: 700;
    line-height: 17px;
    margin: 2px 0 0
}

html#taginfo form,html#taginfo input {
    margin-bottom: 0!important
}

html#taginfo form#search-form {
    padding: 0 6px
}

html#taginfo h6 {
    margin: 0
}

html#taginfo .input-append {
    display: flex;
    margin-bottom: 0;
    margin-top: 3px
}

html#taginfo .input-append>.btn i {
    margin-right: 0
}

html#taginfo #submit {
    border-radius: 0 2px 2px 0;
    height: 32px;
    max-height: none
}

html#taginfo #tag-input {
    font-size: 13px;
    width: 169px;
    width: 100%
}

html#taginfo .control-group {
    margin-bottom: 0
}

html#taginfo .input-help {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 3px
}

html#taginfo .input-help code {
    font-size: 10px
}

html#taginfo ol,html#taginfo ul {
    margin-bottom: 0
}

html#taginfo li {
    border-top: none!important;
    line-height: 14px;
    padding: 0!important
}

html#taginfo a:focus {
    outline: var(--primary-blue-400-2-px);
    outline-offset: 1px
}

html#taginfo a.page.broken {
    color: var(--primary-red-550)
}

html#taginfo a.page.unpublished {
    color: var(--primary-yellow-500)
}

html#taginfo li a.tag {
    color: var(--primary-gray-750);
    font-size: .9em;
    margin-top: -1px;
    position: absolute;
    right: 9px
}

html#taginfo #subscriber-list {
    list-style-type: none;
    margin-left: 0;
    margin-top: 3px
}

html#taginfo #subscriber-list li {
    line-height: 14px;
    margin-bottom: 5px
}

html#taginfo .cat-heading {
    color: var(--primary-gray-800);
    font-size: 11px;
    line-height: 11px;
    margin-top: 2px
}

html#taginfo a.btn {
    font-size: 13px;
    padding: 1px
}

html#taginfo .empty {
    color: var(--primary-gray-650)
}

html#taginfo .toggle {
    float: right;
    margin-right: 4px;
    margin-top: 3px
}

html#taginfo .btn-micro {
    font-size: 10px;
    line-height: 14px;
    padding: 2px 5px
}

html#taginfo .center {
    text-align: center
}

html#taginfo .stretch {
    width: 70%
}

html#taginfo .indent {
    margin-left: 1em
}

html#taginfo #badformat,html#taginfo #error {
    color: var(--primary-gray-800);
    display: block;
    font-size: 14px;
    margin-top: 16px;
    text-align: center
}

html#taginfo p#error>i {
    display: block;
    font-size: 69px;
    height: 100px;
    line-height: 96px;
    margin: 0 auto;
    text-align: center;
    width: 86px
}

html#taginfo .multipleResults {
    display: block;
    margin-bottom: 0;
    margin-top: 8px;
    padding: 8px 6px
}

html#taginfo #multi-results>strong {
    font-size: 13px
}

html#taginfo .header {
    cursor: pointer;
    font-size: 12px;
    margin-top: 8px;
    padding: 5px 6px;
    z-index: 3
}

html#taginfo .header>a {
    color: var(--primary-gray-800)
}

html#taginfo .header i.icon-arrow-left {
    vertical-align: bottom
}

html#taginfo .header>a:hover {
    text-decoration: none
}

html#taginfo div.header>span {
    margin-left: 2px;
    position: relative;
    top: -1px
}

html#taginfo .diffSite {
    color: var(--primary-gray-650);
    display: block;
    font-size: 12px
}

html#taginfo #detail-view {
    -webkit-animation: slide .2s forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation: slide .2s forwards;
    transform: translate3d(100%,0,0)
}

@keyframes slide {
    to {
        transform: translateZ(0)
    }
}

html#images body {
    font-size: 12px;
    font-size: 14px;
    line-height: 14px;
    min-height: 175px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-top: 15px
}

html#images .location {
    padding: 0 8px
}

html#images .location:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

html#images #open-chooser-image-gadget {
    margin: -3px;
    padding: 3px
}

html#images dl.location {
    margin-bottom: 10px
}

html#images dl.location dt {
    float: left;
    line-height: 1.4;
    margin-right: 5px;
    text-align: right;
    width: 50px
}

html#images dl.location dd {
    line-height: 1.4;
    margin-left: 50px;
    overflow-x: hidden;
    text-overflow: ellipsis
}

html#images .change-location {
    padding: 0 0 10px
}

html#images .change-location i {
    font-size: 20px;
    position: relative;
    top: 4px
}

html#images img {
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 10px;
    max-width: 45%!important
}

html#images img:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

html#images .waiting {
    background: url(/resources/images/loading.gif) no-repeat 50%;
    display: none;
    height: 50px
}

html#images #no-images {
    padding-top: 10px
}

html#inbox li:hover {
    cursor: pointer
}

html#inbox li:focus {
    background-color: var(--primary-gray-150);
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    outline: none
}

html#inbox li div.content {
    display: flex
}

html#inbox li div.content div.read-badge {
    background-color: var(--primary-orange-600);
    border-radius: 50%;
    height: 9px;
    margin-top: 8px;
    width: 9px
}

html#inbox li div.content img.gravatar-icon {
    border-radius: 50%;
    height: 24px;
    margin: 0 16px 0 10px;
    width: 24px
}

html#inbox li div.content div.email-info {
    flex: 1;
    overflow-x: hidden;
    white-space: nowrap
}

html#inbox li div.content div.email-info>div {
    overflow-x: hidden;
    text-overflow: ellipsis
}

html#inbox li div.content div.email-info div.datetime {
    float: right;
    font-size: 14px
}

html#inbox li div.content div.email-info div.preview {
    font-size: 12px
}

html#inbox li div.content div.email-info:focus {
    outline: none
}

html#inbox li.unread .datetime,html#inbox li.unread .preview,html#inbox li.unread .subject {
    font-weight: 700
}

html#inbox li.read div.content div.read-badge {
    visibility: hidden
}

html#inbox .list-empty {
    color: var(--primary-gray-700);
    margin: 30px auto;
    text-align: center
}

html#inbox .list-empty i {
    font-size: 40px
}

html#linkcheck body {
    cursor: default
}

html#linkcheck #execute-link-check-btn {
    display: block;
    margin: 10px auto;
    width: 80%
}

@keyframes anim-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

html#linkcheck .spinContainer {
    display: none;
    margin: 6px auto 0;
    width: 28px
}

html#linkcheck .searchText {
    color: var(--primary-gray-800);
    display: none;
    font-size: 14px;
    margin: 0 auto;
    width: 173px
}

html#linkcheck .spinner {
    animation: anim-rotate 2s linear infinite;
    -webkit-animation: anim-rotate 2s linear infinite;
    color: var(--primary-gray-750);
    display: inline-block;
    font-size: 2em;
    height: 28px;
    line-height: 1;
    width: 28px
}

html#linkcheck .buttonContainer {
    cursor: default;
    margin-bottom: 10px
}

html#linkcheck .noResultsText {
    color: var(--primary-gray-800);
    display: none;
    font-size: 14px;
    margin: 0 auto;
    width: 105px
}

html#linkcheck .noResultsIcon {
    color: var(--primary-gray-800);
    display: none;
    font-size: 2em;
    height: 1em;
    line-height: 1;
    margin: 15px auto 0;
    width: 28px
}

html#linkcheck .header {
    display: flex;
    height: 25px;
    line-height: 2;
    padding: 0 6px
}

html#linkcheck .brokens {
    color: var(--primary-gray-800);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html#linkcheck .mail {
    font-size: 22px;
    line-height: 1
}

html#linkcheck .refresh {
    position: relative;
    top: -2px
}

html#linkcheck .mail a,html#linkcheck .refresh a {
    display: inline-block;
    text-decoration: none
}

html#linkcheck .mail a {
    padding: 4px 2px 1px
}

html#linkcheck .refresh a {
    padding: 2px 6px 0
}

html#linkcheck ul {
    list-style: none;
    margin-top: 5px!important
}

html#linkcheck .item,html#linkcheck li {
    border-top: var(--primary-gray-400-1-px);
    cursor: pointer;
    font-size: 14px;
    padding: 10px
}

html#linkcheck li.list-row {
    border-top: 0!important;
    display: flex;
    padding: 6px!important
}

html#linkcheck .rightIcon {
    color: var(--primary-gray-750);
    display: none;
    position: relative;
    right: 6px;
    top: 3px
}

html#linkcheck #rmv-highlight {
    float: right;
    font-size: 13px;
    margin: 8px
}

html#linkcheck .footer,html#linkcheck .labelContainer {
    border-top: var(--primary-gray-400-1-px)
}

html#linkcheck .labelContainer {
    font-size: 14px
}

html#linkcheck .detailheader {
    color: var(--primary-gray-800);
    cursor: pointer;
    font-size: 14px;
    padding: 0
}

html#linkcheck .detailheader:hover {
    color: var(--primary-gray-800);
    text-decoration: none
}

html#linkcheck .detailheader:focus {
    color: var(--primary-gray-800);
    outline-offset: 1px
}

html#linkcheck [tabindex]:focus {
    outline: var(--primary-blue-400-2-px);
    outline-offset: 1px
}

html#linkcheck .detailheader+.item-message {
    margin-top: 10px
}

html#linkcheck .labels {
    display: inline-block;
    margin: 5px 12px 5px 0;
    text-align: right;
    width: 35%
}

html#linkcheck .labels,html#linkcheck .labelsTop {
    color: var(--primary-gray-750);
    font-weight: 700
}

html#linkcheck .labelTopCont {
    font-size: 14px;
    margin-top: 10px
}

html#linkcheck .linklabel,html#linkcheck .textlabel {
    display: block;
    line-height: 1;
    position: relative
}

html#linkcheck .linkCont {
    word-wrap: break-word;
    margin-bottom: 15px
}

html#linkcheck .labelBot {
    border-bottom: var(--primary-gray-400-1-px)
}

html#linkcheck input[type=text],html#linkcheck select,html#linkcheck textarea {
    width: 196px!important
}

html#linkcheck textarea {
    height: 80px
}

html#linkcheck #send-message {
    width: 210px
}

html#linkcheck .info {
    color: var(--primary-gray-750);
    font-size: 13px;
    margin: 12px 0
}

html#linkcheck .body {
    font-size: 13px;
    line-height: 1.3;
    margin: 10px 10px 0 0
}

html#linkcheck .prv a,html#linkcheck .reply a {
    text-decoration: none
}

html#linkcheck .reply {
    margin-right: 12px
}

html#linkcheck .select2-results li {
    height: auto
}

html#linkcheck .unsupported {
    display: block;
    margin: 0 auto;
    width: 80%
}

html#linkcheck .error {
    margin: 0 auto
}

html#linkcheck .linkText {
    flex: 1;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html#linkcheck i.warning {
    color: var(--primary-yellow-500)
}

html#linkcheck i.ok {
    color: var(--primary-green-400)
}

html#linkcheck i.icon-info {
    color: var(--primary-blue-550)
}

html#linkcheck i.icon-arrow-left {
    vertical-align: bottom
}

html#linkcheck i.icon-arrow-right {
    line-height: 1
}

html#linkcheck .item-reply {
    padding: 8px 6px
}

html#linkcheck .item-detail {
    margin: 4px 6px 0;
    padding: 1px 0
}

html#linkcheck .control-label {
    font-size: 14px
}

html#linkcheck .select2-search .select2-input {
    width: 100%!important
}

html#linkcheck .select2-container a.select2-choice {
    height: 32px
}

html#linkcheck #submit-message {
    width: 100%!important
}

html#mypages ul li:first-child {
    border-top: none
}

html#mypages ul li {
    padding: 0
}

html#mypages ul li div {
    line-height: 15px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html#mypages ul li div.status {
    align-items: center;
    cursor: pointer;
    display: flex;
    float: left;
    height: 100%;
    padding: 0 19px;
    position: relative
}

html#mypages ul li div.status:focus,html#mypages ul li div.status:hover {
    background-color: var(--primary-gray-150)
}

html#mypages ul li div.status:focus {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    outline: none
}

html#mypages ul li div.status i {
    font-size: 24px
}

html#mypages ul li div.status i.icon-checked-out {
    color: var(--primary-bulb-color);
    text-shadow: var(--primary-bulb-outline-shadow)
}

html#mypages ul li div.status i.icon-calendar {
    color: var(--primary-green-200)
}

html#mypages ul li div.status i.icon-blocked {
    color: var(--primary-red-550)
}

html#mypages ul li div.status i.icon-thumbs-up {
    color: var(--primary-blue-550)
}

html#mypages ul li div.mypages-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 10px 3px;
    position: relative
}

html#mypages ul li div.mypages-content .name {
    margin-bottom: 2px
}

html#mypages ul li div.mypages-content .name a:hover {
    text-decoration: none;
    text-decoration: underline
}

html#mypages ul li div.mypages-content .name:focus {
    outline: none
}

html#mypages ul li div.mypages-content .time {
    font-size: 11px
}

html#mypages ul li div.mypages-content:focus {
    background-color: var(--primary-gray-150);
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    outline: none
}

html#mypages ul li div.mypages-content:focus .name a {
    text-decoration: underline
}

html#mypages ul li div.mypages-content:hover {
    background-color: var(--primary-gray-150);
    cursor: pointer
}

html#mypages ul li div.mypages-content:hover .name a {
    text-decoration: underline
}

html#mypages ul li:hover {
    background: none
}

html#mypages.dashboard li {
    height: 74px
}

html#mypages.dashboard li div {
    line-height: 17px
}

html#mypages.dashboard li .mypages-content .time {
    font-size: 12px
}

html#mypages.sidebar ul {
    font-size: 13px;
    padding-right: 0
}

html#mypages.sidebar li {
    height: 70px
}

html#mypages.sidebar li .status {
    padding: 0 10px
}

html#mypages .list-empty {
    color: var(--primary-gray-700);
    margin: 30px auto;
    text-align: center
}

html#mypages .list-empty i {
    font-size: 40px
}

html#notes {
    overflow: hidden
}

html#notes.system_gadget.sidebar {
    margin: 0
}

html#notes.system_gadget.sidebar body ul li {
    padding: 0 5px
}

html#notes [tabindex]:focus,html#notes a:focus {
    outline: var(--primary-blue-400-2-px);
    outline-offset: 1px
}

html#notes ul {
    list-style-type: none;
    margin: 3px 0 0!important
}

html#notes .no-notes {
    color: var(--primary-gray-700)
}

html#notes .notebook-icon-cont {
    font-size: 35px;
    height: 35px;
    line-height: 1.1;
    margin: 15px auto 10px;
    width: 35px
}

html#notes .no-notes-msg {
    margin: 0 auto 30px;
    width: 190px
}

html#notes .header {
    font-size: 14px;
    height: 30px;
    position: fixed;
    top: 0;
    width: 100%
}

html#notes .headerTab {
    cursor: pointer;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    width: 50%
}

html#notes .headerTab:last-child {
    float: right
}

html#notes .headerTab.selected {
    background: var(--primary-white);
    border-bottom: var(--primary-orange-600-2-px);
    font-weight: 800
}

html#notes .headerTab:focus {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    outline: none
}

html#notes .downTick {
    font-size: 20px;
    position: relative;
    top: 5px
}

html#notes .dropdown-menu {
    margin: 1px 0 0;
    min-width: 100px
}

html#notes .dropdown-menu>li>a {
    padding: 3px 10px
}

html#notes .pull-right>.dropdown-menu {
    left: auto;
    right: -2px;
    right: 3px;
    text-align: left;
    top: 22px
}

html#notes .dropdown {
    box-sizing: content-box;
    margin-right: 5px;
    padding: 1px 5px;
    position: relative
}

html#notes .dropdown-toggle>a:hover {
    text-decoration: none
}

html#notes .caret.special {
    border-bottom: var(--primary-dark-blue-500-6-px);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 0 solid;
    left: 23%;
    position: absolute;
    top: 24px
}

html#notes .gravatarImg {
    border-radius: 50%;
    float: left;
    height: 32px;
    margin-right: 8px;
    width: 32px
}

html#notes .header-details {
    display: inline-block;
    font-style: italic;
    line-height: 1.3;
    max-width: 63%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html#notes .header-date {
    color: var(--primary-gray-700);
    display: block;
    font-size: 14px;
    font-weight: 300
}

html#notes .message-header {
    border-bottom: var(--primary-gray-400-1-px);
    cursor: default;
    font-size: 14px;
    margin: 0 8px;
    padding: 8px 0
}

html#notes .message-body {
    display: inline-block;
    font-size: 14px;
    line-height: 1.2;
    margin: 8px;
    word-break: break-word
}

html#notes .message-body.edit {
    background: var(--primary-white)
}

html#notes .message-body.edit:focus {
    outline: none
}

html#notes #list-container>ul>li,html#notes #private-list-container>ul>li {
    background: var(--primary-white);
    border-radius: 4px;
    box-shadow: var(--primary-shadow);
    margin: 1px 3px 7px 4px;
    min-height: 90px;
    position: relative
}

html#notes #list-container,html#notes #private-list-container {
    height: calc(100vh - 103px);
    margin: 0 9px;
    overflow-x: hidden;
    padding-top: 2px;
    width: calc(100% - 21px)
}

html#notes textarea#message {
    box-sizing: border-box;
    height: 60px;
    margin: 0;
    overflow-y: hidden;
    resize: none;
    width: 100%
}

html#notes #new-message-container {
    background-color: var(--primary-blue-100);
    min-height: 30px;
    padding: 5px;
    width: calc(100% - 10px)
}

html#notes .actions {
    color: var(--primary-gray-650);
    cursor: pointer;
    font-size: 17px;
    position: absolute;
    right: 8px;
    top: 6px;
    z-index: 11
}

html#notes .actions .icon-disk {
    display: none
}

html#notes .actions.show-disk {
    display: inline-block!important
}

html#notes .actions.show-disk>i:first-child {
    display: none
}

html#notes .actions.show-disk>i:nth-child(2) {
    display: inline-block!important
}

html#notes .actions i:hover {
    color: var(--primary-gray-750)
}

html#notes .actions i.icon-cancel-circle:hover {
    color: var(--primary-red-550)
}

html#notes .sendBtn {
    cursor: pointer;
    position: absolute;
    right: 21px;
    top: 14px
}

html#notes .txtmsgTemp {
    display: none;
    font-size: 15px;
    line-height: 19px;
    min-height: 19px;
    visibility: hidden;
    word-break: break-all
}

html#notes #private-container .editRegion {
    display: block;
    height: calc(96% - 5px);
    margin: auto auto 5px;
    overflow-y: hidden;
    resize: none;
    width: calc(95% - 12px)
}

html#notes .secondary {
    border-top: var(--primary-gray-400-1-px);
    font-size: 14px;
    margin-top: 32px;
    padding: 3px 16px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 21
}

html#notes .addNoteBtn {
    cursor: pointer;
    font-size: 14px;
    margin-left: 7px;
    margin-top: 0
}

html#notes .addNoteBtn i {
    position: relative;
    top: 1px
}

html#notes .save {
    color: var(--primary-gray-800);
    cursor: pointer;
    display: none;
    font-size: 17px;
    padding: 2px 3px;
    position: absolute;
    right: 17px;
    top: 26px
}

html#notes .save:focus {
    outline-offset: -4px
}

html#notes .save:hover {
    color: var(--primary-gray-750)
}

html#notes .filterWrapper {
    height: 20px;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 5px
}

html#notes .deleteMask {
    background: var(--primary-white);
    border-radius: 2px;
    color: var(--primary-black);
    display: block;
    height: 110px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 82%
}

html#notes .deleteMaskContainer {
    padding: 15px
}

html#notes .deleteText {
    margin: auto;
    text-align: left;
    word-break: normal
}

html#notes .deleteButtonsWrapper {
    display: block;
    margin-top: 15px;
    text-align: right
}

html#notes li .deleteMask button {
    background: none;
    border: none;
    color: var(--primary-white);
    width: 33%
}

html#notes .deleteButtonsWrapper button.cancelBtn {
    margin-right: 8px
}

html#notes #selectedItem {
    padding: 0 2px
}

html#notes #message:focus::placeholder {
    color: transparent
}

html#notes button::-moz-focus-inner {
    border: 0
}

html#notes #list-container {
    padding: 0 4px
}

html#notes #list-container li:focus {
    outline-color: var(--primary-black)
}

html#notes .deleteNoteModal {
    background: var(--primary-black-5);
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000
}

html#pageanal body {
    font-size: 12px;
    padding: 5px
}

html#pageanal #controls #date-range div.input-append,html#pageanal #controls #date-range select,html#pageanal #controls #profile_menu_container {
    margin-bottom: 10px
}

html#pageanal #controls #date-range .input-append input {
    border-radius: 2px 0 0 2px
}

html#pageanal #controls #date-range .input-append .btn {
    background-color: var(--primary-gray-200);
    border: var(--primary-gray-400-1-px);
    border-radius: 0;
    color: var(--primary-gray-750);
    font-size: 14px;
    height: 32px;
    max-height: 32px;
    padding: 0;
    position: relative
}

html#pageanal #controls #date-range .input-append .btn i {
    font-size: inherit
}

html#pageanal table {
    border-collapse: collapse;
    margin-bottom: 5px
}

html#pageanal table tr {
    border-bottom: var(--primary-gray-400-1-px);
    border-top: none
}

html#pageanal table tr.chart-opener {
    cursor: pointer
}

html#pageanal table tr:last-of-type {
    border-bottom: none
}

html#pageanal table tr:focus {
    box-shadow: none;
    outline: var(--primary-blue-250-2-px)
}

html#pageanal table tr:hover {
    background-color: var(--primary-blue-100)
}

html#pageanal table td {
    border: none;
    padding: 8px;
    width: 50%
}

html#pageanal table td.lbl {
    font-weight: 700;
    text-align: right;
    white-space: nowrap
}

html#pageanal table td.val {
    padding-left: 4px;
    text-align: left
}

html#pageanal table.loading {
    background: url(/resources/images/loading-big.gif) no-repeat 50%;
    opacity: .5
}

html#pageanal #footer {
    float: right;
    margin-bottom: 5px
}

html#pageanal #footer .expand-link {
    align-items: center;
    display: flex;
    font-size: 14px;
    padding: 5px;
    text-decoration: none
}

html#pageanal #footer .expand-link i {
    font-size: 16px;
    margin-right: 5px
}

html#pageanal .select2-drop .select2-results {
    font-size: 14px;
    max-height: 266px
}

html#pageanal .group-input,html#pageanal .input-append {
    align-items: center;
    display: flex;
    flex-direction: row;
    max-width: 500px;
    position: relative;
    width: 100%
}

html#pageanal .group-input input,html#pageanal .input-append input {
    border-radius: 0;
    flex-grow: 2
}

html#pageanal .group-input input:first-child,html#pageanal .input-append input:first-child {
    border-radius: 2px 0 0 2px
}

html#pageanal .group-input input:last-child,html#pageanal .input-append input:last-child {
    border-radius: 0 2px 2px 0
}

html#pageanal .group-input .btn,html#pageanal .group-input button,html#pageanal .input-append .btn,html#pageanal .input-append button {
    background-color: var(--primary-gray-200);
    border: var(--primary-gray-400-1-px);
    border-radius: 0;
    color: var(--primary-gray-750);
    font-size: 14px;
    height: 32px;
    max-height: 32px;
    padding: 0;
    position: relative
}

html#pageanal .group-input .btn.btn-green,html#pageanal .group-input button.btn-green,html#pageanal .input-append .btn.btn-green,html#pageanal .input-append button.btn-green {
    background-color: var(--primary-green-500);
    border: var(--primary-green-500-1-px);
    color: var(--primary-white)
}

html#pageanal .group-input .btn i,html#pageanal .group-input button i,html#pageanal .input-append .btn i,html#pageanal .input-append button i {
    font-size: inherit
}

html#pageanal .group-input .btn:focus,html#pageanal .group-input button:focus,html#pageanal .input-append .btn:focus,html#pageanal .input-append button:focus {
    border-radius: 0;
    z-index: 2
}

html#pageinfo body {
    font-size: 14px;
    margin: 5px 0 0!important
}

html#pageinfo section {
    border-bottom: var(--primary-gray-400-1-px);
    clear: right;
    padding: 8px 6px
}

html#pageinfo section.last {
    border-bottom: none
}

html#pageinfo section:focus {
    outline: var(--primary-blue-400-2-px)
}

html#pageinfo span.section-heading {
    display: block;
    font-weight: 700;
    line-height: 17px;
    margin: 2px 0 0
}

html#pageinfo ul {
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 1em
}

html#pageinfo a,html#pageinfo button {
    font-size: 14px
}

html#pageinfo li>a:first-child,html#pageinfo li>span:first-child {
    display: inline-block;
    flex: 1;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html#pageinfo a:focus,html#pageinfo button:focus {
    outline: var(--primary-blue-400-2-px);
    outline-offset: 1px
}

html#pageinfo .dep-list-container {
    clear: right
}

html#pageinfo .icon-tag {
    font-size: 15px;
    line-height: 1!important;
    vertical-align: middle
}

html#pageinfo #mod_by,html#pageinfo #pub_by {
    display: none
}

html#pageinfo #product-list {
    margin-left: 0
}

html#pageinfo li {
    border-top: none!important;
    display: block;
    display: flex;
    font-size: 14px;
    line-height: 14px;
    margin-top: 2px;
    max-width: 100%;
    padding: 0!important
}

html#pageinfo li.empty {
    color: var(--primary-gray-650)
}

html#pageinfo a.page.broken {
    color: var(--primary-red-550);
    text-decoration: none
}

html#pageinfo a.page.unpublished {
    color: var(--primary-orange-700)
}

html#pageinfo .cat-heading {
    color: var(--primary-gray-750);
    line-height: 14px;
    margin-top: 5px
}

html#pageinfo a.btn {
    font-size: 13px;
    padding: 1px
}

html#pageinfo button.tag {
    background-color: transparent;
    border: none;
    color: var(--primary-blue-550);
    cursor: pointer;
    padding: 0;
    white-space: nowrap
}

html#pageprops .propsGadgetFieldset {
    border: none;
    box-shadow: none;
    cursor: default;
    margin: 8px 6px 40px
}

html#pageprops label {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0
}

html#pageprops form fieldset h5 {
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0!important;
    padding-bottom: 1px
}

html#pageprops form .section {
    border-bottom: var(--primary-gray-400-1-px);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    margin: 10px 0;
    padding-bottom: 1px
}

html#pageprops form .help-block {
    line-height: 1.4;
    margin-bottom: 18px;
    margin-top: 10px;
    width: 200px
}

html#pageprops .select2-container {
    width: 100%
}

html#pageprops .select2-search-field {
    border-top: none!important
}

html#pageprops .bootstrap-datetimepicker-widget {
    width: 249px!important
}

html#pageprops input[type=button],html#pageprops input[type=checkbox],html#pageprops input[type=file],html#pageprops input[type=image],html#pageprops input[type=radio],html#pageprops input[type=reset],html#pageprops input[type=submit] {
    width: auto!important
}

html#pageprops .input-append,html#pageprops .input-prepend {
    margin-bottom: 0
}

html#pageprops .file-chooser {
    width: 113px!important
}

html#pageprops .uneditable-input,html#pageprops input[type=color],html#pageprops input[type=date],html#pageprops input[type=datetime-local],html#pageprops input[type=datetime],html#pageprops input[type=email],html#pageprops input[type=month],html#pageprops input[type=number],html#pageprops input[type=password],html#pageprops input[type=search],html#pageprops input[type=tel],html#pageprops input[type=text],html#pageprops input[type=time],html#pageprops input[type=url],html#pageprops input[type=week],html#pageprops select,html#pageprops textarea {
    margin-bottom: 0
}

html#pageprops #page-parameters-gadget {
    margin: 0
}

html#pageprops div.form-actions {
    background-color: initial
}

html#pageprops .lockBox,html#pageprops .noparamsBox {
    color: var(--primary-gray-650);
    font-size: 25px;
    margin: 0 auto;
    width: 25px
}

html#pageprops .locktext,html#pageprops .noparamstext {
    color: var(--primary-gray-650);
    cursor: default;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    width: 190px
}

html#pageprops .locked-container,html#pageprops .noparams-container {
    cursor: default;
    height: 76px
}

html#pageprops .form-actions {
    height: 40px
}

html#pageprops .bootstrap-datetimepicker-widget {
    width: 201px
}

html#pageprops .bootstrap-datetimepicker-widget ul {
    list-style: none;
    margin: 1px 0
}

html#pageprops .bootstrap-datetimepicker-widget td span {
    border-radius: 4px;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 2px;
    width: 47px
}

html#pageprops .help-inline {
    display: block!important;
    padding: 0
}

html#pageprops th.switch {
    text-align: center
}

html#pageprops th.prev {
    padding-right: 6px;
    text-align: right
}

html#pageprops .datepicker {
    padding: 5px
}

html#pageprops .checkoutBox {
    color: var(--primary-gray-750);
    font-size: 25px;
    margin: 0 auto;
    width: 25px
}

html#pageprops .checkoutText {
    color: var(--primary-gray-800);
    cursor: default;
    font-size: 14px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -6px;
    width: 192px
}

html#pageprops .checkoutText:focus {
    outline: var(--primary-black-2-px)
}

html#pageprops .form-actionsProps {
    background: var(--primary-white);
    background-color: var(--primary-gray-150);
    border-top: var(--primary-gray-400-1-px);
    bottom: 0;
    height: auto;
    left: 0;
    padding: 8px 0;
    position: fixed;
    width: 100%;
    z-index: 2
}

html#pageprops .form-actions-wrapper {
    float: right;
    margin-right: 15px
}

html#pageprops .cancelButton {
    margin-right: 2px!important
}

html#pageprops .select2-drop .select2-results {
    max-height: 150px
}

html#pageprops .select2-choices {
    background-image: none!important;
    border-radius: 2px!important;
    padding: 3px!important
}

html#pageprops .select2-choices .select2-search-choice {
    padding: 7px 7px 7px 18px!important
}

html#pageprops .select2-choices .select2-search-choice.collection {
    padding: 0!important
}

html#pageprops .select2-choices .select2-search-choice.collection .tag {
    float: left!important;
    padding: 6px 6px 5px 18px!important
}

html#pageprops .select2-choices .select2-search-choice.select2-locked {
    padding: 7px!important
}

html#pageprops .select2-choices .select2-search-choice.select2-locked.collection {
    padding: 0!important
}

html#pageprops li.picker-switch.accordion-toggle {
    border-top: none!important
}

html#pageprops li.picker-switch.accordion-toggle:hover {
    background: transparent
}

html#pageprops li.select2-search-field:hover {
    background-color: var(--primary-white)
}

html#pageprops .bootstrap-datetimepicker-widget li.collapse.in:hover {
    background-color: transparent
}

html#pageprops .bootstrap-datetimepicker-widget li.collapse.in {
    border-top: none!important
}

html#quickpublish body {
    margin: 0 8px!important
}

html#quickpublish #main {
    text-align: center
}

html#quickpublish #main .control-group {
    margin-bottom: 0;
    margin-top: 8px
}

html#quickpublish button {
    font: 16px Helvetica,Arial,sans-serif;
    padding: 10px;
    width: 100%
}

html#quickpublish button>i {
    line-height: 14px!important
}

html#quickpublish button:disabled {
    cursor: not-allowed
}

html#quickpublish button#nopub {
    margin-top: 15px
}

html#quickpublish button:focus {
    border-radius: 0
}

html#quickpublish textarea {
    height: 68px;
    margin-top: 8px;
    width: 100%
}

html#quickpublish .approverText {
    display: inline-block;
    margin-top: 8px
}

html#quickpublish .char-counter {
    color: var(--primary-blue-550);
    margin: auto auto 10px;
    text-align: right;
    width: 100%
}

html#quickpublish .success {
    color: var(--primary-green-400)
}

html#quickpublish .error {
    color: var(--primary-red-550)
}

html#quickpublish .select2-container .select2-choice {
    border-radius: 2px!important;
    height: 28px!important
}

html#quickpublish .select2-container .select2-choice>.select2-chosen {
    text-align: left
}

html#quickpublish .assetSubHelpText {
    display: block;
    margin-top: 8px;
    text-align: center
}

html#requestHelp input[type=text],html#requestHelp select,html#requestHelp textarea {
    margin: 0
}

html#requestHelp #submit-to {
    color: var(--primary-gray-700)
}

html#requestHelp textarea {
    height: 90px;
    margin-bottom: 8px
}

html#requestHelp .help-container {
    margin: 2px 6px
}

html#requestHelp #send-message {
    width: 100%
}

html#requestHelp .info {
    color: var(--primary-gray-750);
    font-size: 13px;
    margin: 12px 0
}

html#requestHelp .body {
    font-size: 13px;
    line-height: 1.3;
    margin: 10px 10px 0 0
}

html#requestHelp form label {
    font-size: 12px
}

html#requestHelp .control-group,html#siteanal .input-append {
    margin-bottom: 10px
}

html#siteanal .input-append input {
    border-radius: 2px 0 0 2px
}

html#siteanal .input-append .btn {
    background-color: var(--primary-gray-200);
    border: var(--primary-gray-400-1-px);
    border-radius: 0;
    color: var(--primary-gray-750);
    font-size: 14px;
    height: 32px;
    max-height: 32px;
    padding: 0;
    position: relative
}

html#siteanal .input-append .btn i {
    font-size: inherit
}

html#snippets #styleselect .btn.active {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff
}

html#snippets #styleselect .btn.active.focus,html#snippets #styleselect .btn.active:focus {
    background-color: #286090;
    border-color: #122b40;
    color: #fff
}

html#snippets #styleselect .btn.active:hover {
    background-color: #286090;
    border-color: #204d74;
    color: #fff
}

.open>.dropdown-togglehtml#snippets #styleselect .btn.active,html#snippets #styleselect .btn.active.active,html#snippets #styleselect .btn.active:active {
    background-color: #286090;
    background-image: none;
    border-color: #204d74;
    color: #fff
}

.open>.dropdown-togglehtml#snippets #styleselect .btn.active.focus,.open>.dropdown-togglehtml#snippets #styleselect .btn.active:focus,.open>.dropdown-togglehtml#snippets #styleselect .btn.active:hover,html#snippets #styleselect .btn.active.active.focus,html#snippets #styleselect .btn.active.active:focus,html#snippets #styleselect .btn.active.active:hover,html#snippets #styleselect .btn.active:active.focus,html#snippets #styleselect .btn.active:active:focus,html#snippets #styleselect .btn.active:active:hover {
    background-color: #204d74;
    border-color: #122b40;
    color: #fff
}

fieldset[disabled] html#snippets #styleselect .btn.active.focus,fieldset[disabled] html#snippets #styleselect .btn.active:focus,fieldset[disabled] html#snippets #styleselect .btn.active:hover,html#snippets #styleselect .btn.active.disabled.focus,html#snippets #styleselect .btn.active.disabled:focus,html#snippets #styleselect .btn.active.disabled:hover,html#snippets #styleselect .btn.active[disabled].focus,html#snippets #styleselect .btn.active[disabled]:focus,html#snippets #styleselect .btn.active[disabled]:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

html#snippets #styleselect .btn.active .badge {
    background-color: #fff;
    color: #337ab7
}

html#snippets body {
    font-size: 12px!important;
    margin: 4px 15px 0!important
}

html#snippets #header {
    height: auto;
    left: 12px;
    margin-bottom: 3px;
    padding: 0 4px 7px;
    position: fixed;
    top: 10px;
    z-index: 1
}

html#snippets #styleselect button {
    height: 28px;
    padding: 0;
    width: 32px
}

html#snippets #styleselect button i.icon-code {
    font-size: 16px
}

html#snippets .select2-container {
    margin: 0
}

html#snippets #snippet-list {
    left: 0;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0 11px;
    position: absolute;
    top: 48px;
    width: 100%
}

html#snippets #snippet-list li {
    border-bottom: var(--primary-gray-400-1-px);
    border-top: none
}

html#snippets #snippet-list li.last {
    border-bottom: none
}

html#snippets li.simple {
    font-size: 14px;
    line-height: 17px;
    width: 100%
}

html#snippets li.fancy>a>span {
    display: inline-block;
    font-size: 11px
}

html#snippets li.fancy>a>pre {
    word-wrap: normal;
    display: block;
    font-size: 9px;
    line-height: 1.3;
    margin-bottom: 3px;
    max-height: 100px;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis;
    white-space: pre
}

html#snippets a.snip {
    display: inline-block;
    text-decoration: none;
    width: 100%
}

html#snippets a.snip:focus {
    outline-offset: 3px
}

html#snippets .select2-results {
    height: 110px
}

@media screen and (min-height: 240px) {
    html#snippets .select2-results {
        height:145px
    }
}

@media screen and (min-height: 300px) {
    html#snippets .select2-results {
        height:207px
    }
}

html#urltools body {
    padding: 7px 6px
}

html#urltools form {
    margin: 0;
    opacity: 0;
    transition: opacity .25s ease-in
}

html#urltools form.render {
    opacity: 1
}

html#urltools .control-group {
    margin-bottom: 0
}

html#urltools #shorturl {
    color: var(--primary-blue-600);
    cursor: text;
    margin-bottom: 2px;
    margin-top: 8px;
    padding-left: 27px;
    text-decoration: underline
}

html#urltools #shorturl-help {
    color: var(--primary-gray-800);
    cursor: default;
    font-size: 13px;
    font-style: italic;
    padding-left: 5px
}

html#urltools #drag-handle {
    cursor: move;
    display: none;
    font-size: 16px;
    left: 2px;
    padding: 3px 4px 0 5px;
    position: absolute;
    text-decoration: none;
    top: 11px
}

html#urltools #drag-handle span {
    display: none
}

html#urltools .input-append {
    display: flex
}

html#urltools .control-group+div {
    position: relative
}

html#urltools #submit {
    border-radius: 0 2px 2px 0;
    height: 32px;
    max-height: none
}

html#urltools #submit i {
    margin-right: 0
}

html#workflow body {
    overflow: hidden;
    position: relative
}

html#workflow .workflow-default-view {
    overflow-y: auto
}

html#workflow .workflow-message-list:focus {
    outline: none
}

html#workflow.sidebar li.list-row {
    border-top: var(--primary-gray-400-1-px)
}

html#workflow.sidebar li.list-row:last-child {
    border-bottom: var(--primary-gray-400-1-px)
}

html#workflow.sidebar .current-workflow li.list-row {
    margin-right: 0;
    padding-right: 0
}

html#workflow.sidebar .workflow {
    margin-top: 6px
}

html#workflow.sidebar .status {
    margin: 16px 15px 0
}

html#workflow.sidebar .separator:after,html#workflow.sidebar .separator:before {
    width: 32%
}

html#workflow.sidebar #today-seperator:after,html#workflow.sidebar #today-seperator:before {
    width: 39%
}

html#workflow.sidebar .workflow-footer {
    margin-right: 9px
}

html#workflow .workflow-empty {
    margin: 30px auto;
    text-align: center
}

html#workflow .workflow-empty i {
    font-size: 40px
}

html#workflow .loading-container {
    text-align: center;
    width: 100%
}

html#workflow .loading-icon {
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 28px
}

html#workflow .list-row {
    min-height: 70px;
    overflow: hidden;
    position: relative
}

html#workflow .list-row .path {
    margin-top: 5px
}

html#workflow .list-row .info,html#workflow .list-row .path {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%
}

html#workflow .current-workflow .list-row .info,html#workflow.sidebar .current-workflow .list-row .info {
    width: 100%
}

html#workflow .list-row:hover {
    cursor: pointer
}

html#workflow .list-row:focus {
    background-color: var(--primary-gray-150);
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    color: var(--primary-dark-blue-600);
    outline: none!important
}

html#workflow .right-icon {
    display: none
}

html#workflow .list-row:focus>span.right-icon,html#workflow .list-row:hover>span.right-icon {
    color: var(--primary-gray-800);
    display: block;
    font-size: 18px;
    position: absolute;
    right: 8px;
    top: 24px;
    z-index: 1000
}

html#workflow .status {
    cursor: pointer;
    float: left;
    font-size: 22px;
    margin: 13px 15px 0 0;
    width: 22px
}

html#workflow .status .icon-broadcast {
    color: var(--primary-green-500)
}

html#workflow .status .icon-thumbs-up {
    color: var(--primary-blue-550)
}

html#workflow .status .icon-cancel-stop,html#workflow .status .icon-thumbs-down {
    color: var(--primary-red-550)
}

html#workflow .item-detail {
    position: relative
}

html#workflow .workflow-top-container {
    height: 95px;
    position: fixed;
    z-index: 5
}

html#workflow .back-to-workflow-listing {
    background-color: var(--primary-white);
    font-size: 14px;
    padding: 5px 12px;
    position: inherit;
    top: 0;
    width: 100%;
    z-index: 3
}

html#workflow #skip-to-reply-options {
    height: 0;
    left: -999em;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: auto;
    width: 1px
}

html#workflow #skip-to-reply-options:focus {
    background-color: var(--primary-white);
    font-size: 12px;
    height: 18px;
    left: 2px;
    margin: 0 auto;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 98%;
    z-index: 5000
}

html#workflow .current-workflow {
    background-color: var(--primary-white);
    box-shadow: var(--primary-shadow-bottom);
    cursor: default;
    line-height: 1.5;
    padding: 0;
    position: inherit;
    top: 32px;
    width: 100%;
    z-index: 3
}

html#workflow.sidebar .current-workflow {
    margin-right: 9px;
    width: calc(100% - 18px)
}

html#workflow .workflow-message-list {
    background: var(--primary-white);
    flex-grow: 1;
    height: calc(100vh - 146px);
    margin-bottom: 44px;
    margin-top: 101px;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px
}

html#workflow .workflow {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap
}

html#workflow .info {
    word-wrap: break-word
}

html#workflow .my-workflow-message,html#workflow .not-my-workflow-message {
    word-wrap: break-word;
    clear: both;
    max-width: 100%;
    padding-bottom: 3px;
    position: relative;
    top: 7px
}

html#workflow .my-workflow-message:focus,html#workflow .not-my-workflow-message:focus,html#workflow .separator:focus {
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none!important
}

html#workflow .not-my-workflow-message {
    float: left
}

html#workflow .my-workflow-message {
    float: right
}

html#workflow .my-workflow-message-body,html#workflow .not-my-workflow-message-body {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-top: 0;
    max-width: 75%;
    padding: 8px
}

html#workflow .not-my-workflow-message-body {
    background: var(--primary-gray-200);
    float: left;
    margin: 10px 13px 2px 18px;
    position: relative
}

html#workflow .public .not-my-workflow-message-body {
    background: var(--primary-gray-200)
}

html#workflow .my-workflow-message-body {
    background: var(--primary-dark-blue-100);
    float: right;
    margin: 13px 18px 2px 10px;
    position: relative
}

html#workflow .public .my-workflow-message-body {
    background: var(--primary-dark-blue-100)
}

html#workflow .my-workflow-thumbnail,html#workflow .not-my-workflow-thumbnail {
    display: inline-block;
    position: relative;
    width: 20px
}

html#workflow .workflow-message-thumbnail {
    border-radius: 50%;
    width: 100%
}

html#workflow .not-my-workflow-thumbnail {
    float: left;
    right: -3px;
    top: 6px
}

html#workflow .my-workflow-thumbnail {
    float: right;
    right: 3px;
    top: 9px
}

html#workflow .my-workflow-message .my-workflow-thumbnail:after {
    border-color: transparent var(--primary-dark-blue-100);
    border-width: 8px 0 8px 11px;
    left: -16px
}

html#workflow .public .my-workflow-message .my-workflow-thumbnail:after {
    border-color: transparent var(--primary-dark-blue-100)
}

html#workflow .my-workflow-message .my-workflow-thumbnail:after,html#workflow .not-my-workflow-message .not-my-workflow-thumbnail:after {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 3px;
    border-style: solid;
    content: " ";
    display: block;
    float: right;
    position: absolute;
    top: 4px;
    width: 0;
    z-index: 1
}

html#workflow .not-my-workflow-message .not-my-workflow-thumbnail:after {
    border-color: transparent var(--primary-gray-200);
    border-width: 8px 11px 8px 0;
    right: -16px
}

html#workflow .public .not-my-workflow-message .not-my-workflow-thumbnail:after {
    border-color: transparent var(--primary-gray-200)
}

html#workflow .message-header {
    display: block;
    font-size: 12px;
    text-align: center
}

html#workflow .my-workflow-message-meta,html#workflow .not-my-workflow-message-meta {
    clear: both;
    font-size: 12px;
    position: relative
}

html#workflow .my-workflow-message-meta {
    margin-right: 38px;
    padding-left: 5px;
    text-align: right
}

html#workflow .not-my-workflow-message-meta {
    margin-left: 38px;
    padding-right: 5px;
    text-align: left
}

html#workflow .message-subject {
    margin-bottom: 3px
}

html#workflow .separator {
    background-color: var(--primary-white)!important;
    clear: both;
    display: block;
    font-size: 14px;
    margin: 0 auto;
    padding: 0 7px;
    position: relative;
    text-align: center;
    top: 7px;
    z-index: 2
}

html#workflow .separator:after,html#workflow .separator:before {
    border-bottom: var(--primary-gray-800-1-px);
    content: "";
    display: inline-block;
    height: .8em;
    left: 0;
    position: absolute;
    vertical-align: top;
    width: 38%
}

html#workflow .separator:after {
    left: auto;
    right: 0
}

html#workflow #today-seperator:after,html#workflow #today-seperator:before {
    width: 43%
}

html#workflow .select2-container {
    width: 100%!important
}

html#workflow .select2-drop {
    border: var(--primary-gray-400-1-px)!important;
    border-radius: 0!important;
    box-shadow: var(--primary-regular-shadow)!important;
    position: fixed!important;
    width: 230px!important
}

html#workflow .selectList {
    position: absolute;
    top: 0!important;
    visibility: hidden;
    z-index: -1000
}

html#workflow .select2-results li {
    padding: 0
}

html#workflow .message {
    height: 20px;
    margin-top: 1px;
    overflow: hidden;
    padding: 5px 5px 5px 10px;
    resize: none
}

html#workflow .message,html#workflow .message.public {
    background-color: var(--primary-white)
}

html#workflow .message.public:-ms-input-placeholder,html#workflow .message.public::-moz-placeholder,html#workflow .message.public::-webkit-input-placeholder {
    color: var(--primary-gray-800)!important
}

html#workflow .workflow-footer {
    background-color: var(--primary-white);
    border-top: var(--primary-gray-400-1-px);
    bottom: 0;
    display: flex;
    height: 44px;
    left: 0;
    padding: 5px 10px;
    position: fixed;
    width: 100%;
    z-index: 3
}

html#workflow.sidebar .workflow-footer {
    width: calc(100% - 9px)
}

html#workflow .workflow-footer-select-list {
    flex: 0 0 46px
}

html#workflow .workflow-form-message {
    flex: 1 0 auto;
    padding: 0 6px 0 5px
}

html#workflow .workflow-send-button-container {
    flex: 0 0 36px
}

html#workflow .user-list {
    z-index: -2
}

html#workflow .select-user-select2 {
    border: 0!important;
    min-width: 45px!important;
    width: 45px!important
}

html#workflow .thumb-selector {
    border-radius: 50%;
    padding-left: 3px;
    padding-right: 3px;
    width: 26px
}

html#workflow .select-user-select2.btn-gray i.icon-users {
    font-size: 20px;
    margin-right: 0
}

html#workflow .select-user-select2 i {
    margin-right: 0
}

html#workflow .select-user-select2,html#workflow .send-button {
    position: relative;
    top: -1px
}

html#workflow .send-button.btn-icon i.icon-paper-plane {
    color: var(--primary-blue-600);
    font-size: 20px
}

html#workflow .tooltip {
    max-width: none!important;
    overflow: hidden;
    white-space: nowrap
}

html#workflow .tooltip-inner {
    max-width: 275px!important;
    overflow: hidden;
    text-overflow: ellipsis
}

html#youtube #content-wrapper {
    padding: 0 7px 10px
}

html#youtube #loading-icon {
    margin: 35px 49% 0
}

html#youtube #no-channels-container p {
    color: var(--primary-gray-800);
    margin: 20px
}

html#youtube #nochannels-icon {
    color: var(--primary-gray-750);
    display: block;
    font-size: 33px;
    margin: 20px 0 7px 95px
}

html#youtube #nochannels-icon-first {
    color: var(--primary-gray-750);
    display: block;
    margin-left: 20px
}

html#youtube #nochannels-icon-second {
    color: var(--primary-gray-750);
    display: block;
    margin-left: 10px
}

html#youtube #nochannels-icon-third {
    color: var(--primary-gray-750);
    display: block;
    margin-left: 50px
}

html#youtube #channlist {
    margin-top: 10px
}

html#youtube #channlist span i {
    color: var(--primary-gray-750);
    font-size: 30px
}

html#youtube .selected-view {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html#youtube .icon-caret-down {
    display: inline-block;
    top: 0!important
}

html#youtube #playlist {
    display: none;
    margin-left: 10px
}

html#youtube .select2-container {
    margin-top: 10px!important;
    width: 100%
}

html#youtube .filtercontainer,html#youtube .searchcontainer {
    margin-top: 10px;
    position: relative
}

html#youtube .filtercontainer .icon-cancel,html#youtube .searchcontainer .icon-cancel {
    color: var(--primary-gray-750);
    cursor: pointer;
    padding: 0 2px;
    position: absolute;
    right: 6px;
    top: 6px;
    visibility: hidden
}

html#youtube .filtercontainer .icon-cancel:focus,html#youtube .searchcontainer .icon-cancel:focus {
    border: var(--primary-blue-400-2-px);
    outline: none;
    right: 4px;
    top: 4px
}

html#youtube #helptext-searchcontainer span {
    display: block;
    text-align: center
}

html#youtube #helptext-searchcontainer .firstline {
    color: var(--primary-gray-750);
    font-size: 30px
}

html#youtube #helptext-searchcontainer .restline {
    color: var(--primary-gray-750)
}

html#youtube .no-search-results-container {
    color: var(--primary-gray-750);
    display: block;
    margin-top: 65px;
    text-align: center
}

html#youtube #errorHandle,html#youtube #novideos {
    display: none;
    margin: 20px 10px
}

html#youtube #errorHandle span,html#youtube #novideos span {
    display: block
}

html#youtube #errorHandle .zerovideos,html#youtube #novideos .zerovideos {
    border-bottom: var(--primary-gray-400-1-px)
}

html#youtube #errorHandle .youtubeicon,html#youtube #novideos .youtubeicon {
    color: var(--primary-gray-400);
    font-size: 30px;
    margin-top: 28px;
    text-align: center
}

html#youtube #errorHandle .novideosfound,html#youtube #novideos .novideosfound {
    color: var(--primary-gray-650);
    text-align: center
}

html#youtube #loading-icon-video {
    display: none;
    margin: 20px 40px;
    text-align: center
}

html#youtube #numresult p span {
    border-bottom: var(--primary-gray-400-1-px);
    display: block
}

html#youtube #video-list-container {
    display: none;
    margin-top: 5px
}

html#youtube #videolist {
    list-style-type: none;
    margin: 10px 0 0
}

html#youtube .video-item {
    cursor: pointer;
    height: 78px;
    visibility: hidden
}

html#youtube .v-title {
    color: var(--primary-gray-800);
    font-size: 13px;
    line-height: 100%;
    margin-bottom: 2px
}

html#youtube .v-date {
    color: var(--primary-gray-800);
    font-size: 12px
}

html#youtube .v-left {
    float: left
}

html#youtube .v-thumb {
    cursor: pointer;
    height: 60px;
    width: 80px
}

html#youtube .v-right {
    margin-left: 85px
}

html#youtube .select2-results li.select2-result-with-children>.select2-result-label {
    background: var(--primary-gray-250);
    font-weight: 400!important
}

html#youtube #select2-drop {
    padding: 0 10px
}

html#youtube .select2-drop-auto-width .select2-search {
    padding: 4px 0 0
}

html#youtube select::-moz-focus-inner {
    border: 0
}

html#youtube .select2-results {
    height: 107px
}

@media screen and (min-height: 300px) {
    html#youtube .select2-results {
        height:177px
    }
}

#analytics-modal .profile-selector,.gadget[data-gid=siteanal] .profile-selector {
    font-size: 14px;
    font-weight: 400
}

.gadget[data-gid=siteanal] .profile-selector {
    right: 14px;
    top: -2px
}

.gadget[data-gid=siteanal] .profile-selector .select2-choice {
    height: 23px;
    line-height: 23px
}

.gadget[data-gid=siteanal] .profile-selector .select2-choice:focus {
    box-shadow: var(--primary-blue-250-shadow-2);
    outline: none
}

.gadget[data-gid=siteanal] .profile-selector .select2-choice .select2-arrow b {
    background-position-y: -2px
}

#analytics-modal .profile-menu-container {
    margin-left: 15px
}

#analytics-modal .profile-menu-container+.modal-heading-level {
    position: relative;
    top: 4px
}

#analytics-modal .modal-header .ich {
    margin-top: 5px
}

#analytics-modal .input-append input {
    border-radius: 2px 0 0 2px
}

#analytics-modal .input-append .btn {
    background-color: var(--primary-gray-200);
    border: var(--primary-gray-400-1-px);
    border-radius: 0;
    color: var(--primary-gray-750);
    font-size: 14px;
    height: 32px;
    max-height: 32px;
    padding: 0;
    position: relative
}

#analytics-modal .input-append .btn i {
    font-size: inherit
}

body {
    background-color: var(--primary-gray-150);
    color: var(--primary-gray-800);
    margin: 0
}

body.modal-open,body.navigation-menu-open {
    overflow: hidden
}

#app-container {
    height: calc(100vh - 60px);
    margin: 0 auto;
    padding: 0
}

.navigation-menu-open #app-container:before {
    background-color: var(--primary-black);
    bottom: 0;
    content: "";
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1029
}

#main-content {
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    min-width: 768px
}

#main-content,#main-content.sidenav {
    padding: 0 50px
}

#main-content #body {
    height: 100%;
    position: relative;
    width: 100%
}

#main-content #body>.page-view,#main-content #body>div:not(#footer-nav) {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 100%
}

#main-content #body>.page-view .header-btntabs,#main-content #body>div:not(#footer-nav) .header-btntabs {
    background-color: var(--primary-gray-150);
    flex: 0 0 auto;
    margin: 0 -10px 20px;
    padding: 0 10px;
    position: sticky;
    top: 60px;
    z-index: 310
}

#main-content #body>.page-view .header-btns,#main-content #body>div:not(#footer-nav) .header-btns {
    background-color: var(--primary-gray-150);
    flex: 0 0 auto;
    margin: 0 -10px;
    padding: 0 10px;
    position: sticky;
    top: 60px;
    z-index: 100
}

#main-content #body>.page-view>.content,#main-content #body>.page-view>.main-right,#main-content #body>div:not(#footer-nav)>.content,#main-content #body>div:not(#footer-nav)>.main-right {
    flex: 1 1 auto;
    margin-bottom: 20px;
    position: relative;
    top: 0
}

div.container.content .collection-header {
    top: 116px
}

div.container.content .collection-list {
    margin-top: 120px
}

div.container.content .main-right {
    margin-top: 38px
}

#body div#alerts-view .alerts-frame {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    margin-left: 0;
    position: absolute;
    top: 3px;
    transition: all .3s linear 0s;
    width: 100%
}

#body div#alerts-view .alerts-frame.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#body div#alerts-view .alerts-frame.padded-children>* {
    padding: 15px
}

div#footer-nav,div#pagination-footer-nav {
    background: inherit;
    height: 60px;
    position: relative;
    width: 100%
}

div#footer-nav #form-submit-status,div#pagination-footer-nav #form-submit-status {
    display: inline-block
}

div.main-footer {
    align-items: center;
    background: inherit;
    display: flex;
    flex-direction: row;
    height: 60px;
    justify-content: flex-end;
    margin: 0;
    padding: 10px 0;
    width: 100%
}

div.main-footer.pagination-container {
    padding: 0 36px
}

div.main-footer .footer-message {
    line-height: 30px
}

div.main-footer button {
    margin-left: 5px;
    min-width: 5em
}

#leftnav {
    background-color: var(--primary-white);
    border-right: var(--primary-gray-600-1-px);
    bottom: 0;
    left: -281px;
    overflow-y: auto;
    position: fixed;
    top: 60px;
    transition: left .3s linear 0s;
    width: 280px;
    z-index: 1000
}

#leftnav.open {
    box-shadow: var(--primary-regular-shadow);
    left: 0
}

#leftnav ol.tree-view>li {
    padding: 6px 0 6px 8px
}

#leftnav .leftnav-header {
    align-items: center;
    background-color: var(--primary-gray-150);
    border-bottom: var(--primary-gray-400-1-px);
    display: flex;
    height: 42px;
    padding-left: 12px
}

#leftnav .leftnav-header .inner-title {
    color: var(--primary-gray-800);
    flex: 1;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    margin: 0
}

#leftnav .leftnav-header button {
    background-color: transparent;
    box-shadow: none;
    color: var(--primary-gray-800)
}

#leftnav .leftnav-header button:focus {
    outline: var(--primary-black-2-px)
}

#leftnav .leftnav-header button:hover {
    box-shadow: none
}

#leftnav .leftnav-tabs {
    align-items: center;
    border-bottom: var(--primary-gray-400-1-px);
    display: flex;
    height: 32px
}

#leftnav .leftnav-tabs div.content-type {
    align-items: center;
    display: flex;
    height: 100%;
    margin-right: auto;
    padding: 0;
    width: 100%
}

#leftnav .leftnav-tabs div.content-type a {
    align-items: center;
    border-bottom: 2px solid transparent;
    color: var(--primary-gray-800);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50%
}

#leftnav .leftnav-tabs div.content-type a:hover {
    text-decoration: none
}

#leftnav .leftnav-tabs div.content-type a.active,#leftnav .leftnav-tabs div.content-type a.active:hover {
    border-bottom: var(--primary-orange-600-2-px);
    font-weight: 700
}

#leftnav .leftnav-tabs div.content-type a:focus {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    outline: none
}

#leftnav .leftnav-tabs div.content-type a i {
    font-size: 20px;
    margin-right: 4px
}

#leftnav div.leftnav-breadcrumb {
    align-items: center;
    background-color: transparent;
    border-bottom: var(--primary-gray-400-1-px);
    display: flex;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 8px
}

#leftnav div.leftnav-breadcrumb a[data-path]:focus,#leftnav div.leftnav-breadcrumb span[aria-current]:focus {
    outline: var(--primary-blue-400-2-px)
}

#leftnav div.leftnav-breadcrumb i.icon-arrow-right {
    margin-left: -4px;
    margin-right: -4px
}

#leftnav div.leftnav-breadcrumb a.root {
    font-size: 21px;
    line-height: unset
}

#leftnav div.leftnav-breadcrumb a.root.current {
    color: var(--primary-gray-800);
    cursor: default
}

#leftnav div.leftnav-breadcrumb a.root.current:hover,#leftnav div.leftnav-breadcrumb a.root:hover {
    text-decoration: none
}

#leftnav div.leftnav-breadcrumb i.icon-caret-right {
    font-size: 10px;
    margin: 0 2px
}

#leftnav #leftnav-inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#leftnav #leftnav-inner>div.drop-overlay {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 61px;
    width: 264px;
    z-index: 0
}

#leftnav #leftnav-inner>div.drop-overlay.over {
    outline: var(--primary-blue-400-2-px-dashed);
    outline-offset: -2px
}

#leftnav #leftnav-inner>div.drop-overlay.upload {
    z-index: 2
}

#leftnav .ich {
    margin: 6px 6px 0 0
}

.bottombar-actions {
    align-items: center;
    background-color: var(--primary-white);
    border-top: var(--primary-orange-600-2-px);
    bottom: 0;
    display: flex;
    height: 60px;
    justify-content: flex-end;
    padding-right: 50px;
    position: fixed;
    right: 0;
    transition: margin-right .3s linear 0s;
    width: 100%;
    z-index: 300
}

.bottombar-actions .btn:not(:first-child) {
    margin-left: 10px
}

#gadgets {
    background-color: var(--primary-white);
    bottom: 0;
    overflow-y: auto;
    position: fixed;
    right: -301px;
    top: 60px;
    transition: right .3s linear 0s;
    width: 300px;
    z-index: 1001
}

#gadgets.open {
    box-shadow: var(--primary-regular-shadow);
    right: 0
}

#gadgets.open~#main-content .bottombar-actions {
    margin-right: 300px!important;
    transition: margin-right .3s linear 0s
}

#gadgets.loading {
    background: var(--primary-white) url(/resources/images/loading-big.gif) no-repeat center center
}

#gadgets .spacer {
    flex: 1
}

#gadgets #gadgets-inner {
    height: 100%
}

#gadgets div.actions {
    align-items: center;
    display: flex
}

#gadgets div.actions #btn-toggle-gadgets {
    display: none
}

#gadgets div.actions #btn-hide-gadgets {
    background: transparent;
    border: none;
    height: 28px;
    margin: 0 -10px 0 0
}

#gadgets div.actions #btn-hide-gadgets:hover {
    cursor: pointer
}

#gadgets div.actions #btn-hide-gadgets:focus {
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none;
    text-decoration: none
}

#gadgets #gadgets-title {
    align-items: center;
    background-color: var(--primary-gray-150);
    border-bottom: var(--primary-gray-400-1-px);
    color: var(--primary-gray-800);
    display: flex;
    font-size: 18px;
    font-weight: 400;
    height: 42px;
    margin: 0;
    padding: 0 20px
}

#gadgets #gadgets-title i {
    color: var(--primary-gray-750);
    font-size: 22px;
    vertical-align: middle
}

#gadgets #gadgets-title i.icon-cancel {
    font-size: 16px
}

#gadgets #gadgets-title .title-inner {
    margin-top: 2px
}

#gadgets #gadgets-title a:hover {
    text-decoration: none
}

#gadgets #gadgets-title #btn-config-gadgets {
    background: transparent;
    border: none;
    margin: 0 3px 0 -7px;
    padding: 5px
}

#gadgets #gadgets-title #btn-config-gadgets:hover {
    cursor: pointer
}

#gadgets #gadgets-title #btn-config-gadgets:focus {
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

#gadgets #gadgets-scroller {
    background: var(--primary-gray-150);
    border-top: var(--primary-gray-400-1-px);
    bottom: 0;
    padding: 8px 0 10px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 100%
}

#gadgets #gadgets-scroller button {
    margin: 0 2px;
    min-width: 0;
    width: 40px
}

#gadgets #gadgets-scroller button i {
    margin: 0
}

#gadgets .gadgets-wrapper {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0
}

#gadgets .gadgets-wrapper .gadget {
    background-color: var(--primary-white);
    border-bottom: var(--primary-gray-400-1-px);
    position: relative
}

#gadgets .gadgets-wrapper .gadget.dragholder {
    background-color: var(--primary-white);
    display: block!important;
    height: 50px
}

#gadgets .gadgets-wrapper .gadget.open .gadget-title {
    background-color: var(--list-row-selected);
    border-bottom: var(--primary-gray-400-1-px)
}

#gadgets .gadgets-wrapper .gadget.open .gadget-title:hover {
    background-color: var(--list-row-selected-hover)
}

#gadgets .gadgets-wrapper .gadget .gadget-actions {
    position: absolute;
    right: 15px;
    top: 15px
}

#gadgets .gadgets-wrapper .gadget .gadget-actions * {
    align-items: center;
    display: inline-flex;
    text-decoration: none
}

#gadgets .gadgets-wrapper .gadget .gadget-actions i {
    cursor: pointer;
    font-size: 16px
}

#gadgets .gadgets-wrapper .gadget .gadget-actions i[class^=icon-expand] {
    font-size: 14px
}

#gadgets .gadgets-wrapper .gadget .gadget-title {
    align-items: center;
    background-color: var(--primary-white);
    border: none;
    box-sizing: border-box;
    color: var(--primary-gray-800);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    margin: 0;
    padding: 0 50px 0 20px;
    width: 100%
}

#gadgets .gadgets-wrapper .gadget .gadget-title:hover {
    background-color: var(--primary-gray-150);
    cursor: pointer
}

#gadgets .gadgets-wrapper .gadget .gadget-title:focus {
    background-color: var(--primary-gray-150);
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    outline: none
}

#gadgets .gadgets-wrapper .gadget .gadget-title.moving {
    cursor: move
}

#gadgets .gadgets-wrapper .gadget .gadget-title .title-inner {
    font-size: inherit;
    font-weight: 700;
    margin: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#gadgets .gadgets-wrapper .gadget .gadget-title i[class^=icon-] {
    display: inline-block;
    font-size: 20px;
    margin-right: 10px;
    min-width: 20px;
    text-align: center
}

#gadgets .gadgets-wrapper .gadget .gadget-content {
    font-size: 12px;
    max-height: 0;
    overflow-y: hidden;
    transition: max-height .1s linear
}

#gadgets .gadgets-wrapper .gadget .gadget-content.open {
    max-height: 240px;
    overflow-y: auto
}

#gadgets .gadgets-wrapper .gadget .gadget-content iframe {
    background-color: var(--primary-white);
    border: none;
    display: block;
    height: 100%;
    width: 100%
}

#btn-show-gadgets,#btn-show-leftnav {
    border: none;
    box-shadow: var(--primary-shadow-aside-buttons);
    display: none;
    position: fixed;
    top: 78px;
    z-index: 1000
}

#btn-show-gadgets i,#btn-show-leftnav i {
    color: var(--primary-gray-750);
    font-size: 20px;
    text-shadow: none
}

#btn-show-gadgets:hover,#btn-show-leftnav:hover {
    box-shadow: var(--primary-btn-box-shadow)
}

#btn-show-gadgets:focus,#btn-show-leftnav:focus {
    box-shadow: var(--primary-black-shadow-2)
}

#btn-show-leftnav {
    border-radius: 0 5px 5px 0;
    left: 0
}

#btn-show-gadgets {
    border-radius: 5px 0 0 5px;
    right: 0
}

#btn-sync-leftnav {
    margin: 0
}

#btn-hide-leftnav {
    margin-right: 8px
}

#btn-hide-leftnav,#btn-sync-leftnav {
    height: 28px;
    min-width: 26px;
    padding: 0;
    position: relative
}

#btn-hide-leftnav i,#btn-sync-leftnav i {
    margin: 0
}

#login-view {
    background-color: var(--primary-white)
}

#login-view.waiting:after {
    content: url(/resources/images/loading.gif);
    display: block;
    margin-top: 32px;
    text-align: center
}

#login-view .login-left {
    align-items: center;
    border-right: var(--primary-gray-400-1-px);
    box-shadow: var(--primary-regular-shadow);
    color: var(--primary-gray-800);
    display: flex;
    flex-direction: column;
    float: left;
    height: calc(100vh - 60px);
    padding: 15px;
    width: 33%
}

@media only screen and (max-width: 767px) {
    #login-view .login-left {
        width:100%
    }
}

#login-view .login-left form {
    display: none;
    margin: auto;
    width: 100%
}

#login-view .login-left form#form-change-password,#login-view .login-left form#form-login {
    max-width: 400px
}

#login-view .login-left form #login-welcome {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 0;
    text-align: center
}

#login-view .login-left form .change-welcome {
    margin-bottom: 60px;
    text-align: center
}

#login-view .login-left form .change-welcome p#change-title {
    font-size: 20px
}

#login-view .login-left form .buttons button {
    margin-bottom: 20px;
    width: 100%
}

#login-view .login-left form .buttons button#cancel-password-change {
    margin: auto;
    text-transform: none;
    width: 100%
}

#login-view .login-left form .reset-link {
    color: var(--primary-blue-550);
    text-align: center
}

#login-view .login-left form .login-message {
    margin-bottom: 18px;
    margin-top: 18px;
    padding: 8px;
    text-align: center
}

#login-view .login-left form .login-message.alert-success {
    background-color: var(--primary-white);
    border: none;
    color: var(--primary-green-200)
}

#login-view .login-left form .login-message.alert-error {
    color: var(--primary-red-550)
}

#login-view .login-left form .logo-container .modern-campus-logo,#login-view .login-left form .logo-container .modern-campus-logo-without-tag {
    margin-bottom: 50px
}

#login-view .login-left form .logo-container .modern-campus-logo-without-tag {
    display: none;
    max-height: 100px
}

#login-view .login-left form .logo-container .modern-campus-logo {
    display: block
}

@media (min-width: 768px) {
    #login-view .login-left form .logo-container .modern-campus-logo-without-tag {
        display:block
    }

    #login-view .login-left form .logo-container .modern-campus-logo {
        display: none
    }
}

@media (min-width: 1285px) {
    #login-view .login-left form .logo-container .modern-campus-logo-without-tag {
        display:none
    }

    #login-view .login-left form .logo-container .modern-campus-logo {
        display: block
    }
}

#login-view .login-left #reset-error {
    margin: auto;
    padding: 0;
    text-align: center
}

#login-view .login-left #reset-error p {
    background-color: var(--primary-red-100);
    font-size: 16px;
    max-width: 400px;
    padding: 15px
}

#login-view .login-left #reset-error a {
    color: var(--primary-blue-550);
    display: inline-flex;
    margin-bottom: 40px;
    margin-top: 40px
}

#login-view .login-left #reset-error a i {
    font-size: 16px;
    margin-right: 5px;
    text-decoration: none
}

#login-view #user-announcements {
    float: left;
    height: calc(99vh - 60px);
    padding-left: 7px;
    position: relative;
    width: 67%
}

@media only screen and (max-width: 767px) {
    #login-view #user-announcements {
        padding-left:0;
        width: 100%
    }
}

#login-view #user-announcements iframe {
    border-style: none;
    height: 100%;
    width: 100%
}

#login-view #system-announcements {
    border: var(--primary-gray-600-1-px);
    border-radius: 3px;
    display: none;
    margin: auto;
    overflow-x: auto;
    padding: 0 10px 10px;
    width: 100%
}

#reset-view {
    align-items: center;
    color: var(--primary-gray-800);
    display: flex;
    flex-direction: column;
    height: calc(100vh - 60px);
    margin: 0;
    width: 100%
}

#reset-view #reset-view-content {
    margin: auto;
    max-height: calc(100vh - 60px)
}

#reset-view #reset-view-content svg {
    display: block;
    height: 67px;
    margin: auto;
    max-width: 325px
}

#reset-view #form-reset.card,#reset-view #reset-success.card {
    margin-top: 30px;
    min-height: 500px;
    width: 625px
}

#reset-view #form-reset.card#reset-success,#reset-view #reset-success.card#reset-success {
    height: auto
}

#reset-view #form-reset.card header,#reset-view #reset-success.card header {
    font-size: 16px;
    margin-top: 34px;
    text-align: center
}

#reset-view #form-reset.card header h2,#reset-view #reset-success.card header h2 {
    font-size: 20px;
    margin-top: 34px
}

#reset-view #form-reset.card header i,#reset-view #reset-success.card header i {
    color: var(--primary-green-500);
    font-size: 48px
}

#reset-view #form-reset.card .form-content,#reset-view #reset-success.card .form-content {
    margin: auto;
    max-width: 400px;
    width: 100%
}

#reset-view #form-reset.card .form-content p#reset-success-text,#reset-view #reset-success.card .form-content p#reset-success-text {
    font-size: 16px;
    text-align: center
}

#reset-view #form-reset.card .modal-footer-message,#reset-view #reset-success.card .modal-footer-message {
    padding-top: 0;
    text-align: center
}

#reset-view #form-reset.card .form-buttons,#reset-view #reset-success.card .form-buttons {
    margin: auto;
    max-width: 400px;
    text-align: center;
    width: 100%
}

#reset-view #form-reset.card .form-buttons button[type=submit],#reset-view #reset-success.card .form-buttons button[type=submit] {
    width: 100%
}

#reset-view #form-reset.card .form-buttons a.back-to-login,#reset-view #reset-success.card .form-buttons a.back-to-login {
    color: var(--primary-blue-550);
    display: inline-flex;
    margin-bottom: 40px;
    margin-top: 40px
}

#reset-view #form-reset.card .form-buttons a.back-to-login i,#reset-view #reset-success.card .form-buttons a.back-to-login i {
    font-size: 16px;
    margin-right: 5px;
    text-decoration: none
}

#login-error-wrapper {
    display: none;
    margin: 50px
}

#login-error-wrapper #login-error {
    margin-left: auto;
    margin-right: auto;
    width: 800px
}

#modal-reset-password {
    display: none
}

#modal-reset-password form {
    margin: 0
}

#mobile-redirect-modal {
    background: var(--primary-gray-200);
    bottom: 0;
    font-size: 4vmin;
    line-height: 5vmin;
    padding: 5%;
    position: fixed;
    width: 100%;
    z-index: 1100
}

#mobile-redirect-modal .button-group {
    padding-top: 4%;
    text-align: center
}

#mobile-redirect-modal .button-group button {
    font-size: 4vmin;
    height: 7%;
    line-height: 10vmin;
    margin: 0 4%;
    text-transform: none;
    width: 40%
}

#marketplace-view .link-spacing {
    margin: -3px;
    padding: 3px
}

#marketplace-view .heading-link {
    color: var(--primary-gray-800);
    margin: -3px;
    padding: 3px
}

#marketplace-view .top-spacing {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 10px
}

#marketplace-view #marketplace-select {
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    padding: 30px;
    width: 100%
}

#marketplace-view #marketplace-select #marketplace-select-inner {
    margin-bottom: 30px;
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 30px
}

#marketplace-view .card-block-larger {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#marketplace-view .card-block {
    grid-gap: 30px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(230px,max-content));
    justify-content: flex-start;
    padding: initial;
    width: 100%
}

#marketplace-view .card-block .marketplace-card {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    margin-left: 2px;
    width: 230px
}

#marketplace-view .card-block .marketplace-card.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#marketplace-view .card-block .marketplace-card.padded-children>* {
    padding: 15px
}

#marketplace-view .card-block .marketplace-card:focus:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#marketplace-view .card-heading {
    font-size: 19px;
    font-weight: inherit;
    margin-bottom: 0;
    margin-top: 0
}

#marketplace-view .card-header {
    color: var(--primary-gray-800);
    line-height: 1.3;
    margin: -3px;
    padding: 3px
}

#marketplace-view .card-subheader {
    color: var(--primary-gray-800);
    color: var(--primary-gray-700);
    font-size: 16px;
    margin: -3px;
    padding: 3px;
    position: relative;
    top: 3px
}

#marketplace-view .marketplace-view-all a {
    font-size: 18px;
    margin: -3px;
    padding: 3px
}

#marketplace-view .marketplace-view-all .icon-angle-right {
    font-size: 18px;
    position: relative;
    top: 2px
}

#marketplace-view .btn-like,#marketplace-view .btn-mail {
    width: auto
}

#marketplace-view .btn-like i,#marketplace-view .btn-mail i {
    font-size: 22px
}

#marketplace-view #marketplace-header {
    font-weight: 500;
    padding-left: 30px;
    padding-right: 30px
}

#marketplace-view .header-title {
    display: inline-block;
    font-size: 25px;
    margin-bottom: 4px;
    margin-top: 5px
}

#marketplace-view .header-title a {
    color: var(--primary-gray-800);
    margin: -3px;
    padding: 3px
}

#marketplace-view .header-title i {
    font-size: 20px;
    margin: 5px 0 0 -5px;
    position: relative;
    top: 3px
}

#marketplace-view .header-title .breadcrumb {
    font-size: 20px;
    font-weight: 400
}

#marketplace-view .header-title #marketplace-types-btn {
    position: relative;
    top: 5px
}

@media only screen and (min-width: 840px) {
    #marketplace-view .header-title {
        font-size:30px
    }

    #marketplace-view .header-title .breadcrumb {
        font-size: 24px
    }

    #marketplace-view .header-title i {
        top: 0
    }
}

#marketplace-view .marketplace-header {
    font-size: 24px
}

#marketplace-view .marketplace-header .marketplace-landing-heading {
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    margin-bottom: 0;
    margin-top: 0
}

@media only screen and (min-width: 840px) {
    #marketplace-view .marketplace-header {
        font-size:28px
    }
}

#marketplace-view .slide,#marketplace-view .slider {
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

#marketplace-view .slider {
    margin-bottom: 30px;
    position: relative
}

#marketplace-view .slider ul {
    margin: 0;
    padding: 0
}

#marketplace-view .slider .slide {
    min-height: 320px;
    position: relative
}

#marketplace-view .slider .slide .slider-content {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    overflow: hidden;
    width: 100%
}

#marketplace-view .slider .slide .slider-content .slider-image {
    width: 100%
}

@media screen and (min-width: 1070px) {
    #marketplace-view .slider .slide .slider-content .slider-image {
        width:50%
    }
}

#marketplace-view .slider .slide .slider-content .slider-image img {
    width: 100%
}

#marketplace-view .slider .slide .slider-content .slider-info {
    background: var(--primary-white);
    height: 100%;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 100%;
    z-index: 1000
}

#marketplace-view .slider .slide .slider-content .slider-info .slider-heading {
    font-weight: inherit;
    margin-bottom: 0;
    margin-top: 0
}

@media screen and (min-width: 1070px) {
    #marketplace-view .slider .slide .slider-content .slider-info {
        border:none;
        padding-left: 30px;
        width: 50%
    }
}

#marketplace-view .slider .slide .slider-content .slider-info .read-more {
    margin: -3px;
    padding: 3px
}

#marketplace-view .slider .slide .slider-content .slider-header {
    color: var(--primary-gray-800);
    font-size: 28px;
    line-height: 1.3;
    margin: -3px;
    padding: 3px
}

#marketplace-view .slider .slide .slider-content .slider-subheader {
    color: var(--primary-gray-800);
    font-size: 20px;
    margin: 5px -3px -3px;
    padding: 3px
}

#marketplace-view .slider .slide .slider-content .slider-desc {
    color: var(--primary-gray-800);
    font-size: 16px;
    margin-top: 8px;
    max-height: 100%;
    overflow: hidden;
    padding-right: 20px;
    text-overflow: ellipsis
}

#marketplace-view .slider.active {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    height: 700px;
    position: relative
}

#marketplace-view .slider.active.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#marketplace-view .slider.active.padded-children>* {
    padding: 15px
}

@media screen and (min-width: 1070px) {
    #marketplace-view .slider.active {
        height:363px
    }
}

#marketplace-view .slider.active.with-slidenav {
    padding-bottom: 30px
}

#marketplace-view .slider.active .slide {
    border: none;
    display: block!important;
    display: none;
    left: 0;
    padding: 2px;
    position: absolute;
    top: 0;
    transition: left .6s ease-out;
    visibility: hidden;
    z-index: 200
}

#marketplace-view .slider.active .slide:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

#marketplace-view .slider.active .slide.current {
    display: block;
    left: 0;
    visibility: visible;
    z-index: 500
}

#marketplace-view .slider.active .slide.prev {
    left: -100%
}

#marketplace-view .slider.active .slide.next {
    left: 100%
}

#marketplace-view .slider.active .slide.next.in-transition,#marketplace-view .slider.active .slide.prev.in-transition {
    visibility: visible
}

#marketplace-view .slider .controls .btn-next,#marketplace-view .slider .controls .btn-prev {
    background-color: var(--primary-gray-150);
    border-radius: 50%;
    box-shadow: var(--primary-around-black-shadow);
    color: var(--primary-gray-800);
    position: absolute;
    top: 35%;
    z-index: 700
}

#marketplace-view .slider .controls .btn-next:focus,#marketplace-view .slider .controls .btn-prev:focus {
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

@media screen and (min-width: 1070px) {
    #marketplace-view .slider .controls .btn-next,#marketplace-view .slider .controls .btn-prev {
        top:40%
    }
}

#marketplace-view .slider .controls .btn-prev {
    left: 6px
}

#marketplace-view .slider .controls .btn-next {
    right: 6px
}

#marketplace-view .slider .slidenav {
    background-color: var(--primary-gray-150);
    border-top: var(--primary-gray-400-1-px);
    bottom: -2px;
    height: 40px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 700
}

#marketplace-view .slider .slidenav li {
    display: inline-block;
    height: 100%;
    margin: 0 2px
}

#marketplace-view .slider .slidenav li .btn {
    height: 90%
}

#marketplace-view .slider .slidenav li .btn.btn-dot {
    color: var(--primary-gray-800)
}

#marketplace-view .slider .slidenav li .btn.btn-dot i {
    font-size: 30px
}

#marketplace-view .slider .slidenav li .btn.btn-dot.current {
    color: var(--primary-blue-550)
}

#marketplace-view .slider .slidenav li .btn.change-play {
    color: var(--primary-gray-800)
}

#marketplace-view .featured {
    margin-top: 10px
}

#marketplace-view .featured-wrapper {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    margin-bottom: 30px;
    width: 48%
}

#marketplace-view .featured-wrapper.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#marketplace-view .featured-wrapper.padded-children>* {
    padding: 15px
}

@media screen and (min-width: 1070px) {
    #marketplace-view .featured-wrapper {
        width:31%
    }
}

#marketplace-view .featured-wrapper .image-container {
    margin-bottom: 10px
}

#marketplace-view .featured-wrapper .image-container img {
    border-bottom: var(--primary-gray-400-1-px);
    cursor: pointer;
    max-width: 100%;
    width: 100%
}

#marketplace-view .featured-wrapper:focus:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#marketplace-view .featured-wrapper .information-content {
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px
}

#marketplace-view .featured-wrapper .information-content .featured-text {
    font-size: 16px;
    overflow: hidden
}

#marketplace-view .featured-wrapper .information-content .featured-controls {
    font-size: 20px;
    margin-bottom: 12px;
    margin-top: 12px
}

#marketplace-view .featured-wrapper .information-content .featured-controls .actions {
    float: right
}

#marketplace-view .popular-wrapper {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    display: flex;
    height: auto;
    margin-bottom: 20px;
    margin-top: 10px;
    position: relative;
    width: 70%
}

#marketplace-view .popular-wrapper.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#marketplace-view .popular-wrapper.padded-children>* {
    padding: 15px
}

@media screen and (min-width: 1070px) {
    #marketplace-view .popular-wrapper {
        width:48%
    }
}

@media screen and (min-width: 1200px) {
    #marketplace-view .popular-wrapper {
        width:31%
    }
}

#marketplace-view .popular-wrapper:focus:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#marketplace-view .popular-wrapper .image-container {
    border-left: var(--primary-gray-400-1-px);
    cursor: pointer;
    width: 50%
}

#marketplace-view .popular-wrapper .image-container img {
    height: 100%;
    max-width: 100%;
    width: 100%
}

#marketplace-view .popular-wrapper .information-content {
    border-left: var(--primary-gray-400-1-px);
    padding-left: 5px;
    padding-right: 5px;
    width: 50%
}

#marketplace-view .popular-wrapper .information-content .popular-top {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 10px
}

#marketplace-view .popular-wrapper .information-content .popular-controls {
    font-size: 20px;
    margin: 12px 5px
}

#marketplace-view .popular-wrapper .information-content .popular-actions {
    display: inline-block
}

#marketplace-view .recent-header-main {
    font-size: 24px;
    margin-bottom: 10px
}

#marketplace-view .recent-header-main .marketplace-landing-heading {
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    margin-bottom: 0;
    margin-top: 0
}

@media only screen and (min-width: 840px) {
    #marketplace-view .recent-header-main {
        font-size:28px
    }
}

#marketplace-view .recent .information-content {
    border-top: var(--primary-gray-400-1-px);
    height: 190px;
    position: relative
}

#marketplace-view .recent .information-content .recent-top {
    margin: 10px 10px 5px
}

#marketplace-view .recent .information-content .recent-controls {
    bottom: 11px;
    display: inline-block;
    left: 11px;
    position: absolute
}

#marketplace-view .recent .information-content .recent-actions {
    display: inline-block
}

#marketplace-view .recent .image-container {
    cursor: pointer;
    position: relative
}

#marketplace-view .recent .image-container img {
    max-height: 250px;
    max-width: 100%
}

#marketplace-view .detail-view-container .marketplace-landing-heading {
    font-weight: inherit;
    margin-bottom: 10px;
    margin-top: 10px
}

#marketplace-view .detail-view-container .detail-top {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px
}

#marketplace-view .detail-view-container .detail-top .btn-mail {
    height: 36px;
    width: 36px
}

#marketplace-view .detail-view-container .detail-top .btn-mail i {
    font-size: 24px
}

#marketplace-view .detail-view-container .detail-top .detail-buttons {
    display: inline-block
}

#marketplace-view .detail-view-container .detail-top.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#marketplace-view .detail-view-container .detail-top.padded-children>* {
    padding: 15px
}

#marketplace-view .detail-view-container .detail-top .detail-image {
    width: 100%
}

@media screen and (min-width: 1070px) {
    #marketplace-view .detail-view-container .detail-top .detail-image {
        width:50%
    }
}

#marketplace-view .detail-view-container .detail-top .detail-image img {
    width: 100%
}

#marketplace-view .detail-view-container .detail-top .detail-info {
    padding: 15px;
    width: 100%
}

@media screen and (min-width: 1070px) {
    #marketplace-view .detail-view-container .detail-top .detail-info {
        width:50%
    }
}

#marketplace-view .detail-view-container .detail-top .detail-info .detail-header {
    font-size: 28px;
    font-weight: inherit;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 0
}

#marketplace-view .detail-view-container .detail-top .detail-info .detail-add {
    margin-bottom: 20px;
    margin-top: 20px
}

#marketplace-view .detail-view-container .detail-top .detail-info .detail-add .detail-price {
    font-size: 20px;
    margin-bottom: 15px
}

#marketplace-view .detail-view-container .detail-top .detail-info .details-list .details-list-header {
    display: inline-block;
    font-weight: 700;
    width: 80px
}

#marketplace-view .detail-view-container .detail-description {
    font-size: 16px;
    margin-top: 10px
}

#marketplace-view .detail-view-container .screenshots {
    height: auto
}

#marketplace-view .detail-view-container .screenshots .screenshots-slider {
    grid-gap: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,max-content));
    justify-content: flex-start;
    padding: initial
}

#marketplace-view .detail-view-container .screenshots .screenshots-slider .screenshot-element {
    margin-bottom: 20px;
    margin-top: 10px;
    position: relative;
    width: 200px
}

#marketplace-view .detail-view-container .screenshots .screenshots-slider .screenshot-element img {
    max-height: 200px;
    width: 100%
}

#marketplace-view .detail-view-container .screenshot-video {
    background-color: var(--primary-black-5);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAChklEQVRYw+3Zy29NURTH8dYjoSUaaTpkSpCYlpEgFQw6QATR+hsaSWNoQBoRBjWSeCQm6IBQhAiaemsHpkyEiVFbj9J4fExWkxsD9/R0n94rOTvZk3vO/u39PXvttddatwEN/3NvKAFKgBKgBCgB6gVgHtajC2dwF8/xAvfQjwNYh8Z6AmhBN+5jUvX2JeAOYFmtATrxsmJx7zGAI/GsI3pn/DYQ70y3Z9hZC4AlOIlfsZBXOIS2DGPb4t2RGPsTfWiaK4DluBaTj6Mn5+RNMXY8tK6GORYKsLRi8W+wIcEZ2hBacAXNRQE04nTF4tck9GBrKiD6igLYhqnY8vYCfHp7aH/DltQAzXgaX6inyi7NBqIn5niS1ZSyCneH8Eh4oH+dkQtxoeX1btPeaV8qgIV4GKLdGXZqInpvFdhqH+sO5qcAWI+vcQG1ZgD4WHFRDWPjDAFaY65PWJ0CoCsWM5DxrHz8K3T4Hp6ldQYQA1nNKItYf4j15gSYbq+xIyNAb4w5kQLgToh1zhIAfuMcVmaIseBGCoDhEOtIADDdPlRxCB3x3sN6BXiXEeBBPZrQWazIaELX6+kQj9bqEKdwo8dyutG9KQDWRRqY9yJrz3mRTWBVCoAFke/OJJQYx+FZhhK3UoUSDTg4g2DufOxa3mBuNObakzqcfjKH4fQQFqdOaDZHslF0QjOJTUXlxH0FppRvQ/tokUl9cyTeRSX1F7Go0LLK2NhYCy4nLKtMhNalcAJzUthqwnH8qPBOeQtbU2E2i9SgtLgdj2dRWhzC1loXd5dE5nQbnzNEohO4iV15y4lFldcbsRb7cQqDeBQx/WB4sN1ZwoPyD44SoAQoAUqAEiBr/wOXzeq9iPh4XQAAAABJRU5ErkJggg==);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

#marketplace-view .detail-view-container .screenshot-video:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFM0lEQVRYw+1Z2y+jWxTnSJDWZbwI/4C4TEg8mXiVUR5IzASJiEtkPAp/giEREkeMWwRP50HiiJbRzy3UoWhLQ85xTvFwmHPM9GLiUrTq0rN+sr85jdDW97WcM+lOfol89l5r/fZee+21VoOcTmfQ/xlBAQIBAgECAQL/CgsKiie8IrwjNBI6GBrZN/wv/j9FgEYMIZvwnvATQUn4SBgjjDKMsW9KNuc9WxPzbARoSAhvCf0EjjCRnp6uqq6uXh0YGNhRqVSf19bWLKurqwfz8/Nf+vr6dqqqqrRpaWlzmMvW9DMZkiclQCOF8COMiIqKmiSjdQsLC8bT01OH08M4Pj52zM3NfQGZiIgInghkpTwJARqvCT9DcWFh4bJerz/gjTs6OrpYWVkx0W5v19TU6EEMwN/4hv9hDj+fTsdSUFCgZiQg87VfCdB4A18ODw9XdnZ2GhwOxzUM2d3dtTY0NPyalJQ0zXxeTlDcAb6NYg7m7u3tWbH24uLiqq2tzRAWFsbfnTd+IUBDRhiPiYmZUCqVf/HKichWbGwsxxvILqw73BLEGqyFDMhSKBSfyB0hZxy6fEqAxkscsVQq5XjjLRaLrbi4ePkRht9LBDIgCzLlcvkniUSiZO700icEWLRpg592dXVtQZHZbLZlZWX9wowfEwk5ZEEmZMOdWLht8yY6eUMAYW4iLy9PbbPZroCioqIVHxn/jQRkQvb5+fmlTCZbYKH2rSgCNF4gVtOxcjqdzoIdgt8+ZHxwcDDvGgohJCAbOrRarRk62TvxQgwBXFwOj9PNzY0TkYNd2Ht9ni44NzIyspeZmTkv4G6MQjZ0QFd5ebmWhVeZIAI0fiA0hISETKjVaiN2pr6+/jd3rhMZGanEY0a4bG5u/j06Onr8kachhw7omp2d/UwnCjdqgC1CCMQhb6H0YB4G4QFKSEiYcWcQCBwcHNj5h2pjY+NrTk7OAlvjzWkooAO6gJSUlDmWO8UJIYDMcRzuA2Pwinoy4i4BDHrsrpAHxcfHc16exih0YS1zI5ziKyEEkP5+hHII6+3t3fYUee4jwI+dnZ3jkpISzZ0M9V43gi6s6ejo2GKv8zshBJDDj8EXIay2tlbvaQfdEcCgy3lDj9VeYmLitBtZCujC/MnJyb/Zt0YhBD5gp5aWlswQBlcSS4AfJpPJVldXp3/gJBS82yJ4sDkfBBNYXl72OQGj0XjGTtQtgcXFRVEE/OJCw8PDuxRpprxxIY7jRLnQ7SXu7+/3ySU2GAxHT32J+TCqExNGkS739PRsx8XFPTqMlpWVacSE0duHDDXsycmJQ8hDtr6+/jU7O1vQQ0alpz05OXlWzEP2LZWgotzrVMJqtTqApqamTSpQBKcSMzMz+ywXEpZKuCZzVIDrHpPMZWRkqMQkc9fX187S0lKNqGTubjqNFPep0ml6e0xUd4tPp10LGhQZZ2dnl/4uaJA4UoXmm4LGpaRE30aJcs/fJSWl4ZsuvSKJr4r6ZBTaKLiRy/irqB8cHPwzNDQUF38YOv3SVkHrgyfhi7aK3W6/7S0NDQ3tSqVSJSvoZX5tbKEJ1dra+gcpv+3pIHIIbWxREX/V0tKySTvv38bWndbiEPw0Pz9frdFozC59T4+tRczh51OiaMrNzV1kuz7k99aiC4kkvrlL92KioqJCi6TP1biHxuHhoX1qamqf8qIVOknX5m7Ss7fXU1NTVZWVldru7u7t6enpfYrnRgAGt7e3G5DMsfSAe9b2+nfxA8d38xNT4FfKAIEAgQABUfgHoyTbWZZwd9wAAAAASUVORK5CYII=)
}

#insights-view {
    background-color: var(--primary-white);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    flex-direction: row!important;
    margin: 60px auto;
    max-width: 1400px;
    padding: 30px;
    position: relative;
    width: 100%
}

#insights-view.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#insights-view.padded-children>* {
    padding: 15px
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

#insights-view .card-shared {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    overflow: hidden;
    padding-top: 15px
}

#insights-view .card-shared.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#insights-view .card-shared.padded-children>* {
    padding: 15px
}

#insights-view .card-shared:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#insights-view .card-shared.flex-contain {
    padding-top: 0
}

#insights-view .card-1 {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    overflow: hidden;
    padding-top: 15px
}

#insights-view .card-1.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#insights-view .card-1.padded-children>* {
    padding: 15px
}

#insights-view .card-1:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#insights-view .card-1.flex-contain {
    padding-top: 0
}

#insights-view .card-2 {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    overflow: hidden;
    padding-top: 15px
}

#insights-view .card-2.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#insights-view .card-2.padded-children>* {
    padding: 15px
}

#insights-view .card-2:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#insights-view .card-2.flex-contain {
    padding-top: 0
}

#insights-view .card-2 .card-actions {
    margin-right: 13px
}

#insights-view .card-2 .card-actions .success {
    color: var(--primary-green-200)
}

#insights-view .card-2 .card-actions a:hover {
    text-decoration: none
}

#insights-view .card-2 .card-actions .action-hidden {
    display: none
}

#insights-view .card-3 {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    overflow: hidden;
    padding-top: 15px
}

#insights-view .card-3.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#insights-view .card-3.padded-children>* {
    padding: 15px
}

#insights-view .card-3:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#insights-view .card-3.flex-contain {
    padding-top: 0
}

#insights-view .card-4 {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    overflow: hidden;
    padding-top: 15px
}

#insights-view .card-4.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#insights-view .card-4.padded-children>* {
    padding: 15px
}

#insights-view .card-4:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#insights-view .card-4.flex-contain {
    padding-top: 0
}

#insights-view .card-5 {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    overflow: hidden;
    padding-top: 15px
}

#insights-view .card-5.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#insights-view .card-5.padded-children>* {
    padding: 15px
}

#insights-view .card-5:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#insights-view .card-5.flex-contain {
    padding-top: 0
}

#insights-view .label-group {
    padding: 0 5px 8px 10px
}

#insights-view .label-group:first-child {
    padding-top: 24px
}

@media screen and (min-width: 900px) {
    #insights-view .label-group {
        margin-left:122px;
        padding-left: 32px;
        padding-right: 32px;
        text-indent: -122px
    }
}

#insights-view .label-group div.title {
    display: block;
    margin-right: 12px
}

@media screen and (min-width: 900px) {
    #insights-view .label-group div.title {
        display:inline-block;
        text-align: right;
        width: 105px
    }
}

#insights-view .label-group div.title+span {
    word-break: break-word
}

#insights-view .label-group div.title+span.site-name-span {
    word-break: break-all
}

#insights-view .label-group span:not(.send-report) i {
    font-size: 20px;
    position: relative;
    top: 3px
}

#insights-view .label-group span:not(.send-report) i.success {
    color: var(--primary-green-200)
}

#insights-view .label-group-wide {
    display: flex;
    padding: 12px
}

#insights-view .label-group-wide.clickable {
    cursor: pointer
}

#insights-view .label-group-wide.clickable:hover {
    background: var(--primary-gray-400);
    text-decoration: none
}

#insights-view .label-group-wide.first-child {
    border-top: var(--primary-gray-400-1-px)
}

#insights-view .label-group-wide.center {
    border-bottom: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center
}

#insights-view .label-group-wide.indent {
    color: var(--primary-gray-800);
    padding: 0 8px 8px 28px
}

#insights-view .label-group-wide div.title {
    color: var(--primary-gray-800);
    flex: 4 0 20px;
    margin: 0;
    text-align: left
}

#insights-view .label-group-wide div.title.center {
    text-align: center;
    width: 100%
}

#insights-view .label-group-wide span {
    color: var(--primary-gray-800);
    flex: 1 0 5px;
    text-align: right
}

#insights-view .circles-text {
    font-weight: 700
}

#insights-view section.limit-width {
    padding: 0 4%
}

#insights-view.gauss-blur #insights-nav,#insights-view.gauss-blur main {
    filter: blur(5px)
}

#insights-view #gaussCanvas {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

#insights-view #insights-nav {
    margin-right: 20px;
    width: 175px
}

#insights-view #insights-nav #brand {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px
}

#insights-view #insights-nav #brand .insights-heading {
    font-weight: inherit;
    margin-top: 0
}

#insights-view #insights-nav #brand a {
    color: var(--primary-gray-800);
    text-decoration: none
}

#insights-view #insights-nav #brand a:hover {
    text-decoration: underline
}

#insights-view #insights-nav ul {
    list-style: none;
    padding-left: 0
}

#insights-view #insights-nav ul li {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px
}

#insights-view #insights-nav ul li.active {
    font-weight: 700;
    position: relative
}

#insights-view #insights-nav ul li a {
    color: var(--primary-gray-800);
    text-decoration: none
}

#insights-view #insights-nav ul li a:hover {
    text-decoration: underline
}

#insights-view #insights-nav ul li ul.sub-nav {
    display: none;
    height: 0;
    overflow: hidden
}

#insights-view #insights-nav ul li ul.sub-nav.open {
    display: block;
    height: auto
}

#insights-view #insights-nav ul li ul.sub-nav li {
    font-size: 16px;
    padding: 8px 0 0 16px
}

#insights-view #insights-main,#insights-view main {
    width: 100%
}

#insights-view #insights-dashboard-main {
    display: flex;
    flex-direction: row;
    padding-top: 0;
    width: 100%
}

#insights-view #insights-dashboard-main #site-score-container {
    background: var(--primary-dark-blue-600);
    color: var(--primary-white);
    cursor: pointer;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
    width: 270px
}

#insights-view #insights-dashboard-main #site-score-container:focus {
    border-color: transparent;
    box-shadow: var(--primary-orange-600-shadow-3-inset);
    outline: none
}

#insights-view #insights-dashboard-main #site-score-container svg {
    overflow: inherit
}

#insights-view #insights-dashboard-main #site-score-container #site-score-number {
    margin: auto;
    padding-top: 8px;
    text-align: center;
    width: 160px
}

#insights-view #insights-dashboard-main #site-score-container #site-score-number .circles-maxValueStroke:first-child,#insights-view #insights-dashboard-main #site-score-container #site-score-number .circles-valueStroke {
    stroke: var(--primary-teal-500)
}

#insights-view #insights-dashboard-main #site-score-container #site-score-number .circles-maxValueStroke:nth-child(2) {
    stroke: var(--primary-dark-blue-600)
}

#insights-view #insights-dashboard-main #site-score-container .site-score-label h3 {
    font-size: 20px;
    margin: 0;
    text-align: center
}

#insights-view #insights-dashboard-main #site-score-container .site-score-label h3 .ich {
    color: var(--primary-white);
    position: absolute;
    right: 10px;
    top: 10px
}

#insights-view #insights-dashboard-main #site-information {
    padding-top: 8px;
    position: relative;
    width: calc(100% - 270px)
}

#insights-view #insights-dashboard-main #site-information .send-report {
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 10px
}

#insights-view #insights-dashboard-main #site-information:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

#insights-view #insights-dashboard-main #main-robots-file a,#insights-view #insights-dashboard-main #main-sitemap-file a {
    text-decoration: none
}

#insights-view #insights-scores-container {
    grid-gap: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: flex-start;
    margin-top: 20px
}

@media screen and (min-width: 1200px) {
    #insights-view #insights-scores-container {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

#insights-view #insights-scores-container .score-container {
    margin-right: 0;
    padding-bottom: 12px;
    padding-top: 0;
    position: relative
}

#insights-view #insights-scores-container .score-container .loading-mask {
    background: var(--primary-white-8);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#insights-view #insights-scores-container .score-container .loading-mask i {
    animation: spin 2s linear infinite;
    display: block;
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    margin: 100% auto auto;
    width: 40px
}

#insights-view #insights-scores-container .score-container .loading-mask img {
    display: block;
    margin: 100% auto auto;
    width: 32px
}

#insights-view #insights-scores-container .score-container:first-child {
    margin-left: 0
}

#insights-view #insights-scores-container .score-container .score-background {
    background-color: var(--primary-dark-blue-600);
    padding-bottom: 15px;
    padding-top: 15px
}

#insights-view #insights-scores-container .score-container .score-background .circles-text {
    color: var(--primary-white)
}

#insights-view #insights-scores-container .score-container .score-background .circles-maxValueStroke {
    stroke: var(--primary-dark-blue-500)
}

#insights-view #insights-scores-container .score-container .score-background #seo-score .circles-valueStroke {
    stroke: var(--primary-orange-600)
}

#insights-view #insights-scores-container .score-container .score-background #access-score .circles-valueStroke {
    stroke: var(--primary-yellow-600)
}

#insights-view #insights-scores-container .score-container .score-background #links-score .circles-valueStroke {
    stroke: var(--primary-teal-600)
}

#insights-view #insights-scores-container .score-container .score-background #spell-score .circles-valueStroke {
    stroke: var(--primary-blue-500)
}

#insights-view #insights-scores-container .score-container h3 {
    color: var(--primary-white);
    font-size: 18px;
    margin-top: 0;
    text-align: center
}

#insights-view #insights-scores-container .score-container h3 .ich {
    color: var(--primary-white);
    position: absolute;
    right: 10px;
    top: 10px
}

#insights-view #insights-scores-container .score-container .score-circle {
    margin: auto;
    text-align: center;
    width: 100%
}

#insights-view #focus-reports-sub-navigation {
    border-right: var(--primary-gray-400-1-px);
    height: 800px;
    margin: 0;
    padding: 24px 16px;
    width: 164px
}

#insights-view #focus-reports-sub-navigation h2 {
    margin: 0
}

#insights-view #insights-pages-list-header {
    background: var(--primary-white);
    left: 175px;
    margin-top: 0;
    padding: 0;
    position: fixed;
    right: 14px;
    top: 80px;
    z-index: 1000
}

#insights-view #insights-pages-list {
    margin: 76px 0 0
}

#insights-view #insights-pages-list div.rows li {
    padding: 5px 0
}

#insights-view .header-top {
    padding: 0
}

#insights-view .header-top .icon-caret-right {
    font-size: 14px
}

#insights-view .header-top .icon-location {
    font-size: 20px;
    position: relative;
    top: 4px
}

#insights-view .header-top .root-file-crumbs {
    float: left;
    font-size: 16px;
    margin-bottom: 15px;
    overflow: hidden;
    padding-left: 4px;
    width: 100%
}

#insights-view .header-top .root-file-crumbs .root {
    margin: -3px;
    padding: 3px;
    position: relative;
    top: -2px
}

#insights-view .header-top .root-file-crumbs .file-breadcrumb {
    display: inline-block;
    margin: -3px;
    padding: 3px;
    position: relative;
    top: -2px;
    white-space: nowrap
}

#insights-view #page-report-crumbs {
    height: 30px;
    position: relative
}

#insights-view #page-report-crumbs .header-top {
    height: 30px;
    left: 0;
    margin-bottom: 0;
    padding-right: 10px;
    position: absolute;
    right: 90px
}

#insights-view #page-report-crumbs .edt-page {
    position: absolute;
    right: 0;
    z-index: 100
}

#insights-view #page-report-info {
    margin-top: 9px
}

#insights-view div.scroll {
    cursor: default;
    display: none;
    height: 26px;
    position: absolute;
    width: 50px;
    z-index: 2
}

#insights-view .tab-nav {
    padding: 0 24px
}

#insights-view .tab-nav.fixed {
    background: var(--primary-white);
    display: flex;
    height: 50px;
    z-index: 1000
}

#insights-view .tab-nav .nav-item {
    color: var(--primary-gray-800);
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 48px;
    line-height: 50px;
    padding: 0 24px;
    text-align: center;
    text-decoration: none
}

#insights-view .tab-nav .nav-item.active {
    border-bottom: var(--primary-orange-600-3-px);
    font-weight: 700
}

#insights-view .tab-nav .nav-item:focus {
    outline: var(--primary-dark-blue-400-2-px)
}

#insights-view .section {
    margin: 12px 0
}

#insights-view .section.right-wide .flex-contain .main-component {
    width: 100%
}

#insights-view .section .flex-contain {
    display: flex;
    flex-direction: inherit
}

#insights-view .section .flex-contain .left-component {
    background: var(--primary-gray-750);
    color: var(--primary-white);
    display: inline-block;
    flex: 1 0 30px;
    letter-spacing: .05em;
    text-align: right
}

#insights-view .section .flex-contain .left-component h4 {
    font-size: 18px;
    margin: 0;
    padding: 24px 24px 12px
}

#insights-view .section .flex-contain .left-component ul {
    list-style: none;
    padding: 0 24px
}

#insights-view .section .flex-contain .left-component ul li {
    padding: 12px 0
}

#insights-view .section .flex-contain .main-component {
    display: inline-block;
    flex: 4 0 200px
}

#insights-view .section .flex-contain .main-component ul.top {
    list-style: none;
    margin: 24px 24px 12px;
    padding-left: 0
}

#insights-view .section .flex-contain .main-component ul.top li {
    padding: 12px 0;
    word-break: break-all
}

#insights-view .section .flex-contain .main-component ul.top li:first-child {
    padding: 0 0 12px
}

#insights-view .section .flex-contain .main-component ul.users-invloved {
    list-style: none;
    margin: 0
}

#insights-view .section .flex-contain .main-component ul.users-invloved li {
    float: left;
    padding-top: 0;
    width: 33%
}

#insights-view .section .flex-contain .main-component ul.users-invloved li .page-info-user {
    padding: 8px 0 12px
}

#insights-view .section .flex-contain .main-component ul.users-invloved li .page-info-user .user-name {
    line-height: 18px;
    padding-bottom: 8px;
    word-break: break-word
}

#insights-view .section .flex-contain .main-component ul.users-invloved li .page-info-user .avatar-container {
    border-radius: 50%;
    float: left;
    height: 50px;
    margin-right: 12px;
    overflow: hidden;
    width: 50px
}

#insights-view .section .flex-contain .main-component ul.users-invloved li .page-info-user .avatar-container img {
    width: 100%
}

#insights-view .loading-wrapper {
    color: var(--primary-gray-800);
    font-size: 24px;
    padding: 40px
}

#insights-view .loading-wrapper img {
    animation: spin 2s linear infinite;
    display: block;
    font-size: 50px;
    height: 40px;
    line-height: 60px;
    margin: auto;
    width: 40px
}

#insights-view .loading-wrapper .loading-text {
    display: block;
    height: 50px;
    line-height: 50px;
    margin: auto;
    width: 100px
}

#insights-view .empty-results-wrapper {
    color: var(--primary-gray-800);
    font-size: 20px;
    padding: 40px
}

#insights-view .empty-results-wrapper i {
    display: block;
    font-size: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    width: 60px
}

#insights-view .empty-results-wrapper .empty-text {
    display: block;
    height: 50px;
    line-height: 50px;
    margin: auto;
    text-align: center
}

#insights-view #page-report-seo-keywords p {
    padding: 24px 24px 12px
}

#insights-view #page-report-seo-keywords p.error {
    color: var(--primary-gray-800)
}

#insights-view #page-report-seo-keywords #keywords-list .list-row {
    align-items: center
}

#insights-view #page-report-seo-headers .header-tag-header {
    background: var(--primary-gray-250);
    font-size: 18px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    padding: 0 24px
}

#insights-view #page-report-seo-headers .header-tag-info {
    padding: 16px 24px
}

#insights-view #page-report-seo-headers .header-tag-info li.error,#insights-view #page-report-seo-headers .header-tag-info p.error {
    color: var(--primary-gray-800)
}

#insights-view #page-report-seo-headers .header-tag-info ul {
    list-style: none
}

#insights-view #page-report-seo-headers .header-tag-info ul li {
    padding: 4px 0
}

#insights-view #page-report-seo-desc .flex-contain .left-component,#insights-view #page-report-seo-title .flex-contain .left-component {
    height: auto;
    min-height: 64px
}

#insights-view #page-report-seo-desc .flex-contain .main-component h5,#insights-view #page-report-seo-desc .flex-contain .main-component p,#insights-view #page-report-seo-desc .flex-contain .right-component h5,#insights-view #page-report-seo-desc .flex-contain .right-component p,#insights-view #page-report-seo-title .flex-contain .main-component h5,#insights-view #page-report-seo-title .flex-contain .main-component p,#insights-view #page-report-seo-title .flex-contain .right-component h5,#insights-view #page-report-seo-title .flex-contain .right-component p {
    margin: 0;
    padding: 24px;
    word-break: break-word
}

#insights-view #page-report-seo-desc .flex-contain .main-component h5.error,#insights-view #page-report-seo-desc .flex-contain .main-component p.error,#insights-view #page-report-seo-desc .flex-contain .right-component h5.error,#insights-view #page-report-seo-desc .flex-contain .right-component p.error,#insights-view #page-report-seo-title .flex-contain .main-component h5.error,#insights-view #page-report-seo-title .flex-contain .main-component p.error,#insights-view #page-report-seo-title .flex-contain .right-component h5.error,#insights-view #page-report-seo-title .flex-contain .right-component p.error {
    color: var(--primary-gray-800)
}

#insights-view #page-report-seo-desc .flex-contain .main-component h5+.secondary,#insights-view #page-report-seo-desc .flex-contain .main-component p+.secondary,#insights-view #page-report-seo-desc .flex-contain .right-component h5+.secondary,#insights-view #page-report-seo-desc .flex-contain .right-component p+.secondary,#insights-view #page-report-seo-title .flex-contain .main-component h5+.secondary,#insights-view #page-report-seo-title .flex-contain .main-component p+.secondary,#insights-view #page-report-seo-title .flex-contain .right-component h5+.secondary,#insights-view #page-report-seo-title .flex-contain .right-component p+.secondary {
    padding: 8px 24px 16px
}

#insights-view #page-report-page-info .left-component {
    background: var(--primary-dark-blue-500)
}

#insights-view #page-report-page-info .main-component .page-path {
    display: inline-block;
    max-width: 78%;
    text-overflow: ellipsis
}

#insights-view #page-report-page-info .main-component .share-report {
    float: right;
    margin: 20px 24px 0;
    position: relative;
    z-index: 1
}

#insights-view #page-report-page-info .main-component .share-report a:hover {
    text-decoration: none
}

#insights-view #page-report-page-info .main-component .url-warnings {
    list-style: none
}

#insights-view #page-report-page-info .main-component .url-warnings li.error {
    padding-bottom: 0;
    padding-top: 12px
}

#insights-view #page-report-page-info .main-component .top {
    position: relative
}

#insights-view #page-report-page-info .main-component .top div.title {
    color: var(--primary-white);
    left: -200px;
    letter-spacing: .05em;
    position: absolute;
    text-align: right;
    width: 150px
}

#insights-view #focus-report-data {
    margin-top: 8px
}

#insights-view #focus-report-data .card-1 {
    padding-top: 0
}

#insights-view #focus-report-data .report-subheader {
    background-color: var(--primary-white);
    background: var(--primary-gray-200);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    margin-bottom: 8px;
    overflow: hidden;
    padding: 12px 24px
}

#insights-view #focus-report-data .report-subheader.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#insights-view #focus-report-data .report-subheader.padded-children>* {
    padding: 15px
}

#insights-view #focus-report-data .report-subheader .focus-report-header {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 8px
}

#insights-view #focus-report-data .report-subheader .send-report i {
    font-size: 18px;
    position: relative;
    top: 0
}

#insights-view .insights-table-list .success {
    color: var(--primary-green-200)
}

#insights-view .view-more {
    margin-bottom: 16px;
    text-align: center
}

#insights-view .view-more a {
    border-radius: 2px;
    display: inline-block;
    margin: 8px 12px;
    padding: 8px 12px;
    text-decoration: none
}

#insights-view .view-more a.view-pages {
    margin: 0
}

#insights-view .block-table {
    list-style: none;
    margin: 0;
    padding-left: 0
}

#insights-view .block-table .block-row {
    border-bottom: var(--primary-gray-400-1-px);
    margin: 16px;
    padding: 24px
}

#insights-view .block-table .block-row:last-child {
    border-bottom: none
}

#insights-view .block-table .block-row div.title {
    display: inline-block;
    font-size: 16px;
    font-weight: 700
}

#insights-view .block-table .block-row p {
    padding: 12px
}

#insights-view .block-table .block-row p.repair {
    margin: 0
}

#insights-view .block-table .block-row p code {
    color: var(--primary-blue-600);
    white-space: normal
}

#insights-view .block-table .block-row p.problem code {
    display: block
}

#insights-view .block-table .block-row .location {
    float: right;
    font-weight: 700
}

#insights-view .block-table .block-row-card {
    border-radius: 2px;
    margin: 12px 0
}

#insights-view .block-table .block-row-card #affected-pages-data {
    margin-top: 24px
}

#insights-view .block-table .block-row-card .view-more {
    margin-bottom: 16px;
    margin-top: 16px;
    text-align: center
}

#insights-view .block-table .block-row-card .view-more a {
    border-radius: 2px;
    display: inline-block;
    margin: 8px 12px;
    padding: 8px 12px;
    text-decoration: none
}

#insights-view .block-table .block-row-card .view-more a.view-pages {
    margin: 0
}

#insights-view .block-table .block-row-card div.title {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding-left: 13px
}

#insights-view .block-table .block-row-card p {
    padding: 12px;
    word-break: break-word
}

#insights-view .block-table .block-row-card p.repair {
    margin: 0
}

#insights-view .block-table .block-row-card p.addl-info {
    color: var(--primary-gray-700);
    margin-top: -10px;
    padding-top: 0
}

#insights-view .block-table .block-row-card p code {
    color: var(--primary-blue-600)
}

#insights-view .block-table .block-row-card p .error {
    background: var(--primary-red-150);
    border-radius: 4px;
    font-weight: 700;
    padding-right: 6px
}

#insights-view .block-table .block-row-card .location {
    float: right;
    font-weight: 700
}

#insights-view .icon-warning {
    color: var(--primary-red-550);
    font-size: 20px;
    position: relative;
    top: 5px
}

#insights-view+#footer-nav {
    align-items: center;
    background-color: var(--primary-white);
    border-top: var(--primary-orange-600-2-px);
    bottom: 0;
    display: flex;
    height: 60px;
    justify-content: flex-end;
    padding-right: 50px;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 300
}

#insights-incomplete-container .insights-incomplete-mask {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

#insights-incomplete-container .insights-incomplete-mask.ie {
    background: var(--primary-white-8)
}

#insights-history-modal {
    border-radius: 7px;
    overflow: hidden
}

#insights-history-modal .pull-right {
    font-size: 25px;
    margin: 15px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

#insights-history-modal .pull-right a {
    color: var(--primary-white)
}

#insights-history-modal .pull-right a:hover {
    color: var(--primary-gray-550);
    text-decoration: none
}

#insights-history-modal .modal-body {
    background: var(--primary-dark-blue-600);
    height: 350px;
    padding: 0
}

#insights-history-modal .modal-body .current-container {
    background: var(--primary-white);
    float: left;
    height: 100%;
    padding: 25px 30px;
    width: 30%
}

#insights-history-modal .modal-body .current-container .current-text {
    font-size: 20px;
    margin-bottom: 15px;
    text-align: center
}

#insights-history-modal .modal-body .current-container #history-current-score .circles-wrp {
    display: block!important;
    margin: auto;
    width: 160px
}

#insights-history-modal .modal-body .current-container #history-current-score .circles-valueStroke {
    stroke: var(--primary-dark-blue-500)
}

#insights-history-modal .modal-body .current-container #history-current-score .circles-maxValueStroke {
    stroke: var(--primary-gray-250)
}

#insights-history-modal .modal-body .history-container {
    float: right;
    width: 70%
}

[id^=calendar-] h2.view-title {
    font-size: 20px;
    letter-spacing: .68px;
    margin: 22px 0 16px
}

[id^=calendar-] .sidenavigation-list .icon-calendar-check-solid {
    font-size: 18px;
    left: 26px
}

.calendar-attributes-view .header {
    margin-bottom: 0!important
}

.calendar-attributes-view .header .heading {
    background-color: var(--primary-white);
    border-bottom: var(--primary-gray-400-1-px);
    display: grid;
    font-size: 16px;
    font-weight: 700;
    grid-template-columns: auto 95px;
    margin-top: 20px;
    padding: 12px 20px
}

.calendar-attributes-view .header .heading h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 6px 0
}

.calendar-attributes-view .header .heading .add-new {
    color: inherit;
    outline-offset: 5px;
    padding: 5px;
    text-align: center
}

.calendar-attributes-view .header .heading .add-new:hover {
    background-color: var(--primary-gray-200);
    box-shadow: var(--primary-btn-box-shadow);
    text-decoration: none
}

.calendar-attributes-view .header .heading .add-new:focus {
    outline: var(--primary-dark-blue-400-2-px)
}

.calendar-attributes-view .header .heading .add-new i {
    vertical-align: text-bottom
}

.calendar-attributes-view .main-right {
    background-color: var(--primary-white);
    box-shadow: var(--primary-shadow)
}

.calendar-attributes-view .main-right #attributes-list {
    padding: 0
}

.calendar-attributes-view .main-right #attributes-list li {
    border-bottom: var(--primary-gray-400-1-px);
    display: grid;
    grid-template-columns: 100px auto 66px;
    padding: 10px 20px;
    place-items: center left
}

.calendar-attributes-view .main-right #attributes-list li .image {
    height: 76px;
    width: 76px
}

.calendar-attributes-view .main-right #attributes-list li .image:focus {
    outline: var(--primary-dark-blue-400-2-px);
    outline-offset: 2px
}

.calendar-attributes-view .main-right #attributes-list li .image img {
    height: 76px;
    width: 76px
}

.calendar-attributes-view .main-right #attributes-list li .details:focus {
    outline-offset: 2px
}

.calendar-attributes-view .main-right #attributes-list li .details .title {
    font-weight: 700
}

.calendar-attributes-view .main-right #attributes-list li .details .description,.calendar-attributes-view .main-right #attributes-list li .details .email,.calendar-attributes-view .main-right #attributes-list li .details .phone {
    display: block
}

.calendar-attributes-view .main-right #attributes-list li a {
    color: var(--primary-gray-800)
}

.calendar-attributes-view .main-right #attributes-list li a:hover {
    text-decoration: none
}

.calendar-attributes-view .main-right #attributes-list li a:focus {
    outline: var(--primary-dark-blue-400-2-px)
}

.calendar-attributes-view .main-right #attributes-list li .actions-menu {
    padding-top: 6px;
    text-align: right;
    width: 100%
}

.calendar-attributes-view .main-right #attributes-list li .actions-menu a {
    font-size: 22px;
    padding: 5px 3px 0
}

.calendar-attributes-view .main-right #attributes-list li .actions-menu a:hover {
    background-color: var(--primary-gray-200);
    box-shadow: var(--primary-btn-box-shadow)
}

#calendar-attributes-custom-view #attributes-list li,#calendar-attributes-subjects-view #attributes-list li,#calendar-attributes-types-view #attributes-list li {
    grid-template-columns: auto 66px
}

#calendar-settings-view h3 {
    border-bottom: var(--primary-gray-400-2-px);
    font-size: 18px;
    margin: 0 -30px 20px;
    padding: 20px 30px
}

#calendar-settings-view .color-controls {
    line-height: 35px
}

#calendar-settings-view .color-controls input[type=color] {
    height: 30px;
    width: 100px
}

#calendar-settings-view label[for=personalization] {
    padding-top: 0
}

#calendar-settings-view label.radio {
    margin-right: 20px
}

#calendar-settings-view label.radio>span {
    position: relative;
    top: -1px
}

#calendar-settings-view label.radio>span i[class^=icon-] {
    font-size: 20px;
    line-height: 12px;
    position: relative;
    top: 4px
}

#calendar-settings-view .help-block {
    word-break: break-word
}

#calendar-settings-view #autoscroll label,#calendar-settings-view #featuredSlider label {
    text-transform: none
}

#calendar-settings-view #calendar-settings-helios-import {
    margin-top: 20px
}

#calendar-settings-view #calendar-settings-helios-import #import-successes i[class^=icon-] {
    color: var(--primary-green-500)
}

#calendar-settings-view #calendar-settings-helios-import #import-duplicates,#calendar-settings-view #calendar-settings-helios-import #import-duplicates i[class^=icon-],#calendar-settings-view #calendar-settings-helios-import #import-errors,#calendar-settings-view #calendar-settings-helios-import #import-errors i[class^=icon-] {
    color: var(--primary-red-550)
}

#calendar-settings-view #calendar-settings-helios-import #import-duplicates,#calendar-settings-view #calendar-settings-helios-import #import-errors,#calendar-settings-view #calendar-settings-helios-import #import-successes {
    display: flex;
    margin-left: 0
}

#calendar-settings-view #calendar-settings-helios-import #import-duplicates i[class^=icon-],#calendar-settings-view #calendar-settings-helios-import #import-errors i[class^=icon-],#calendar-settings-view #calendar-settings-helios-import #import-successes i[class^=icon-] {
    font-size: 20px;
    margin-right: .3em
}

#calendar-settings-view #calendar-settings-helios-import #import-duplicates i[class^=icon-]+span,#calendar-settings-view #calendar-settings-helios-import #import-errors i[class^=icon-]+span,#calendar-settings-view #calendar-settings-helios-import #import-successes i[class^=icon-]+span {
    margin-left: 0
}

#calendar-settings-view #calendar-settings-helios-import #import-duplicates span,#calendar-settings-view #calendar-settings-helios-import #import-errors span,#calendar-settings-view #calendar-settings-helios-import #import-successes span {
    margin: 0 .3em
}

#calendar-settings-view #calendar-settings-helios-import hr {
    margin-left: -30px;
    margin-right: -30px
}

#calendar-settings-view #calendar-settings-helios-import [data-id=import-errors],#calendar-settings-view #calendar-settings-helios-import [data-id=import-successes] {
    margin-bottom: 0
}

#calendar-settings-view #calendar-settings-helios-import #processing-import,#calendar-settings-view #calendar-settings-helios-import #submit-file {
    margin-left: 187px
}

#calendar-settings-view #calendar-settings-helios-import #import-errors-list {
    max-height: none
}

#calendar-settings-view #calendar-settings-helios-import .table {
    border-spacing: 0 1rem;
    display: table;
    position: relative;
    top: -.5rem
}

#calendar-settings-view #calendar-settings-helios-import .table .duplicate-row {
    display: table-row
}

#calendar-settings-view #calendar-settings-helios-import .table .duplicate-row .date,#calendar-settings-view #calendar-settings-helios-import .table .duplicate-row .event-title {
    display: table-cell
}

#calendar-settings-view #calendar-settings-helios-import .table .duplicate-row .event-title {
    max-width: 28rem
}

#calendar-settings-view #calendar-settings-helios-import .table .duplicate-row .date {
    padding-left: 3rem
}

#calendar-events-list-view h2.calendar-categories-heading,#calendar-overview-view h2.calendar-categories-heading,#calendar-pending-approvals-view h2.calendar-categories-heading,#calendar-public-submissions-view h2.calendar-categories-heading,#calendar-rsvp-view h2.calendar-categories-heading {
    border-top: var(--primary-gray-400-1-px);
    font-size: 14px;
    padding: 20px 20px 0 28px;
    position: relative
}

#calendar-events-list-view h2.calendar-categories-heading input[type=checkbox],#calendar-overview-view h2.calendar-categories-heading input[type=checkbox],#calendar-pending-approvals-view h2.calendar-categories-heading input[type=checkbox],#calendar-public-submissions-view h2.calendar-categories-heading input[type=checkbox],#calendar-rsvp-view h2.calendar-categories-heading input[type=checkbox] {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px
}

#calendar-events-list-view h2.calendar-categories-heading input[type=checkbox]+label,#calendar-overview-view h2.calendar-categories-heading input[type=checkbox]+label,#calendar-pending-approvals-view h2.calendar-categories-heading input[type=checkbox]+label,#calendar-public-submissions-view h2.calendar-categories-heading input[type=checkbox]+label,#calendar-rsvp-view h2.calendar-categories-heading input[type=checkbox]+label {
    font-size: 14px;
    font-weight: 700;
    max-width: 185px;
    position: relative;
    text-transform: none;
    -webkit-user-select: none;
    user-select: none
}

#calendar-events-list-view h2.calendar-categories-heading input[type=checkbox]+label:before,#calendar-overview-view h2.calendar-categories-heading input[type=checkbox]+label:before,#calendar-pending-approvals-view h2.calendar-categories-heading input[type=checkbox]+label:before,#calendar-public-submissions-view h2.calendar-categories-heading input[type=checkbox]+label:before,#calendar-rsvp-view h2.calendar-categories-heading input[type=checkbox]+label:before {
    background: var(--primary-white);
    border: var(--primary-black-2-px);
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 15px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 15px
}

#calendar-events-list-view h2.calendar-categories-heading input[type=checkbox]:checked+label:before,#calendar-overview-view h2.calendar-categories-heading input[type=checkbox]:checked+label:before,#calendar-pending-approvals-view h2.calendar-categories-heading input[type=checkbox]:checked+label:before,#calendar-public-submissions-view h2.calendar-categories-heading input[type=checkbox]:checked+label:before,#calendar-rsvp-view h2.calendar-categories-heading input[type=checkbox]:checked+label:before {
    background-color: var(--primary-black)
}

#calendar-events-list-view h2.calendar-categories-heading input[type=checkbox]:checked+label:after,#calendar-overview-view h2.calendar-categories-heading input[type=checkbox]:checked+label:after,#calendar-pending-approvals-view h2.calendar-categories-heading input[type=checkbox]:checked+label:after,#calendar-public-submissions-view h2.calendar-categories-heading input[type=checkbox]:checked+label:after,#calendar-rsvp-view h2.calendar-categories-heading input[type=checkbox]:checked+label:after {
    border-bottom: var(--primary-white-2-px);
    border-left: var(--primary-white-2-px);
    content: "";
    height: 5px;
    left: 3px;
    position: absolute;
    top: 6px;
    transform: rotate(-45deg);
    width: 9px
}

#calendar-events-list-view h2.calendar-categories-heading input[type=checkbox]:checked.partial+label:after,#calendar-overview-view h2.calendar-categories-heading input[type=checkbox]:checked.partial+label:after,#calendar-pending-approvals-view h2.calendar-categories-heading input[type=checkbox]:checked.partial+label:after,#calendar-public-submissions-view h2.calendar-categories-heading input[type=checkbox]:checked.partial+label:after,#calendar-rsvp-view h2.calendar-categories-heading input[type=checkbox]:checked.partial+label:after {
    background-color: var(--primary-white);
    border-bottom: none;
    border-left: none;
    height: 7px;
    left: 4px;
    top: 6px;
    transform: none;
    width: 7px
}

#calendar-events-list-view h2.calendar-categories-heading input[type=checkbox]:focus+label:before,#calendar-overview-view h2.calendar-categories-heading input[type=checkbox]:focus+label:before,#calendar-pending-approvals-view h2.calendar-categories-heading input[type=checkbox]:focus+label:before,#calendar-public-submissions-view h2.calendar-categories-heading input[type=checkbox]:focus+label:before,#calendar-rsvp-view h2.calendar-categories-heading input[type=checkbox]:focus+label:before {
    box-shadow: var(--primary-blue-250-shadow-8);
    outline: var(--primary-blue-250-2-px);
    outline-offset: 1px
}

#calendar-events-list-view h2.calendar-categories-heading input[type=checkbox]:disabled+label,#calendar-overview-view h2.calendar-categories-heading input[type=checkbox]:disabled+label,#calendar-pending-approvals-view h2.calendar-categories-heading input[type=checkbox]:disabled+label,#calendar-public-submissions-view h2.calendar-categories-heading input[type=checkbox]:disabled+label,#calendar-rsvp-view h2.calendar-categories-heading input[type=checkbox]:disabled+label {
    color: var(--primary-gray-550);
    cursor: not-allowed
}

#calendar-events-list-view h2.calendar-categories-heading input[type=checkbox]:disabled+label:before,#calendar-overview-view h2.calendar-categories-heading input[type=checkbox]:disabled+label:before,#calendar-pending-approvals-view h2.calendar-categories-heading input[type=checkbox]:disabled+label:before,#calendar-public-submissions-view h2.calendar-categories-heading input[type=checkbox]:disabled+label:before,#calendar-rsvp-view h2.calendar-categories-heading input[type=checkbox]:disabled+label:before {
    background: var(--primary-gray-550)
}

#calendar-events-list-view ul.calendar-categories-list,#calendar-overview-view ul.calendar-categories-list,#calendar-pending-approvals-view ul.calendar-categories-list,#calendar-public-submissions-view ul.calendar-categories-list,#calendar-rsvp-view ul.calendar-categories-list {
    list-style-type: none;
    margin: 0;
    padding: 0 15px 0 23px
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item {
    --category-color: var(--primary-gray-500);
    padding: 5px 5px 0;
    position: relative
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item input[type=text],#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item input[type=text],#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item input[type=text],#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item input[type=text],#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item input[type=text] {
    height: 26px;
    line-height: 26px;
    min-height: auto
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item input[type=text][name=rename_category],#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item input[type=text][name=rename_category],#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item input[type=text][name=rename_category],#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item input[type=text][name=rename_category],#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item input[type=text][name=rename_category] {
    display: none
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox],#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox],#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox],#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox],#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox] {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]+label,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]+label,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]+label,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]+label,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]+label {
    font-size: 14px;
    font-weight: 400;
    max-width: 185px;
    position: relative;
    text-transform: none;
    -webkit-user-select: none;
    user-select: none
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]+label:before,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]+label:before,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]+label:before,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]+label:before,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]+label:before {
    background: var(--primary-white);
    border: 2px solid var(--category-color);
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 15px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 15px
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:checked+label:before,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:checked+label:before,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:checked+label:before,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:checked+label:before,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:checked+label:before {
    background-color: var(--category-color)
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:checked+label:after,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:checked+label:after,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:checked+label:after,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:checked+label:after,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:checked+label:after {
    border-bottom: 2px solid var(--primary-white);
    border-left: 2px solid var(--primary-white);
    content: "";
    height: 5px;
    left: 3px;
    position: absolute;
    top: 6px;
    transform: rotate(-45deg);
    width: 9px
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:focus+label:before,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:focus+label:before,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:focus+label:before,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:focus+label:before,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:focus+label:before {
    box-shadow: 0 0 8px var(--primary-blue-250);
    outline: 2px solid var(--primary-blue-250);
    outline-offset: 1px
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:disabled+label,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:disabled+label,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:disabled+label,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:disabled+label,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:disabled+label {
    color: var(--primary-gray-550);
    cursor: not-allowed
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:disabled+label:before,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:disabled+label:before,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:disabled+label:before,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:disabled+label:before,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item input[type=checkbox]:disabled+label:before {
    background: var(--primary-gray-550)
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item.open,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item.open,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item.open,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item.open,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item.open {
    background-color: var(--primary-gray-100)
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item.open div.actions a,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item.open div.actions a,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item.open div.actions a,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item.open div.actions a,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item.open div.actions a {
    background-color: var(--primary-gray-100);
    display: inline-block
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item.open div.actions a[data-action=edit-calendar-category],#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item.open div.actions a[data-action=edit-calendar-category],#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item.open div.actions a[data-action=edit-calendar-category],#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item.open div.actions a[data-action=edit-calendar-category],#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item.open div.actions a[data-action=edit-calendar-category] {
    background-color: var(--primary-gray-200);
    transform: rotate(90deg)
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item.rename div.actions,#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item.rename input[type=checkbox],#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item.rename label,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item.rename div.actions,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item.rename input[type=checkbox],#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item.rename label,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item.rename div.actions,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item.rename input[type=checkbox],#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item.rename label,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item.rename div.actions,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item.rename input[type=checkbox],#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item.rename label,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item.rename div.actions,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item.rename input[type=checkbox],#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item.rename label {
    display: none
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item.rename input[name=rename_category],#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item.rename input[name=rename_category],#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item.rename input[name=rename_category],#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item.rename input[name=rename_category],#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item.rename input[name=rename_category] {
    display: inline
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item i.icon-feed,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item i.icon-feed,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item i.icon-feed,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item i.icon-feed,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item i.icon-feed {
    left: -14px;
    position: absolute;
    top: 4px
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item div.actions,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item div.actions,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item div.actions,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item div.actions,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item div.actions {
    position: absolute;
    right: 5px;
    top: 0
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a {
    display: none;
    padding: 2px 4px 0;
    position: relative;
    top: -2px
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a:hover,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a:hover,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a:hover,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a:hover,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a:hover {
    text-decoration: none
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a:hover i,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a:hover i,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a:hover i,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a:hover i,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a:hover i {
    color: var(--primary-black)
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category],#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category],#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category],#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category],#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category] {
    border: 2px solid transparent;
    border-radius: 12px;
    color: var(--primary-gray-500);
    display: inline-block;
    font-size: 25px;
    height: 25px;
    line-height: 15px;
    outline: none;
    padding: 0;
    position: relative;
    top: 3px;
    width: 25px
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category] i:before,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category] i:before,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category] i:before,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category] i:before,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category] i:before {
    left: -2px;
    position: relative
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category]:focus,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category]:focus,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category]:focus,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category]:focus,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-item div.actions a[data-action=edit-calendar-category]:focus {
    border-color: var(--primary-blue-250)
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-new a,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-new a,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-new a,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-new a,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-new a {
    color: var(--primary-gray-800);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 4px;
    outline-offset: 2px;
    padding: 1px 2px 0 0;
    text-transform: uppercase
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-new a i,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-new a i,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-new a i,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-new a i,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-new a i {
    font-size: 14px;
    line-height: 14px;
    vertical-align: text-top
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-new a:hover,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-new a:hover,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-new a:hover,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-new a:hover,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-new a:hover {
    color: var(--primary-black);
    cursor: pointer;
    text-decoration: none
}

#calendar-events-list-view ul.calendar-categories-list li.calendar-categories-list-new a:hover i,#calendar-overview-view ul.calendar-categories-list li.calendar-categories-list-new a:hover i,#calendar-pending-approvals-view ul.calendar-categories-list li.calendar-categories-list-new a:hover i,#calendar-public-submissions-view ul.calendar-categories-list li.calendar-categories-list-new a:hover i,#calendar-rsvp-view ul.calendar-categories-list li.calendar-categories-list-new a:hover i {
    color: var(--primary-black)
}

#calendar-events-list-view #edit-category-form,#calendar-overview-view #edit-category-form,#calendar-pending-approvals-view #edit-category-form,#calendar-public-submissions-view #edit-category-form,#calendar-rsvp-view #edit-category-form {
    background-color: var(--primary-white);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.16);
    display: none;
    left: 248px;
    position: fixed;
    width: 220px;
    z-index: 1100
}

#calendar-events-list-view #edit-category-form fieldset,#calendar-overview-view #edit-category-form fieldset,#calendar-pending-approvals-view #edit-category-form fieldset,#calendar-public-submissions-view #edit-category-form fieldset,#calendar-rsvp-view #edit-category-form fieldset {
    padding: 10px
}

#calendar-events-list-view #edit-category-form fieldset .form-group,#calendar-overview-view #edit-category-form fieldset .form-group,#calendar-pending-approvals-view #edit-category-form fieldset .form-group,#calendar-public-submissions-view #edit-category-form fieldset .form-group,#calendar-rsvp-view #edit-category-form fieldset .form-group {
    margin-bottom: 14px
}

#calendar-events-list-view #edit-category-form fieldset #color,#calendar-overview-view #edit-category-form fieldset #color,#calendar-pending-approvals-view #edit-category-form fieldset #color,#calendar-public-submissions-view #edit-category-form fieldset #color,#calendar-rsvp-view #edit-category-form fieldset #color {
    height: 30px;
    width: 100%
}

#calendar-events-list-view #edit-category-form fieldset #feed_url a,#calendar-overview-view #edit-category-form fieldset #feed_url a,#calendar-pending-approvals-view #edit-category-form fieldset #feed_url a,#calendar-public-submissions-view #edit-category-form fieldset #feed_url a,#calendar-rsvp-view #edit-category-form fieldset #feed_url a {
    display: block;
    overflow: hidden;
    padding: 0 2px;
    text-overflow: ellipsis
}

#calendar-events-list-view #edit-category-form .footer,#calendar-overview-view #edit-category-form .footer,#calendar-pending-approvals-view #edit-category-form .footer,#calendar-public-submissions-view #edit-category-form .footer,#calendar-rsvp-view #edit-category-form .footer {
    background-color: var(--primary-gray-150);
    border-top: var(--primary-gray-400-1-px);
    padding: 10px;
    text-align: right
}

#calendar-events-list-view h2.view-title,#calendar-overview-view h2.view-title,#calendar-pending-approvals-view h2.view-title,#calendar-public-submissions-view h2.view-title,#calendar-rsvp-view h2.view-title {
    display: none
}

#calendar-events-list-view .month-navigation,#calendar-overview-view .month-navigation,#calendar-pending-approvals-view .month-navigation,#calendar-public-submissions-view .month-navigation,#calendar-rsvp-view .month-navigation {
    font-size: 25px;
    white-space: nowrap
}

#calendar-events-list-view .month-navigation .month-year>a,#calendar-overview-view .month-navigation .month-year>a,#calendar-pending-approvals-view .month-navigation .month-year>a,#calendar-public-submissions-view .month-navigation .month-year>a,#calendar-rsvp-view .month-navigation .month-year>a {
    color: inherit
}

#calendar-events-list-view .month-navigation .month-year>a h2,#calendar-overview-view .month-navigation .month-year>a h2,#calendar-pending-approvals-view .month-navigation .month-year>a h2,#calendar-public-submissions-view .month-navigation .month-year>a h2,#calendar-rsvp-view .month-navigation .month-year>a h2 {
    display: inline;
    font-size: 25px
}

#calendar-events-list-view .month-navigation .month-year a:hover,#calendar-overview-view .month-navigation .month-year a:hover,#calendar-pending-approvals-view .month-navigation .month-year a:hover,#calendar-public-submissions-view .month-navigation .month-year a:hover,#calendar-rsvp-view .month-navigation .month-year a:hover {
    text-decoration: none
}

#calendar-events-list-view .month-navigation .month-year .dropdown-toggle,#calendar-overview-view .month-navigation .month-year .dropdown-toggle,#calendar-pending-approvals-view .month-navigation .month-year .dropdown-toggle,#calendar-public-submissions-view .month-navigation .month-year .dropdown-toggle,#calendar-rsvp-view .month-navigation .month-year .dropdown-toggle {
    padding: 5px
}

#calendar-events-list-view .month-navigation .month-year .dropdown-toggle:focus,#calendar-overview-view .month-navigation .month-year .dropdown-toggle:focus,#calendar-pending-approvals-view .month-navigation .month-year .dropdown-toggle:focus,#calendar-public-submissions-view .month-navigation .month-year .dropdown-toggle:focus,#calendar-rsvp-view .month-navigation .month-year .dropdown-toggle:focus {
    outline: var(--primary-blue-250-2-px)
}

#calendar-events-list-view .month-navigation .month-year .dropdown-menu,#calendar-overview-view .month-navigation .month-year .dropdown-menu,#calendar-pending-approvals-view .month-navigation .month-year .dropdown-menu,#calendar-public-submissions-view .month-navigation .month-year .dropdown-menu,#calendar-rsvp-view .month-navigation .month-year .dropdown-menu {
    padding: 0 5px 8px;
    transform: translateX(calc(25% + 16px))
}

#calendar-events-list-view .month-navigation .month-year .dropdown-menu .year-selector,#calendar-overview-view .month-navigation .month-year .dropdown-menu .year-selector,#calendar-pending-approvals-view .month-navigation .month-year .dropdown-menu .year-selector,#calendar-public-submissions-view .month-navigation .month-year .dropdown-menu .year-selector,#calendar-rsvp-view .month-navigation .month-year .dropdown-menu .year-selector {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
    padding-top: 15px
}

#calendar-events-list-view .month-navigation .month-year .dropdown-menu .year-selector i,#calendar-overview-view .month-navigation .month-year .dropdown-menu .year-selector i,#calendar-pending-approvals-view .month-navigation .month-year .dropdown-menu .year-selector i,#calendar-public-submissions-view .month-navigation .month-year .dropdown-menu .year-selector i,#calendar-rsvp-view .month-navigation .month-year .dropdown-menu .year-selector i {
    padding: 7px;
    position: relative;
    top: 1px
}

#calendar-events-list-view .month-navigation .month-year .dropdown-menu .year-selector .year-display,#calendar-overview-view .month-navigation .month-year .dropdown-menu .year-selector .year-display,#calendar-pending-approvals-view .month-navigation .month-year .dropdown-menu .year-selector .year-display,#calendar-public-submissions-view .month-navigation .month-year .dropdown-menu .year-selector .year-display,#calendar-rsvp-view .month-navigation .month-year .dropdown-menu .year-selector .year-display {
    font-size: 20px;
    font-weight: 700;
    padding: 0 5px
}

#calendar-events-list-view .month-navigation .month-year .dropdown-menu ul,#calendar-overview-view .month-navigation .month-year .dropdown-menu ul,#calendar-pending-approvals-view .month-navigation .month-year .dropdown-menu ul,#calendar-public-submissions-view .month-navigation .month-year .dropdown-menu ul,#calendar-rsvp-view .month-navigation .month-year .dropdown-menu ul {
    display: grid;
    grid-template-columns: repeat(4,25%);
    grid-template-rows: repeat(3,33%);
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

#calendar-events-list-view .month-navigation .month-year .dropdown-menu ul a,#calendar-overview-view .month-navigation .month-year .dropdown-menu ul a,#calendar-pending-approvals-view .month-navigation .month-year .dropdown-menu ul a,#calendar-public-submissions-view .month-navigation .month-year .dropdown-menu ul a,#calendar-rsvp-view .month-navigation .month-year .dropdown-menu ul a {
    border-radius: 5px;
    font-size: 1.6rem;
    padding: 2.2rem 2rem
}

#calendar-events-list-view .month-navigation .month-year .dropdown-menu ul a[aria-selected=true],#calendar-overview-view .month-navigation .month-year .dropdown-menu ul a[aria-selected=true],#calendar-pending-approvals-view .month-navigation .month-year .dropdown-menu ul a[aria-selected=true],#calendar-public-submissions-view .month-navigation .month-year .dropdown-menu ul a[aria-selected=true],#calendar-rsvp-view .month-navigation .month-year .dropdown-menu ul a[aria-selected=true] {
    background: var(--primary-dark-blue-500);
    color: var(--primary-white)
}

#calendar-events-list-view .month-navigation>a,#calendar-overview-view .month-navigation>a,#calendar-pending-approvals-view .month-navigation>a,#calendar-public-submissions-view .month-navigation>a,#calendar-rsvp-view .month-navigation>a {
    display: inline-block;
    font-size: 20px;
    margin-left: 10px;
    padding: 5px 4px 0
}

#calendar-events-list-view .month-navigation>a.previous-month,#calendar-overview-view .month-navigation>a.previous-month,#calendar-pending-approvals-view .month-navigation>a.previous-month,#calendar-public-submissions-view .month-navigation>a.previous-month,#calendar-rsvp-view .month-navigation>a.previous-month {
    padding: 5px 4px 0 2px
}

#calendar-events-list-view .month-navigation>a.next-month,#calendar-overview-view .month-navigation>a.next-month,#calendar-pending-approvals-view .month-navigation>a.next-month,#calendar-public-submissions-view .month-navigation>a.next-month,#calendar-rsvp-view .month-navigation>a.next-month {
    padding: 5px 2px 0 4px
}

#calendar-events-list-view .month-navigation>a:hover,#calendar-overview-view .month-navigation>a:hover,#calendar-pending-approvals-view .month-navigation>a:hover,#calendar-public-submissions-view .month-navigation>a:hover,#calendar-rsvp-view .month-navigation>a:hover {
    text-decoration: none
}

#calendar-events-list-view .calendar-filter-nav,#calendar-overview-view .calendar-filter-nav,#calendar-pending-approvals-view .calendar-filter-nav,#calendar-public-submissions-view .calendar-filter-nav,#calendar-rsvp-view .calendar-filter-nav {
    align-items: center;
    display: flex
}

#calendar-events-list-view .calendar-filter-nav>li>a,#calendar-overview-view .calendar-filter-nav>li>a,#calendar-pending-approvals-view .calendar-filter-nav>li>a,#calendar-public-submissions-view .calendar-filter-nav>li>a,#calendar-rsvp-view .calendar-filter-nav>li>a {
    align-items: center;
    color: inherit;
    display: flex
}

#calendar-events-list-view .calendar-filter-nav>li>a:focus,#calendar-overview-view .calendar-filter-nav>li>a:focus,#calendar-pending-approvals-view .calendar-filter-nav>li>a:focus,#calendar-public-submissions-view .calendar-filter-nav>li>a:focus,#calendar-rsvp-view .calendar-filter-nav>li>a:focus {
    outline: var(--primary-blue-250-2-px)
}

#calendar-events-list-view .calendar-filter-nav>li>a i[class^=icon],#calendar-overview-view .calendar-filter-nav>li>a i[class^=icon],#calendar-pending-approvals-view .calendar-filter-nav>li>a i[class^=icon],#calendar-public-submissions-view .calendar-filter-nav>li>a i[class^=icon],#calendar-rsvp-view .calendar-filter-nav>li>a i[class^=icon] {
    margin: 0 .8rem
}

#calendar-events-list-view .calendar-filter-nav>li>a i:first-child,#calendar-overview-view .calendar-filter-nav>li>a i:first-child,#calendar-pending-approvals-view .calendar-filter-nav>li>a i:first-child,#calendar-public-submissions-view .calendar-filter-nav>li>a i:first-child,#calendar-rsvp-view .calendar-filter-nav>li>a i:first-child {
    margin-left: 0
}

#calendar-events-list-view .calendar-filter-nav>li>a i:last-child,#calendar-overview-view .calendar-filter-nav>li>a i:last-child,#calendar-pending-approvals-view .calendar-filter-nav>li>a i:last-child,#calendar-public-submissions-view .calendar-filter-nav>li>a i:last-child,#calendar-rsvp-view .calendar-filter-nav>li>a i:last-child {
    margin-right: 0
}

#calendar-events-list-view .calendar-filter-nav .dropdown-menu,#calendar-overview-view .calendar-filter-nav .dropdown-menu,#calendar-pending-approvals-view .calendar-filter-nav .dropdown-menu,#calendar-public-submissions-view .calendar-filter-nav .dropdown-menu,#calendar-rsvp-view .calendar-filter-nav .dropdown-menu {
    left: 0;
    max-height: 44rem;
    overflow: auto;
    right: auto
}

#calendar-events-list-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view,#calendar-overview-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view,#calendar-pending-approvals-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view,#calendar-public-submissions-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view,#calendar-rsvp-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view {
    max-width: 300px;
    min-width: 250px;
    width: auto
}

#calendar-events-list-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header,#calendar-overview-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header,#calendar-pending-approvals-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header,#calendar-public-submissions-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header,#calendar-rsvp-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header {
    height: auto
}

#calendar-events-list-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header .header-inner,#calendar-overview-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header .header-inner,#calendar-pending-approvals-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header .header-inner,#calendar-public-submissions-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header .header-inner,#calendar-rsvp-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header .header-inner {
    padding: 0
}

#calendar-events-list-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header .title,#calendar-events-list-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .icon-users,#calendar-overview-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header .title,#calendar-overview-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .icon-users,#calendar-pending-approvals-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header .title,#calendar-pending-approvals-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .icon-users,#calendar-public-submissions-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header .title,#calendar-public-submissions-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .icon-users,#calendar-rsvp-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .header .title,#calendar-rsvp-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .icon-users {
    display: none
}

#calendar-events-list-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .pool-container,#calendar-overview-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .pool-container,#calendar-pending-approvals-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .pool-container,#calendar-public-submissions-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .pool-container,#calendar-rsvp-view .calendar-filter-nav .dropdown-menu .ou-multi-select-view .pool-container {
    height: calc(100% - 84px);
    max-height: calc(100% - 84px)
}

#calendar-events-list-view .calendar-filter-nav .dropdown-menu .dropdown-footer,#calendar-overview-view .calendar-filter-nav .dropdown-menu .dropdown-footer,#calendar-pending-approvals-view .calendar-filter-nav .dropdown-menu .dropdown-footer,#calendar-public-submissions-view .calendar-filter-nav .dropdown-menu .dropdown-footer,#calendar-rsvp-view .calendar-filter-nav .dropdown-menu .dropdown-footer {
    border-top: var(--primary-orange-600-2-px);
    padding: 10px;
    text-align: right
}

#calendar-events-list-view .calendar-filter-nav .featured i[class^=icon],#calendar-overview-view .calendar-filter-nav .featured i[class^=icon],#calendar-pending-approvals-view .calendar-filter-nav .featured i[class^=icon],#calendar-public-submissions-view .calendar-filter-nav .featured i[class^=icon],#calendar-rsvp-view .calendar-filter-nav .featured i[class^=icon] {
    font-size: 19px;
    margin-right: .7rem
}

#calendar-events-list-view .calendar-filter-nav .featured [aria-pressed=true] i,#calendar-overview-view .calendar-filter-nav .featured [aria-pressed=true] i,#calendar-pending-approvals-view .calendar-filter-nav .featured [aria-pressed=true] i,#calendar-public-submissions-view .calendar-filter-nav .featured [aria-pressed=true] i,#calendar-rsvp-view .calendar-filter-nav .featured [aria-pressed=true] i {
    color: var(--primary-bulb-color);
    text-shadow: var(--primary-bulb-outline-shadow)
}

#calendar-settings-modal-form h4 {
    margin-bottom: 20px
}

#calendar-settings-modal-form .form-group {
    margin-left: 0;
    margin-right: 0
}

#calendar-settings-modal-form .form-group.divider-bottom {
    border-bottom: var(--primary-gray-400-1-px);
    padding-bottom: 20px
}

#calendar-events-list-view .actions-bar,#calendar-pending-approvals-view .actions-bar,#calendar-public-submissions-view .actions-bar,#calendar-rsvp-attendees-view .actions-bar,#calendar-rsvp-view .actions-bar {
    border-bottom-width: 3px
}

#calendar-events-list-view .sorters,#calendar-pending-approvals-view .sorters,#calendar-public-submissions-view .sorters,#calendar-rsvp-attendees-view .sorters,#calendar-rsvp-view .sorters {
    background-color: var(--primary-white);
    border-bottom: var(--list-row-border);
    border-bottom-width: 2px
}

#calendar-events-list-view .sorters>div.selected,#calendar-pending-approvals-view .sorters>div.selected,#calendar-public-submissions-view .sorters>div.selected,#calendar-rsvp-attendees-view .sorters>div.selected,#calendar-rsvp-view .sorters>div.selected {
    background-color: var(--list-sorters)
}

#calendar-events-list-view .sorters a:focus,#calendar-pending-approvals-view .sorters a:focus,#calendar-public-submissions-view .sorters a:focus,#calendar-rsvp-attendees-view .sorters a:focus,#calendar-rsvp-view .sorters a:focus {
    outline: var(--primary-dark-blue-400-2-px)
}

#calendar-events-list-view .collection-header,#calendar-pending-approvals-view .collection-header,#calendar-public-submissions-view .collection-header,#calendar-rsvp-attendees-view .collection-header,#calendar-rsvp-view .collection-header {
    display: none
}

#calendar-events-list-view .collection-list,#calendar-pending-approvals-view .collection-list,#calendar-public-submissions-view .collection-list,#calendar-rsvp-attendees-view .collection-list,#calendar-rsvp-view .collection-list {
    height: calc(100vh - 200px)
}

#calendar-events-list-view .collection-list a[data-name=list-row-featured],#calendar-events-list-view .collection-list a[data-name=list-row-status],#calendar-pending-approvals-view .collection-list a[data-name=list-row-featured],#calendar-pending-approvals-view .collection-list a[data-name=list-row-status],#calendar-public-submissions-view .collection-list a[data-name=list-row-featured],#calendar-public-submissions-view .collection-list a[data-name=list-row-status],#calendar-rsvp-attendees-view .collection-list a[data-name=list-row-featured],#calendar-rsvp-attendees-view .collection-list a[data-name=list-row-status],#calendar-rsvp-view .collection-list a[data-name=list-row-featured],#calendar-rsvp-view .collection-list a[data-name=list-row-status] {
    padding-top: 6px
}

#calendar-events-list-view .collection-list a[data-name=list-row-featured]:hover,#calendar-events-list-view .collection-list a[data-name=list-row-status]:hover,#calendar-pending-approvals-view .collection-list a[data-name=list-row-featured]:hover,#calendar-pending-approvals-view .collection-list a[data-name=list-row-status]:hover,#calendar-public-submissions-view .collection-list a[data-name=list-row-featured]:hover,#calendar-public-submissions-view .collection-list a[data-name=list-row-status]:hover,#calendar-rsvp-attendees-view .collection-list a[data-name=list-row-featured]:hover,#calendar-rsvp-attendees-view .collection-list a[data-name=list-row-status]:hover,#calendar-rsvp-view .collection-list a[data-name=list-row-featured]:hover,#calendar-rsvp-view .collection-list a[data-name=list-row-status]:hover {
    text-decoration: none
}

#calendar-events-list-view .collection-list a[data-name=list-row-featured] i,#calendar-events-list-view .collection-list a[data-name=list-row-status] i,#calendar-pending-approvals-view .collection-list a[data-name=list-row-featured] i,#calendar-pending-approvals-view .collection-list a[data-name=list-row-status] i,#calendar-public-submissions-view .collection-list a[data-name=list-row-featured] i,#calendar-public-submissions-view .collection-list a[data-name=list-row-status] i,#calendar-rsvp-attendees-view .collection-list a[data-name=list-row-featured] i,#calendar-rsvp-attendees-view .collection-list a[data-name=list-row-status] i,#calendar-rsvp-view .collection-list a[data-name=list-row-featured] i,#calendar-rsvp-view .collection-list a[data-name=list-row-status] i {
    font-size: 28px
}

#calendar-events-list-view .collection-list a[data-name=list-row-featured] i.icon-star-solid,#calendar-events-list-view .collection-list a[data-name=list-row-status] i.icon-star-solid,#calendar-pending-approvals-view .collection-list a[data-name=list-row-featured] i.icon-star-solid,#calendar-pending-approvals-view .collection-list a[data-name=list-row-status] i.icon-star-solid,#calendar-public-submissions-view .collection-list a[data-name=list-row-featured] i.icon-star-solid,#calendar-public-submissions-view .collection-list a[data-name=list-row-status] i.icon-star-solid,#calendar-rsvp-attendees-view .collection-list a[data-name=list-row-featured] i.icon-star-solid,#calendar-rsvp-attendees-view .collection-list a[data-name=list-row-status] i.icon-star-solid,#calendar-rsvp-view .collection-list a[data-name=list-row-featured] i.icon-star-solid,#calendar-rsvp-view .collection-list a[data-name=list-row-status] i.icon-star-solid {
    color: var(--primary-yellow-600);
    display: block;
    font-size: 25px;
    margin-top: 8px;
    text-shadow: var(--primary-bulb-outline-shadow)
}

#calendar-events-list-view .collection-list .list-row[data-status=CANCELLED] .name a:before,#calendar-pending-approvals-view .collection-list .list-row[data-status=CANCELLED] .name a:before,#calendar-public-submissions-view .collection-list .list-row[data-status=CANCELLED] .name a:before,#calendar-rsvp-attendees-view .collection-list .list-row[data-status=CANCELLED] .name a:before,#calendar-rsvp-view .collection-list .list-row[data-status=CANCELLED] .name a:before {
    color: var(--primary-red-550);
    content: var(--cancelled-label);
    display: inline
}

#calendar-events-list-view .collection-list .list-row[data-status=POSTPONED] .name a:before,#calendar-pending-approvals-view .collection-list .list-row[data-status=POSTPONED] .name a:before,#calendar-public-submissions-view .collection-list .list-row[data-status=POSTPONED] .name a:before,#calendar-rsvp-attendees-view .collection-list .list-row[data-status=POSTPONED] .name a:before,#calendar-rsvp-view .collection-list .list-row[data-status=POSTPONED] .name a:before {
    color: var(--primary-red-550);
    content: var(--postponed-label);
    display: inline
}

#calendar-events-list-view .collection-list .list-row:before,#calendar-pending-approvals-view .collection-list .list-row:before,#calendar-public-submissions-view .collection-list .list-row:before,#calendar-rsvp-attendees-view .collection-list .list-row:before,#calendar-rsvp-view .collection-list .list-row:before {
    background-color: var(--category-color);
    content: "";
    display: block;
    height: 48px;
    left: 0;
    position: absolute;
    top: 0;
    width: 7px
}

#calendar-events-list-view #event-list .no-events,#calendar-pending-approvals-view #event-list .no-events,#calendar-public-submissions-view #event-list .no-events,#calendar-rsvp-attendees-view #event-list .no-events,#calendar-rsvp-view #event-list .no-events {
    display: none;
    margin-top: 50px;
    text-align: center
}

@media (max-width: 1360px) {
    #calendar-events-list-view .rc-bp-60,#calendar-pending-approvals-view .rc-bp-60,#calendar-public-submissions-view .rc-bp-60,#calendar-rsvp-attendees-view .rc-bp-60,#calendar-rsvp-view .rc-bp-60 {
        flex:0 0 60px;
        max-width: 60px
    }

    #calendar-events-list-view .rc-bp-80,#calendar-pending-approvals-view .rc-bp-80,#calendar-public-submissions-view .rc-bp-80,#calendar-rsvp-attendees-view .rc-bp-80,#calendar-rsvp-view .rc-bp-80 {
        flex: 0 0 80px;
        max-width: 80px
    }

    #calendar-events-list-view .rc-bp-90,#calendar-pending-approvals-view .rc-bp-90,#calendar-public-submissions-view .rc-bp-90,#calendar-rsvp-attendees-view .rc-bp-90,#calendar-rsvp-view .rc-bp-90 {
        flex: 0 0 90px;
        max-width: 90px
    }

    #calendar-events-list-view .rc-bp-100,#calendar-pending-approvals-view .rc-bp-100,#calendar-public-submissions-view .rc-bp-100,#calendar-rsvp-attendees-view .rc-bp-100,#calendar-rsvp-view .rc-bp-100 {
        flex: 0 0 100px;
        max-width: 100px
    }

    #calendar-events-list-view .rc-bp-110,#calendar-pending-approvals-view .rc-bp-110,#calendar-public-submissions-view .rc-bp-110,#calendar-rsvp-attendees-view .rc-bp-110,#calendar-rsvp-view .rc-bp-110 {
        flex: 0 0 110px;
        max-width: 110px
    }

    #calendar-events-list-view .rc-bp-125,#calendar-pending-approvals-view .rc-bp-125,#calendar-public-submissions-view .rc-bp-125,#calendar-rsvp-attendees-view .rc-bp-125,#calendar-rsvp-view .rc-bp-125 {
        flex: 0 0 125px;
        max-width: 125px
    }

    #calendar-events-list-view .rc-bp-150,#calendar-pending-approvals-view .rc-bp-150,#calendar-public-submissions-view .rc-bp-150,#calendar-rsvp-attendees-view .rc-bp-150,#calendar-rsvp-view .rc-bp-150 {
        flex: 0 0 150px;
        max-width: 150px
    }
}

#calendar-category-list-view {
    position: relative
}

#calendar-category-list-view #calendars-menu {
    position: absolute;
    right: 23px;
    top: 22px
}

#calendar-category-list-view #calendars-menu a {
    padding: 4px 2px 0
}

#calendar-category-list-view #calendars-menu a:hover {
    background-color: var(--primary-orange-100);
    text-decoration: none
}

#calendar-category-list-view #calendars-menu a:hover i {
    color: var(--primary-black)
}

#calendar-category-list-view #calendars-menu .icon-angle-up {
    display: none
}

#calendar-category-list-view #calendars-menu.open {
    background-color: var(--primary-orange-100)
}

#calendar-category-list-view #calendars-menu.open .icon-angle-up {
    display: inline
}

#calendar-category-list-view #calendars-menu.open .icon-angle-down {
    display: none
}

#calendar-category-list-view #calendars-menu .dropdown-menu a {
    padding-left: 14px;
    padding-right: 14px
}

#calendar-category-list-view #calendars-menu .dropdown-menu a:focus,#calendar-category-list-view #calendars-menu .dropdown-menu a:hover {
    background-color: var(--primary-orange-100);
    color: var(--primary-gray-800)
}

#calendar-category-list-view #calendars-menu .dropdown-menu a:focus i,#calendar-category-list-view #calendars-menu .dropdown-menu a:hover i {
    color: var(--primary-orange-600)
}

#calendar-category-list-view #calendars-menu .dropdown-menu a:focus {
    box-shadow: var(--primary-dark-orange-600-shadow-2-inset);
    outline: none
}

#calendar-category-add-modal-form [name=color] {
    height: 40px;
    width: 50%
}

#calendar-pending-approvals-view .header-right-section h2,#calendar-rsvp-view .header-right-section h2 {
    font-size: 20px;
    margin: 10px
}

#calendar-rsvp-view .actions-bar .icon-calendar-xmark-solid {
    font-size: 15px
}

#calendar-rsvp-view .collection-list {
    height: calc(100vh - 260px)
}

#calendar-rsvp-view .collection-list .icon-calendar-xmark-solid {
    font-size: 14px
}

#calendar-rsvp-view .collection-list .rsvp-disabled {
    background-color: var(--primary-gray-150)
}

#calendar-public-submissions-view h2.view-title {
    display: block;
    margin-top: 16px
}

#s2id_event-category .event-category,.select2-results .event-category {
    display: block;
    padding-left: 22px;
    position: relative
}

#s2id_event-category .event-category:before,.select2-results .event-category:before {
    background-color: var(--category-color);
    border-radius: 7px;
    content: "";
    display: block;
    height: 14px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 14px
}

#calendar-events-edit-view fieldset {
    padding-left: 0;
    padding-right: 0
}

#calendar-events-edit-view fieldset h4 {
    margin-left: 0;
    margin-right: 0
}

#calendar-events-edit-view .inline-date-time .group-input {
    float: left;
    width: 140px
}

#calendar-events-edit-view .inline-date-time .group-input+.group-input {
    margin-left: 10px
}

#calendar-events-edit-view .inline-date-time .help-block {
    clear: left;
    padding-top: 5px
}

#calendar-events-edit-view .form-group {
    margin-left: 0;
    margin-right: 0
}

#calendar-events-edit-view .form-group label {
    flex-shrink: 0
}

#calendar-events-edit-view .form-group .controls {
    margin-left: 30px;
    margin-right: 30px
}

#calendar-events-edit-view .form-group .controls.cost-and-ticketing-price {
    max-width: 100px
}

#calendar-events-edit-view .form-group .controls .all-day-event {
    display: inline-block;
    margin-left: 20px
}

#calendar-events-edit-view .form-group .controls .all-day-event input {
    height: 15px;
    margin-top: 7px;
    width: 15px
}

#calendar-events-edit-view .form-group .controls .all-day-event label {
    margin: 0;
    position: relative;
    top: -2px
}

#calendar-events-edit-view .form-group .controls .instructional-text {
    padding-top: 6px
}

#calendar-events-edit-view .form-group .controls .event-category:before {
    top: 7px
}

#calendar-events-edit-view .form-group .controls #event-repeats {
    width: 140px
}

#calendar-events-edit-view .form-group .controls #event-every {
    float: left;
    width: 70px
}

#calendar-events-edit-view .form-group .controls #repeat-every-type {
    float: left;
    line-height: 32px;
    padding-left: 10px
}

#calendar-events-edit-view .form-group .controls #help-block-event-every {
    clear: left;
    padding-top: 5px
}

#calendar-events-edit-view .form-group .controls .btn[disabled]:hover {
    box-shadow: none
}

#calendar-events-edit-view .form-group .controls .weekday {
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    height: 24px;
    justify-content: center;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    width: 24px
}

#calendar-events-edit-view .form-group .controls .weekday.checked {
    background-color: var(--primary-blue-500);
    color: var(--primary-white)
}

#calendar-events-edit-view .form-group .controls .weekday:focus-visible {
    outline: none;
    position: relative
}

#calendar-events-edit-view .form-group .controls .weekday:focus-visible:before {
    border: var(--primary-dark-blue-400-2-px);
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

#calendar-events-edit-view .form-group .select2-container:not(.select2-container-active) [data-name=tag-filter-selector] {
    margin-bottom: 3px
}

#calendar-events-edit-view .form-group[data-id=event-repeats-until-date] .group-input {
    width: 140px
}

#calendar-events-edit-view .form-group[data-id=event-repeats-weekdays] .controls {
    padding: 5px 0
}

#calendar-events-edit-view .form-group[data-id=submitter-type] label {
    text-transform: none
}

#calendar-events-edit-view .form-group.divider-bottom {
    border-bottom: var(--primary-gray-400-1-px);
    padding-bottom: 20px
}

#calendar-events-edit-view .add-attribute {
    color: var(--primary-gray-800);
    padding: 4px;
    position: absolute;
    right: -85px;
    top: 2px
}

#calendar-events-edit-view .add-attribute:hover {
    text-decoration: none
}

#calendar-events-edit-view .remove-margin-bottom {
    margin-bottom: 0
}

#calendar-events-edit-view .remove-padding-bottom {
    padding-bottom: 0
}

#calendar-events-edit-view .cost-and-ticketing-max-price-label {
    max-width: 0
}

#calendar-events-edit-view #help-block-event-price {
    overflow: visible;
    white-space: nowrap
}

@media only screen and (max-width: 1200px) {
    #calendar-events-edit-view .add-attribute {
        right:-27px
    }

    #calendar-events-edit-view .add-attribute span {
        display: none
    }
}

#calendar-rsvp-attendees-view .back-to-list-link {
    display: flex;
    margin-top: 20px
}

#calendar-rsvp-attendees-view .back-to-list-link i {
    font-size: 18px
}

#calendar-rsvp-attendees-view .back-to-list-link a {
    color: var(--primary-blue-400);
    padding-left: 5px;
    padding-right: 5px
}

#calendar-rsvp-attendees-view .list-view-header {
    height: 90px
}

#calendar-rsvp-attendees-view .list-view-header .header-left-section {
    display: block
}

#calendar-rsvp-attendees-view .list-view-header .header-left-section h2.view-title {
    font-size: 24px;
    letter-spacing: normal;
    margin: 20px 0 0;
    text-transform: none
}

#calendar-rsvp-attendees-view .list-view-header .header-left-section h3.view-subtitle {
    font-size: 14px;
    margin-top: 6px
}

#calendar-rsvp-attendees-view .collection-header {
    display: block
}

#calendar-rsvp-attendees-view .collection-list {
    height: calc(100vh - 300px)
}

#calendar-rsvp-attendees-view .no-attendees {
    display: none;
    margin-top: 50px;
    text-align: center
}

#calendar-embed-view .instructions {
    margin: 30px 0
}

#calendar-embed-view .controls .override {
    cursor: default;
    display: inline-block;
    pointer-events: all
}

#calendar-embed-view .controls .override+input[type=text] {
    width: calc(100% - 24px)
}

#calendar-embed-view .checkbox-controls .override,#calendar-embed-view .group-input .override,#calendar-embed-view .radio-controls .override {
    position: relative;
    top: -6px
}

#calendar-embed-view label.checkbox.inline {
    margin-top: 6px
}

#calendar-embed-view .color-controls input[type=color] {
    height: 30px;
    width: 100px
}

#calendar-embed-view .form-group.disabled .controls label {
    cursor: not-allowed
}

#calendar-embed-view .form-group.disabled .controls label+span {
    color: var(--primary-gray-550)
}

#calendar-embed-view .group-input {
    margin-right: 2px
}

#calendar-embed-view .help-block {
    padding-left: 22px
}

#calendar-embed-view #image {
    margin-left: 4px
}

#calendar-embed-view #embed-copied {
    display: none
}

#calendar-embed-view #embed-code-wrapper {
    display: flex;
    width: 100%
}

#calendar-embed-view #embed-code-wrapper #category-multiselect {
    width: 380px
}

#calendar-embed-view #embed-code-wrapper #category-multiselect [data-name=show-side-selected] {
    display: none
}

#calendar-embed-view #embed-code-wrapper #category-multiselect .pool-item-select {
    flex: 0 0 24px
}

#calendar-embed-view #embed-code-wrapper #category-multiselect .pool-item-label span {
    margin-top: 2px
}

#calendar-embed-view #embed-code-wrapper #category-multiselect .pool-item-label:before {
    background-color: var(--category-color);
    border-radius: 8px;
    content: "";
    display: block;
    height: 16px;
    margin-right: 10px;
    width: 16px
}

#calendar-embed-view #embed-code-wrapper #generated-embed-code {
    display: block;
    margin: 0 0 0 22px
}

#calendar-embed-view #embed-code-wrapper #generated-embed-code .title {
    background-color: var(--primary-gray-200);
    border: var(--primary-gray-400-1-px);
    font-weight: 700;
    padding: 6px 14px
}

#calendar-embed-view #embed-code-wrapper #generated-embed-code .title .copy-embed {
    color: var(--primary-blue-400);
    float: right;
    margin: -4px;
    padding: 4px
}

#calendar-embed-view #embed-code-wrapper #generated-embed-code .title .copy-embed:focus {
    outline: var(--primary-blue-250-2-px)
}

#calendar-embed-view #embed-code-wrapper #generated-embed-code .title .copy-embed:hover {
    text-decoration: none
}

#calendar-embed-view #embed-code-wrapper #generated-embed-code .controls {
    height: calc(100% - 34px);
    margin-left: 0;
    max-width: none;
    min-width: 235px
}

#calendar-embed-view #embed-code-wrapper #generated-embed-code #embed-code {
    border-top: none;
    color: var(--primary-gray-800);
    cursor: text;
    height: 100%;
    max-height: none;
    max-width: none
}

#calendar-embed-view #embed-code-wrapper #generated-embed-code #embed-code:focus {
    border: var(--primary-gray-400-1-px);
    border-top: none;
    padding: 8px
}

#base-modal-body-calendar-event-publish-modal #final-check .final-checks {
    border-bottom: none
}

.pac-container {
    z-index: 1300
}

:root {
    --fc-border-color: var(--primary-gray-500);
    --fc-today-bg-color: var(--primary-white);
    --fc-event-border-color: #ff65e5;
    --fc-event-bg-color: #ff65e5;
    --fc-event-text-color: #fff;
    --fc-event-cancelled-bg-color: var(--primary-white);
    --fc-event-cancelled-text-color: var(--primary-red-550);
    --fc-event-cancelled-border-color: var(--primary-red-550);
    --fc-button-text-color: var(--primary-black);
    --fc-button-bg-color: var(--primary-white);
    --fc-button-border-color: var(--primary-blue-700);
    --fc-button-active-text-color: #fff;
    --fc-button-active-bg-color: var(--primary-blue-700);
    --fc-button-hover-text-color: #fff;
    --fc-button-hover-bg-color: var(--primary-blue-300);
    --fc-button-hover-border-color: var(--primary-blue-300);
    --fc-month-heading-bg-color: var(--primary-gray-150);
    --fc-month-other-days-bg-color: #fbfdfe;
    --fc-month-days-bg-color: var(--primary-white);
    --fc-toolbar-heading-text-color: var(--primary-blue-700);
    --fc-day-number-color: #000;
    --fc-today-date-bg-color: var(--primary-blue-700);
    --fc-today-date-text-color: #fff;
    --fc-today-bg-color: transparent;
    --fc-today-border: 2px solid var(--primary-blue-300)
}

.fc-theme-standard {
    margin-top: .5rem
}

.fc-theme-standard .fc-header-toolbar {
    display: none
}

.fc-theme-standard .fc-toolbar-title {
    color: var(--fc-toolbar-heading-text-color)
}

.fc-theme-standard .fc-daygrid {
    background: var(--fc-month-days-bg-color)
}

.fc-theme-standard th {
    background: var(--fc-month-heading-bg-color);
    padding: .5rem 0
}

.fc-theme-standard th a.fc-col-header-cell-cushion,.fc-theme-standard th a.fc-col-header-cell-cushion:hover {
    color: var(--mc-text)
}

.fc-theme-standard tbody tr {
    height: 16.66667%
}

.fc-theme-standard .fc-daygrid-day-number {
    color: var(--fc-day-number-color);
    cursor: auto
}

.fc-theme-standard .fc-daygrid-day-number:hover {
    text-decoration: none
}

.fc-theme-standard .fc-day-other {
    background: var(--fc-month-other-days-bg-color)
}

.fc-theme-standard .fc-day-other .fc-daygrid-day-top {
    opacity: .54
}

.fc-theme-standard .fc-day-other .fc-daygrid-dot-event {
    display: none
}

.fc-theme-standard .fc-day-today {
    background: var(--fc-today-bg-color)
}

.fc-theme-standard .fc-day-today .fc-daygrid-day-frame {
    border: var(--fc-today-border)
}

.fc-theme-standard .fc-day-today a.fc-daygrid-day-number {
    background: var(--fc-today-date-bg-color);
    border-radius: 2px;
    color: var(--fc-today-date-text-color);
    margin: 2px;
    padding: 3px 7px
}

.fc-theme-standard a.fc-daygrid-event {
    color: var(--fc-event-text-color)
}

.fc-theme-standard a.fc-daygrid-event .fc-daygrid-event-dot {
    border-color: var(--fc-event-text-color)
}

.fc-theme-standard a.fc-daygrid-event.fc-daygrid-block-event {
    border-color: transparent
}

.fc-theme-standard a.fc-daygrid-event.fc-daygrid-block-event .fc-event-main {
    color: #fff
}

.fc-theme-standard .fc-event-cancelled {
    --fc-event-text-color: var(--fc-event-cancelled-text-color);
    --fc-event-bg-color: var(--fc-event-cancelled-bg-color);
    --fc-event-border-color: var(--fc-event-cancelled-border-color)
}

.fc-theme-standard .fc-event-cancelled .fc-daygrid-cancelled-icon {
    color: var(--fc-event-cancelled-text-color);
    margin: 0 4px;
    position: relative;
    top: .13em
}

.fc-theme-standard .fc-event-cancelled .fc-event-title {
    color: var(--fc-event-cancelled-text-color);
    display: inline;
    font-weight: 400
}

.fc-theme-standard .fc-event-cancelled.fc-daygrid-dot-event .fc-event-main-frame {
    overflow: hidden
}

.fc-theme-standard .fc-event-cancelled .fc-event-main-frame {
    flex-direction: row
}

.fc-theme-standard .fc-button-primary:hover {
    color: var(--fc-button-hover-text-color)
}

.fc-theme-standard .fc-button-primary:not(:disabled).fc-button-active,.fc-theme-standard .fc-button-primary:not(:disabled):active {
    color: var(--fc-button-active-text-color)
}

.fc-theme-standard .fc-popover {
    background: var(--primary-white)
}

.fc-theme-standard.fc-liquid-hack td,.fc-theme-standard.fc-liquid-hack th {
    background-clip: padding-box!important
}

#personalization-general-properties,#personalization-heading,.personalization-version {
    border-bottom: var(--primary-gray-400-2-px);
    margin: 0 -30px;
    padding: 20px 30px
}

#personalization-general-properties dt,#personalization-heading dt,.personalization-version dt {
    clear: left;
    float: left;
    max-height: 700px;
    overflow: auto;
    overflow-wrap: break-word;
    padding-left: 10px;
    text-align: right;
    text-overflow: ellipsis;
    width: 200px
}

#personalization-general-properties dd,#personalization-heading dd,.personalization-version dd {
    margin-left: 220px;
    word-break: break-all
}

#personalization-properties span {
    font-weight: 700
}

#dynamic-content-edit-view .ou-multi-select-view .pool-container .pool-row {
    line-height: 17px
}

.personalization-based-on-description {
    clear: left;
    float: left;
    max-height: 700px;
    overflow: auto;
    overflow-wrap: break-word;
    padding-left: 10px;
    text-align: right;
    text-overflow: ellipsis;
    width: 200px
}

div.personalization-iframe iframe {
    border: var(--primary-gray-600-2-px);
    height: 315px;
    width: 100%
}

div.personalization-img {
    box-sizing: content-box;
    max-height: 700px;
    max-width: 700px;
    overflow: auto;
    padding: 1px
}

div.personalization-img img {
    border: var(--primary-gray-400-1-px)
}

#personalization-icon-info {
    float: left
}

#personalization-icon-info i {
    color: var(--primary-gray-750);
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 3px;
    text-align: center
}

#personalization-visitors-overview .personalization-overview-box {
    box-shadow: var(--primary-btn-box-shadow);
    color: var(--primary-white);
    margin: 0 15px 30px;
    padding: 10px 18px 15px 31px;
    position: relative
}

#personalization-visitors-overview .personalization-overview-box.visits {
    background-color: var(--primary-dark-blue-500)
}

#personalization-visitors-overview .personalization-overview-box.views {
    background-color: var(--primary-dark-teal-500)
}

#personalization-visitors-overview .personalization-overview-box.total-time {
    background-color: var(--primary-teal-500)
}

#personalization-visitors-overview .personalization-overview-box.last-time {
    background-color: var(--primary-dark-orange-500)
}

#personalization-visitors-overview .personalization-overview-box i {
    color: var(--primary-white);
    float: left;
    font-size: 50px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    height: 50px;
    letter-spacing: 1.79px;
    line-height: 1.1;
    margin: 14px 0;
    opacity: .5;
    text-align: center;
    width: 62px
}

#personalization-visitors-overview .personalization-overview-box .overview-text {
    margin: 0;
    text-align: right
}

#personalization-visitors-overview .personalization-overview-box .overview-text h2 {
    color: var(--primary-white);
    font-size: 40px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 50px;
    letter-spacing: 1.79px;
    line-height: 1.21;
    margin: 0
}

#personalization-visitors-overview .personalization-overview-box .overview-text div {
    color: var(--primary-white);
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    height: 23px;
    letter-spacing: normal;
    line-height: 1.2;
    text-align: right
}

#personalization-visitors-overview .personalization-overview-col {
    float: left;
    width: 25%
}

@media screen and (max-width: 1580px) {
    #personalization-visitors-overview .personalization-overview-col {
        width:50%
    }
}

#personalization-visitors-overview .fieldset-card h3 {
    margin-bottom: 0
}

#personalization-visitors-overview .fieldset-card .p13n-visitor-tabs {
    border-bottom: var(--primary-gray-400-1-px);
    margin: 0 -30px
}

#personalization-visitors-overview .fieldset-card .p13n-visitor-tabs .p13n-visitor-tab {
    background: none;
    border: none;
    padding: 8px 16px
}

#personalization-visitors-overview .fieldset-card .p13n-visitor-tabs .p13n-visitor-tab.active {
    border-bottom: var(--primary-orange-500-3-px);
    font-weight: 700
}

#personalization-visitors-overview .fieldset-card .p13n-visitor-tabs .p13n-visitor-tab:hover {
    cursor: pointer
}

#personalization-visitors-overview .fieldset-card .personalization-visitors-block {
    margin-top: 20px
}

#personalization-visitors-overview .fieldset-card .personalization-visitors-block dt {
    clear: left;
    float: left;
    height: 30px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px
}

#personalization-visitors-overview .fieldset-card .personalization-visitors-block dd {
    margin-left: 180px
}

#personalization-integration-list-view .integration-name a,#personalization-integration-list-view .integration-status a {
    padding: 0
}

.p13n-integration-progress {
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 1320px
}

.p13n-integration-progress p {
    align-items: center;
    display: flex;
    flex: 1;
    font-size: 24px;
    justify-content: center;
    margin: 0
}

.p13n-integration-progress .p13n-integration-progress-bar {
    align-items: center;
    display: flex;
    flex: 3;
    justify-content: space-between;
    margin: 50px 30px;
    position: relative
}

.p13n-integration-progress .p13n-integration-progress-bar .horizontal-line {
    background-color: var(--primary-gray-600);
    height: 2px;
    position: absolute;
    width: 100%
}

.p13n-integration-progress .p13n-integration-progress-bar .progress-step {
    align-items: center;
    background-color: var(--primary-gray-150);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1
}

.p13n-integration-progress .p13n-integration-progress-bar .progress-step .progress-circle {
    border: 2px solid var(--primary-gray-600);
    border-radius: 50%;
    height: 25px;
    width: 25px
}

.p13n-integration-progress .p13n-integration-progress-bar .progress-step .progress-label {
    font-size: 16px;
    position: absolute;
    text-transform: capitalize;
    top: 30px
}

.p13n-integration-progress .p13n-integration-progress-bar .progress-step.active .progress-circle {
    border-color: var(--primary-orange-600)
}

.progress-step-container {
    padding-top: 40px
}

#personalization-integration-new-view #personalization-integration-crm-selection-view {
    align-items: center;
    display: flex;
    flex-direction: column
}

#personalization-integration-new-view #personalization-integration-crm-selection-view .crm-integration-instruction-text {
    font-size: 24px
}

#personalization-integration-new-view #personalization-integration-crm-selection-view .crm-options {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
    width: 75%
}

#personalization-integration-new-view #personalization-integration-crm-selection-view .crm-options .crm-option {
    align-items: center;
    display: flex;
    flex-direction: column
}

#personalization-integration-new-view #personalization-integration-crm-selection-view .crm-options .crm-option:not(:first-child) {
    margin-left: 75px
}

#personalization-integration-new-view #personalization-integration-crm-selection-view .crm-options .crm-option .crm-option-card {
    align-items: center;
    background: var(--primary-white);
    box-shadow: var(--primary-shadow);
    display: flex;
    height: 200px;
    justify-content: center;
    width: 200px
}

#personalization-integration-new-view #personalization-integration-crm-selection-view .crm-options .crm-option .crm-option-card.selected {
    outline: 2px solid var(--primary-orange-600)
}

#personalization-integration-new-view #personalization-integration-crm-selection-view .crm-options .crm-option .crm-option-card:hover {
    cursor: pointer
}

#personalization-integration-new-view #personalization-integration-crm-selection-view .crm-options .crm-option .crm-option-card i {
    font-size: 50px
}

#personalization-integration-new-view #personalization-integration-crm-selection-view .crm-options .crm-option .crm-option-label {
    font-size: 18px;
    margin-top: 15px
}

#personalization-crm-connection-view #creating-user,#personalization-crm-connection-view #csv-uploading,#personalization-crm-connection-view #test-ftp-connection {
    margin-left: 187px
}

#personalization-crm-connection-view #create-sftp-user-btn,#personalization-crm-connection-view #show-sftp-user-input-btn,#personalization-crm-connection-view #upload-csv {
    margin-left: 202px
}

#personalization-crm-connection-view button[data-action=copy] {
    margin-bottom: 10px
}

#personalization-crm-connection-view .ou-multi-select-view {
    height: 250px
}

#personalization-crm-connection-view .header {
    display: none
}

#personalization-crm-connection-view #sftp-user {
    width: -moz-fit-content;
    width: fit-content
}

#personalization-crm-connection-view .pool-container {
    border-top: var(--primary-gray-400-1-px);
    border: var(--primary-gray-400-1-px);
    height: 100%;
    max-height: none
}

#personalization-crm-connection-view .pool-container .pool-row {
    line-height: 17px
}

#personalization-crm-connection-view #sftp-server-url {
    border: none;
    color: var(--primary-gray-800);
    padding: 0
}

#personalization-crm-connection-view #csv-uploading,#personalization-crm-connection-view #show-sftp-user-input-btn {
    margin-bottom: 20px
}

#personalization-crm-connection-view .textarea-btn-group {
    display: flex;
    flex-direction: column;
    margin-left: 10px
}

#personalization-crm-connection-view .textarea-btn-group button {
    height: 32px;
    min-width: 0;
    width: 32px
}

#personalization-crm-connection-view .textarea-btn-group button i {
    font-size: 18px;
    margin-right: 0;
    pointer-events: none
}

#personalization-crm-connection-view #sftp-user-input+#sftp-user-input-append {
    background-color: var(--primary-white);
    color: var(--primary-gray-650);
    height: 28px;
    left: 20px;
    line-height: 28px;
    margin-right: 2px;
    overflow: hidden;
    padding-left: 2px;
    padding-right: 9px;
    pointer-events: none;
    position: absolute;
    right: 2px;
    text-overflow: ellipsis;
    top: 2px;
    white-space: nowrap
}

#personalization-crm-connection-view .success-icon {
    color: var(--primary-green-500)
}

#personalization-crm-connection-view #import-csv-radio .radio {
    display: inline-block;
    width: 58px
}

#personalization-crm-connection-view .list-empty {
    color: var(--primary-gray-700);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center
}

#personalization-crm-connection-view .list-empty i {
    font-size: 40px
}

#personalization-crm-connection-view .list-empty p {
    margin-top: 10px
}

#personalization-crm-summary-view {
    align-items: center;
    display: flex;
    flex-direction: column
}

#personalization-crm-summary-view .crm-summary-headers {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px
}

#personalization-crm-summary-view .crm-summary-headers h1 {
    align-items: center;
    display: flex;
    font-size: 24px;
    margin: 0
}

#personalization-crm-summary-view .crm-summary-headers h1 i {
    color: var(--primary-green-500);
    font-size: 30px;
    margin-right: 10px
}

#personalization-crm-summary-view .crm-summary-headers h2 {
    font-size: 16px;
    line-height: 30px
}

#personalization-crm-summary-view .crm-summary-headers h1,#personalization-crm-summary-view .crm-summary-headers h2 {
    font-weight: 400
}

#personalization-crm-sync-view .crm-mapping-headers {
    margin: auto;
    max-width: 75%;
    text-align: center
}

#personalization-crm-sync-view .crm-mapping-headers h1,#personalization-crm-sync-view .crm-mapping-headers h2 {
    font-weight: 400
}

#personalization-crm-sync-view .crm-mapping-headers h1 {
    font-size: 24px;
    margin: 0
}

#personalization-crm-sync-view .crm-mapping-headers h2 {
    font-size: 16px;
    line-height: 30px
}

#personalization-crm-sync-view .crm-mapping-list {
    margin-top: 50px;
    padding-bottom: 0
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-header,#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row {
    border-bottom: var(--primary-gray-400-2-px);
    display: flex;
    margin-left: -30px;
    margin-right: -30px;
    padding: 20px 30px
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-header-1,#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-1 {
    width: 90px
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-header-2,#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-header-3,#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-2,#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-3 {
    width: 30%
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row {
    align-items: center;
    min-height: 82px;
    padding: 10px 30px
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-crm-property,#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-header,#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-include,#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-preview {
    align-items: center;
    display: flex
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-include {
    display: flex;
    padding-left: 10px;
    width: 90px
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-include i {
    font-size: 20px
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-include i.icon-check-circle {
    color: var(--primary-green-500)
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-include i.icon-blocked {
    color: var(--primary-red-550)
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-header,#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-preview {
    word-wrap: break-word;
    padding-right: 20px
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-cms-property,#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-header,#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-preview {
    margin: 0;
    width: 30%
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-header {
    display: flex
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-header i {
    font-size: 16px;
    margin-left: 5px
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-header i:hover {
    cursor: pointer
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-preview {
    align-items: flex-start;
    flex-direction: column
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-cms-property .input-row-1 {
    display: flex
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-cms-property .input-row-1 .omni-cms-segment-properties {
    flex: 1
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-cms-property .input-row-1 .time-zone-selector {
    margin-left: 10px;
    width: 30%
}

#personalization-crm-sync-view .crm-mapping-list .crm-mapping-list-row-cms-property .custom-time-zone {
    margin-top: 10px
}

#personalization-integration-edit-view,#personalization-integration-new-view {
    padding-bottom: 125px
}

#personalization-integration-edit-view .bottombar-actions,#personalization-integration-new-view .bottombar-actions {
    padding: 0 50px;
    width: calc(100% - 260px)
}

#personalization-integration-edit-view .bottombar-actions button.left,#personalization-integration-new-view .bottombar-actions button.left {
    margin-right: auto;
    order: -1
}

#personalization-integration-edit-view .bottombar-actions .unmatched-instructions,#personalization-integration-new-view .bottombar-actions .unmatched-instructions {
    align-items: center;
    display: flex
}

#personalization-integration-edit-view .bottombar-actions .unmatched-instructions strong,#personalization-integration-new-view .bottombar-actions .unmatched-instructions strong {
    margin-right: 15px
}

#personalization-integration-edit-view .bottombar-actions .unmatched-instructions label,#personalization-integration-new-view .bottombar-actions .unmatched-instructions label {
    font-weight: 400;
    margin: 0 24px 0 0
}

#personalization-integration-edit-view #csv-uploading,#personalization-integration-edit-view #test-ftp-connection {
    margin-left: 187px
}

#personalization-integration-edit-view #csv-uploading {
    margin-bottom: 20px
}

#personalization-integration-edit-view .success-icon {
    color: var(--primary-green-500)
}

#personalization-integration-edit-view #personalization-crm-summary-view {
    margin-top: 90px
}

#personalization-segment-new-view {
    min-width: -moz-fit-content;
    min-width: fit-content
}

#personalization-segment-new-view .personalization-segment-sidebar {
    padding: 81px 0 40px
}

#personalization-segment-new-view .segment-content {
    grid-row-gap: 20px;
    grid-column-gap: 25px;
    display: grid;
    grid-template-areas: "name reach" "define define";
    grid-template-columns: 1fr 660px
}

#personalization-segment-new-view .segment-content #segment-name-avail-form {
    grid-area: name
}

#personalization-segment-new-view .segment-content #segment-name-avail-form #segment-name-avail-fieldset {
    height: 100%
}

#personalization-segment-new-view .segment-content .potential-segment-reach {
    background-color: var(--primary-dark-blue-500);
    display: flex;
    flex-direction: column;
    grid-area: reach
}

#personalization-segment-new-view .segment-content .potential-segment-reach-header {
    color: var(--primary-white);
    font-size: 18px;
    padding: 20px 30px
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body {
    align-items: center;
    display: flex;
    flex: 1
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-charts {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
    position: relative;
    width: 60%
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-charts .chart svg {
    position: relative
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-charts .chart svg circle {
    stroke-width: 20;
    stroke-linecap: round
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-charts .chart svg circle.track {
    fill: none
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-charts .chart svg circle.progress {
    fill: none;
    stroke-width: 20;
    transform: rotate(-180deg);
    transform-origin: center
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-charts .contacts-chart svg {
    height: 300px;
    width: 300px
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-charts .contacts-chart svg circle.track {
    stroke: var(--primary-dark-blue-400)
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-charts .contacts-chart svg circle.progress {
    stroke: var(--primary-teal-400);
    stroke-dasharray: 880;
    stroke-dashoffset: 880
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-charts .visitors-chart {
    position: absolute
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-charts .visitors-chart svg {
    height: 210px;
    width: 210px
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-charts .visitors-chart svg circle.track {
    stroke: var(--primary-dark-blue-400)
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-charts .visitors-chart svg circle.progress {
    stroke: var(--primary-orange-600);
    stroke-dasharray: 600;
    stroke-dashoffset: 600
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-charts i {
    color: var(--primary-white);
    font-size: 100px;
    position: absolute
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-legend {
    margin-bottom: 60px;
    width: 40%
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-legend .legend {
    display: flex
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-legend .legend.contacts-legend {
    margin-bottom: 22px
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-legend .legend .color-box {
    height: 15px;
    margin-right: 12px;
    margin-top: 9px;
    width: 26px
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-legend .legend .color-box.contacts-color-box {
    background-color: var(--primary-teal-400)
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-legend .legend .color-box.visitors-color-box {
    background-color: var(--primary-orange-600)
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-legend .legend .stats .percent {
    color: var(--primary-white);
    font-size: 22px;
    font-weight: 700
}

#personalization-segment-new-view .segment-content .potential-segment-reach-body .potential-reach-legend .legend .stats .ratio {
    color: var(--primary-white);
    font-size: 16px
}

#personalization-segment-new-view .segment-content .potential-segment-reach-footer {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    padding: 25px
}

#personalization-segment-new-view .segment-content .potential-segment-reach-footer .refresh-note {
    color: var(--primary-white);
    font-size: 12px;
    margin-top: 10px
}

#personalization-segment-new-view .segment-content #segment-define-form {
    grid-area: define
}

#personalization-segment-new-view .segment-content #segment-define-form .segment-define-header {
    display: flex;
    justify-content: space-between
}

#personalization-segment-new-view .segment-content #segment-define-form .segment-define-header .group-selection-options {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none
}

#personalization-segment-new-view .segment-content #segment-define-form .segment-define-header .group-selection-options i {
    margin-right: 6px
}

#personalization-segment-new-view .segment-content #segment-define-form .segment-define-header .group-selection-options a {
    color: var(--primary-gray-800)
}

#personalization-segment-new-view .segment-content #segment-define-form .segment-define-header .group-selection-options a:hover {
    text-decoration: none
}

#personalization-segment-new-view .segment-content #segment-define-form .segment-define-header .group-selection-options:hover {
    cursor: pointer
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body {
    display: flex;
    flex-direction: column;
    min-height: 200px;
    padding-bottom: 40px
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .define-empty-state {
    align-items: center;
    display: flex;
    flex: 1;
    font-size: 18px;
    justify-content: center
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-state-move {
    background-color: var(--primary-green-100)!important;
    border: var(--primary-green-200-2-px-dashed)!important;
    height: 51px;
    list-style: none
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-state-move:not(:last-child) {
    margin-bottom: 20px
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria {
    min-height: 51px;
    padding: 15px 20px 15px 0
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria:not(:last-child) {
    margin-bottom: 20px
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria:focus {
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria .drag-dots {
    height: 30px
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-checkbox {
    margin-right: 10px
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-checkbox:focus {
    outline: var(--primary-dark-blue-400-2-px)
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-title {
    font-size: 16px;
    font-weight: 700;
    width: 25%
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config {
    display: flex;
    justify-content: space-between;
    width: 75%
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config .span-is-container {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 50%
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config .span-is-container .span-is-to {
    margin: 0 20px
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config .control-group {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 375px
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config .control-group .error {
    outline: 2px solid var(--primary-red-550)
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config .control-group .help-inline-error {
    color: var(--primary-red-550);
    font-size: 12px;
    margin-top: 5px;
    max-width: 375px;
    width: 100%
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config-geo-range,#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config-geo-scope {
    margin-right: 10px
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config-geo-value-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 375px;
    width: 100%
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config-geo-value-wrapper .segment-define-criteria-config-geo-value {
    width: 100%
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config-geo-range,#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config-geo-scope {
    max-width: 375px;
    width: 100%
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config-operator {
    margin-right: 10px;
    width: 50%
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config-value {
    max-width: 100%;
    width: 100%
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config .one-of-options-container {
    max-width: 375px;
    width: 100%
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config .one-of-options-container .one-of-options {
    align-items: center;
    display: flex;
    margin-top: 5px
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config .one-of-options-container .one-of-options:first-of-type {
    margin-top: 16px
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config .one-of-options-container .one-of-options .remove-one-of-opts-btn {
    height: 20px;
    margin-left: 0;
    margin-right: 4px;
    width: 20px
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config .string-input-container .segment-define-criteria-config-value .select2-choice {
    width: 500px
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config .string-input-container .segment-define-criteria-config-value.page-visit-chooser {
    align-items: center;
    display: flex;
    max-width: 375px;
    width: 100%
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config .string-input-container .segment-define-criteria-config-value.page-visit-chooser input {
    border-radius: 2px 0 0 2px
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria-config .string-input-container .segment-define-criteria-config-value.page-visit-chooser button {
    background-color: var(--primary-gray-200);
    border: var(--primary-gray-400-1-px);
    border-left: none;
    border-radius: 0 2px 2px 0;
    color: var(--primary-gray-750);
    font-size: 14px;
    height: 32px;
    max-height: 32px;
    padding: 0;
    position: relative
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria[data-source="visitor metrics"] {
    border-left: var(--primary-orange-600-10-px)
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria[data-source=CSV] {
    border-left: var(--primary-dark-teal-500-10-px)
}

#personalization-segment-new-view .segment-content #segment-define-form #segment-define-fieldset-card-body .segment-define-criteria[data-source=FORM] {
    border-left: var(--primary-yellow-600-10-px)
}

#personalization-segment-new-view .segment-content #segment-define-form .segment-define-footer {
    align-items: center;
    display: flex;
    justify-content: space-between
}

#personalization-segment-new-view .segment-content #segment-define-form .segment-define-footer .segment-define-helper {
    margin: 0
}

#personalization-segment-new-view .segment-content #segment-define-form .add-criteria-btn {
    float: right
}

#personalization-segment-new-view .segment-content #segment-define-form .remove-btn {
    align-items: center;
    align-self: flex-start;
    background: transparent;
    border: none;
    display: flex;
    height: 32px;
    justify-content: center;
    margin: 0 0 0 10px;
    padding: 0;
    width: 32px
}

#personalization-segment-new-view .segment-content #segment-define-form .remove-btn i {
    font-size: 16px
}

#personalization-segment-new-view .segment-content #segment-define-form .remove-btn:focus {
    outline: var(--primary-black-2-px)
}

#personalization-segment-new-view .segment-content #segment-define-form .remove-btn:hover {
    cursor: pointer
}

#personalization-segment-new-view .search-segment-control-group .icon-search,.personalization-segment-add-criteria-modal .search-segment-control-group .icon-search {
    font-size: 20px;
    left: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

#personalization-segment-new-view .search-segment-control-group input,.personalization-segment-add-criteria-modal .search-segment-control-group input {
    padding-left: 28px
}

#personalization-segment-new-view .segment-field-title,.personalization-segment-add-criteria-modal .segment-field-title {
    margin-top: 32px;
    padding: 0
}

#personalization-segment-new-view .segment-field .segment-property-view-all-btn,.personalization-segment-add-criteria-modal .segment-field .segment-property-view-all-btn {
    background: none;
    border: none;
    color: inherit;
    display: block;
    margin-left: auto
}

#personalization-segment-new-view .segment-field .segment-property-view-all-btn:hover,.personalization-segment-add-criteria-modal .segment-field .segment-property-view-all-btn:hover {
    cursor: pointer
}

#personalization-segment-new-view .segment-fields-metric-list,.personalization-segment-add-criteria-modal .segment-fields-metric-list {
    list-style: none;
    padding: 0
}

#personalization-segment-new-view .segment-fields-metric,.personalization-segment-add-criteria-modal .segment-fields-metric {
    height: 41px
}

#personalization-segment-new-view .segment-fields-metric:hover,.personalization-segment-add-criteria-modal .segment-fields-metric:hover {
    cursor: grab
}

#personalization-segment-new-view .segment-fields-metric:not(:last-child),.personalization-segment-add-criteria-modal .segment-fields-metric:not(:last-child) {
    margin-bottom: 10px
}

#personalization-segment-new-view .segment-fields-metric[data-source="visitor metrics"],.personalization-segment-add-criteria-modal .segment-fields-metric[data-source="visitor metrics"] {
    border-left: var(--primary-orange-600-10-px)
}

#personalization-segment-new-view .segment-fields-metric[data-source=CSV],.personalization-segment-add-criteria-modal .segment-fields-metric[data-source=CSV] {
    border-left: var(--primary-dark-teal-500-10-px)
}

#personalization-segment-new-view .segment-fields-metric[data-source=FORM],.personalization-segment-add-criteria-modal .segment-fields-metric[data-source=FORM] {
    border-left: var(--primary-yellow-600-10-px)
}

#personalization-segment-new-view .segment-fields-metric.ui-draggable,.personalization-segment-add-criteria-modal .segment-fields-metric.ui-draggable {
    justify-content: flex-start;
    padding-left: 2px;
    width: 212px
}

#personalization-segment-new-view .segment-fields-metric:focus,.personalization-segment-add-criteria-modal .segment-fields-metric:focus {
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

#personalization-segment-new-view .segment-define-criteria,#personalization-segment-new-view .segment-fields-metric,.personalization-segment-add-criteria-modal .segment-define-criteria,.personalization-segment-add-criteria-modal .segment-fields-metric {
    align-items: center;
    background-color: var(--primary-gray-150);
    border: var(--primary-gray-400-1-px);
    display: flex;
    padding-right: 20px
}

#personalization-segment-new-view .segment-define-criteria .drag-dots,#personalization-segment-new-view .segment-fields-metric .drag-dots,.personalization-segment-add-criteria-modal .segment-define-criteria .drag-dots,.personalization-segment-add-criteria-modal .segment-fields-metric .drag-dots {
    display: flex;
    flex-direction: column;
    height: 61%;
    justify-content: space-between;
    margin-left: 4px;
    margin-right: 10px
}

#personalization-segment-new-view .segment-define-criteria .drag-dots .drag-dot,#personalization-segment-new-view .segment-fields-metric .drag-dots .drag-dot,.personalization-segment-add-criteria-modal .segment-define-criteria .drag-dots .drag-dot,.personalization-segment-add-criteria-modal .segment-fields-metric .drag-dots .drag-dot {
    background: var(--primary-gray-350);
    border-radius: 50%;
    display: block;
    height: 4px;
    width: 4px
}

#personalization-segment-new-view .segment-define-criteria-checkbox,.personalization-segment-add-criteria-modal .segment-define-criteria-checkbox {
    margin-right: 10px
}

#personalization-segment-new-view .segment-define-criteria-checkbox:focus,.personalization-segment-add-criteria-modal .segment-define-criteria-checkbox:focus {
    align-items: center;
    display: flex;
    height: 15px;
    justify-content: center;
    line-height: 0;
    width: 15px
}

#personalization-segment-new-view .search-segment-control-group {
    padding: 0 24px
}

#personalization-segment-new-view .search-segment-control-group .icon-search {
    left: 28px
}

#personalization-segment-new-view .segment-fields-container {
    padding: 0 24px
}

.personalization-segment-add-criteria-modal .segment-field {
    margin-bottom: 30px
}

.personalization-segment-add-criteria-modal .segment-field-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin: 0 0 16px;
    text-transform: uppercase;
    word-break: break-word
}

.personalization-segment-add-criteria-modal .segment-fields-metric {
    height: 41px
}

.personalization-segment-add-criteria-modal .segment-fields-metric:hover {
    cursor: pointer
}

.personalization-segment-add-criteria-modal .segment-fields-metric:focus {
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

.personalization-segment-add-criteria-modal #base-modal-body-personalization-segment-add-criteria-modal .search-segment-control-group,.personalization-segment-add-criteria-modal #base-modal-body-personalization-segment-add-criteria-modal .search-segment-control-group .search-segment-property {
    max-width: 100%
}

#personalization-formbuilder-view .switch-slider {
    display: inline-block;
    height: 11px;
    left: 4px;
    position: relative;
    top: 4px;
    width: 34px
}

#personalization-formbuilder-view .switch-slider input {
    height: 0;
    opacity: 0;
    width: 0
}

#personalization-formbuilder-view .slider {
    background-color: var(--primary-gray-500);
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s
}

#personalization-formbuilder-view .slider:before {
    background-color: var(--primary-dark-blue-500);
    bottom: -3px;
    content: "";
    height: 19px;
    left: 1px;
    position: absolute;
    transition: .4s;
    width: 19px
}

#personalization-formbuilder-view input:checked+.slider {
    background-color: var(--primary-dark-blue-300)
}

#personalization-formbuilder-view input:focus+.slider {
    box-shadow: 0 0 1px var(--primary-dark-blue-300)
}

#personalization-formbuilder-view input:checked+.slider:before {
    transform: translateX(13px)
}

#personalization-formbuilder-view .slider.round {
    border-radius: 34px
}

#personalization-formbuilder-view .slider.round:before {
    border-radius: 50%
}

#personalization-formbuilder-view .grayOut {
    opacity: .5
}

#personalzation-formbuilder-preview-view .form-elem-preview {
    display: flex
}

#personalzation-formbuilder-preview-view .component-form-element-properties.form-width {
    width: 100%
}

#personalzation-formbuilder-preview-view .form-preview-width {
    width: 50%
}

#personalzation-formbuilder-preview-view .personalization-form-element-preview {
    background: none;
    border: var(--primary-gray-400-1-px);
    padding: 0;
    width: 50%
}

#personalzation-formbuilder-preview-view .personalization-form-element-preview .title {
    border-bottom: var(--primary-gray-400-1-px);
    padding: 8px 12px
}

#personalzation-formbuilder-preview-view .personalization-form-element-preview .title .copy-embed {
    color: var(--primary-blue-400);
    float: right;
    margin: -4px;
    padding: 4px
}

#personalzation-formbuilder-preview-view .personalization-form-element-preview .title .copy-embed:focus {
    outline: var(--primary-blue-250-2-px)
}

#personalzation-formbuilder-preview-view .personalization-form-element-preview .title .copy-embed:hover {
    text-decoration: none
}

#personalzation-formbuilder-preview-view .personalization-form-element-preview .preview-window {
    border: none;
    padding: 10px
}

#personalization-dependent-links-container {
    max-height: 30vh;
    overflow: auto
}

.no-dependents {
    margin-bottom: 0;
    text-align: center
}

.no-dependents .no-dependents-icon {
    font-size: 40px
}

#personalization-performance-dc-list-view .list-row {
    flex-wrap: wrap;
    height: auto;
    min-height: 48px
}

#personalization-performance-dc-list-view .list-row .variation-list-container {
    margin-left: -24px;
    min-width: calc(100% + 32px)
}

#personalization-performance-dc-list-view .list-row .variation-list-container .list-row {
    border-bottom: none;
    border-top: var(--list-row-border);
    width: 100%
}

#personalization-performance-dc-list-view .list-row .variation-list-container .list-row .gridcell:first-child span {
    padding-left: 24px
}

#personalization-performance-dc-list-view .list-row #no-variations-container .list-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 220px
}

#personalization-performance-dc-list-view .list-row #no-variations-container .list-row .no-variations-title {
    align-items: center;
    display: flex
}

#personalization-performance-dc-list-view .list-row #no-variations-container .list-row .no-variations-title .icon-warning {
    font-size: 30px;
    margin-right: 5px
}

#personalization-performance-dashboard-body {
    display: flex;
    flex-direction: column
}

#personalization-performance-dashboard-body .page-toolbar {
    align-items: center;
    height: 45px;
    justify-content: space-between
}

#personalization-performance-dashboard-body .page-toolbar #date-range-container {
    align-items: center;
    display: flex;
    font-size: 18px;
    justify-content: space-between
}

#personalization-performance-dashboard-body .page-toolbar #date-range-container #date-range-value {
    font-size: 18px;
    margin: 0 0 0 5px
}

#personalization-performance-dashboard-body .page-toolbar #date-range-container i {
    font-size: 18px
}

#personalization-performance-dashboard-body .page-toolbar #date-range-container #date-spacer {
    margin: 0 5px
}

#personalization-performance-dashboard-body #personalization-analytics-container {
    display: flex;
    flex: 1;
    flex-direction: column
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-overview-container {
    column-gap: 25px;
    display: grid;
    grid-template-areas: "overview-1 overview-2 overview-3 overview-4";
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 98px;
    margin-bottom: 25px;
    width: 100%
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-overview-container .overview-tile {
    align-items: center;
    box-shadow: var(--primary-btn-box-shadow);
    color: var(--primary-white);
    display: flex;
    justify-content: space-between;
    padding: 10px 18px 15px 31px
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-overview-container .overview-tile i {
    color: var(--primary-white);
    font-size: 50px;
    margin-bottom: auto;
    margin-top: auto;
    opacity: .5;
    text-align: center
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-overview-container .overview-tile .overview-data p {
    font-size: 40px;
    margin-bottom: 0;
    margin-top: 0;
    text-align: right
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-overview-container .overview-tile .overview-data h2 {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 0;
    text-align: right
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-overview-container #overview-tile-1 {
    background-color: var(--primary-dark-blue-500);
    grid-area: overview-1
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-overview-container #overview-tile-2 {
    background-color: var(--primary-dark-teal-500);
    grid-area: overview-2
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-overview-container #overview-tile-3 {
    background-color: var(--primary-teal-500);
    grid-area: overview-3
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-overview-container #overview-tile-4 {
    background-color: var(--primary-dark-orange-500);
    grid-area: overview-4
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-overview-container #overview-tile-4 i {
    font-size: 45px
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container {
    column-gap: 25px;
    display: grid;
    flex: 1;
    grid-template-areas: "line-graph";
    grid-template-columns: repeat(1,1fr);
    width: 100%
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card {
    background-color: var(--primary-white);
    box-shadow: var(--primary-btn-box-shadow);
    display: flex;
    flex-direction: column;
    grid-area: line-graph;
    max-width: 100%;
    padding: 35px
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options {
    align-items: center;
    color: var(--primary-gray-800);
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options .graph-title-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options .graph-title-container .line-graph-select-container {
    align-items: center;
    display: flex;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options .graph-title-container .line-graph-select-container #select-text-copy,#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options .graph-title-container .line-graph-select-container select {
    border: none;
    cursor: pointer;
    font-size: 30px;
    height: 30px;
    padding: 0;
    width: -moz-fit-content;
    width: fit-content
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options .graph-title-container .line-graph-select-container select {
    -o-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options .graph-title-container .line-graph-select-container select:focus-visible {
    outline: 1px auto -webkit-focus-ring-color
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options .graph-title-container .line-graph-select-container select option {
    font-size: 16px
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options .graph-title-container .line-graph-select-container i {
    color: var(--primary-teal-500);
    font-size: 20px;
    margin: 0 5px;
    pointer-events: none;
    position: absolute;
    right: -5px
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options .graph-title-container #time-scope {
    color: var(--primary-gray-650);
    font-size: 20px;
    margin: 0
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options #time-scope-options {
    display: flex;
    justify-content: space-between
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options #time-scope-options .time-scope-btn {
    background-color: var(--primary-white);
    border: 0;
    border-radius: 5px;
    color: var(--primary-gray-700);
    cursor: pointer;
    font-size: 18px;
    margin-left: 10px;
    padding: 10px
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options #time-scope-options .time-scope-btn:hover {
    background-color: var(--primary-gray-250)
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options #time-scope-options .time-scope-btn:active {
    background-color: var(--primary-gray-500)
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options #time-scope-options .time-scope-btn:focus-visible {
    border: var(--primary-gray-700-1-px)
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-options #time-scope-options .time-scope-btn.selected {
    background-color: var(--primary-gray-350);
    color: var(--primary-gray-800)
}

#personalization-performance-dashboard-body #personalization-analytics-container #personalization-analytics-dashboard-container #line-graph-card #line-graph-chart {
    flex: 1
}

#personalization-performance-dashboard-body #personalization-analytics-container #data-error-message {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 50px;
    text-align: center
}

#personalization-ab-testing-list-view .ab-test-name a {
    padding: 0
}

#personalization-ab-testing-list-view div[data-name=list-row-status] span {
    align-items: center;
    display: flex
}

#personalization-ab-testing-list-view div[data-name=list-row-status] span .icon-check-circle,#personalization-ab-testing-list-view div[data-name=list-row-status] span .icon-play {
    color: var(--primary-green-500);
    font-size: 22px;
    margin-right: 5px
}

#personalization-ab-testing-list-view div[data-name=list-row-status] span .icon-clock,#personalization-ab-testing-list-view div[data-name=list-row-status] span .icon-mapping {
    font-size: 22px;
    margin-right: 5px
}

.main-right #ab-test-form-file-chooser-fieldset-default-content .form-group {
    margin-left: 0
}

.main-right .page-toolbar {
    align-items: end
}

.main-right .page-toolbar #ab-test-page-tabs {
    flex: auto;
    justify-content: end
}

.main-right .page-toolbar #ab-test-page-tabs .actions {
    align-self: center;
    display: flex;
    margin-bottom: 10px
}

.main-right .page-toolbar #ab-test-page-tabs .actions #ab-test-status {
    align-items: center;
    display: flex;
    font-size: 16px;
    margin-bottom: 0
}

.main-right .page-toolbar #ab-test-page-tabs .actions #ab-test-status i {
    font-size: 25px;
    margin-right: 5px
}

.main-right .page-toolbar #ab-test-page-tabs .actions #ab-test-status i.green {
    color: var(--primary-green-500)
}

.main-right .page-toolbar #ab-test-page-tabs .actions #ab-test-status i.gray {
    color: var(--primary-gray-750)
}

.main-right .page-toolbar #ab-test-page-tabs .actions button {
    margin-left: 10px;
    margin-right: 0
}

.main-right #personalization-new-ab-test-settings-view div[data-id=ab-test-advanced-settings] {
    margin-left: 188px
}

.main-right #personalization-new-ab-test-settings-view #ab-test-mde-and-confidence-threshold-additional-helper-text {
    font-size: 12px;
    padding-left: 50px;
    padding-right: 50px
}

.main-right #personalization-ab-test-default-content {
    margin-top: 20px
}

.main-right #personalization-ab-test-default-content .fieldset-card {
    padding-left: 0;
    padding-right: 0
}

.main-right #personalization-ab-test-default-content .fieldset-card .fieldset-card-heading {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
}

.main-right #personalization-ab-test-default-content .fieldset-card .fieldset-card-heading .traffic-allocation-container {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    padding: 10px
}

.main-right #personalization-ab-test-default-content .fieldset-card .fieldset-card-heading .traffic-allocation-container .traffic-allocation-input-container {
    min-width: 292px
}

.main-right #personalization-ab-test-default-content .fieldset-card .fieldset-card-heading .traffic-allocation-container .traffic-allocation-input-container .traffic-allocation-label {
    font-weight: 700;
    margin-right: 10px
}

.main-right #personalization-ab-test-default-content .fieldset-card .fieldset-card-heading .traffic-allocation-container .help-block {
    font-size: 12px
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar {
    border-bottom: var(--primary-gray-400-2-px);
    border-top: var(--primary-gray-400-2-px);
    display: flex;
    flex-direction: row;
    height: 40px;
    justify-content: space-between
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs {
    align-items: center;
    align-self: flex-end;
    display: flex;
    flex: none;
    flex-direction: row;
    height: 36px;
    margin-right: auto
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .ab-testing-tab-title {
    color: var(--primary-gray-800);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    min-width: 113px;
    padding: 0 12px;
    text-align: left;
    text-decoration: none
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .ab-testing-tab-title .icon-mapping {
    font-size: 20px;
    margin-right: 5px
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .line-divider {
    border: var(--primary-gray-800);
    height: 24px;
    margin: 22px 3.5px;
    width: 0
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .page-tab,.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs a {
    color: var(--primary-gray-800);
    height: 100%;
    line-height: 36px;
    padding: 0 12px;
    text-decoration: none
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .page-tab i,.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs a i {
    font-size: 20px;
    position: relative;
    top: 5px
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .page-tab i.icon-angle-down,.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs a i.icon-angle-down {
    font-size: 18px;
    line-height: 18px;
    padding-right: 3px;
    top: 9px
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .page-tab+.dropdown-menu i,.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs a+.dropdown-menu i {
    top: 0
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .page-tab.dropdown-toggle:focus,.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs a.dropdown-toggle:focus {
    outline: var(--primary-dark-blue-400-2-px);
    overflow-y: hidden
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .page-tab.current,.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs a.current {
    border-bottom: var(--primary-orange-600-3-px);
    font-weight: 700
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .page-tab:hover,.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs a:hover {
    text-decoration: none
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .page-tab:focus,.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs a:focus {
    outline: var(--primary-dark-blue-400-2-px)
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .page-tab[aria-disabled=true],.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs a[aria-disabled=true] {
    color: var(--primary-gray-400);
    cursor: default;
    pointer-events: none;
    text-decoration: none
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .page-tab[aria-disabled=true] i,.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs a[aria-disabled=true] i {
    color: var(--primary-gray-400)
}

.main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .show-on-tablet {
    display: none
}

@media (max-width: 69.84375em) {
    .main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .hide-on-tablet {
        display:none
    }

    .main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .show-on-tablet {
        display: flex
    }
}

@media (max-width: 1330px) {
    .sidenav .main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .hide-on-tablet {
        display:none
    }

    .sidenav .main-right #personalization-ab-test-default-content .fieldset-card .page-toolbar .page-tabs .show-on-tablet {
        display: flex
    }
}

.main-right #personalization-ab-test-default-content .form-horizontal {
    margin-top: 20px
}

.main-right #personalization-ab-test-default-content .form-horizontal .form-group .controls .help-block.error {
    color: var(--primary-red-550)
}

.main-right #personalization-ab-test-default-content .ab-test-form-file-chooser-fieldset .personalization-ab-test-iframe-container {
    padding: 0 30px
}

.main-right #personalization-ab-test-variable-content {
    margin-top: 20px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card {
    border: var(--primary-gray-400-1-px);
    margin-bottom: 30px;
    position: relative
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card:focus {
    outline: var(--primary-black-2-px)
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .variation-card-header {
    align-items: center;
    background-color: var(--primary-gray-400);
    display: flex;
    justify-content: space-between;
    padding: 10px 20px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .variation-card-header .variation-name-change-input-container {
    display: flex
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .variation-card-header .variation-name-change-input-container .variation-name-change-input {
    height: 36px;
    margin-right: 2px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .variation-card-header .variation-name-change-input-container .variation-name-change-input.error {
    border: var(--primary-red-550-2-px)
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .variation-card-header .variation-name-change-input-container .input-group-btn {
    display: flex
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .variation-card-header .variation-name-change-input-container .input-group-btn .btn-icon {
    background-color: var(--primary-gray-200);
    border: var(--primary-gray-400-1-px);
    border-radius: 0;
    color: var(--primary-gray-750);
    font-size: 14px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .variation-card-header .variation-name-change-input-container .input-group-btn .submit-variation-name-change {
    margin-right: 2px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .variation-card-header .variation-card-header-left {
    align-items: center;
    display: flex;
    height: 36px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .variation-card-header .variation-card-header-left h4 {
    margin: 0
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .variation-card-header .variation-card-header-left .icon-pencil {
    cursor: pointer;
    font-size: 24px;
    margin-left: 5px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .variation-card-header .variation-card-header-right {
    display: flex
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .variation-card-header .variation-card-header-right .delete-variation-btn {
    align-items: center;
    background: none;
    border: none;
    display: flex;
    justify-content: center
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .variation-card-header .variation-card-header-right .delete-variation-btn:focus {
    outline: var(--primary-black-2-px)
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .variation-card-header .variation-card-header-right .delete-variation-btn:hover {
    cursor: pointer
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .traffic-allocation-container {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    padding: 10px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .traffic-allocation-container .traffic-allocation-input-container {
    min-width: 292px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .traffic-allocation-container .traffic-allocation-input-container .traffic-allocation-label {
    font-weight: 700;
    margin-right: 10px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .traffic-allocation-container .help-block {
    font-size: 12px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar {
    border-bottom: var(--primary-gray-400-2-px);
    border-top: var(--primary-gray-400-2-px);
    display: flex;
    flex-direction: row;
    height: 40px;
    justify-content: space-between
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs {
    align-items: center;
    align-self: flex-end;
    display: flex;
    flex: none;
    flex-direction: row;
    height: 36px;
    margin-right: auto
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .ab-testing-tab-title {
    color: var(--primary-gray-800);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    min-width: 113px;
    padding: 0 12px;
    text-align: left;
    text-decoration: none
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .ab-testing-tab-title .icon-mapping {
    font-size: 20px;
    margin-right: 5px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .line-divider {
    border: var(--primary-gray-800-1-px);
    height: 24px;
    margin: 22px 3.5px;
    width: 0
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .page-tab,.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs a {
    color: var(--primary-gray-800);
    height: 100%;
    line-height: 36px;
    padding: 0 12px;
    text-decoration: none
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .page-tab i,.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs a i {
    font-size: 20px;
    position: relative;
    top: 5px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .page-tab i.icon-angle-down,.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs a i.icon-angle-down {
    font-size: 18px;
    line-height: 18px;
    padding-right: 3px;
    top: 9px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .page-tab+.dropdown-menu i,.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs a+.dropdown-menu i {
    top: 0
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .page-tab.dropdown-toggle:focus,.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs a.dropdown-toggle:focus {
    outline: var(--primary-dark-blue-400-2-px);
    overflow-y: hidden
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .page-tab.current,.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs a.current {
    border-bottom: var(--primary-orange-600-3-px);
    font-weight: 700
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .page-tab:hover,.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs a:hover {
    text-decoration: none
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .page-tab:focus,.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs a:focus {
    outline: var(--primary-dark-blue-400-2-px)
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .page-tab[aria-disabled=true],.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs a[aria-disabled=true] {
    color: var(--primary-gray-400);
    cursor: default;
    pointer-events: none;
    text-decoration: none
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .page-tab[aria-disabled=true] i,.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs a[aria-disabled=true] i {
    color: var(--primary-gray-400)
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .show-on-tablet {
    display: none
}

@media (max-width: 69.84375em) {
    .main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .hide-on-tablet {
        display:none
    }

    .main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .show-on-tablet {
        display: flex
    }
}

@media (max-width: 1330px) {
    .sidenav .main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .hide-on-tablet {
        display:none
    }

    .sidenav .main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .page-toolbar .page-tabs .show-on-tablet {
        display: flex
    }
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .ab-test-form-file-chooser-fieldset,.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .ab-test-form-wysiwyg-fieldset {
    padding: 15px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .ab-test-form-file-chooser-fieldset .form-group .controls .help-block.error,.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-variations .variation-card .ab-test-form-wysiwyg-fieldset .form-group .controls .help-block.error {
    color: var(--primary-red-550)
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .ab-test-form-file-chooser-fieldset .personalization-ab-test-iframe-container {
    margin-top: 20px
}

.main-right #personalization-ab-test-variable-content .ab-test-variable-content .fieldset-card-body .add-variation-button-container {
    text-align: end
}

.main-right .personalization-ab-test-preview-container .preview-header {
    padding: 10px 30px
}

.main-right .personalization-ab-test-preview-container #ab-test-results-data-container-two {
    margin-top: 10px
}

.main-right .personalization-ab-test-preview-container .ab-test-results-data-container {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.main-right .personalization-ab-test-preview-container .ab-test-results-data-container .ab-test-results-data {
    display: flex;
    width: 33%
}

.main-right .personalization-ab-test-preview-container .ab-test-results-data-container .ab-test-results-data i {
    font-size: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 10px
}

.main-right .personalization-ab-test-preview-container .ab-test-results-data-container .ab-test-results-data .results-header-value-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%
}

.main-right .personalization-ab-test-preview-container .ab-test-results-data-container .ab-test-results-data .results-header-value-container .result-header {
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.25
}

.main-right .personalization-ab-test-preview-container .ab-test-results-data-container .ab-test-results-data .results-header-value-container .result-value {
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.25;
    max-width: 90%;
    overflow-wrap: break-word;
    text-align: left
}

.main-right .personalization-ab-test-preview-container .ab-test-results-data-container .ab-test-results-data .results-header-value-container .result-value span {
    display: block
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview {
    padding: 0
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .preview-header {
    margin: 0
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-variation-results-row {
    border-bottom: var(--primary-gray-400-1-px);
    cursor: pointer;
    display: flex;
    height: 48px;
    padding-right: 10px;
    width: 100%
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-variation-results-row.ab-variation-results-header {
    background-color: var(--list-sorters);
    cursor: default
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-variation-results-row.successful-variation {
    background-color: var(--primary-blue-100)
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-variation-results-row.successful-variation span {
    font-weight: 700
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-variation-results-row.successful-variation .successful-cell span {
    margin-right: 33px
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-variation-results-row.successful-variation .successful-cell i {
    color: var(--primary-teal-600);
    font-size: 22px;
    margin-right: 10px
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-variation-results-row .ab-variation-results-column {
    align-items: center;
    display: flex;
    flex: 1 1 150px;
    justify-content: flex-start;
    min-width: 0;
    padding-left: 5px
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-variation-results-row .ab-variation-results-column:focus-visible {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    outline: none
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-variation-results-row .ab-variation-results-column.center {
    justify-content: center
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-variation-results-row .ab-variation-results-column .cell-data {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-variation-results-row .ab-variation-results-accordion-column {
    align-items: center;
    display: flex;
    flex: 1 0 50px;
    justify-content: center
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-variation-results-row .ab-variation-results-accordion-column:focus-visible {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset);
    outline: none
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-variation-results-row .ab-variation-results-accordion-column i {
    color: var(--primary-teal-600);
    font-size: 18px
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-accordion-preview-container {
    background: var(--primary-gray-150);
    box-shadow: inset 0 -8px 8px -7px rgba(0,0,0,.25),inset 0 8px 8px -7px rgba(0,0,0,.25);
    height: 0;
    transition: height .3s;
    width: 100%
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-accordion-preview-container.opened {
    height: 400px
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-accordion-preview-container.last-preview {
    border-bottom: var(--primary-gray-600-2-px)
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-accordion-preview-container .ab-accordion-iframe-container {
    opacity: 0;
    padding: 30px;
    transition: opacity .2s
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-accordion-preview-container .ab-accordion-iframe-container iframe {
    border: var(--primary-gray-600-2-px);
    height: 315px;
    width: 100%
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-accordion-preview-container .ab-accordion-iframe-container #help-block-path {
    height: 20px;
    margin-bottom: 0;
    margin-top: 5px
}

.main-right .personalization-ab-test-preview-container .ab-variation-results-preview .ab-accordion-preview-container .ab-accordion-iframe-container.opened {
    opacity: 1
}

.main-right .personalization-ab-test-preview-container .default-content-preview .personalization-ab-test-iframe-container,.main-right .personalization-ab-test-preview-container .variation-preview .personalization-ab-test-iframe-container {
    opacity: 0;
    padding: 30px
}

.main-right .personalization-ab-test-preview-container .default-content-preview .personalization-ab-test-iframe-container .personalization-ab-test-iframe,.main-right .personalization-ab-test-preview-container .variation-preview .personalization-ab-test-iframe-container .personalization-ab-test-iframe {
    border: var(--primary-gray-600-2-px);
    height: 315px;
    max-height: 500px;
    width: 100%
}

.main-right .personalization-ab-test-form-container .ab-test-edit-warning-message {
    background-color: var(--primary-yellow-200);
    border: var(--primary-yellow-300-1-px);
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 8px 35px 8px 14px;
    text-shadow: var(--primary-shadow-light)
}

.main-right .personalization-ab-test-form-container #ab-test-form-file-chooser-fieldset-default-content-card-body .personalization-ab-test-iframe,.main-right .personalization-ab-test-form-container .personalization-ab-test-variation-card-container .personalization-ab-test-iframe {
    border: var(--primary-gray-600-2-px);
    height: 315px;
    max-height: 500px;
    width: 100%
}

#component-formbuilder-view:not(.elements-tab) {
    height: calc(100vh - 60px)
}

#component-formbuilder-view .tab-content {
    flex: 1 1 auto;
    margin-bottom: 20px;
    position: relative;
    top: 0
}

#component-formbuilder-view .tab-content.form-codeeditor,#component-formbuilder-view .tab-content.form-preview {
    overflow: hidden
}

#component-formbuilder-view.formbuilder-empty-info {
    background-color: var(--primary-green-100)!important;
    border: var(--primary-green-200-2-px-dashed)!important;
    border-radius: 3px;
    color: var(--primary-green-200);
    font-style: inherit;
    height: 29px;
    margin-bottom: 8px;
    margin-top: 0;
    padding: 8px 8px 2px 10px
}

#component-formbuilder-view.formbuilder-empty-info i {
    color: inherit;
    font-size: inherit
}

#source-editor-view,.elements-edit-view {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%
}

.component-left-content {
    flex: 0 0 auto;
    margin-right: 16px;
    width: 400px
}

.component-right-content {
    flex: 1 1 auto
}

.component-left-nav {
    background-color: var(--primary-white);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    margin-bottom: 9px;
    width: 400px
}

.component-left-nav.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.component-left-nav.padded-children>* {
    padding: 15px
}

.component-left-nav h3,.component-left-nav h4 {
    background-color: var(--primary-white);
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    padding: 10px 18px
}

.component-left-nav .component-left-nav-row {
    font-size: 14px;
    height: 40px
}

.component-left-nav:last-of-type {
    margin-bottom: 0
}

.component-group-edit-modal .component-group-edit-body-content {
    display: flex;
    height: 340px
}

.component-group-edit-modal .component-group-edit-body-content .component-group-item-list-wrapper {
    background-color: var(--primary-white);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    display: flex;
    flex-direction: column;
    margin-right: 12px;
    overflow: hidden;
    width: 33.33%
}

.component-group-edit-modal .component-group-edit-body-content .component-group-item-list-wrapper h3 {
    background-color: var(--primary-white);
    border-bottom: var(--primary-gray-400-1-px);
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    padding: 10px 18px
}

.component-group-edit-modal .component-group-edit-body-content .component-group-item-list-wrapper ul {
    height: 100%;
    margin: 0;
    overflow-y: auto;
    padding: 0
}

.component-group-edit-modal .component-group-edit-body-content .component-group-item-list-wrapper ul li {
    align-items: center;
    background-color: var(--primary-white);
    border-bottom: var(--primary-gray-400-1-px);
    cursor: pointer;
    display: flex;
    height: 40px;
    margin: 0;
    padding: 0 18px;
    width: 100%
}

.component-group-edit-modal .component-group-edit-body-content .component-group-item-list-wrapper ul li i {
    margin-right: 10px
}

.component-group-edit-modal .component-group-edit-body-content .component-group-item-list-wrapper ul li:focus {
    outline: var(--primary-blue-400-2-px);
    outline-offset: -2px
}

.component-group-edit-modal .component-group-edit-body-content .component-group-item-list-wrapper:focus {
    outline: 2px solid #000
}

.component-group-edit-modal .component-group-edit-body-content .component-group-item-editor {
    width: 66.66%
}

.component-group-edit-modal .component-group-edit-body-content .component-group-item-editor .control-group {
    height: 100%;
    margin-bottom: 0;
    max-width: 100%
}

.component-group-edit-modal .component-group-edit-body-content .component-group-item-editor .control-group label {
    display: inline
}

.component-group-edit-modal .component-group-edit-body-content .component-group-item-editor .control-group .controls {
    height: 100%;
    max-width: 100%
}

.component-group-edit-modal .component-group-edit-body-content .component-group-item-editor .control-group .controls #code_editor {
    height: 100%
}

.optional {
    color: var(--primary-gray-700);
    font-size: 13px;
    font-style: italic;
    font-weight: 400
}

#form-builder-preview-modal form.formbuilder-form-preview {
    background: var(--primary-white);
    border: var(--primary-gray-600-1-px);
    box-shadow: var(--primary-around-black-shadow)
}

.formbuilder-element-preview {
    padding: 0
}

.component-form-element-preview {
    background: var(--primary-gray-250);
    box-sizing: border-box;
    display: flex;
    flex-basis: auto;
    flex-direction: column;
    float: left;
    padding: 0 15px 15px;
    right: 25%;
    width: 50%
}

.component-form-element-preview h3,.component-form-element-preview h4 {
    font-size: 18px;
    margin: 0 -15px;
    padding: 15px
}

.component-form-element-preview .preview-window {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    padding: 10px
}

.component-form-element-preview .preview-window label.control-label {
    font-weight: 700
}

.component-form-element-preview .preview-window .controls label {
    line-height: 18px
}

.component-form-element-preview .preview-window img {
    max-width: 100%
}

.component-form-element-preview iframe,.preview-window,.preview-window iframe {
    background: var(--primary-white);
    border: var(--primary-gray-600-1-px);
    width: 100%
}

.preview-window input[disabled],input[readonly],select[disabled],select[readonly],textarea[disabled],textarea[readonly] {
    background: var(--primary-white);
    cursor: not-allowed
}

.form-preview {
    background-color: var(--primary-white);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    display: flex;
    height: 78.5vh;
    overflow: hidden
}

.form-preview.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.form-preview.padded-children>* {
    padding: 15px
}

.component-form-element-preview,.component-form-element-properties {
    overflow: auto
}

.component-form-element-properties {
    box-sizing: border-box;
    display: flex;
    flex-basis: auto;
    flex-direction: column;
    float: left;
    padding: 0 15px 15px;
    width: 50%
}

.component-form-element-properties h3 {
    border-bottom: var(--primary-gray-400-2-px);
    font-size: 18px;
    margin: 0 -15px 20px;
    padding: 15px
}

.formbuilder-empty-info {
    font-style: inherit;
    margin-top: 25px;
    text-align: center
}

.formbuilder-empty-info i {
    font-size: 50px;
    line-height: 50px
}

.formbuilder-empty-info p {
    margin-bottom: 0;
    margin-top: 10px
}

.component-preview .code-editor .code-editor-toolbar>* {
    padding: 4px
}

.component-preview .code-editor .code-editor-toolbar>.theme select {
    max-width: 170px
}

.component-preview .control-group[data-type=instructionalText] {
    max-width: 100%
}

.component-preview .control-group[data-type=instructionalText] img {
    height: auto;
    max-width: 100%
}

.component-preview .component-section {
    border: var(--primary-gray-400-1-px);
    counter-increment: sectionCounter;
    margin: 20px 0;
    max-width: 500px
}

.component-preview .component-section .component-section-header {
    background-color: var(--primary-gray-400);
    height: 32px;
    position: relative
}

.component-preview .component-section .component-section-header .component-section-title {
    line-height: 32px;
    padding: 0 8px
}

.component-preview .component-section .component-section-header .component-section-title:after {
    content: counter(sectionCounter)
}

.component-preview .component-section .component-section-header .remove-button {
    background: transparent;
    border: none;
    padding: 2px 5px 0;
    position: absolute;
    right: 4px;
    top: 4px
}

.component-preview .component-section .component-section-header .remove-button:focus {
    box-shadow: var(--primary-blue-250-shadow-2-inset);
    outline: none
}

.component-preview .component-section .component-section-header .remove-button[aria-disabled=true] {
    display: none
}

.component-preview .control-group.component-section-child {
    margin-bottom: 4px;
    padding: 8px
}

.component-preview .section-separator {
    border-bottom: var(--primary-gray-400-2-px);
    margin-bottom: 10px;
    margin-left: 25px;
    max-width: 475px;
    width: calc(100% - 25px)
}

.component-preview .section-separator .remove-button {
    margin-bottom: 10px
}

.component-preview .section-end {
    border-bottom: var(--primary-gray-400-2-px);
    counter-reset: sectionCounter;
    margin-bottom: 20px;
    max-width: 500px;
    width: 100%
}

.component-preview .section-end .repeat-button {
    margin-bottom: 16px;
    width: 100%
}

.component-preview .section-end .repeat-button i.icon-plus {
    position: relative;
    top: -1px
}

h4.section-header {
    border-bottom: var(--primary-gray-400-2-px);
    padding-bottom: 5px
}

.elements-edit-view .component-left-content {
    position: fixed;
    top: auto
}

.elements-edit-view .component-left-content .component-left-nav {
    grid-gap: 1px;
    background-color: var(--primary-white);
    display: grid;
    grid-template-columns: repeat(3,1fr)
}

.elements-edit-view .component-left-content .component-left-nav.widget-frame:focus {
    box-shadow: none;
    outline: var(--primary-black-2-px)
}

.elements-edit-view .component-left-content .component-left-nav h3,.elements-edit-view .component-left-content .component-left-nav h4 {
    grid-column: 1/span 3;
    outline: var(--primary-gray-400-1-px)
}

.elements-edit-view .component-right-content {
    margin-left: 416px
}

.component-item {
    align-items: center;
    background-color: var(--primary-white);
    cursor: pointer;
    display: block;
    display: flex;
    flex-direction: column;
    height: 70px;
    justify-content: center;
    outline: var(--primary-gray-400-1-px)
}

.component-item i {
    font-size: 22px;
    margin-bottom: 5px
}

.component-item:focus {
    border: var(--primary-blue-250-2-px);
    outline: none
}

.component-right-content.element-holder {
    min-height: 180px;
    padding: 24px 20px
}

.fullwidth-header {
    float: left;
    margin: 4px 10px 0 0
}

.component-form-element {
    align-items: center;
    background-color: var(--primary-gray-150);
    border: var(--primary-gray-400-1-px);
    cursor: pointer;
    display: block;
    display: flex;
    flex-direction: row;
    height: 50px;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0 14px;
    width: 100%
}

.component-form-element:last-of-type {
    margin-bottom: 0
}

.component-form-element .component-form-element-reorder {
    color: var(--primary-gray-800);
    display: inline-block;
    flex: 0 0 auto;
    height: 30px;
    margin-right: 12px;
    text-decoration: none;
    vertical-align: middle
}

.component-form-element .component-form-element-reorder i {
    font-size: 20px;
    line-height: 30px
}

.component-form-element .component-form-element-desc {
    display: flex;
    flex: 1 1 auto;
    flex-flow: nowrap;
    margin-right: 10px
}

.component-form-element .component-form-element-desc i {
    flex: 0 0 auto;
    font-size: 20px;
    margin-right: 12px
}

.component-form-element .component-form-element-desc span {
    flex: 1 1 auto
}

.component-form-element .component-form-element-action {
    flex: 0 0 auto
}

.component-form-element .component-form-element-action a.element-action-button {
    color: var(--primary-gray-800);
    display: inline-block;
    height: 30px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 30px
}

.component-form-element .component-form-element-action a.element-action-button i {
    font-size: 18px;
    line-height: 30px
}

.component-form-element .component-form-element-action a.element-action-button:not(:last-of-type) {
    margin-right: 6px
}

.section-group {
    background-color: var(--primary-gray-500);
    margin-bottom: 10px;
    padding-bottom: 10px
}

.component-form-element.component-section-child {
    margin: 0 auto 10px;
    width: calc(100% - 20px)
}

.component-form-element.component-section-child:last-of-type {
    margin-bottom: 0
}

.component-form-element-state-move {
    background-color: var(--primary-blue-800-3);
    border: var(--primary-blue-400-2-px-dashed);
    height: 50px;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 8px 8px 2px 10px;
    width: 100%
}

.component-section-placeholder {
    background-color: var(--primary-green-100);
    border: var(--primary-green-200-2-px-dashed);
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    padding: 0 14px
}

.component-form-section-state-move {
    background-color: var(--primary-blue-800-3);
    border: var(--primary-blue-400-2-px-dashed);
    height: 50px;
    margin: 0 auto 10px;
    padding: 8px 8px 2px 10px;
    width: calc(100% - 20px)
}

.component-form-element-state-new,.component-section-placeholder {
    background-color: var(--primary-green-100)!important;
    border: var(--primary-green-200-2-px-dashed)!important
}

.ui-draggable.ui-sortable-helper {
    align-items: center;
    background-color: var(--primary-gray-150);
    border: var(--primary-gray-400-1-px);
    cursor: pointer;
    display: block;
    display: flex;
    flex-direction: row;
    height: 50px!important;
    height: 50px;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0 14px;
    width: 100%
}

.ui-draggable.ui-sortable-helper:last-of-type {
    margin-bottom: 0
}

.ui-draggable.ui-sortable-helper .component-form-element-reorder {
    color: var(--primary-gray-800);
    display: inline-block;
    flex: 0 0 auto;
    height: 30px;
    margin-right: 12px;
    text-decoration: none;
    vertical-align: middle
}

.ui-draggable.ui-sortable-helper .component-form-element-reorder i {
    font-size: 20px;
    line-height: 30px
}

.ui-draggable.ui-sortable-helper .component-form-element-desc {
    display: flex;
    flex: 1 1 auto;
    flex-flow: nowrap;
    margin-right: 10px
}

.ui-draggable.ui-sortable-helper .component-form-element-desc i {
    flex: 0 0 auto;
    font-size: 20px;
    margin-right: 12px
}

.ui-draggable.ui-sortable-helper .component-form-element-desc span {
    flex: 1 1 auto
}

.ui-draggable.ui-sortable-helper .component-form-element-action {
    flex: 0 0 auto
}

.ui-draggable.ui-sortable-helper .component-form-element-action a.element-action-button {
    color: var(--primary-gray-800);
    display: inline-block;
    height: 30px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 30px
}

.ui-draggable.ui-sortable-helper .component-form-element-action a.element-action-button i {
    font-size: 18px;
    line-height: 30px
}

.ui-draggable.ui-sortable-helper .component-form-element-action a.element-action-button:not(:last-of-type) {
    margin-right: 6px
}

#source-editor-view {
    height: 100%
}

#source-editor-view .component-left-content {
    display: flex;
    flex-direction: column
}

#source-editor-view .component-left-content .component-left-nav.wysiwyg-preview {
    flex: 0 0 auto
}

#source-editor-view .component-left-content .component-left-nav.wysiwyg-preview form {
    overflow: hidden;
    padding: 0 18px;
    width: 100%
}

#source-editor-view .component-left-content .component-left-nav.form-elements-container {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden
}

#source-editor-view .component-left-content .component-left-nav.form-elements-container h3,#source-editor-view .component-left-content .component-left-nav.form-elements-container h4 {
    flex: 0 0 auto
}

#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list {
    flex: 1 1 auto;
    list-style: none;
    overflow-y: auto;
    padding: 0
}

#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-element,#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-group,#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-group-element {
    align-items: center;
    background-color: var(--primary-white);
    border-bottom: var(--primary-gray-400-1-px);
    color: var(--primary-gray-800);
    cursor: pointer;
    display: block;
    display: flex;
    flex-flow: row nowrap;
    height: 40px;
    justify-content: flex-start;
    margin: 0;
    padding: 0 18px;
    text-decoration: none;
    width: 100%
}

#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-element:focus,#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-group-element:focus,#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-group:focus {
    outline: var(--primary-blue-400-2-px);
    outline-offset: -2px
}

#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-element i,#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-group i,#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-group-element i {
    flex: 0 0 auto;
    font-size: 16px;
    margin-right: 10px
}

#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-group button {
    background: none;
    border: none;
    display: flex;
    margin-left: auto;
    outline: none;
    padding: 0
}

#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-group button:focus {
    outline: var(--primary-blue-400-2-px)
}

#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-group button:hover {
    cursor: pointer
}

#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-group button i[class^=icon-angle-] {
    margin-right: 0
}

#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-group.open+.component-group-list .component-group-element:last-child {
    margin-left: -40px;
    padding-left: 58px;
    width: calc(100% + 40px)
}

#source-editor-view .component-left-content .component-left-nav.form-elements-container .form-elements-list .component-group-list {
    list-style: none;
    margin-bottom: 0;
    max-height: 0;
    overflow: hidden;
    transition: .15s
}

#source-editor-view .component-left-content .component-left-nav h3,#source-editor-view .component-left-content .component-left-nav h4 {
    border-bottom: var(--primary-gray-400-1-px)
}

.component-right-content .source-builder {
    height: 100%
}

.component-right-content .source-builder .control-group,.component-right-content .source-builder .control-group .controls {
    height: 100%;
    max-width: 100%
}

.component-right-content .source-builder .control-group .controls #code_editor {
    height: 100%
}

.component-right-content .source-builder .control-group>label {
    display: none
}

.component-right-content div.code-editor:focus {
    border: var(--primary-black-2-px);
    box-shadow: none
}

#form-builder-edit-modal .modal-dialog {
    width: 750px
}

#form-builder-edit-modal .modal-body {
    display: flex;
    padding: 0
}

#form-builder-edit-modal .modal-body .component-form-element-properties {
    padding: 0
}

#form-builder-edit-modal .modal-body .component-form-element-properties .tab-content {
    padding: 15px
}

#form-builder-edit-modal [data-tab].disabled {
    cursor: not-allowed
}

#form-builder-edit-modal .control-group[data-parent] {
    padding-left: 22px
}

#form-builder-edit-modal .formbuilder-checkbox-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

#form-builder-edit-modal .formbuilder-checkbox-item a {
    height: 32px;
    text-align: center;
    text-decoration: none;
    width: 30px
}

#form-builder-edit-modal .formbuilder-checkbox-item a i {
    line-height: 32px
}

#form-builder-edit-modal .formbuilder-checkbox-item input[type=text] {
    flex: 1 1 auto
}

#form-builder-edit-modal input[type=number] {
    width: 125px
}

#form-builder-edit-modal label.control-label.display-label-map.medium {
    float: left;
    width: 48%
}

#form-builder-edit-modal .formbuilder-checkbox-value {
    margin-bottom: 5px
}

#form-builder-edit-modal .formbuilder-checkbox-value input.medium {
    width: 48%
}

#form-builder-edit-modal input[disabled] {
    background-color: var(--primary-gray-100);
    border: var(--primary-gray-400-1-px);
    color: var(--primary-gray-550);
    pointer-events: none
}

#form-builder-edit-modal input[disabled]::placeholder {
    color: var(--primary-gray-550)
}

#form-builder-edit-modal input[disabled]:focus {
    border: var(--primary-gray-400-2-px)
}

.component-full-width {
    margin-bottom: 10px;
    margin-left: 1px
}

.nav-tabs {
    margin-bottom: 0
}

#form-builder-preview-modal .modal-body {
    background: var(--primary-gray-200);
    padding: 15px 36px
}

#form-builder-preview-modal fieldset {
    border: none
}

.control-group-formbuilder-element-checkbox-item .controls {
    margin-bottom: 8px
}

#form-builder-edit-modal .select2-choices,#form-builder-preview-modal .select2-choices {
    background-image: none;
    border-radius: 4px;
    height: 20px;
    width: 207px!important
}

#form-builder-preview-modal .insttext_editor {
    width: 300px
}

.error-popup {
    background: var(--primary-red-300);
    background-clip: padding-box;
    border-radius: 6px;
    box-shadow: var(--primary-btn-box-shadow);
    color: var(--primary-white);
    max-width: 276px;
    padding: 1px;
    position: absolute;
    text-align: left;
    top: 86px;
    white-space: normal;
    z-index: 1010
}

.error-popup .arrow {
    border-color: transparent;
    border-style: solid;
    left: -24px;
    margin-top: 0;
    top: 50%
}

.error-popup .arrow,.error-popup .arrow:after {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.error-popup .arrow:after {
    border: 10px solid transparent;
    border-right: 10px solid var(--primary-red-550);
    bottom: -7px;
    content: " ";
    left: 1px
}

.wysiwyg-setting {
    margin-top: 14px
}

#component-instance-edit-modal .tag-chooser {
    min-width: 221px
}

.component-chooser .icon-component {
    bottom: 172px!important;
    color: var(--primary-gray-700)
}

.component-chooser .chooser .right-panel .chooser-preview .info table td,.component-chooser .chooser .right-panel .chooser-preview .info table th {
    color: var(--primary-gray-700);
    font-size: 13px;
    font-weight: 400;
    text-align: left
}

.component-chooser p {
    bottom: 165px;
    color: var(--primary-gray-700);
    position: absolute;
    width: 100%
}

div.container.content .main-right.top {
    margin-top: 0
}

.navedit-info {
    margin: 29%;
    text-align: center
}

.navedit-info i {
    color: var(--primary-gray-700);
    font-size: 50px
}

.navedit-leftcol-info {
    margin: 29%;
    text-align: center
}

.navedit-leftcol-info i {
    color: var(--primary-gray-700);
    font-size: 50px
}

.navedit-leftcol-info .add-link {
    background: none;
    color: inherit
}

.navedit-left-column {
    width: 36%
}

.navedit-left-column,.navedit-right-column {
    display: flex;
    flex-basis: auto;
    flex-direction: column
}

.navedit-right-column {
    position: relative;
    width: 64%
}

.navedit-right-column .navedit-header {
    background-color: var(--primary-white);
    position: sticky;
    top: 0
}

.navedit-right-column .navedit-details {
    height: 0
}

.navedit-container {
    box-shadow: var(--primary-shadow);
    display: flex;
    flex: 1 1 auto;
    margin-bottom: 20px;
    position: relative;
    top: 0
}

.navedit-container .add-link {
    background: none;
    border: none;
    border-radius: 0;
    color: inherit;
    height: unset;
    padding: 10px
}

.navedit-container .add-link:hover {
    box-shadow: none
}

.navedit-container .add-link:active {
    background: none;
    color: inherit
}

.navedit-container .add-link:focus {
    box-shadow: none;
    outline: var(--primary-black-2-px)
}

.navedit-left-content,.navedit-right-content {
    background-color: var(--primary-white);
    height: 100%;
    overflow: auto
}

.navedit-left-content {
    border-right: var(--primary-gray-400-1-px)
}

.navedit-left-content .navedit-header {
    background-color: var(--primary-white);
    border-bottom: var(--primary-gray-400-2-px);
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    position: sticky;
    top: 0
}

.navedit-left-content .navedit-links {
    height: 0;
    list-style: none;
    margin: 0;
    padding: 0
}

.navedit-left-content .navedit-links .navedit-item {
    align-items: center;
    background: var(--primary-white);
    border-bottom: var(--primary-gray-600-1-px);
    border-top: var(--primary-gray-600-1-px);
    cursor: grab;
    display: flex;
    height: 55px;
    margin-top: -1px;
    padding: 10px
}

.navedit-left-content .navedit-links .navedit-item[data-level="1"]:not(.group) {
    border-left: var(--primary-gray-600-1-px);
    margin-left: 50px!important
}

.navedit-left-content .navedit-links .navedit-item[data-level="2"]:not(.group) {
    border-left: var(--primary-gray-600-1-px);
    margin-left: 100px!important
}

.navedit-left-content .navedit-links .navedit-item[data-level="3"]:not(.group) {
    border-left: var(--primary-gray-600-1-px);
    margin-left: 150px!important
}

.navedit-left-content .navedit-links .navedit-item[data-level="4"]:not(.group) {
    border-left: var(--primary-gray-600-1-px);
    margin-left: 200px!important
}

.navedit-left-content .navedit-links .navedit-item[data-level="5"]:not(.group) {
    border-left: var(--primary-gray-600-1-px);
    margin-left: 250px!important
}

.navedit-left-content .navedit-links .navedit-item:focus {
    outline: var(--primary-black-2-px);
    outline-offset: -2px
}

.navedit-left-content .navedit-links .navedit-item i {
    font-size: 20px
}

.navedit-left-content .navedit-links .navedit-item i.icon-caret-up-down {
    margin-right: 7px
}

.navedit-left-content .navedit-links .navedit-item i:focus {
    outline: var(--primary-black-2-px)
}

.navedit-left-content .navedit-links .navedit-item i,.navedit-left-content .navedit-links .navedit-item span {
    overflow: hidden;
    text-overflow: ellipsis
}

.navedit-left-content .navedit-links .navedit-item span {
    max-width: 85%;
    white-space: nowrap
}

.navedit-left-content .navedit-links .navedit-item.active {
    background: var(--list-row-selected-hover)
}

.navedit-left-content .navedit-links .navedit-item .icon-warning {
    color: var(--primary-red-550);
    display: none;
    float: right;
    margin-left: 5px
}

.navedit-left-content .navedit-links .navedit-item .navedit-item-delete {
    background: none;
    border: none;
    color: inherit;
    display: flex;
    margin-left: auto;
    padding: 0
}

.navedit-left-content .navedit-links .navedit-item .navedit-item-delete:hover {
    cursor: pointer
}

.navedit-left-content .navedit-links .navedit-item .navedit-item-delete:focus {
    outline: var(--primary-black-2-px)
}

.navedit-left-content .navedit-links .component-form-element-state-move {
    margin-bottom: 0;
    padding: 0
}

.navedit-left-content .navedit-links .component-form-element-state-move[data-level="1"] {
    margin-left: 50px!important;
    width: calc(100% - 50px)
}

.navedit-left-content .navedit-links .component-form-element-state-move[data-level="2"] {
    margin-left: 100px!important;
    width: calc(100% - 100px)
}

.navedit-left-content .navedit-links .component-form-element-state-move[data-level="3"] {
    margin-left: 150px!important;
    width: calc(100% - 150px)
}

.navedit-left-content .navedit-links .component-form-element-state-move[data-level="4"] {
    margin-left: 200px!important;
    width: calc(100% - 200px)
}

.navedit-left-content .navedit-links .component-form-element-state-move[data-level="5"] {
    margin-left: 250px!important;
    width: calc(100% - 250px)
}

.navedit-right-content {
    border-left: 0;
    padding: 0 15px 15px
}

.navedit-left-content .navigation-heading,.navedit-right-content .navigation-heading {
    align-items: center;
    display: flex;
    font-size: 18px;
    justify-content: space-between;
    padding: 15px
}

.navedit-left-content .navigation-heading {
    margin: 0 -15px
}

.navedit-right-content .navigation-heading {
    border-bottom: var(--primary-gray-400-2-px);
    margin: 0 -15px 20px
}

.ui-sortable-helper {
    cursor: grabbing
}

.text-error {
    color: var(--primary-red-400)
}

ol.inline,ul.inline {
    list-style: none;
    margin-left: -5px;
    padding-left: 0
}

ol.inline>li,ul.inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

ol.unstyled,ul.unstyled {
    list-style: none;
    padding-left: 0
}

.icon-bars:before,.icon-bookmarks:before,.icon-broadcast-2:before,.icon-bubble-trash:before,.icon-calculate:before,.icon-cube:before,.icon-eye-4:before,.icon-lamp-3:before,.icon-lamp:before,.icon-link-6:before,.icon-list-2:before,.icon-lock-2:before,.icon-loop-2:before,.icon-paste-2:before,.icon-pictures-4:before,.icon-play-2:before,.icon-remove-5:before,.icon-stack-checkmark:before,.icon-user-4:before,.icon-user-add:before,.icon-user-remove:before,.icon-users-2:before,.icon-youtube-2:before {
    content: "\e975"
}

.x-large-icon {
    font-size: x-large
}

.select2-results-dept-1 .select2-result-label:empty {
    display: none
}

.select2-results li {
    word-wrap: break-word;
    text-overflow: ellipsis;
    word-break: break-all
}

i.icon-folder {
    color: var(--primary-folder-color);
    text-shadow: var(--primary-folder-outline-shadow)
}

i.file-label {
    position: relative
}

i.file-label:after {
    background-color: var(--primary-blue-400);
    border-radius: 2px;
    bottom: -3px;
    color: var(--primary-white);
    content: "PCF";
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 8px;
    line-height: 12px;
    padding: 0 2px;
    position: absolute;
    right: -3px
}

i.file-label.pcf:after {
    content: "PCF"
}

i.file-label.tcf:after {
    background-color: var(--primary-green-200);
    content: "TCF"
}

i.file-label.lcf:after {
    content: "LCF"
}

[data-action=backup]>i.icon-copy:after {
    border-radius: 2px;
    color: var(--primary-black);
    content: "+";
    font-size: 15px;
    line-height: 16px;
    padding: 3px 0 0;
    position: absolute
}

ol.tree-view {
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative
}

ol.tree-view ol>li,ol.tree-view>li {
    border-bottom: var(--primary-gray-400-1-px);
    overflow-x: hidden;
    padding: 6px 0;
    position: relative;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 1
}

ol.tree-view ol>li a.status:hover,ol.tree-view>li a.status:hover {
    cursor: pointer;
    text-decoration: none
}

ol.tree-view ol>li a.no-link,ol.tree-view>li a.no-link {
    color: var(--primary-gray-800);
    cursor: default
}

ol.tree-view ol>li a.no-link:hover,ol.tree-view>li a.no-link:hover {
    color: var(--primary-gray-800);
    text-decoration: none
}

ol.tree-view ol>li a:not(.status),ol.tree-view>li a:not(.status) {
    color: var(--primary-blue-550);
    margin-left: 5px
}

ol.tree-view ol>li a:not(.status):focus,ol.tree-view>li a:not(.status):focus {
    outline: none
}

ol.tree-view ol>li .name:focus,ol.tree-view>li .name:focus {
    outline-offset: 1px
}

ol.tree-view ol>li i,ol.tree-view>li i {
    font-size: 20px
}

ol.tree-view ol>li i:not(.caret),ol.tree-view>li i:not(.caret) {
    position: relative;
    top: 2px
}

ol.tree-view ol>li.checked-out,ol.tree-view>li.checked-out {
    background-color: var(--primary-yellow-200)
}

ol.tree-view ol>li.checked-out .status,ol.tree-view>li.checked-out .status {
    color: var(--primary-bulb-color);
    text-shadow: var(--primary-bulb-outline-shadow)
}

ol.tree-view ol>li.checked-out .status .icon-checked-out,ol.tree-view>li.checked-out .status .icon-checked-out {
    color: var(--primary-bulb-color)
}

ol.tree-view ol>li.locked,ol.tree-view>li.locked {
    background-color: var(--primary-red-100)
}

ol.tree-view ol>li.locked .status,ol.tree-view ol>li.locked .status .icon-locked,ol.tree-view>li.locked .status,ol.tree-view>li.locked .status .icon-locked {
    color: var(--primary-red-550)
}

ol.tree-view ol>li.pending,ol.tree-view>li.pending {
    background-color: var(--primary-blue-150)
}

ol.tree-view ol>li.pending .status,ol.tree-view>li.pending .status {
    color: var(--primary-blue-400)
}

ol.tree-view ol>li.pending a:not(.status),ol.tree-view>li.pending a:not(.status) {
    color: var(--primary-blue-700)
}

ol.tree-view ol>li.scheduled-me,ol.tree-view>li.scheduled-me {
    background-color: var(--primary-yellow-200)
}

ol.tree-view ol>li.scheduled-me .status,ol.tree-view>li.scheduled-me .status {
    color: var(--primary-green-200)
}

ol.tree-view ol>li.expired-me,ol.tree-view>li.expired-me {
    background-color: var(--primary-yellow-200)
}

ol.tree-view ol>li.expired-me .status,ol.tree-view>li.expired-me .status {
    color: var(--primary-red-550)
}

ol.tree-view ol>li.droppable,ol.tree-view>li.droppable {
    z-index: 3
}

ol.tree-view ol>li.droppable.over,ol.tree-view>li.droppable.over {
    outline: var(--primary-blue-400-2-px-dashed);
    outline-offset: -2px
}

ol.tree-view ol>li.faded,ol.tree-view ol>li.ineligible,ol.tree-view>li.faded,ol.tree-view>li.ineligible {
    filter: alpha(opacity=3000);
    opacity: 1
}

ol.tree-view ol>li:focus,ol.tree-view>li:focus {
    outline: var(--primary-dark-blue-400-2-px);
    outline-offset: -2px
}

ol.tree-view ol>li .toggle,ol.tree-view>li .toggle {
    cursor: pointer;
    padding: 2px 1px 2px 11px
}

ol.tree-view ol>li .toggle .caret-right,ol.tree-view>li .toggle .caret-right {
    margin-left: -4px;
    margin-right: 4px;
    position: relative;
    top: -2px
}

ol.tree-view ol>li .toggle .caret-down,ol.tree-view>li .toggle .caret-down {
    margin-left: -7px;
    margin-right: 7px;
    position: relative;
    top: -2px
}

ol.tree-view ol>li .toggle.disabled,ol.tree-view>li .toggle.disabled {
    cursor: default;
    opacity: .5
}

ol.tree-view ol>li .toggle.disabled~span,ol.tree-view>li .toggle.disabled~span {
    margin-left: 5px
}

ol.tree-view ol>li div.drop-overlay,ol.tree-view>li div.drop-overlay {
    padding: 0;
    z-index: 10
}

ol.tree-view i.file-label:after {
    font-size: 5px;
    line-height: 9px;
    padding: 0 1px
}

ol.tree-view ol.folder-contents {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative
}

ol.tree-view ol.folder-contents>div.drop-overlay.over {
    outline: var(--primary-blue-400-2-px-dashed);
    outline-offset: -2px
}

ol.tree-view>ol.folder-contents {
    margin: 0;
    padding: 0
}

ol.tree-view>div.drop-overlay {
    z-index: 0
}

ol.tree-view>div.drop-overlay.over {
    outline: var(--primary-blue-400-2-px-dashed);
    outline-offset: -2px
}

ol.tree-view.droppable {
    padding: 3px
}

ol.tree-view>ol.folder-contents>.drop-overlay {
    z-index: 3
}

ol.tree-view>ol.folder-contents>ol.folder-contents>.drop-overlay {
    z-index: 4
}

ol.tree-view>ol.folder-contents>ol.folder-contents>ol.folder-contents>.drop-overlay {
    z-index: 5
}

ol.tree-view>ol.folder-contents>ol.folder-contents>ol.folder-contents>ol.folder-contents>.drop-overlay {
    z-index: 6
}

ol.tree-view>ol.folder-contents>ol.folder-contents>ol.folder-contents>ol.folder-contents>ol.folder-contents>.drop-overlay {
    z-index: 7
}

ol.tree-view>ol.folder-contents>ol.folder-contents>ol.folder-contents>ol.folder-contents>ol.folder-contents>ol.folder-contents>.drop-overlay {
    z-index: 8
}

div.chooser {
    cursor: default
}

div.chooser,div.chooser div {
    position: relative
}

div.chooser .save-as label {
    align-items: center;
    display: flex
}

div.chooser .save-as label input {
    margin-left: 15px
}

div.chooser hr {
    margin: 10px 0
}

div.chooser .top-panel {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

div.chooser .top-panel .ou-breadcrumb {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px
}

div.chooser .top-panel .ou-breadcrumb a:focus {
    outline-offset: 0
}

div.chooser .top-panel .top-left-select {
    margin-bottom: 3px;
    width: 120px
}

div.chooser .top-panel .top-left-select.category {
    width: 220px
}

div.chooser .top-panel .pull-right {
    margin-top: -3px;
    z-index: 2
}

div.chooser .top-panel .dropdown-menu {
    left: -40px
}

div.chooser .top-panel .upload-buttons {
    display: inline-block
}

div.chooser .top-panel .upload-buttons .btn {
    height: 25px;
    margin-right: -2px;
    padding-bottom: 1px;
    padding-top: 1px
}

div.chooser .top-panel .upload-buttons .btn.no-edit {
    border-radius: 2px
}

div.chooser .top-panel .upload-buttons .btn.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

div.chooser .top-panel .upload-buttons .btn.dropdown-toggle i {
    margin: 0 auto
}

div.chooser .top-panel .server-select {
    height: 25px;
    padding: 0;
    white-space: nowrap;
    width: 150px
}

div.chooser .top-panel label[for=toggle-files] {
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 0;
    min-height: auto;
    white-space: nowrap
}

div.chooser .top-panel input#toggle-files {
    margin-top: 0
}

div.chooser .right-panel {
    border: var(--primary-gray-600-1-px);
    border-radius: 3px;
    float: right;
    height: 406px;
    margin-left: 24px;
    position: relative
}

div.chooser .right-panel .chooser-preview,div.chooser .right-panel .chooser-preview .preview {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

div.chooser .right-panel .chooser-preview .preview {
    align-items: center;
    justify-content: center;
    overflow-y: auto
}

div.chooser .right-panel .chooser-preview .preview img {
    max-height: 100%;
    max-width: 100%
}

div.chooser .right-panel .chooser-preview .preview i.icon {
    align-items: center;
    display: flex;
    font-size: 128px
}

div.chooser .right-panel .chooser-preview .preview iframe {
    border: none;
    border-bottom: var(--primary-gray-600-1-px);
    flex: 1;
    width: 100%
}

div.chooser .right-panel .chooser-preview .preview pre {
    margin: 10px;
    text-align: left;
    word-break: break-word
}

div.chooser .right-panel .chooser-preview .preview.component-preview+.info th {
    text-align: left
}

div.chooser .right-panel .chooser-preview .info {
    background-color: var(--primary-gray-500);
    padding: 5px 10px
}

div.chooser .right-panel .chooser-preview .info table {
    font-size: 12px;
    line-height: 14px
}

div.chooser .right-panel .chooser-preview .info table th {
    padding-right: 7px;
    text-align: right
}

div.chooser .right-panel .chooser-preview .edit-link {
    bottom: 0;
    font-size: 13px;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    text-decoration: none
}

div.chooser .right-panel .chooser-preview .edit-link:focus {
    outline: var(--primary-black-2-px)
}

div.chooser .right-panel .preview-placeholder {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

div.chooser .left-panel {
    border-radius: 3px;
    min-height: 300px
}

div.chooser .veil {
    background: url(/resources/images/loading-big.gif) no-repeat center center var(--primary-white-8);
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

div.chooser[data-select=folder] .right-panel {
    display: none
}

div.chooser.single-panel.with-server-select .ou-breadcrumb {
    clear: both;
    padding-top: 5px
}

div.chooser.double-panel .chooser-modal-actions {
    display: flex;
    width: 403px
}

div.chooser.double-panel .server-select {
    flex: 1;
    height: 37px
}

div.chooser.double-panel .upload-buttons {
    margin-left: 10px
}

div.chooser.double-panel .upload-buttons .btn {
    height: 36px
}

div.chooser.inline .top-panel {
    border-bottom: var(--primary-gray-600-1-px);
    margin-bottom: 0;
    padding: 5px 10px
}

div.chooser.inline .top-panel a[data-action=hide] {
    font-size: 16px;
    margin-left: 5px;
    position: relative;
    top: 2px
}

div.chooser.inline .left-panel {
    width: auto
}

div.chooser.inline .left-panel .chooser-list {
    border: none
}

div.chooser.inline .left-panel .chooser-list ul.chooser {
    height: 187px
}

div.chooser.inline .right-panel {
    display: none
}

div.chooser-list {
    border: var(--primary-gray-600-1-px);
    display: flex;
    flex-direction: column;
    height: 406px
}

div.chooser-list p.loading {
    margin: auto
}

div.chooser-list p.loading .loading-spinner {
    display: block;
    margin: auto;
    padding: 12px
}

div.chooser-list div.list-header {
    border-bottom: var(--primary-gray-600-1-px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px
}

div.chooser-list div.list-header .placeholder {
    display: flex
}

div.chooser-list div.list-header .placeholder .filter-form {
    flex: 1;
    position: relative
}

div.chooser-list div.list-header .placeholder .filter-form label {
    left: 14px;
    visibility: hidden
}

div.chooser-list div.list-header .placeholder .filter-form input {
    margin: 0;
    padding-left: 14px;
    padding-right: 25px
}

div.chooser-list div.list-header .placeholder .filter-form input.asset-chooser {
    border-radius: 0 2px 2px 0;
    height: 100%
}

div.chooser-list div.list-header .placeholder .filter-form i.icon-cancel-circle {
    align-items: center;
    color: var(--primary-gray-700);
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
    width: 28px
}

div.chooser-list div.list-header .placeholder .filter-form i.icon-cancel-circle:focus {
    outline: var(--primary-blue-250-2-px);
    outline-offset: -2px
}

div.chooser-list div.list-header .placeholder .view-modes {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 3px;
    padding-left: 8px
}

div.chooser-list div.list-header .placeholder .view-modes i {
    cursor: pointer;
    font-size: 25px;
    margin-right: 5px
}

div.chooser-list div.list-header .placeholder .view-modes i.selected {
    color: var(--primary-blue-400);
    cursor: default
}

div.chooser-list div.list-header .placeholder .view-modes i:focus {
    outline: var(--primary-blue-250-2-px)
}

div.chooser-list div.list-header #tag-filter {
    height: 30px;
    margin-bottom: 8px;
    padding: 4px 14px;
    width: 346px
}

div.chooser-list div.list-header .tag-placeholder {
    display: block
}

div.chooser-list div.list-header .tag-placeholder .select2-container {
    margin-bottom: 8px;
    width: 385px
}

div.chooser-list div.list-header .tag-placeholder .select2-container ul.select2-choices {
    background: none;
    border-radius: 2px;
    display: flex
}

div.chooser-list div.list-header .asset-type-chooser #asset-types-btn {
    border-right: none;
    font-size: 10px;
    padding: 4px 8px;
    width: 115px
}

div.chooser-list div.list-header .asset-type-chooser #asset-types-btn:focus {
    box-shadow: none;
    outline: var(--primary-black-2-px);
    outline-offset: -2px
}

div.chooser-list div.list-header .asset-type-chooser #asset-types-btn .icon-caret-down {
    font-size: 12px;
    margin-left: 3px;
    margin-right: 0
}

div.chooser-list ul.chooser {
    box-sizing: border-box;
    height: 309px;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

div.chooser-list ul.chooser.prod {
    height: 359px
}

div.chooser-list ul.chooser:focus {
    outline: var(--primary-blue-250-2-px)
}

div.chooser-list ul.chooser.snippetList {
    height: 359px
}

div.chooser-list ul.chooser li {
    align-items: center;
    background-color: var(--primary-white);
    border-bottom: var(--primary-gray-400-1-px);
    cursor: default;
    display: flex;
    min-height: 36px;
    padding: 4px 10px;
    white-space: nowrap
}

div.chooser-list ul.chooser li:focus {
    outline: var(--primary-blue-250-2-px);
    outline-offset: -2px
}

div.chooser-list ul.chooser li:hover {
    background-color: var(--list-row-hover)
}

div.chooser-list ul.chooser li.filter {
    display: none
}

div.chooser-list ul.chooser li.selected {
    background-color: var(--list-row-selected)
}

div.chooser-list ul.chooser li.ineligible {
    display: none
}

div.chooser-list ul.chooser li.ineligible.visible {
    display: list-item
}

div.chooser-list ul.chooser li.ineligible.visible>* {
    opacity: .5
}

div.chooser-list ul.chooser li.file,div.chooser-list ul.chooser li.folder {
    padding-left: 24px
}

div.chooser-list ul.chooser li.current.folder {
    padding-left: 10px
}

div.chooser-list ul.chooser li>* {
    display: inline-block
}

div.chooser-list ul.chooser li .icon {
    font-size: 16px;
    width: 20px
}

div.chooser-list ul.chooser li .name {
    overflow: hidden;
    text-overflow: ellipsis
}

div.chooser-list ul.chooser li.highlight {
    outline: var(--primary-blue-250-2-px);
    outline-offset: -2px
}

div.chooser-list ul.chooser.hide-files li.file {
    display: none
}

div.chooser-list ul.chooser.inline {
    grid-gap: 1px;
    background-color: var(--primary-gray-400);
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    grid-template-rows: min-content;
    justify-content: center
}

div.chooser-list ul.chooser.inline.hide-files {
    background-color: var(--primary-white)
}

div.chooser-list ul.chooser.inline li {
    border-bottom: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: unset;
    padding: 0;
    text-align: center
}

div.chooser-list ul.chooser.inline li.current.folder {
    display: none
}

div.chooser-list ul.chooser.inline li.stripe {
    background-color: initial
}

div.chooser-list ul.chooser.inline li.filter {
    display: none
}

div.chooser-list ul.chooser.inline li.selected {
    background-color: var(--primary-white)
}

div.chooser-list ul.chooser.inline li.selected .name {
    background-color: var(--list-row-selected)
}

div.chooser-list ul.chooser.inline li>* {
    display: block;
    width: 96px
}

div.chooser-list ul.chooser.inline li .icon {
    font-size: 108px;
    height: calc(100% - 30px);
    text-align: center;
    width: 100%
}

div.chooser-list ul.chooser.inline li .thumb {
    height: calc(100% - 30px)
}

div.chooser-list ul.chooser.inline li .thumb img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0
}

div.chooser-list ul.chooser.inline li .name {
    background-color: var(--primary-gray-150);
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
    overflow-x: hidden;
    padding-left: 15px;
    text-align: left;
    text-overflow: ellipsis;
    width: 100%
}

.file-chooser-wrapper {
    border: var(--primary-gray-600-1-px);
    border-radius: 3px;
    position: relative
}

.form-horizontal .file-chooser-wrapper {
    margin: 15px
}

.controls .file-chooser-wrapper {
    margin-bottom: 0;
    margin-left: 0
}

div.ou-breadcrumb {
    cursor: default;
    font-size: 13px
}

div.ou-breadcrumb>* {
    display: inline-block;
    line-height: 16px;
    vertical-align: top
}

div.ou-breadcrumb .here {
    color: var(--primary-black);
    margin-top: -1px
}

div.ou-breadcrumb .root {
    padding: 0 1px
}

div.ou-breadcrumb .root.current {
    color: var(--primary-gray-800);
    cursor: default
}

div.ou-breadcrumb .root.current:hover,div.ou-breadcrumb a {
    text-decoration: none
}

div.ou-breadcrumb a {
    color: var(--primary-blue-400);
    cursor: pointer;
    word-break: break-all
}

div.ou-breadcrumb i[class^=icon-] {
    font-size: 16px
}

div.ou-breadcrumb i.icon-caret-right {
    font-size: 13px;
    margin: 0 3px
}

#cr-info-container {
    text-align: center
}

#cr-info-container .text {
    margin: 0 auto;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    width: -moz-fit-content;
    width: fit-content
}

#cr-info-container .text:focus {
    outline: var(--primary-black-2-px)
}

#cr-info-container .icon-info {
    font-size: 50px;
    line-height: 56px
}

.cr-form-container {
    margin-bottom: 60px
}

.cr-form-container .select-all-option {
    background-color: var(--primary-gray-200);
    border-bottom: var(--primary-gray-400-1-px);
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px
}

.cr-form-container .select-all-option .control-group {
    border-bottom: none;
    padding-bottom: 0
}

.cr-form-container .disabled .cr-checkbox:not([aria-checked=false]) span,.cr-form-container .disabled .cr-checkbox:not([aria-checked=false]) span i {
    color: var(--primary-gray-550)
}

.cr-form-container .disabled .cr-checkbox[aria-checked=false] span {
    color: var(--primary-gray-800)
}

.cr-form-container .cr-checkbox {
    color: var(--primary-gray-800);
    margin-left: -4px;
    max-height: 20px;
    min-width: 175px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px
}

.cr-form-container .cr-checkbox i {
    position: relative;
    top: 2px
}

.cr-form-container .cr-checkbox span {
    margin-left: 5px
}

.cr-form-container .cr-checkbox:focus {
    outline: none
}

.cr-form-container .cr-checkbox:focus>span {
    outline: var(--primary-blue-250-2-px)
}

.cr-form-container .cr-checkbox:hover {
    text-decoration: none
}

.cr-form-container .cr-checkbox+input[type=checkbox] {
    display: none
}

.cr-form-container .fieldset-card-heading {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px
}

.cr-form-container .control-group {
    border-bottom: var(--primary-gray-400-1-px);
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px
}

.cr-form-container .control-group:last-child {
    border-bottom: none
}

.cr-form-container .control-group .short-label {
    width: 105px
}

@media screen and (max-width: 1185px) {
    .cr-form-container .control-group .short-label {
        width:140px
    }
}

.cr-form-container .control-group.checkbox-plus-fields .cr-checkbox {
    top: 3px
}

.cr-form-container#cr-pages-form .control-group:nth-of-type(2) {
    max-height: 76px
}

.cr-form-container#cr-pages-form .control-group:nth-of-type(2) .cr-checkbox {
    position: relative;
    top: 20px
}

.cr-form-container#cr-pages-form .available-label {
    margin-left: 4px;
    position: relative;
    top: -4px
}

.cr-form-container#cr-pages-form .available-label+.controls {
    top: -4px
}

.cr-form-container#cr-pages-form .with-select2 {
    width: 100%
}

.cr-form-container#cr-pages-form .select2-container {
    float: right;
    max-width: 75%;
    position: relative;
    right: 5px;
    top: -5px
}

.cr-form-container#cr-pages-form .user-selector {
    padding-bottom: 5px;
    padding-top: 5px
}

#custom-report-view .tag-description {
    -webkit-user-select: text;
    user-select: text
}

#custom-report-view .tag-description .selected-tag-description {
    margin-left: -3px;
    margin-right: -3px;
    padding-left: 3px;
    padding-right: 3px
}

#custom-report-view .tag-description .selected-tag-description:focus {
    outline: var(--primary-blue-250-2-px)
}

#custom-report-view .tag-description .selected-tag-description div {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#custom-report-view .tag-description .selected-tag-description div.dependency-tag {
    max-width: 250px
}

#custom-report-view .tag-description .selected-tag-description div.asset-name,#custom-report-view .tag-description .selected-tag-description div.path,#custom-report-view .tag-description .selected-tag-description div.product {
    max-width: 300px
}

@media (min-width: 820px) {
    #custom-report-view .tag-description .selected-tag-description div.asset-name,#custom-report-view .tag-description .selected-tag-description div.path,#custom-report-view .tag-description .selected-tag-description div.product {
        max-width:400px!important
    }
}

@media (min-width: 1070px) {
    #custom-report-view .tag-description .selected-tag-description div.asset-name,#custom-report-view .tag-description .selected-tag-description div.path,#custom-report-view .tag-description .selected-tag-description div.product {
        max-width:600px!important
    }
}

@media (min-width: 1300px) {
    #custom-report-view .tag-description .selected-tag-description div {
        display:inline-block;
        position: relative;
        top: 2px
    }

    #custom-report-view .tag-description .selected-tag-description div.asset-name,#custom-report-view .tag-description .selected-tag-description div.path,#custom-report-view .tag-description .selected-tag-description div.product {
        max-width: 700px!important
    }

    #custom-report-view .tag-description .selected-tag-description div:not(:last-child) {
        margin-right: 10px
    }
}

#multi-browser-results-view #multi-browser-results-header .results-header-top {
    align-items: center;
    border-bottom: var(--primary-gray-400-2-px);
    display: flex;
    margin: 0 -30px 20px;
    padding: 20px 30px
}

#multi-browser-results-view #multi-browser-results-header .results-header-top #multi-browser-results-title {
    margin-right: 20px
}

#multi-browser-results-view #multi-browser-results-header .results-header-top .grouping {
    display: flex;
    margin-left: auto;
    margin-right: 30px
}

#multi-browser-results-view #multi-browser-results-header #multi-browser-results-filter {
    padding-right: 24px
}

#multi-browser-results-view #multi-browser-results-header .icon-cancel-circle {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden
}

#multi-browser-results-view #multi-browser-results-header .icon-cancel-circle:focus {
    outline: var(--primary-blue-250-2-px)
}

#multi-browser-results-view #multi-browser-results-header #grouping-selector {
    align-items: center;
    display: flex
}

#multi-browser-results-view #multi-browser-results-header #grouping-selector button:focus {
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#multi-browser-results-view #multi-browser-results-header #grouping-selector .group-selector-radio-group {
    align-items: center;
    display: inline-flex
}

#multi-browser-results-view #multi-browser-results-header #grouping-selector .group-selector-radio-group.browser-radio-group {
    margin-right: 8px
}

#multi-browser-results-view #multi-browser-results-header #grouping-selector label {
    margin: unset
}

#multi-browser-results-view #multi-browser-results-list .inline {
    margin: initial
}

#multi-browser-results-view #multi-browser-results-list .inline .group {
    background-color: var(--primary-gray-250);
    margin: 10px
}

#multi-browser-results-view #multi-browser-results-list .inline .group:not(:last-child) {
    margin-right: 10px
}

#multi-browser-results-view #multi-browser-results-list .inline .group:focus {
    outline: var(--primary-blue-250-2-px)
}

#multi-browser-results-view #multi-browser-results-list .inline .group .group-label {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px
}

div.gadget .icon-img {
    margin: 0 15px 0 0;
    max-height: 22px;
    max-width: 22px
}

.drop-overlay {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

div.drag-images {
    bottom: -300px;
    position: fixed
}

div.drag-image {
    position: relative
}

div.drag-image .badge {
    padding: 1px 6px 2px;
    position: absolute
}

div.drag-image i {
    font-size: 36px;
    line-height: 36px
}

div.drag-image .name {
    background-color: var(--primary-blue-400);
    border-radius: 3px;
    color: var(--primary-white);
    padding: 2px 4px
}

div.drag-image.file .badge {
    left: -5px;
    top: -7px
}

div.drag-image.both .badge.folder,div.drag-image.folder .badge {
    left: -10px;
    top: -3px
}

div.drag-image.both .badge.file {
    left: 31px;
    top: -7px
}

.empty-message {
    text-align: center
}

.empty-message:focus {
    outline: none
}

.empty-message:focus>span {
    outline: var(--primary-black-2-px)
}

.empty-message i {
    position: relative;
    top: 3px
}

.empty-card-message {
    text-align: center
}

.empty-card-message i {
    font-size: 6rem;
    line-height: normal
}

.empty-card-message .message {
    color: var(--primary-gray-700);
    font-size: 2rem
}

div.container.page-view iframe {
    width: 100%
}

div.page-view iframe {
    border: none;
    width: 100%
}

div.page-view.actions-hidden .header-btntabs {
    margin-top: -46px
}

div.page-view.actions-hidden .header-btntabs a.show-actions {
    display: inline
}

div.page-view.fixed-header .collection-list {
    margin-top: 122px;
    width: 940px
}

div.page-view.fixed-header .collection-list.two-column {
    width: 720px
}

div.page-view.fixed-header .collection-header {
    position: fixed;
    top: 120px
}

div.page-view.fixed-header .empty-collection {
    font-size: 20px;
    margin-top: 44px
}

div.page-view.fixed-header.actions-hidden .collection-list {
    margin-top: 124px
}

div.page-view.fixed-header.actions-hidden .collection-header {
    top: 68px
}

div.page-view.fixed-header.actions-hidden .empty-collection {
    font-size: 20px;
    margin-top: 44px
}

div.page-view.properties .collection-list {
    width: 720px
}

div.page-view.properties .main-right {
    margin-top: 38px
}

div.page-view.properties .empty-collection {
    font-size: 20px;
    margin-top: 44px
}

div.header-btntabs {
    transition: margin .3s linear 0s
}

div.header-btntabs.actions-hidden {
    margin-top: -46px
}

div.header-btntabs .page-breadcrumbs {
    padding-top: 20px
}

div.header-btntabs .page-breadcrumbs .back-to-list-link {
    display: flex
}

div.header-btntabs .page-breadcrumbs .back-to-list-link a {
    color: var(--primary-blue-400);
    padding-left: 5px;
    padding-right: 5px
}

div.header-btntabs .page-breadcrumbs .back-to-list-link i {
    font-size: 18px
}

div.header-btntabs .page-breadcrumbs .back-to-list-link .page-path {
    margin-left: 10px;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.header-btntabs .page-breadcrumbs .back-to-list-link .page-path:focus {
    outline: var(--primary-blue-250-2-px)
}

div.header-btntabs .page-actions-title {
    align-items: center;
    display: inline-flex;
    margin-top: 16px;
    width: 100%
}

div.header-btntabs .page-actions-title .page-type-icon {
    font-size: 24px;
    margin-right: 8px
}

div.header-btntabs .page-actions-title #page-title {
    font-size: 24px;
    font-weight: 300;
    line-height: inherit;
    margin: 0 12px 0 0;
    overflow: hidden;
    text-overflow: ellipsis
}

div.header-btntabs .page-actions-title [tabindex]:focus {
    outline: var(--primary-blue-250-2-px)
}

div.header-btntabs .page-actions-title .unpublished-tag {
    flex: 0 0 200px
}

div.header-btntabs .page-toolbar {
    border-bottom: var(--primary-gray-400-2-px);
    display: flex;
    flex-direction: row;
    height: 54px;
    justify-content: space-between
}

div.header-btntabs .page-toolbar .tablet-dropdown {
    position: relative
}

div.header-btntabs .page-toolbar .tablet-dropdown.open .icon-angle-down:before {
    content: "\e905"
}

div.header-btntabs .page-toolbar .tablet-dropdown .page-tab {
    height: 36px
}

div.header-btntabs .page-toolbar .tablet-dropdown .current-dropdown {
    font-weight: 700;
    position: relative
}

div.header-btntabs .page-toolbar .tablet-dropdown .current-dropdown:before {
    background: var(--primary-orange-600);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px
}

div.header-btntabs .page-toolbar .page-tabs {
    align-items: center;
    align-self: flex-end;
    display: flex;
    flex: none;
    flex-direction: row;
    height: 36px;
    margin-right: auto
}

div.header-btntabs .page-toolbar .page-tabs .page-tab,div.header-btntabs .page-toolbar .page-tabs a {
    color: var(--primary-gray-800);
    height: 100%;
    line-height: 36px;
    padding: 0 12px;
    text-decoration: none
}

div.header-btntabs .page-toolbar .page-tabs .page-tab i,div.header-btntabs .page-toolbar .page-tabs a i {
    font-size: 20px;
    position: relative;
    top: 5px
}

div.header-btntabs .page-toolbar .page-tabs .page-tab i.icon-angle-down,div.header-btntabs .page-toolbar .page-tabs a i.icon-angle-down {
    font-size: 18px;
    line-height: 18px;
    padding-right: 3px;
    top: 9px
}

div.header-btntabs .page-toolbar .page-tabs .page-tab+.dropdown-menu i,div.header-btntabs .page-toolbar .page-tabs a+.dropdown-menu i {
    top: 0
}

div.header-btntabs .page-toolbar .page-tabs .page-tab.dropdown-toggle:focus,div.header-btntabs .page-toolbar .page-tabs a.dropdown-toggle:focus {
    outline: var(--primary-dark-blue-400-2-px);
    overflow-y: hidden
}

div.header-btntabs .page-toolbar .page-tabs .page-tab.current,div.header-btntabs .page-toolbar .page-tabs a.current {
    border-bottom: var(--primary-orange-600-3-px);
    font-weight: 700
}

div.header-btntabs .page-toolbar .page-tabs .page-tab:hover,div.header-btntabs .page-toolbar .page-tabs a:hover {
    text-decoration: none
}

div.header-btntabs .page-toolbar .page-tabs .page-tab:focus,div.header-btntabs .page-toolbar .page-tabs a:focus {
    outline: var(--primary-dark-blue-400-2-px)
}

div.header-btntabs .page-toolbar .page-tabs .page-tab[aria-disabled=true],div.header-btntabs .page-toolbar .page-tabs a[aria-disabled=true] {
    color: var(--primary-gray-400);
    cursor: default;
    pointer-events: none;
    text-decoration: none
}

div.header-btntabs .page-toolbar .page-tabs .page-tab[aria-disabled=true] i,div.header-btntabs .page-toolbar .page-tabs a[aria-disabled=true] i {
    color: var(--primary-gray-400)
}

div.header-btntabs .page-toolbar .page-tabs .show-on-tablet {
    display: none
}

@media (max-width: 69.84375em) {
    div.header-btntabs .page-toolbar .page-tabs .hide-on-tablet {
        display:none
    }

    div.header-btntabs .page-toolbar .page-tabs .show-on-tablet {
        display: flex
    }
}

@media (max-width: 1330px) {
    .sidenav div.header-btntabs .page-toolbar .page-tabs .hide-on-tablet {
        display:none
    }

    .sidenav div.header-btntabs .page-toolbar .page-tabs .show-on-tablet {
        display: flex
    }
}

div.header-btntabs .page-toolbar .actions {
    align-self: center;
    flex: none
}

div.header-btntabs .page-toolbar .actions>:not(:last-child) {
    margin-right: 5px
}

div.header-btntabs .page-toolbar .actions .more-page-actions {
    display: inline-block;
    position: relative
}

div.header-btntabs .page-toolbar .actions .more-page-actions .btn-round {
    height: 36px;
    width: 36px
}

div.header-btntabs .page-toolbar .actions .more-page-actions .btn-round i {
    font-size: 18px
}

div.header-btntabs .page-toolbar .actions>button>i {
    font-size: 20px
}

div.header-btntabs .page-toolbar .actions>button#focus-mode-toggle>i {
    font-size: 24px
}

div.header-btntabs .preview-actions {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

div.header-btntabs .preview-actions .preview-content {
    display: flex
}

div.header-btntabs .preview-actions .preview-content .content-type {
    margin-top: 5px
}

div.header-btntabs .preview-actions .preview-content .preview-ab-test-selection,div.header-btntabs .preview-actions .preview-content .preview-dc-selection {
    align-items: center;
    display: flex;
    margin-top: 5px
}

div.header-btntabs .preview-actions .preview-content .preview-ab-test-selection .preview-ab-test-button,div.header-btntabs .preview-actions .preview-content .preview-ab-test-selection .preview-dc-button,div.header-btntabs .preview-actions .preview-content .preview-dc-selection .preview-ab-test-button,div.header-btntabs .preview-actions .preview-content .preview-dc-selection .preview-dc-button {
    display: flex;
    margin-right: 5px
}

div.header-btntabs .preview-actions .preview-content .preview-ab-test-selection i,div.header-btntabs .preview-actions .preview-content .preview-dc-selection i {
    cursor: pointer;
    font-size: 24px
}

div.header-btntabs .preview-actions .preview-content .preview-ab-test-selection select:first-of-type,div.header-btntabs .preview-actions .preview-content .preview-dc-selection select:first-of-type {
    margin-left: 15px;
    margin-right: 15px;
    max-width: 350px;
    width: 350px
}

div.header-btntabs .preview-actions .preview-content .preview-ab-test-selection select:nth-of-type(2),div.header-btntabs .preview-actions .preview-content .preview-dc-selection select:nth-of-type(2) {
    max-width: 300px;
    width: 300px
}

div.header-btntabs .preview-actions .preview-content .ab-test-preview-label,div.header-btntabs .preview-actions .preview-content .dc-preview-label {
    margin: 10px 0 0 30px
}

div.header-btntabs .preview-actions .preview-select {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-top: 5px;
    max-height: 32px
}

div.header-btntabs .preview-actions .preview-select select {
    margin-right: 8px;
    max-width: 200px
}

div.header-btntabs .preview-actions .preview-select>i {
    font-size: 20px;
    margin-right: 4px
}

div.header-btntabs .preview-actions .preview-select #mbp-button {
    height: 32px
}

div.header-btntabs .preview-actions .preview-select #mbp-button i {
    font-size: 26px
}

div.header-btntabs.header-inline-title .page-actions-title {
    margin-top: 0;
    width: calc(100% - 350px)
}

div.header-btntabs.header-inline-title .page-toolbar {
    border-bottom: none;
    height: auto;
    min-height: 54px
}

div.header-btns {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 60px;
    justify-content: space-between
}

div.header-btns .back-to-list-link {
    display: flex
}

div.header-btns .back-to-list-link a {
    color: var(--primary-blue-400);
    padding-left: 5px;
    padding-right: 5px
}

div.header-btns .back-to-list-link i {
    font-size: 18px
}

div.header-btns .actions {
    align-self: center;
    flex: none
}

div.header-btns .actions>:not(:last-child) {
    margin-right: 5px
}

div.header-btns .actions>button>i {
    font-size: 20px
}

#account-view .checkbox.not-visible,#site-view .checkbox.not-visible {
    padding-left: 0
}

#account-view .checkbox.not-visible .button-enable,#site-view .checkbox.not-visible .button-enable {
    margin-top: 5px
}

#code-editor,.code-editor {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start
}

#code-editor .code-editor-toolbar-wrapper label,.code-editor .code-editor-toolbar-wrapper label {
    font-weight: 400;
    margin: 0
}

#code-editor .code-editor-toolbar-wrapper input,#code-editor .code-editor-toolbar-wrapper select,.code-editor .code-editor-toolbar-wrapper input,.code-editor .code-editor-toolbar-wrapper select {
    display: inline-block;
    margin: 0
}

#code-editor .code-editor-toolbar-wrapper .btn,.code-editor .code-editor-toolbar-wrapper .btn {
    height: 32px
}

#code-editor .code-editor-toolbar-wrapper [data-action],.code-editor .code-editor-toolbar-wrapper [data-action] {
    color: var(--primary-gray-750);
    height: 40px
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>*,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>*,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>*,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>* {
    align-items: center;
    display: flex;
    padding: 4px 6px
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>* i,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>* i,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>* i,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>* i {
    color: inherit;
    font-size: 18px
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>* input,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>* select,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>* input,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>* select,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>* input,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>* select,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>* input,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>* select {
    width: auto
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>:hover,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>:hover,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>:hover,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>:hover {
    background-color: var(--primary-gray-450);
    text-decoration: none
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>.active,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>.active:hover,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>.active,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>.active:hover,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>.active,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>.active:hover,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>.active,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>.active:hover {
    background-color: var(--primary-gray-450);
    color: var(--primary-blue-550)
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>.inactive,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>.inactive:hover,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>.inactive,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>.inactive:hover,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>.inactive,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>.inactive:hover,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>.inactive,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>.inactive:hover {
    background-color: var(--primary-gray-450)
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>.disabled,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>.disabled:hover,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>.disabled,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>.disabled:hover,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>.disabled,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>.disabled:hover,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>.disabled,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>.disabled:hover {
    background-color: transparent;
    color: var(--primary-gray-550)
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>* [data-action=line-wrap].active,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>* [data-action=line-wrap].active:hover,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>* [data-action=line-wrap]:hover,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>* [data-action=line-wrap].active,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>* [data-action=line-wrap].active:hover,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>* [data-action=line-wrap]:hover,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>* [data-action=line-wrap].active,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>* [data-action=line-wrap].active:hover,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>* [data-action=line-wrap]:hover,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>* [data-action=line-wrap].active,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>* [data-action=line-wrap].active:hover,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>* [data-action=line-wrap]:hover {
    background-color: transparent
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>.syntax,#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>.syntax,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>.syntax,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>.syntax {
    border-left: var(--primary-gray-600-1-px);
    padding-right: 6px
}

#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar,#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions,.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar,.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin
}

#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar .select-wrapper>label,#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar [data-action=tailwind-docs],#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions .select-wrapper>label,#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions [data-action=tailwind-docs],.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar .select-wrapper>label,.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar [data-action=tailwind-docs],.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions .select-wrapper>label,.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions [data-action=tailwind-docs] {
    white-space: nowrap
}

#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar .toolbar-action,#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions .toolbar-action,.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar .toolbar-action,.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions .toolbar-action {
    flex-wrap: nowrap;
    white-space: nowrap
}

#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar .toolbar-action>*,#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions .toolbar-action>*,.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar .toolbar-action>*,.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions .toolbar-action>* {
    flex-shrink: 0
}

#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions::-webkit-scrollbar,#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar::-webkit-scrollbar,.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions::-webkit-scrollbar,.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar::-webkit-scrollbar {
    height: 10px
}

#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions::-webkit-scrollbar-track,#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar::-webkit-scrollbar-track,.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions::-webkit-scrollbar-track,.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar::-webkit-scrollbar-track {
    background: #fafafa;
    border-top: 1px solid #d6d6d6
}

#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions::-webkit-scrollbar-thumb,#code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar::-webkit-scrollbar-thumb,.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar-actions::-webkit-scrollbar-thumb,.code-editor .code-editor-toolbar-wrapper.scroll .code-editor-toolbar::-webkit-scrollbar-thumb {
    background: #c7c7c7;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 9999px
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar {
    align-items: center;
    background-color: var(--primary-white);
    border: var(--primary-gray-600-1-px);
    border-bottom: none;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    justify-content: flex-start;
    width: 100%
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar .increase-editor,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar .increase-editor {
    border-left: var(--primary-gray-600-1-px)
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar [data-action=tailwind-docs],.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar [data-action=tailwind-docs] {
    background-color: var(--primary-dark-blue-500);
    color: var(--primary-white);
    margin-left: auto
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar [data-action=tailwind-docs]:hover,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar [data-action=tailwind-docs]:hover {
    background-color: var(--primary-gray-450);
    color: var(--primary-black)
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar [data-action=tailwind-docs] i,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar [data-action=tailwind-docs] i {
    font-size: 22px;
    line-height: 24px;
    margin-right: .2em
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>:last-child,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar>:last-child {
    margin-right: 0
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions {
    background-color: var(--primary-gray-450);
    width: 100%
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>:last-child,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions>:last-child {
    margin-right: 0
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .toolbar-action,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .toolbar-action {
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .toolbar-action>*,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .toolbar-action>* {
    margin-right: 8px;
    margin-top: 4px
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .toolbar-action .icon-cancel,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .toolbar-action .icon-cancel {
    line-height: 32px;
    vertical-align: middle
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .toolbar-action .close,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .toolbar-action .close {
    color: var(--primary-gray-750);
    margin-left: auto;
    opacity: 1
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .toolbar-action .btn-mini,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .toolbar-action .btn-mini {
    color: var(--primary-gray-800)
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace input[type=text],.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace input[type=text] {
    max-width: 160px
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace input[name=query],.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace input[name=query] {
    padding-right: 20px
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace input[name=query].error,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace input[name=query].error {
    border-color: var(--primary-red-550);
    color: var(--primary-red-550)
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace .clear-search,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace .clear-search {
    cursor: pointer;
    left: -26px;
    margin-right: 0;
    position: relative;
    visibility: hidden
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace .clear-search i,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace .clear-search i {
    color: var(--primary-gray-750);
    font-size: 14px
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace .find-next,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace .find-next {
    margin-left: 8px
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace label.isRegex-label,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace label.isRegex-label {
    margin-left: -8px
}

#code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace label.replaceText-label,.code-editor .code-editor-toolbar-wrapper .code-editor-toolbar-actions .findreplace label.replaceText-label {
    margin-left: 8px
}

#code-editor .code-editor-sub-toolbar,.code-editor .code-editor-sub-toolbar {
    align-items: center;
    background-color: var(--primary-gray-150);
    border: var(--primary-gray-600-1-px);
    border-bottom: none;
    display: flex;
    height: 30px;
    justify-content: flex-start;
    width: 100%
}

#code-editor .code-editor-sub-toolbar~div.CodeMirror,.code-editor .code-editor-sub-toolbar~div.CodeMirror {
    border-top-color: var(--primary-gray-400)
}

#code-editor .code-editor-sub-toolbar .hint-pill,.code-editor .code-editor-sub-toolbar .hint-pill {
    background: var(--primary-blue-300);
    border-radius: 9999px;
    color: var(--primary-white);
    cursor: pointer;
    display: inline-block;
    font-size: .95em;
    padding: 2px 8px
}

#code-editor .code-editor-sub-toolbar .hint-pill:hover,.code-editor .code-editor-sub-toolbar .hint-pill:hover {
    background: var(--primary-blue-200)
}

#code-editor div.CodeMirror,.code-editor div.CodeMirror {
    border: var(--primary-gray-600-1-px);
    flex: 1 1 auto;
    font-family: Menlo,Monaco,Consolas,Courier New,monospace;
    font-size: 13px;
    line-height: 1.3;
    width: 100%
}

#code-editor div.CodeMirror-linenumber,.code-editor div.CodeMirror-linenumber {
    color: var(--primary-gray-700)
}

#account-toolbars-view .name {
    width: 50%
}

#account-toolbar-view fieldset.preview {
    position: relative
}

#account-toolbar-view fieldset .regular-heading {
    font-size: 14px;
    padding: 0 12px
}

#account-toolbar-view .control-group {
    flex-direction: row
}

#account-toolbar-view .control-group#button-selector {
    flex-direction: column;
    margin-top: 36px;
    padding: 0 12px;
    position: relative
}

#account-toolbar-view .control-group#button-selector .toolbar-font-group {
    align-items: center;
    background-color: var(--primary-white);
    border: var(--primary-gray-600-1-px);
    display: flex;
    justify-content: space-between;
    padding: 0 8px;
    width: 100px
}

#account-toolbar-view .well {
    padding: 7px 9px
}

#account-toolbar-view .well h6 {
    margin: 0 0 5px
}

#account-toolbar-view #toolbar-preview {
    position: relative
}

#account-toolbar-view #toolbar-preview table {
    height: auto!important
}

#account-toolbar-view #toolbar-preview table.mceToolbar {
    margin: 3px
}

#account-toolbar-view #toolbar-preview table .mceIframeContainer {
    border-bottom: none!important
}

#account-toolbar-view #toolbar-preview table .mceIframeContainer iframe {
    display: none!important
}

#account-toolbar-view #toolbar-preview .defaultSkin a.mceButtonEnabled:hover {
    background-color: transparent;
    border-color: transparent
}

#account-toolbar-view #toolbar-preview .defaultSkin .mceButtonDisabled .mceIcon {
    filter: alpha(opacity=100);
    opacity: 1
}

#account-toolbar-view #toolbar-preview-overlay {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 11
}

#account-toolbar-view .help-block {
    margin: 6px 0
}

#account-toolbar-view .select-buttons {
    margin-right: 12px;
    margin-top: -5px
}

#account-toolbar-view .button-select li {
    border: var(--primary-gray-600-1-px);
    cursor: pointer;
    margin: 3px;
    padding: 4px;
    text-align: center
}

#account-toolbar-view .button-select li:focus {
    outline: var(--primary-blue-250-2-px)
}

#account-toolbar-view .button-select li.selected {
    background-color: var(--primary-gray-250)
}

#account-toolbar-view .button-select li .mceIcon {
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    vertical-align: text-bottom;
    width: unset
}

#account-toolbar-view .button-select li .mceIcon.mce_icon_separator {
    display: none
}

#account-toolbar-view .button-select li input {
    display: inline-block;
    margin: 3px 0
}

#account-toolbar-view .form-actions {
    background-color: transparent;
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

input[readonly].file-chooser {
    background-color: var(--primary-white)
}

div.publish-progress {
    font-size: 18px;
    text-align: center
}

#page-analytics-view .main-right {
    float: none
}

#page-analytics-view #activity h4 {
    float: left;
    margin: 5px 10px 0 0
}

#page-analytics-view #trends h4 {
    margin: 0 0 10px
}

#page-analytics-view .chart {
    border: var(--primary-gray-600-1-px);
    border-radius: 3px;
    float: left;
    margin: 0 18px 18px 0;
    padding: 10px
}

#page-analytics-view .chart h5 {
    margin: 0;
    text-align: center
}

.find-replace-view form textarea {
    font: 13px Menlo,Consolas,monospace
}

#find-replace-view .panel-description,#replace-results-view .panel-description {
    display: flex;
    flex-wrap: wrap
}

#find-replace-view .panel-description .panel-50,#replace-results-view .panel-description .panel-50 {
    width: 50%
}

#find-replace-view .panel-description .panel-100,#replace-results-view .panel-description .panel-100 {
    width: 100%
}

#find-replace-view .panel-description li,#replace-results-view .panel-description li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#find-replace-view .panel-description ul.flush-bottom,#replace-results-view .panel-description ul.flush-bottom {
    margin-bottom: 0
}

#version-compare-view .version-compare-heading {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px
}

#version-compare-view .content .controls {
    margin-bottom: 10px;
    margin-left: 15px
}

#version-compare-view .content .controls #version-selector {
    display: inline-block;
    margin-bottom: 0
}

#version-compare-view .content .controls #version-selector input {
    width: 60px
}

#version-compare-view .content .controls #version-selector .input-prepend {
    display: inherit
}

#version-compare-view .content .controls #version-selector button {
    height: 32px;
    position: relative;
    top: -1px;
    width: 32px
}

#version-compare-view .content .controls #version-selector button i {
    font-size: 20px
}

#version-compare-view .content .controls #mode-selector button {
    height: 32px;
    min-width: 60px
}

#version-compare-view .content .controls [data-action=toggle-includes] {
    height: 32px;
    min-width: 110px
}

#version-compare-view .content .controls #mode-selector,#version-compare-view .content .controls [data-action=toggle-includes] {
    margin-left: 20px
}

#version-compare-view #frame-wrapper.loading {
    background: url(/resources/images/loading-big.gif) no-repeat 50%
}

#version-compare-view #frame-wrapper #compare-frame {
    background-color: var(--primary-white);
    background: none;
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    box-sizing: border-box
}

#version-compare-view #frame-wrapper #compare-frame.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#version-compare-view #frame-wrapper #compare-frame.padded-children>* {
    padding: 15px
}

#gallery-view #thumbnail-sizing .controls input {
    padding-right: 16px;
    width: 72px
}

#gallery-view #thumbnail-sizing .controls .input-icon {
    color: var(--primary-blue-550)
}

#gallery-view #thumbnail-sizing .mid-label {
    line-height: 32px;
    margin-left: 22px
}

#gallery-view #thumbnail-sizing #ldp-gallery-set-size {
    height: 32px;
    margin-left: 22px
}

#gallery-view #ldp-gallery-thumbview {
    background: var(--primary-gray-250);
    border: var(--primary-gray-600-1-px-dashed);
    display: flex;
    height: 100px;
    justify-content: center;
    margin-top: 10px;
    max-width: 500px;
    overflow: hidden;
    vertical-align: middle;
    width: 100px
}

#gallery-view #ldp-gallery-thumbview i {
    font-size: 26px;
    margin: auto
}

#gallery-view .ui-resizable {
    position: relative
}

#gallery-view .ui-resizable-handle {
    display: block;
    font-size: .1px;
    position: absolute
}

#gallery-view .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    left: 0;
    top: -5px;
    width: 100%
}

#gallery-view .ui-resizable-ne {
    cursor: ne-resize;
    height: 9px;
    right: -5px;
    top: -5px;
    width: 9px
}

#gallery-view .ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px
}

#gallery-view .ui-resizable-se {
    bottom: 1px;
    cursor: se-resize;
    height: 12px;
    right: 1px;
    width: 12px
}

#gallery-view .ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%
}

#gallery-view .ui-resizable-sw {
    bottom: -5px;
    cursor: sw-resize;
    height: 9px;
    left: -5px;
    width: 9px
}

#gallery-view .ui-resizable-w {
    cursor: w-resize;
    height: 100%;
    left: -5px;
    top: 0;
    width: 7px
}

#gallery-view .ui-resizable-nw {
    cursor: nw-resize;
    height: 9px;
    left: -5px;
    top: -5px;
    width: 9px
}

#gallery-view label.uncropped-thumbnail {
    margin-bottom: 10px
}

#gallery-view label.uncropped-thumbnail img {
    margin-left: 7px
}

#gallery-view label.cropped-thumbnail img {
    margin-left: 24px
}

#gallery-view fieldset#ldp-gallery-images .controls {
    max-width: 100%
}

#gallery-view fieldset#ldp-gallery-images #upload-drop {
    align-items: center;
    bottom: 0;
    display: block;
    display: flex;
    flex-direction: column;
    height: 230px;
    justify-content: center;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 5
}

#gallery-view fieldset#ldp-gallery-images #upload-drop .icon-cloud-upload {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 4px;
    pointer-events: none
}

#gallery-view fieldset#ldp-gallery-images #upload-drop p {
    margin-bottom: 20px;
    pointer-events: none
}

#gallery-view .ldp-gallery-image-header {
    height: 32px
}

#gallery-view li.card {
    border: var(--primary-gray-400-1-px);
    float: left;
    margin: 12px 10px;
    padding: 0;
    position: relative;
    width: 288px
}

#gallery-view li.card a.remove-image {
    color: var(--primary-gray-800);
    font-size: 15px;
    padding: 5px 8px 4px;
    position: absolute;
    right: 0;
    top: 0
}

#gallery-view li.card a.remove-image i {
    background-color: var(--primary-white)
}

#gallery-view li.card a.remove-image:hover {
    text-decoration: none
}

#gallery-view li.card .img-wrapper {
    cursor: move;
    height: 150px;
    margin-bottom: 10px;
    margin-top: 34px;
    padding: 0 10px;
    position: relative;
    text-align: center
}

#gallery-view li.card .img-wrapper>img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    right: 0;
    top: 0
}

#gallery-view li.card .img-wrapper .ldp-gallery-loader {
    background-color: var(--primary-white-8);
    border-radius: 5px;
    bottom: 0;
    display: none;
    height: 20px;
    left: 0;
    margin: auto;
    padding: 5px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 110px
}

#gallery-view li.card .img-wrapper .ldp-gallery-loader>img {
    height: 20px;
    position: relative;
    top: -2px
}

#gallery-view li.card .img-wrapper .ldp-gallery-loader span {
    margin-left: 2px
}

#gallery-view li.card .control-group.card-controls {
    flex-direction: column
}

#gallery-view li.card .control-group.card-controls .controls {
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px
}

#gallery-view li.card .control-group.card-controls .controls label {
    margin-bottom: 0
}

#gallery-view li.card .control-group.card-controls .controls textarea {
    display: block;
    height: 55px;
    padding: 2px 4px
}

#gallery-view li.card .control-group.card-controls .controls input {
    height: 27px;
    padding: 4px
}

#gallery-view li.card.compact {
    height: 200px;
    margin: 14px;
    width: 200px
}

#gallery-view li.card.compact .controls {
    display: none
}

#gallery-view li.card.compact .img-wrapper {
    margin-bottom: 10px;
    margin-left: 0;
    width: auto
}

.ldp-gallery-thumbview-resizable-helper {
    border: var(--primary-gray-600-1-px-dashed)
}

#image-edit-view .nav-fixed-left .image-editor-options-footer {
    *zoom:1;background-color: var(--primary-gray-200);
    border-radius: 0 0 6px 6px;
    border-top: var(--primary-gray-400-1-px);
    margin-bottom: 0;
    padding: 10px 15px;
    text-align: right
}

#image-edit-view .nav-fixed-left .image-editor-options-footer .btn-group .btn {
    margin-left: -1px
}

#image-edit-view .nav-fixed-left .image-editor-options-footer .btn-block {
    margin-left: 0
}

#image-edit-view .nav-fixed-left .image-editor-options-footer .btn {
    margin-bottom: 0;
    margin-left: 5px
}

#image-edit-view .nav-fixed-left .image-editor-options-footer:after,#image-edit-view .nav-fixed-left .image-editor-options-footer:before {
    content: "";
    display: table;
    line-height: 0
}

#image-edit-view .nav-fixed-left .image-editor-options-footer:after {
    clear: both
}

#image-edit-view #page-access {
    margin-top: 37px
}

#image-edit-view #editor-form {
    margin-bottom: 10px
}

#image-edit-view #editor-workspace {
    margin-bottom: 0;
    min-width: auto
}

#image-edit-view #editor-workspace h4 {
    margin-bottom: 0
}

#image-edit-view #size-estimate {
    color: var(--primary-gray-800);
    font-weight: inherit
}

#image-edit-view #size-estimate #size-warning strong {
    color: var(--primary-red-550)
}

#image-edit-view #image-editor-workspace {
    list-style: none
}

#image-edit-view #image-editor-workspace img {
    height: 150px;
    padding: 24px 12px 0 6px;
    width: 150px
}

#image-edit-view #image-editor-workspace li {
    display: inline
}

#image-edit-view .editor-container {
    box-sizing: border-box;
    overflow: auto;
    padding: 10px;
    position: relative;
    width: 100%
}

#image-edit-view .image-container {
    display: inline-block;
    line-height: 0;
    position: relative;
    transform-origin: left top
}

#image-edit-view .jcrop-holder .jcrop-keymgr {
    display: none!important
}

#image-edit-view .jcrop-holder #image-editor-showsel {
    background-color: var(--primary-white);
    color: var(--primary-black);
    display: inline-block;
    height: 25px;
    padding: 3px 6px;
    position: relative;
    text-align: center;
    z-index: 600
}

#image-edit-view .jcrop-holder #image-editor-showsel i {
    margin-right: 5px
}

#image-edit-view .image-editor-resizeopts {
    display: none
}

#image-edit-view .image-editor-resizeopts form {
    margin: 0
}

#image-edit-view .image-editor-resizeopts form .wrapper {
    padding: 10px 24px
}

#image-edit-view .image-editor-resizeopts form .wrapper .inline {
    line-height: 33px
}

#image-edit-view .image-editor-resizeopts form .wrapper #image-editor-preserve-ratio {
    margin-bottom: 2px;
    width: 20px
}

#image-edit-view .image-editor-zoomopts #image-editor-setfit,#image-edit-view .image-editor-zoomopts #image-editor-setoriginal {
    margin-bottom: 12px;
    width: 100%
}

#image-edit-view .image-editor-zoomopts .image-editor-opts .image-editor-zoom-controls {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 11px
}

#image-edit-view .image-editor-zoomopts .image-editor-opts .image-editor-zoom-controls i {
    font-size: 20px;
    line-height: 20px;
    margin-right: 0
}

#image-edit-view .image-editor-zoomopts .image-editor-opts .image-editor-zoom-controls .image-editor-width {
    height: 36px;
    margin: 0 12px
}

#image-edit-view .image-editor-resizeopts,#image-edit-view .image-editor-zoomopts {
    border: var(--primary-gray-600-1-px)
}

#image-edit-view .image-editor-opts {
    padding: 0 24px
}

#image-edit-view #image-editor-redo.disabled,#image-edit-view #image-editor-undo.disabled {
    background: var(--primary-gray-250);
    color: var(--primary-gray-700);
    cursor: pointer
}

#image-edit-view #form-submit-status {
    right: 250px
}

#ldp-elements {
    margin-bottom: 10px
}

#ldp-elements:after,#ldp-elements:before {
    content: " ";
    display: table
}

#ldp-elements:after {
    clear: both
}

#ldp-elements #gallery-images {
    list-style-type: none;
    margin: 0
}

#ldp-elements li.img {
    background-color: var(--primary-white);
    border: var(--primary-gray-600-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    float: left;
    font-size: 12px;
    margin: 12px 10px;
    padding: 0;
    position: relative;
    width: 230px;
    width: 325px
}

#ldp-elements li.img.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#ldp-elements li.img.padded-children>* {
    padding: 15px
}

#ldp-elements li.img label {
    font-size: 12px;
    left: 6px;
    top: 6px
}

#ldp-elements li.img a.remove-image {
    border-bottom: var(--primary-gray-600-1-px);
    border-left: var(--primary-gray-600-1-px);
    color: var(--primary-gray-800);
    color: var(--primary-black);
    float: right;
    font-size: 16px;
    margin: 0;
    padding: 5px 10px 4px 9px;
    position: absolute;
    position: inherit;
    right: -8px;
    top: -9px
}

#ldp-elements li.img a.remove-image i {
    background-color: var(--primary-white)
}

#ldp-elements li.img img {
    max-height: 200px;
    max-width: 200px
}

#ldp-elements li.img .img-wrapper {
    cursor: move;
    height: 128px;
    height: 150px;
    margin-bottom: 22px;
    width: 324px
}

#ldp-elements li.img input,#ldp-elements li.img textarea {
    font-size: 12px;
    margin-top: 5px;
    padding: 0 4px
}

#ldp-elements li.img .ldp-gallery-thumbnail-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px
}

#ldp-elements li.img .ldp-gallery-thumbnail-image[alt] {
    font-size: 14px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

#ldp-elements li.img .fields .field-55 {
    height: 55px
}

#ldp-elements li.img .fields .field-100,#ldp-elements li.img .fields .field-55 {
    border: var(--primary-gray-400-1-px);
    margin-bottom: 5px;
    margin-right: 15px;
    overflow-y: auto;
    padding: 5px
}

#ldp-elements li.img .fields .field-100 {
    height: 100px
}

#ldp-elements li.img .fields dt {
    width: 100px
}

#ldp-elements li.img .fields dd {
    margin-left: 110px
}

#ldp-elements .ui-resizable {
    position: relative
}

#ldp-elements .ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px
}

#ldp-elements .ui-resizable-handle {
    display: block;
    font-size: .1px;
    position: absolute
}

#ldp-elements .ldp-gallery-loader {
    display: none;
    position: absolute;
    top: 184px;
    width: 160px
}

#ldp-elements .ldp-gallery-loader>img {
    height: 20px;
    left: 122px;
    position: relative;
    top: -1px
}

#ldp-elements .ldp-gallery-loader span {
    display: block;
    float: left;
    left: 120px;
    position: relative;
    top: -2px
}

#ldp-emails {
    margin-bottom: 10px
}

#ldp-emails:after,#ldp-emails:before {
    content: " ";
    display: table
}

#ldp-emails:after {
    clear: both
}

#ldp-emails .element-header-actions {
    display: none
}

#ldp-xml pre {
    white-space: pre-wrap
}

#ldp-xml pre:focus:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#ldp-xml pre.nowrap {
    word-wrap: normal;
    overflow: auto;
    white-space: nowrap;
    word-break: break-all
}

.archived-box {
    margin-right: 10px;
    margin-top: 3px
}

.archived-box #archive-switch {
    font-size: 20px
}

.archived-box label {
    color: var(--primary-gray-750);
    display: inline-block;
    font-weight: 400;
    position: relative;
    top: 1px
}

#multi-edit .image-control-group {
    margin-top: -20px
}

#multi-edit .image-control-group .image-helper {
    margin-top: 5px
}

#multi-edit .image-control-group .image-helper img {
    display: block;
    margin-top: 10px;
    max-width: 100%
}

#multi-edit textarea[rows] {
    height: auto;
    max-height: none
}

#template-options .input-append {
    position: relative
}

#template-options .input-append input[type=text] {
    width: 387px
}

#template-options .input-append input.file-chooser {
    width: 336px
}

#template-options .input-append .clear-input {
    line-height: 0;
    padding: 3px;
    position: absolute;
    right: 38px
}

#template-options .input-append .clear-input i {
    font-size: 14px
}

#template-options .input-append+.help-block {
    margin-top: 6px
}

#page-preview-view #asset-properties dd,#page-preview-view #asset-properties dt,#page-preview-view .ldp-summary-div dd,#page-preview-view .ldp-summary-div dt {
    word-wrap: break-word;
    max-width: 540px;
    min-height: 20px;
    padding-bottom: 5px
}

#page-preview-view #asset-properties dt,#page-preview-view .ldp-summary-div dt {
    width: 170px!important
}

#page-preview-view #ldp-elements li.img .img-wrapper {
    cursor: auto
}

#page-preview-view #ldp-elements li.img:focus:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#page-preview-view #preview-iframe:not(.webcontent-preview-iframe) {
    background-color: var(--primary-white);
    border: none;
    border-radius: 2px;
    box-shadow: var(--primary-shadow)
}

#page-preview-view #preview-iframe:not(.webcontent-preview-iframe).column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#page-preview-view #preview-iframe:not(.webcontent-preview-iframe).padded-children>* {
    padding: 15px
}

#page-preview-view .layout-preview-wrapper #preview-iframe {
    box-shadow: none
}

#page-edit-preview-view #edit-iframe {
    background-color: var(--primary-white);
    border: none;
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    height: calc(100vh - 200px);
    width: 100%
}

#page-edit-preview-view #edit-iframe.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#page-edit-preview-view #edit-iframe.padded-children>* {
    padding: 15px
}

#page-edit-preview-view div.multi-edit {
    padding: 10px 0;
    text-align: center
}

.preview-loading-placeholder {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    margin: 60px auto;
    padding: 15px;
    text-align: center;
    width: 500px
}

.preview-loading-placeholder:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

.preview-loading-placeholder.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.preview-loading-placeholder.padded-children>* {
    padding: 15px
}

.preview-loading-placeholder i {
    font-size: 40px
}

.preview-loading-placeholder i.icon-info {
    color: var(--primary-blue-550)
}

.preview-loading-placeholder i.icon-notification {
    color: var(--primary-red-550)
}

.preview-loading-placeholder button:first-child {
    margin-left: 5px
}

.preview-loading-placeholder p {
    margin-top: 5px
}

#zip-import-view {
    word-wrap: break-word;
    word-break: break-all
}

#zip-import-view #preamble {
    padding-bottom: 10px
}

#zip-import-view #options {
    padding-bottom: 20px
}

#zip-import-view #options .control-group {
    margin-bottom: 0
}

#zip-import-view #options .control-group .control-label {
    width: 160px;
    word-break: break-word
}

#zip-import-view #tree {
    overflow: auto;
    padding: 2px
}

#templategroup-edit .btn-new-placeholder {
    margin-bottom: 15px
}

#templategroup-edit .btn-new-placeholder i[class^=icon-] {
    color: var(--primary-gray-800);
    font-size: 30px
}

#templategroup-edit .template-container {
    grid-gap: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: flex-start;
    padding: initial;
    width: 100%
}

@media screen and (min-width: 1120px) {
    #templategroup-edit .template-container {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media screen and (min-width: 1360px) {
    #templategroup-edit .template-container {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

@media screen and (min-width: 1600px) {
    #templategroup-edit .template-container {
        grid-template-columns:1fr 1fr 1fr 1fr 1fr
    }
}

#templategroup-edit .template-container .template-card {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-1-px);
    border-radius: 2px;
    box-shadow: var(--primary-shadow);
    cursor: pointer;
    overflow: hidden;
    padding: 15px;
    width: 100%
}

#templategroup-edit .template-container .template-card.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#templategroup-edit .template-container .template-card.padded-children>* {
    padding: 15px
}

#templategroup-edit .template-container .template-card:focus:focus {
    border-color: transparent;
    box-shadow: var(--primary-black-shadow-2);
    outline: none
}

#templategroup-edit .template-container .template-card:hover {
    background-color: var(--list-row-hover)
}

#templategroup-edit .template-container .template-card.selected {
    background-color: var(--list-row-selected)
}

#templategroup-edit .template-container .template-card.selected:hover {
    background-color: var(--list-row-selected-hover)
}

#templategroup-edit .template-container .template-card .template-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    overflow: hidden;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#templategroup-edit .template-container .template-card .template-title .template-checkbox {
    display: inline-block;
    padding-top: 0;
    text-decoration: none
}

#templategroup-edit .template-container .template-card .template-title .template-checkbox:active,#templategroup-edit .template-container .template-card .template-title .template-checkbox:focus,#templategroup-edit .template-container .template-card .template-title .template-checkbox:hover {
    text-decoration: none
}

#templategroup-edit .template-container .template-card .thumbnail {
    text-align: center
}

#templategroup-edit .template-container .template-card .thumbnail img {
    height: 180px;
    max-height: 180px;
    max-width: 180px;
    width: 180px
}

#multi-browser-select-view .count {
    color: var(--primary-blue-400)
}

#multi-browser-select-view #mbp-select {
    background-color: var(--primary-white);
    border: var(--primary-gray-400-2-px);
    margin: 10px 0 30px;
    overflow: auto;
    padding-bottom: 20px;
    text-align: center
}

#multi-browser-select-view #mbp-select #mbp-select-header {
    background-color: var(--primary-white);
    border-bottom: var(--primary-gray-400-1-px);
    padding: 15px 20px;
    position: sticky;
    text-align: initial;
    top: 0
}

#multi-browser-select-view #mbp-select #mbp-select-header button.reset {
    background: none;
    color: var(--primary-gray-800);
    height: unset;
    margin-left: 8px;
    padding: 0;
    text-transform: none
}

#multi-browser-select-view #mbp-select #mbp-select-header button.reset:hover {
    box-shadow: none
}

#multi-browser-select-view #mbp-select #mbp-select-header button.reset i {
    color: var(--primary-gray-800);
    font-size: 18px;
    margin-right: 3px
}

#multi-browser-select-view #mbp-select #mbp-select-inner {
    display: inline-block;
    text-align: initial
}

#multi-browser-select-view #mbp-select #mbp-select-inner>div {
    margin-top: 20px
}

#multi-browser-select-view #mbp-select #mbp-select-inner>div .mbp-selection-heading {
    font-size: 18px
}

#multi-browser-select-view #mbp-select #mbp-select-inner>div.mobile form.options {
    margin-top: 20px
}

#multi-browser-select-view #mbp-select #bottom-controls {
    margin-top: 20px;
    text-align: right
}

#multi-browser-select-view table.browser-select {
    -webkit-user-select: none;
    user-select: none
}

#multi-browser-select-view table.browser-select th {
    padding: 8px;
    text-align: left;
    width: 150px
}

#multi-browser-select-view table.browser-select td {
    padding: 8px;
    vertical-align: top;
    width: 150px
}

#multi-browser-select-view table.browser-select td ul {
    margin: 0
}

#multi-browser-select-view table.browser-select td ul li {
    cursor: pointer;
    line-height: 16px;
    margin: 3px;
    min-width: 30px;
    padding: 5px;
    text-align: center
}

#multi-browser-select-view table.browser-select td ul li:hover {
    background: var(--list-row-hover)
}

#multi-browser-select-view table.browser-select td ul li:focus {
    box-shadow: var(--primary-black-shadow-2-inset);
    outline: none
}

#multi-browser-select-view table.browser-select td ul li.selected {
    background: var(--list-row-selected)
}

#multi-browser-select-view table.browser-select td ul li.selected:hover {
    background: var(--list-row-selected-hover)
}

#multi-browser-select-view table.browser-select td ul.devices {
    display: inline-block;
    min-width: 20ex;
    vertical-align: top
}

#multi-browser-select-view table.browser-select td ul.devices:focus {
    outline: var(--primary-black-2-px)
}

#multi-browser-select-view table.browser-select td ul.devices li {
    text-align: left
}

#multi-browser-select-view table.browser-select td ul.devices li.vendor {
    font-weight: 700
}

#multi-browser-select-view table.browser-select td[data-browser] {
    border-top: var(--primary-gray-400-1-px)
}

#multi-browser-select-view table.browser-select td[data-browser]:focus {
    outline: var(--primary-black-2-px)
}

#multi-browser-select-view table.browser-select td[data-browser=opera] ul li {
    min-width: 38px
}

#multi-browser-select-view table.browser-select td.os-version {
    border-top: var(--primary-gray-400-1-px);
    font-weight: 700;
    min-width: 120px;
    padding-top: 10px;
    text-align: right
}

#multi-browser-select-view table.browser-select td.devices {
    border-top: var(--primary-gray-400-1-px);
    width: auto
}

#site-check-view #sitecheck-files {
    margin-bottom: 60px
}

#sitecheck-running-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 100%
}

#sitecheck-running-container .sitecheck-running {
    flex: 1 1 auto;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    top: 0
}

#sitecheck-running-container .sitecheck-running .text {
    margin: 0 auto;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    width: -moz-fit-content;
    width: fit-content
}

#sitecheck-running-container .sitecheck-running .text:focus {
    outline: var(--primary-black-2-px)
}

#sitecheck-running-container .sitecheck-running .icon-info {
    font-size: 50px;
    line-height: 56px
}

#orphancheck-running-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 100%
}

#orphancheck-running-container .orphancheck-running {
    flex: 1 1 auto;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    top: 0
}

#orphancheck-running-container .orphancheck-running .text {
    margin: 0 auto;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    width: -moz-fit-content;
    width: fit-content
}

#orphancheck-running-container .orphancheck-running .text:focus {
    outline: var(--primary-black-2-px)
}

#orphancheck-running-container .orphancheck-running .icon-info {
    font-size: 50px;
    line-height: 56px
}

.analytics-console {
    position: relative
}

.analytics-console #top-controls {
    display: flex;
    margin: 12px 40px 15px 15px
}

.analytics-console #top-controls .icon-home {
    cursor: pointer;
    font-size: 25px;
    line-height: 28px
}

.analytics-console #top-controls .icon-home.blue {
    color: var(--primary-blue-400)
}

.analytics-console #top-controls .icon-home:focus {
    outline: var(--primary-black-2-px)
}

.analytics-console #top-controls #date-range {
    display: flex;
    margin-left: auto
}

.analytics-console #top-controls #date-range .input-append {
    align-items: center;
    display: flex
}

.analytics-console #top-controls #date-range .input-append button i {
    margin-right: 0
}

.analytics-console #date-range>* {
    margin: 0 0 0 5px
}

.analytics-console #date-range-input {
    text-align: center;
    width: 190px
}

.analytics-console .pager {
    cursor: pointer;
    display: none;
    height: 40px;
    position: absolute;
    top: 180px;
    width: 40px;
    z-index: 2
}

.analytics-console .pager:focus {
    outline: none
}

.analytics-console .pager:focus i {
    outline: var(--primary-blue-250-2-px)
}

.analytics-console .pager i {
    bottom: 0;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px
}

.analytics-console .pager#page-left {
    left: 0
}

.analytics-console .pager#page-right {
    right: 0
}

.analytics-console #charts-wrapper {
    height: 300px;
    overflow: hidden;
    padding: 0 40px 0 20px;
    position: relative
}

.analytics-console #bigcharts,.analytics-console #charts {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.analytics-console .chart-outer {
    box-sizing: border-box;
    display: inline-block;
    padding-left: 20px;
    width: 33.33%
}

.analytics-console .chart-outer:not(.filler) {
    min-width: 279px
}

.analytics-console .chart-outer.paged-out {
    visibility: hidden
}

.analytics-console .chart-outer:focus {
    outline: none
}

.analytics-console .chart-outer:focus .chart-inner {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset)
}

.analytics-console .chart-inner {
    border: var(--primary-gray-600-1-px);
    border-radius: 4px;
    padding: 9px
}

.analytics-console .chart-inner.highlight {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset)
}

.analytics-console .chart-title {
    border-bottom: var(--primary-gray-400-1-px);
    color: var(--primary-blue-400);
    font-size: 16px;
    line-height: normal;
    max-height: 22px;
    padding-bottom: 5px
}

.analytics-console .chart-title i.expand {
    display: none;
    font-size: 16px
}

.analytics-console .chart-title:hover i.expand {
    display: block
}

.analytics-console .chart {
    height: 254px
}

.analytics-console .chart.loading {
    background: url(/resources/images/loading-big.gif) no-repeat 50%
}

.analytics-console .chart.GeoChart path {
    stroke: var(--primary-gray-650)
}

.analytics-console .chart .chart-error {
    bottom: 0;
    color: var(--primary-red-400);
    left: 0;
    margin: auto;
    max-height: 25%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    white-space: normal;
    width: 80%
}

.analytics-console #charts .chart-inner {
    cursor: pointer
}

.analytics-console #charts .chart {
    cursor: default
}

.analytics-console #bigcharts {
    overflow: hidden
}

.analytics-console #bigcharts .chart-outer {
    width: 100%
}

.analytics-console #bigcharts .chart-inner {
    border: none;
    padding: 0
}

.analytics-console #bigcharts .chart {
    height: 300px;
    width: 55%
}

.analytics-console #bigcharts .chart:focus {
    outline: none
}

.analytics-console #bigcharts .chart:focus svg {
    outline: var(--primary-dark-blue-500-2-px);
    outline-offset: -2px
}

.analytics-console #bigcharts .rightcol {
    height: 300px;
    width: 45%
}

.analytics-console #bigcharts .rightcol:focus {
    outline: none
}

.analytics-console #bigcharts .rightcol:focus .callout {
    box-shadow: var(--primary-dark-blue-400-shadow-2-inset)
}

.analytics-console #bigcharts .callout {
    background-color: var(--primary-gray-200);
    border-radius: 0;
    height: 250px;
    margin: 10px 0 10px 10px;
    padding: 15px 20px;
    white-space: normal
}

.analytics-console #bigcharts .callout .chart-title {
    border-bottom: none;
    color: var(--primary-black);
    font-size: 18px;
    font-weight: 700;
    line-height: 1
}

.analytics-console #bigcharts .callout .blurb-wrapper {
    cursor: pointer;
    position: relative
}

.analytics-console #bigcharts .callout .blurb-wrapper.overflowed:focus {
    outline: none
}

.analytics-console #bigcharts .callout .blurb-wrapper.overflowed:focus .blurb {
    outline: var(--primary-blue-250-2-px);
    outline-offset: 1px
}

.analytics-console #bigcharts .callout .blurb-wrapper.overflowed:after {
    background-color: var(--primary-gray-200);
    bottom: 0;
    color: var(--primary-blue-500);
    content: "... More";
    font-size: 12px;
    padding: 0 10px 0 25px;
    position: absolute;
    right: 0
}

.analytics-console #bigcharts .callout .blurb-wrapper.expanded:focus {
    outline: none
}

.analytics-console #bigcharts .callout .blurb-wrapper.expanded:focus .blurb {
    outline: var(--primary-blue-250-2-px);
    outline-offset: 1px
}

.analytics-console #bigcharts .callout .blurb-wrapper.expanded:after {
    bottom: -20px;
    color: var(--primary-blue-500);
    content: "Less";
    font-size: 12px;
    padding-right: 10px;
    position: absolute;
    right: 0
}

.analytics-console #bigcharts .callout .blurb-wrapper:focus {
    outline: var(--primary-blue-250-2-px);
    outline-offset: 1px
}

.analytics-console #bigcharts .callout .blurb-wrapper .blurb {
    cursor: default;
    font-size: 13px;
    line-height: 1.5;
    max-height: 77px;
    overflow: hidden;
    transition: max-height .2s
}

.analytics-console #bigcharts .callout .blurb-wrapper .blurb>:last-child {
    margin-bottom: 0
}

.analytics-console #bigcharts .callout .data {
    padding-top: 10px;
    position: relative
}

.analytics-console #bigcharts .callout .data p {
    margin-bottom: 5px
}

.analytics-console #bigcharts .callout .data table caption {
    font-size: 13px;
    margin-bottom: 5px
}

.analytics-console #bigcharts .callout .data table td,.analytics-console #bigcharts .callout .data table th {
    vertical-align: top
}

.analytics-console #bigcharts .callout .data table td .subhead,.analytics-console #bigcharts .callout .data table th .subhead {
    font-size: 13px;
    font-weight: 400
}

.analytics-console #bigcharts .callout .data table td .subhead span,.analytics-console #bigcharts .callout .data table th .subhead span {
    padding-right: 10px;
    white-space: nowrap
}

.analytics-console #bigcharts .callout .data table .value {
    padding-left: 30px
}

.analytics-console #bigcharts .callout .data table .nowrap,.analytics-console #bigcharts .callout .data table .wonk {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.analytics-console #bigcharts .callout .data table .wonk {
    display: inline-block;
    line-height: 1.2
}

.analytics-console #bigcharts .callout .data dl {
    margin-top: 5px
}

.analytics-console #bigcharts .callout .data dd,.analytics-console #bigcharts .callout .data dt {
    line-height: 18px
}

.analytics-console #bigcharts .callout .colorbox {
    display: inline-block;
    height: 14px;
    margin: 0 8px -2px 1px;
    vertical-align: baseline;
    width: 14px
}

.analytics-console #bottom-pager {
    text-align: center
}

.analytics-console #bottom-pager .box {
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    line-height: 0px;
    padding: 5px
}

.analytics-console #bottom-pager .box.filled {
    cursor: default
}

.analytics-console #bottom-pager .box.filled .disc {
    background: var(--primary-gray-750)
}

.analytics-console #bottom-pager .disc {
    border: var(--primary-gray-600-1-px);
    border-radius: 4px;
    display: inline-block;
    height: 6px;
    width: 6px
}

.daterangepicker {
    padding: 4px
}

.daterangepicker i.fa-calendar {
    font-family: oucampus-icomoon;
    font-size: 16px;
    font-style: normal;
    line-height: 16px;
    top: 6px
}

.daterangepicker i.fa-calendar:before {
    content: "\e915"
}

.daterangepicker i.fa-chevron-left {
    font-family: oucampus-icomoon;
    font-style: normal
}

.daterangepicker i.fa-chevron-left:before {
    content: "\e903"
}

.daterangepicker i.fa-chevron-right {
    font-family: oucampus-icomoon;
    font-style: normal
}

.daterangepicker i.fa-chevron-right:before {
    content: "\e904"
}

.daterangepicker,.daterangepicker * {
    box-sizing: border-box
}

.addon-frame {
    margin: 10px 0;
    width: 100%
}

.release-notes {
    background-color: var(--primary-white)
}

.release-notes ol {
    list-style-type: none;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 10px
}

.release-notes ol>li {
    margin: 0
}

.release-notes ul {
    list-style-type: disc
}

.release-notes ul>li {
    line-height: 18px;
    margin: 5px
}

.release-notes ul>li code {
    color: var(--primary-red-700)
}

.release-notes h5 {
    font-size: 15px;
    margin-bottom: 0
}

.release-notes h6 {
    color: var(--primary-gray-700);
    font-size: 14px;
    margin-bottom: 0
}

.release-notes .feature-head {
    font-weight: 700
}

.mceListBoxMenu table {
    max-width: none
}

.no-weight {
    font-weight: 400
}

#manage_accex[aria-disabled=true] {
    background: var(--primary-btn-disabled-color);
    border-color: var(--primary-gray-400);
    color: var(--primary-gray-800);
    opacity: 1;
    pointer-events: unset;
    position: relative
}

#manage_accex[aria-disabled=true] .tooltip {
    background: var(--primary-white);
    background-color: var(--primary-white);
    border: var(--primary-gray-600-1-px);
    border-radius: 6px;
    border-radius: 2px;
    bottom: 45px;
    box-shadow: var(--primary-shadow);
    color: var(--primary-gray-800);
    display: none;
    font-weight: 400;
    left: 0;
    opacity: 1;
    padding: 10px 15px;
    position: absolute;
    text-align: left;
    width: 200px
}

#manage_accex[aria-disabled=true] .tooltip.column-fill {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#manage_accex[aria-disabled=true] .tooltip.padded-children>* {
    padding: 15px
}

#manage_accex[aria-disabled=true] .tooltip .arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: var(--primary-white-6-px);
    bottom: -6px;
    display: inline-block;
    left: 23px;
    position: absolute
}

#manage_accex[aria-disabled=true]:focus .tooltip,#manage_accex[aria-disabled=true]:hover .tooltip {
    display: block
}

.copy-options {
    padding: 15px 25px
}

.copy-options label {
    display: flex;
    font-size: 13px;
    font-weight: 400
}

.copy-options label input {
    margin-right: 10px;
    vertical-align: initial
}

.copy-options label input:active {
    box-shadow: none
}

.link-ex .btn-red,.link-ex .make-exception-btn {
    float: right;
    margin-right: 15px
}

.link-ex .block-row-card.open-exception-form .exception-form {
    min-height: 230px;
    opacity: 1;
    position: relative;
    visibility: visible
}

.link-ex .block-row-card.open-exception-form .exception-toggle {
    display: none;
    float: right
}

.link-ex .block-row-card.message {
    padding-bottom: 20px;
    position: relative
}

.link-ex .block-row-card.message .message-label {
    left: 43px;
    position: absolute
}

.link-ex .block-row-card.message .message-text {
    display: inline-block;
    margin-left: 100px
}

.link-ex .block-row-card.message .message-text code {
    color: initial;
    display: inline-block;
    white-space: normal
}

.link-ex .block-row-card.message .message-text .source-label {
    left: 0;
    position: absolute
}

.link-ex .block-row-card.message .message-text .source {
    display: inline-block;
    margin-left: 100px
}

.link-ex .block-row-card.message .message-text .source code {
    color: initial;
    display: inline-block;
    white-space: normal
}

.link-ex .block-row-card.message.flush-bottom {
    padding-bottom: 0
}

.link-ex .block-row-card.message:first-of-type {
    margin-right: 150px
}

.link-ex .block-row-card .exception-form {
    background: var(--primary-white);
    bottom: 2px;
    left: 2px;
    opacity: 0;
    position: absolute;
    right: 2px;
    top: 2px;
    visibility: hidden;
    z-index: 1
}

.link-ex .block-row-card .exception-form .form-body-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.link-ex .block-row-card .exception-form .form-body-container .form-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 15px 15px 0
}

.link-ex .block-row-card .exception-form .form-body-container .form-body .explanation {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 5px
}

.link-ex .block-row-card .exception-form .form-body-container .form-body textarea {
    height: 60px;
    margin: 0;
    resize: none
}

.link-ex .block-row-card .exception-form .form-body-container .form-body .help-block {
    font-size: 13px;
    font-style: italic
}

.link-ex .block-row-card .exception-form .form-body-container .form-body .char-counter {
    color: var(--primary-blue-550);
    display: inline;
    font-weight: 400;
    position: absolute;
    right: 55%
}

.link-ex .block-row-card .exception-form .form-body-container .form-footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 15px 15px
}

.jq-insight-ex-container .select-exception {
    float: left;
    font-size: 16px;
    line-height: 16px;
    margin: 4px;
    position: relative;
    text-decoration: none;
    width: 18px;
    z-index: 10
}

.jq-insight-ex-container .message {
    margin-right: 170px;
    padding-bottom: 40px;
    position: relative
}

.jq-insight-ex-container .message-label {
    font-size: 16px;
    left: 40px;
    position: absolute
}

.jq-insight-ex-container .link-url-ellipsis {
    margin-left: 85px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 73%
}

.jq-insight-ex-container .message-text {
    display: inline-block;
    left: 85px;
    position: absolute
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

html, body, #profiles, #sidebar, main {
    height: 100%;
    max-height: 265px;
}

body {
    background-color: transparent;
}

.glyphicon.glyphicon-refresh.loading {
    animation-name: spin;
    animation-duration: 1.8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

#start-app {
    display: table;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 265px;
    z-index: 10;
    background-color: #fff;
}

#start-app.disabled {
    cursor: auto;
}

#start-app.active:hover, #start-app.active:focus {
    background-color: #ddd;
    transition: background-color .3s;
}

#start-app > .content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 1.6em;
    transition: background-color .3s, font-size .3s;
}

#start-app.active:hover > .content, #start-app.active:focus > .content {
    font-size: 1.8em;
    transition: font-size .3s;
}

#profiles {
    display: grid;
    grid-template-columns: minmax(240px, 300px) auto;
    grid-template-rows: auto;
    grid-template-areas: "sidebar main";
}

#sidebar, main {
    overflow-y: auto;
}

#sidebar {
    grid-area: sidebar;
    position: relative;
}

#sidebar nav.panel-control a {
    cursor: pointer;
}

#sidebar>.gadget-action-container {
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #f5f5f5;
}

#sidebar>.gadget-action-container .progress {
    margin-top: 10px;
    margin-bottom: 10px;
}

#sidebar .tab-pane {
    margin: 5px;
}

#sidebar .tab-pane.tab-error.active, #sidebar .tab-pane.tab-old.active {
    display: none;
}

main {
    grid-area: main;
}

.nav li.active>a {
    background-color: #337ab7;
    color: #fff;
}

.tab-pane.panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.tab-pane>.panel-heading {
    height: 40px;
    border: none;
    border-radius: 0;
}

/* CSS styles for the popup */
#popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

#popup {
    max-width: 90%;
    width: 90vw;
    max-height: 90%;
    overflow: auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    position: relative;
}

.popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.popup-content {
    margin: 0;
    padding: 0;
}

.control-group-wrapper {
    height: auto;
    max-height: 220px;
    overflow-y: scroll;
    /* width: 70%; */
}

#popup .control-group-wrapper .control-group>label, #popup .control-group-wrapper .control-group {
    width: 95%;
    padding-top:3px;
    line-height:1.2;
}

#popup .multi-select-region {
    margin-bottom: 5px;
}

#popup-groups input[type=text] {
    width:95%;
    max-width: unset;
}

#popup .control-group>label {
    text-align: center;
}

#popup input[type=text], #popup select {
    margin:5px;
    min-width: 150px;
}

#popup .control-group {
    margin-bottom:5px;
}

#popup-groups {
    max-width: 635px;
    min-width: 150px;
}

#user-information .button-group {
    text-align: center;
     max-width: 800px;
    min-width: 150px;
}

#popup label {
    min-width: 100px;
}

#popup h4 {
    margin-bottom:0px;
}

#popup .button-group button {
    margin:2px 5px;
}

/* Additional CSS styling as per your requirements */