@import url('/fonts/inter/inter.css');

html body div {
    --scrollbarBG: #F0F0F0;
    --thumbBG: #F06742;
}

:root {
    --title-text-color: #090909;
    --subtitle-text-color: #767676;
    --main-bar-height: 72px;
    --profile-photo-width: 120px;
    --main-menu-expanded-width: 378px;

    --primaryButtonColor: rgb(240, 103, 66); /*#F06742*/
    --primaryButtonColorLight: rgba(240, 103, 66, 0.2);
    --primaryButtonColorBorder: rgba(240, 103, 66, 0.3);
    --primaryButtonColorDisabled: rgba(240, 103, 66, 0.4);
    --primaryButtonColorMid: rgba(240, 103, 66, 0.5);
    --primaryButtonColorHover: #ED8A35;
    --primaryButtonColorSlight: rgba(219, 59, 18, 0.7);
    --primaryButtonText: white;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}


html, body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif;
}

@supports (font-variation-settings: normal) {
    html {
        font-family: 'Inter var', sans-serif;
    }
}

sup {
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

html {
    /*Body 1*/
    font-size: 16px;
}

body {
    background-color: #F5F6F7;
    font-size: 16px;
    line-height: 28px;
    color: #555;
    position: relative;
    -webkit-font-smoothing: antialiased;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    cursor: default;
}

body, input, button, textarea, select {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
}

input, textarea, select {
    line-height: 29px;
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: #2a85e8;
    text-decoration: none;
    line-height: inherit
}

a:hover {
    color: #11639d
}

a:focus {
    color: #cc4714;
    outline: none
}

p a, p a:visited {
    line-height: inherit
}

ul, ol {
    margin-bottom: 18px
}

ul {
    list-style: none outside
}

ol {
    list-style: decimal
}

ol, ul.square, ul.circle, ul.disc {
    margin-left: 30px
}

ul.square {
    list-style: square outside
}

ul.circle {
    list-style: circle outside
}

ul.disc {
    list-style: disc outside
}

li {
    margin-bottom: 12px
}

ul.large li {
    line-height: 21px
}

table thead, table tfoot {
}

table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
    font-size: 15px;
    line-height: 18px;
    text-align: left
}

table thead tr th, table tfoot tr td {
    font-size: 15px;
    color: #222;
    padding: 8px 10px 10px
}

table thead tr th:first-child, table tfoot tr td:first-child {
    border-left: none
}

table thead tr th:last-child, table tfoot tr td:last-child {
    border-right: none
}

table tbody tr td {
    color: #333;
    vertical-align: top;
    border: none;
    padding: 0
}

table input
.left {
    float: left
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.highlight {
    background: #FDEA87
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit
}

h1 {
    font-size: 2.125rem;
    line-height: 44;
    font-weight: 600;
    margin-bottom: 12px
}

h2 {
    font-size: 1.375rem;
    margin-bottom: 9px;
    line-height: 32px;
    font-weight: bold;
}

h3 {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 9px
}

h4 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 6px
}

h5 {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 6px
}

h6 {
    font-size: 0.9375rem;
    font-weight: 400;
    margin-bottom: 5px
}

.subheader {
    color: #777;
    font-weight: 300;
    margin-bottom: 24px
}

p {
    line-height: 1.25;
    margin-bottom: 1em;
}

p.lead {
    font-size: 1.8rem;
    line-height: 1.5
}

em, i {
    font-style: italic;
    line-height: inherit
}

strong, b {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 60%;
    line-height: inherit
}

blockquote, blockquote p {
    line-height: 20px;
    color: #777
}

blockquote {
    border-left: 1px solid #ddd;
    margin: 0 0 18px;
    padding: 9px 20px 0 19px
}

blockquote cite {
    display: block;
    font-size: 1.2rem;
    color: #555
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a, blockquote cite a:visited {
    color: #555
}

hr {
    border: solid #ddd;
    clear: both;
    height: 0;
    border-width: 1px 0 0;
    margin-top: 12px;
    margin-bottom: 18px;
}

abbr, acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222;
    border-bottom: 1px solid #ddd;
    cursor: help
}

abbr {
    text-transform: none
}

.print-only {
    display: none !important
}

.row {
    width: 100%;
    max-width: 1100px; /*min-width: 727px;*/
    margin: 0 auto
}

.column, .columns {
    margin-left: 4.4%;
    float: left;
    min-height: 1px;
    position: relative
}

.columns .force-left {
    margin-left: 0px !important
}

.row .one {
    width: 4.3%
}

.row .two {
    width: 13%
}

.row .three {
    width: 21.679%
}

.row .four {
    width: 30.37%
}

.row .five {
    width: 39.1%
}

.row .six {
    width: 47.8%
}

.row .seven {
    width: 56.5%
}

.row .eight {
    width: 65.2%
}

.row .nine {
    width: 73.9%
}

.row .ten {
    width: 82.6%
}

.row .eleven {
    width: 91.3%
}

.row .offset-by-one {
    margin-left: 13.1%
}

.row .offset-by-two {
    margin-left: 21.8%
}

.row .offset-by-three {
    margin-left: 30.5%
}

.row .offset-by-four {
    margin-left: 39.2%
}

.row .offset-by-five {
    margin-left: 47.9%
}

.row .offset-by-six {
    margin-left: 56.6%
}

.row .offset-by-seven {
    margin-left: 65.3%
}

.row .offset-by-eight {
    margin-left: 74%
}

.row .offset-by-nine {
    margin-left: 82.7%
}

.row .offset-by-ten {
    margin-left: 91.4%
}

.row .centered {
    float: none;
    margin: 0 auto
}

.row .offset-by-one:first-child {
    margin-left: 8.7%
}

.row .offset-by-two:first-child {
    margin-left: 17.4%
}

.row .offset-by-three:first-child {
    margin-left: 26.1%
}

.row .offset-by-four:first-child {
    margin-left: 34.8%
}

.row .offset-by-five:first-child {
    margin-left: 43.5%
}

.row .offset-by-six:first-child {
    margin-left: 52.2%
}

.row .offset-by-seven:first-child {
    margin-left: 60.9%
}

.row .offset-by-eight:first-child {
    margin-left: 69.6%
}

.row .offset-by-nine:first-child {
    margin-left: 78.3%
}

.row .offset-by-ten:first-child {
    margin-left: 87%
}

.row .offset-by-eleven:first-child {
    margin-left: 95.7%
}

.push-two {
    left: 17.4%
}

.push-three {
    left: 26.1%
}

.push-four {
    left: 34.8%
}

.push-five {
    left: 43.5%
}

.push-six {
    left: 52.2%
}

.push-seven {
    left: 60.9%
}

.push-eight {
    left: 69.6%
}

.push-nine {
    left: 78.3%
}

.push-ten {
    left: 87%
}

.pull-two {
    right: 17.4%
}

.pull-three {
    right: 26.1%
}

.pull-four {
    right: 34.8%
}

.pull-five {
    right: 43.5%
}

.pull-six {
    right: 52.2%
}

.pull-seven {
    right: 60.9%
}

.pull-eight {
    right: 69.6%
}

.pull-nine {
    right: 78.3%
}

.pull-ten {
    right: 87%
}

img, object, embed {
    max-width: 100%;
    height: auto
}

img {
    -ms-interpolation-mode: bicubic
}

#map_canvas img, .map_canvas img {
    max-width: none !important
}

.gmnoprint img {
    max-width: none;
}

.row:before, .row:after, .clearfix:before, .clearfix:after {
    content: "";
    display: table
}

.row:after, .clearfix:after {
    clear: both
}

.row, .clearfix {
    zoom: 1
}

.block-grid {
    display: block;
    overflow: hidden
}

.block-grid > li {
    display: block;
    height: auto;
    float: left
}

.block-grid.two-up {
    margin-left: -4%
}

.block-grid.two-up > li {
    margin-left: 4%;
    width: 46%
}

.block-grid.three-up > li {
    margin-left: 2%;
    width: 31.3%
}

.block-grid.four-up > li {
    margin-left: 2%;
    width: 23%
}

.block-grid.five-up {
    margin-left: -1.5%
}

.block-grid.five-up > li {
    margin-left: 1.5%;
    width: 18.5%
}

.button {
    background-color: var(--primaryButtonColor, #F06742);
    display: inline-block;
    line-height: 36px;
    height: 36px;
    text-align: left;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 1.1em;
    position: relative;
    cursor: pointer;
    outline: none;
    margin: 0;
    padding: 2px 20px 1px;
    white-space: nowrap;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColor, #F06742);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.button + .button {
    margin-left: 10px;
}

.white.button {
    color: var(--primaryButtonColor, #F06742);
    background: #fff;
}

input[type=submit].button, button.button {
    -webkit-appearance: none
}

button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner {
    border: none
}


.button.small.search {
    height: 40px;
    line-height: 40px;
    background: transparent;
    border-color: transparent !important;
    padding: 0px 15px 0px;
    left: -3px;
    border: none;
    border-radius: 3px;
}

.searchBoxContainer .button.small.search {
    border-radius: 0 !important;
    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
}


.button.small.search .fa {
    line-height: 40px;
    font-size: 20px;
}

.button.small.search:hover:after, .button.small.search:focus:after {
    background-color: rgba(0, 0, 0, 0);
}

.button.small.search:hover, .button.small.search:focus {
    background-color: var(--primaryButtonColor, #F06742);
}

.panel .button.small.search {
    color: inherit;
    height: 25px;
    line-height: 25px;
    padding: 1px 10px 1px;
}

.panel .button.small.search .fa {
    line-height: 25px;
    font-size: 15px;
}

.panel .button.small.search:hover {
    color: #fff;
}

.button.nice.space-left {
    margin-left: 10px
}

.button.round {
    -moz-border-radius: 1000px;
    -webkit-border-radius: 1000px;
    border-radius: 1000px
}

.button.full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center
}

.button.left-align {
    text-align: left;
    text-indent: 12px
}

.tiny.button {
    font-size: 10px;
    width: auto
}

.small.button {
    width: auto
}

.medium.button {
    font-size: 15px;
    width: auto
}

.large.button {
    font-size: 18px;
    width: auto
}

.button {
    color: white;
}

.defaultButton, a.button {
    background-color: var(--primaryButtonColor, #F06742);
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColor, #F06742);
    color: white;
    font-weight: bold;
    font-size: 18px;
    line-height: 36px;
    box-sizing: border-box;
    border-radius: 4px;
    height: 40px;
}

.button.inverse.button.button:hover, .white.button:focus {
    color: var(--primaryButtonColor, #F06742);
}

.button:hover, .roundal100:hover, .roundal40:hover, .wizarditem:hover button {
    background-color: var(--primaryButtonColorHover, #ED8A35) !important;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
    color: white;
    transition: background-color 200ms ease-in, box-shadow 200ms ease-in;
}

.button.disabled:hover {
    color: white !important;
    box-shadow: none;
    background-color: var(--primaryButtonColorDisabled, rgba(240, 103, 66, 0.4)) !important;
}

.button.disabled {
    background-color: var(--primaryButtonColorDisabled, rgba(240, 103, 66, 0.4)) !important;
}

.button.inverse.button.disabled:hover {
    color: var(--primaryButtonColor, #F06742) !important;
    background-color: white !important;
}

a.white.button:hover, .button.inverse:hover {
    background: var(--primaryButtonColorHover, #ED8A35) !important;
    border-color: var(--primaryButtonColorHover, #ED8A35) !important;
    color: white !important;
}

.bulk-action-panel {
    padding: 15px 0px 20px 8px;
    display: flex;
}

.bulk-action-icons {
    display: flex;
}

td .bulk-action-icons:not(:hover) {
    opacity: 0 !important;
}

td .bulk-action-icons:hover {
    opacity: revert;
}

.bulk-action-icon {
    font-size: 20px;
    padding-left: 5px;
}

.bulk-action-disabled {
    pointer-events: none;
    opacity: 0.5;
}

.bulk-action-disabled-wrapper {
    cursor: not-allowed;
}

.bulk-action-enabled {
    opacity: 1;
    pointer-events: all;
}

.bulk-action-enabled-wrapper {
    cursor: default;
}

.bulk-action-enabled:hover {
    color: var(--primaryButtonColor, #F06742);
}

a.white.button, .button.inverse {
    background-color: white !important;
    color: var(--primaryButtonColor, #F06742) !important;
    font-weight: bold;
    font-size: 18px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColor, #F06742);
}

a.white.button.disabled:hover, .button.inverse.disabled:hover {
    background-color: white !important;
    color: var(--primaryButtonColor, #F06742) !important;
    border-color: var(--primaryButtonColor, #F06742) !important;
}


.wizardcontentpanel .label {
    padding-top: 18px;
    padding-bottom: 11px;
}

.wizardpanel {
    padding-top: 20px;

}

.wizardprogress {
    padding: 5px;
    border-radius: 3px;
}

.wizardcontentpanel {
    padding: 0px 25px;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.overridefloat .wizardcontentpanel.nosteps {
    border-left: none;
}

[class *=column] + [class *=column]:last-child.overridefloat {
    float: left !important;
}

.wizardseparator {
    border-left: 1.5px dashed #D3D3D3;
    height: 38px;
    width: 1px;
    margin-left: 19.5px;
}

.wizardpanel .wizarditem:last-child .wizardseparator {
    border: none;
}

div.baseline .item-row .gwt-Label {
    line-height: 40px;
    padding: 1px 3px 4px 0px;
}


.wizardpanel .itemlabel {
    font-size: 13px;
}

.wizardcontrolpanel {
    padding-top: 16px;
    height: 48px;
    padding-left: 16px;
    padding-right: 26px;
}

.wizardcontentpanel .label {
    padding-top: 18px;
    padding-bottom: 11px;
}

.wizardcontentpanel h2.topHeading {
    padding-bottom: 25px;
}

.wizardcontentpanel .section-panel .item-row > div:nth-child(1) {
    font-weight: 600;
}

.wizardcontentpanel .section-panel .item-row {
    padding-top: 31px;
    padding-bottom: 37px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.wizardpanel .wizardbutton {
    border: 1px solid white !important;
    text-align: center !important;
    padding-top: 1px;
    padding-left: 13px;
    display: inline;
    float: left;
    background-color: #555555 !important;
}


.wizardpanel .wizardbutton-current {
    background-color: var(--primaryButtonColor, #F06742) !important;
}

.wizardbutton-inactive {
    background-color: #AAAAAA !important;
}

.wizardLabel {
    height: 33px;
    vertical-align: baseline;
    display: inline-table;
    font-size: 16px;
    line-height: 40px;
    color: #767676;
    padding-left: 16px;
}

.wizarditem {
    margin: 0px 30px 0px 38px;
}


.wizardbutton-current {
    color: var(--primaryButtonColor, #F06742);
}

.wizardbutton-current + .wizardLabel {
    color: var(--primaryButtonColor, #F06742);
    font-weight: 500;
}

.wizarditem:hover .wizardLabel {
    color: var(--primaryButtonColor, #F06742);
    cursor: pointer;
}

.wizardbutton .wizardstepLabel {

    display: inline-block;
    width: 40px;
    left: -14px;
    text-align: center;
    position: relative;
    top: -1px;
}

.wizarditem:focus-within .wizardLabel {
    color: var(--primaryButtonColor, #F06742);
}

.wizardcontentpanel .property-panel .profile-attr-name .item-heading {
    display: inline-block;
    width: 120px;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;

    color: #090909;
}


.wizardcontentpanel .item-title {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 11px;
    color: #767676;
}

.wizardcontentpanel .item-row-padded {
    margin-bottom: 20px;
}

.wizardcontentpanel .create-user-details .property-panel .item-row .item-row {

}

.wizardcontentpanel .property-panel .profile-attr-name div:nth-child(2) {
    display: inline-block;
}


.wizardcontentpanel .property-panel .profile-attr-name .item-heading {
    display: inline-block;
    width: 120px;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;

    color: #090909;
}


.wizardcontentpanel .property-panel .item-title {

    display: block;
}

.wizardcontentpanel .create-user-details .property-panel .item-row {
    padding-bottom: 22px;
}

.wizardcontentpanel .create-user-details .property-panel .item-row:nth-child(1) .item-row:nth-child(odd) {
    display: inline-block;
    width: 48%;
}

.wizardcontentpanel .create-user-details .property-panel .item-row:nth-child(1) .item-row:nth-child(even) {
    display: inline-block;
    width: 48%;
    float: right;
}

.wizardcontentpanel .create-user-details .property-panel .item-row:nth-child(1) .item-row:nth-child(3) {

    display: block;
    float: left;
    margin-right: 40px;


}


.wizardcontentpanel .create-user-details .property-panel .profile-attr-name div:nth-child(2) {
    display: inline-block;
}


.item-selected {
    background-color: var(--primaryButtonColorBorder, rgba(240, 103, 66, 0.3)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColorBorder, rgba(240, 103, 66, 0.3));
    font-weight: bold;
    box-sizing: border-box;
    border-radius: 4px;
}

.item-hover:hover {
    background-color: var(--primaryButtonColorLight, rgba(240, 103, 66, 0.2)) !important;
    border: 1px solid white !important;
    border-radius: 4px;
}

.item-selected:hover, .cellListSelectedItem:hover {
    background-color: var(--primaryButtonColorLight, rgba(240, 103, 66, 0.2)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColorBorder, rgba(240, 103, 66, 0.3)) !important;
    border-radius: 4px;
}

.colourpicker-radius {
    border-radius: 4px;
}

.roundal40 {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: var(--primaryButtonColor, #F06742);
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 38px;
    font-weight: 600;
    color: white;
}

.roundal100 {
    white-space: nowrap;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    height: 40px;
    border-radius: 20px;
    background-color: var(--primaryButtonColor, #F06742);
    text-align: center;
    color: white !important;
    user-select: none;
    vertical-align: middle;
    display: inline-block;
    line-height: 38px;
    font-weight: 600;
    color: white;
}

.roundal100:before {
    font-family: var(--fa-style-family-classic);
    margin-right: 5px;
    line-height: 40px;
    color: white;
}

.roundal100:after {
    font-family: var(--fa-style-family-classic);
    margin-left: 5px;
    line-height: 40px;
    color: white;
}

.roundal40:before {
    font-family: var(--fa-style-family-classic);
    margin-right: 5px;
    line-height: 40px;
    color: white;
}

.roundal40:after {
    font-family: var(--fa-style-family-classic);
    margin-left: 5px;
    line-height: 40px;
    color: white;
}

.roundalholder {
    width: 100%;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    vertical-align: baseline;
}

.roundalholder .right-arrow:after {
    content: "\f356";
}

.roundalholder .left-arrow:before {
    content: "\f355";
}

.roundalholder .up-arrow:before {
    content: "\f357";
}

.roundalholder .down-arrow:before {
    content: "\f354";
}

.roundalholder .cross:before {
    content: "\f00d";
}

.roundalholder .cross:before {
    content: "\f00c";
}


.button.disabled, .button[disabled], .button-link[disabled] {
    opacity: 0.5;
    cursor: default
}


input[type=submit].tiny.button {
    padding: 5px 14px 7px
}

input[type=submit].small.button {
    padding: 7px 20px 8px
}

input[type=submit].medium.button {
    padding: 8px 34px 9px
}

input[type=submit].large.button {
    padding: 9px 48px 10px
}

div.alert-box-wrapper {
    z-index: 1000;
    position: fixed;
    top: 72px;
    top: var(--main-bar-height);
    left: 0;
    right: 0;
    text-align: center;
    pointer-events: none;
}

div.alert-box {
    display: inline-flex;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    min-width: 500px;
    text-align: left;
    pointer-events: auto;
    border-radius: 4px;
    border-style: none !important;
}

.alert-box-icon {
    min-width: 39px;
    width: 39px;
    line-height: 39px;
    text-align: center;
    vertical-align: top;
    font-size: 30px;
    border-radius: 4px 0px 0px 4px;
    border-style: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.alert-box-label {
    line-height: 29px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px 16px 0px;
    display: inline-block;
    color: #333333;
    font-size: 1rem;
}

.alert-box.info .alert-box-icon {
    background: #2B8CB6;
    color: #fff;
}

.alert-box.success .alert-box-icon {
    background: #0B8E00;
    color: #fff;
}

.alert-box.warning .alert-box-icon {
    background: #FFCC00;
    color: #fff;
}

.alert-box.error .alert-box-icon {
    background: #E60000;
    color: #fff;
}


.alert-box a.close {
    color: #000;
    position: absolute;
    right: 4px;
    top: 0;
    font-size: 18px;
    opacity: 0.2;
    cursor: pointer;
    padding: 4px
}

.alert-box a.close:hover, .alert-box a.close:focus {
    opacity: 0.4
}

.label {
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline;
    position: relative;
    bottom: 1px;
    color: #fff;
    background: #01AEF0;
    padding: 0 4px 2px
}

.label.radius {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.label.round {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 1px 7px 2px
}

.green.label {
    background-color: #7fae00
}

dl.tabs {
    display: block;
    height: 50px;
    border-bottom: 1px solid #F1F1F1;
}

dl.tabs dt {
    display: block;
    width: auto;
    height: 30px;
    line-height: 30px;
    float: left;
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
    cursor: default;
    padding: 0 9px 0 20px
}

dl.tabs dt:first-child {
    padding: 0 9px 0 0
}

dl.tabs dd {
    display: inline-block;
    width: auto;
    padding: 0
}

dl.tabs dd a {
    display: block;
    width: auto;
    color: #555;
    background: #eee;
    padding: 0 9px;
}

.gwt-TabBar .gwt-TabBarFirst, .gwt-TabBarFirst-wrapper {
    width: 0;
}

.gwt-TabBar .gwt-TabBarItem, .nice.tabs dd a {
    background: transparent;
    color: #767676;
    cursor: pointer;
    padding: 10px 0;
    margin-right: 34px;
    position: relative;
    border-bottom: 3px solid transparent;
}

.gwt-TabBar tbody tr:nth-child(1) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.gwt-TabBar .gwt-TabBarItem:hover, .nice.tabs dd a:hover {
    color: var(--primaryButtonColor, #F06742);
}

.gwt-TabBar .gwt-TabBarItem-disabled, .gwt-TabBar .gwt-TabBarItem-disabled:hover {
    color: #999;
    cursor: default;
}

.gwt-TabBar .gwt-TabBarItem-selected,
.gwt-TabBar .gwt-TabBarItem-selected:hover,
.nice.tabs dd a.active,
.nice.tabs dd a.active:hover {

    border-bottom-color: var(--primaryButtonColor, #F06742);
    border-width: 3px;
    color: #181818;
    cursor: default;
    font-weight: 700;
}

ul.tabs-content li {
    padding-top: 20px;
}

.offboarding-status-paging-control ul li {
    padding-top: 0;
}

.offboarding-status-paging-control .offboarding-status-export-button {
    margin-top: 10px;
    float: left;
}

.title-row .nice.tabs {
    height: auto;
    margin-bottom: 0px;
}

.title-row .nice.tabs dd a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: -3px;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
}

.title-row .nice.tabs dd a:hover:after {
    background-color: rgba(0, 0, 0, 0.1);
}

.title-row .nice.tabs dd a.active:hover:after {
    background-color: rgba(0, 0, 0, 0);
}

.title-row .nice.tabs dd a {
    color: white;
    border-bottom: 3px solid transparent;
    overflow: visible;
}

.title-row .nice.tabs dd a.active {
    color: white;
    border-bottom-color: white;
}

.title-row .nice.tabs dd a, .title-row .nice.tabs dd a.active {
    padding: 7px 16px;
}

dl.tabs.vertical {
    height: auto
}

dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd {
    float: none;
    height: auto
}

dl.tabs.vertical dd a {
    display: block;
    width: auto;
    height: 38px;
    line-height: 1;
    color: #555;
    margin: 0;
    padding: 9px 0px 9px 20px;
}

dl.tabs.vertical dd a.active {
    height: auto;
    background: #fff;
    height: 38px;
    padding: 9px 0px 9px 20px;
}

.nice.tabs.vertical {
    height: 496px
}

.browser-header .nice.tabs.vertical {
    height: auto;
    margin: 0;
}

.nice.tabs.vertical dd a {
    border: none;
    background: #fff;
    vertical-align: middle;
}

.nice.tabs.vertical dd a {
    cursor: default;
}

.nice.tabs.vertical dd a.selectable {
    cursor: pointer;
}

.nice.tabs.vertical dd a.selectable:hover {
    background: #f4f4f4
}

.nice.tabs.vertical dd a.active {
    border: none;
    background: #F2F2F2;
    top: 0;
    margin: 0
}

.nice.tabs.vertical dd a.nice.button {
    background-color: var(--primaryButtonColor, #F06742);
    display: inline-block;
    line-height: 36px;
    height: 36px;
    text-align: left;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 1.1em;
    position: relative;
    cursor: pointer;
    border: none;
    outline: none;
    margin: 0;
    padding: 2px 15px 1px;
    white-space: nowrap;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColor, #F06742);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.nice.tabs.vertical dd a.nice.button.smaller {
    line-height: 26px;
    height: 26px;
}

dl.contained.tabs dd a {
    padding: 0 14px
}

dl.nice.contained.tabs dd a {
    padding: 7px 18px 9px
}

ul.contained.tabs-content {
    padding: 0
}

ul.contained.tabs-content > li {
    border: solid 0 #ddd;
    border-width: 0 1px 1px;
    padding: 20px
}

ul.contained.vertical.tabs-content > li {
    border-width: 1px
}

ul.nice.contained.tabs-content > li {
    border-color: #eee
}

ul.pagination {
    display: block;
    height: 24px;
    margin-left: 20px;
    padding-bottom: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
}

ul.pagination.group-members {
    margin-left: -5px !important;
    margin-right: 0px !important;
}

ul.pagination.group-members li:last-of-type {
    float: right;
}

ul.pagination li {
    float: left;
    display: block;
    height: 24px;
    color: #999;
    font-size: 15px;
    margin-left: 5px
}

ul.pagination li a {
    display: block;
    padding: 6px 7px 0
}

ul.pagination li span {
    display: block;
    padding: 6px 7px 0;
}

ul.pagination li span.select-wrapper {
    padding: inherit
}


ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: var(--primaryButtonColor, #F06742);
    color: #141414;
}

ul.pagination li.current a.search, ul.pagination li:hover a.search, ul.pagination li a.search:focus {
    border-bottom: none;
    color: #fff;
}

ul.pagination li.unavailable a {
    cursor: default;
    color: #999
}

ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
    border-bottom: none
}

ul.accordion {
    margin: 0 0 22px 0;
    border-bottom: 1px solid #e9e9e9;
}

ul.accordion > li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e9e9e9;
}

ul.accordion > li .title {
    cursor: pointer;
    background: #f6f6f6;
    padding: 15px;
    margin: 0;
    position: relative;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    -webkit-transition: 0.15s background linear;
    -moz-transition: 0.15s background linear;
    -o-transition: 0.15s background linear;
    transition: 0.15s background linear;
}

ul.accordion > li .title h1, ul.accordion > li .title h2, ul.accordion > li .title h3, ul.accordion > li .title h4, ul.accordion > li .title h5 {
    margin: 0;
}

ul.accordion > li .title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: transparent #9d9d9d transparent transparent;
    position: absolute;
    right: 15px;
    top: 21px;
}

ul.accordion > li .content {
    display: none;
    padding: 15px;
}

ul.accordion > li.active {
    border-top: 3px solid #2ba6cb;
}

ul.accordion > li.active .title {
    background: white;
    padding-top: 13px;
}

ul.accordion > li.active .title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: #9d9d9d transparent transparent transparent;
}

ul.accordion > li.active .content {
    background: white;
    display: block;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

ul.nice, ol.nice {
    list-style: none;
    margin: 0
}

ul.nice li, ol.nice li {
    padding-left: 13px;
    position: relative
}

ul.nice li span.bullet, ol.nice li span.number {
    position: absolute;
    left: 0;
    top: 0;
    color: #ccc
}

div.panel {
    margin: 0 0 10px;
    padding: 10px 12px 10px;
    position: relative;
}

div.property-panel {
    border-bottom: 1px solid #E5E5E5;
    margin: 0 0 10px;
    padding: 10px 12px 20px;
    position: relative;
}

div.property-panel:last-of-type {
    border-bottom: 0px;
}

.accordion-tabs div.property-panel {
    border-bottom: 0px;
    padding-bottom: 10px;
    margin-top: 10px;
}

div.property-panel .top {
    margin-top: 12px
}

div.panel.sticky-note {
    border: 0px;
    background: #DDF1FF;
    color: #000;
    font-size: 110%;
    text-decoration: none;
}

div.panel .no-margin {
    margin: 0px
}

div.panel .top {
    margin-top: 12px
}

.alert-panel {
    padding: 6px;
    line-height: inherit;
}

div.panel .warn-panel, div.property-panel .warn-panel, .alert-panel {
    background: rgb(230, 245, 252);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 9px;
    border: 0px;
    line-height: 18px;
}

.nav-bar {
    height: 45px;
    background: #f8f8f8;
    margin-top: 20px;
    border: 1px solid #ddd
}

.nav-bar > li {
    float: left;
    display: block;
    position: relative;
    border-right: 1px solid #ddd;
    line-height: 45px;
    margin: 0;
    padding: 0
}

.nav-bar > li > a.main {
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0 20px
}

.nav-bar > li > input {
    margin: 0 16px
}

.nav-bar > li li {
    line-height: 1.3
}

.nav-bar > li.has-flyout > a.main {
    padding-right: 36px
}

.nav-bar > li.has-flyout > a.flyout-toggle {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    display: block;
    padding: 22px
}

.nav-bar > li.has-flyout > a.flyout-toggle span {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #2a85e8;
    display: block;
    cursor: pointer
}

.flyout {
    background: #fff;
    border: 1px solid #ddd;
    position: absolute;
    top: 45px;
    left: -1px;
    width: 400px;
    z-index: 40;
    margin: 0;
    padding: 20px
}

.flyout.small {
    width: 200px
}

.flyout.large {
    width: 600px
}

.flyout.right {
    left: auto;
    right: 0
}

dl.sub-nav {
    display: block;
    width: auto;
    overflow: hidden;
    padding-top: 4px;
    margin: -4px 0 18px -9px
}

dl.sub-nav dt, dl.sub-nav dd {
    float: left;
    display: inline;
    margin-left: 9px;
    margin-bottom: 4px
}

dl.sub-nav dt {
    color: #999;
    font-weight: 400
}

dl.sub-nav dd a {
    text-decoration: none;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px
}

dl.sub-nav dd.active a {
    background-color: var(--primaryButtonColor, #F06742);
    color: #fff;
    padding: 3px 9px
}

.flex-video {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden
}

.flex-video.widescreen {
    padding-bottom: 57.25%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video iframe, .flex-video object, .flex-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

ul.vcard {
    display: inline-block;
    border: 1px solid #ddd;
    margin: 0 0 12px;
    padding: 10px
}

ul.vcard li.fn {
    font-weight: 700;
    font-size: 1.5rem
}

p.vevent span.summary {
    font-weight: 700
}

p.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: 700;
    border: none;
    padding: 0 1px
}

.tooltip {
    display: none;
    background: rgba(9, 9, 9, 0.8);
    position: absolute;
    color: #fff;
    font-size: 0.75rem;
    z-index: 999;
    line-height: normal;
    padding: 10px;
    pointer-events: none;
    border-radius: 5px;
    text-align: center;
}

.tooltip > .nub {
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    position: absolute;
    top: -10px;
    left: 10px;
    border-color: transparent transparent #888
}

.tooltip.tip-override > .nub {
    top: -10px !important;
    border-color: transparent transparent #888 !important
}

.tooltip.tip-top > .nub {
    top: auto;
    bottom: -10px;
    border-color: #888 transparent transparent
}

.tooltip.tip-left, .tooltip.tip-right, .has-tip.tip-left, .has-tip.tip-right {
    float: none !important
}

.tooltip.tip-left > .nub {
    right: -10px;
    left: auto;
    border-color: transparent transparent transparent #888
}

.tooltip.tip-right > .nub {
    right: auto;
    left: -10px;
    border-color: transparent #888 transparent transparent
}

.tooltip.tip-stretched {
    left: -10px;
    border-color: transparent #888 transparent transparent
}

.tooltip.noradius {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tooltip.tip-bottom {
    margin-left: -25px;
}

.tooltip.tip-bottom > .nub {
    left: 45px !important;
}

.has-tip.opened {
    color: #0079a1 !important;
    border-bottom: dotted 1px #0079a1 !important
}

.tooltip.tip-left, .tooltip.tip-right {
    margin-top: -8px;
}

.tap-to-close {
    display: block;
    font-size: 1rem;
    color: #888;
    font-weight: 400
}

form label {
    display: inline;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 9px
}

input.input-text, textarea {
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    display: block;
    margin-bottom: 1px;
    font-size: 15px;
    background: #fff;
    width: 254px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 4px 3px 2px
}

label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown {
    margin-top: -9px
}

input.input-text:focus, textarea:focus {
    outline: none !important;
}

input.input-text.oversize, textarea.oversize {
    font-size: 18px !important;
    padding: 4px 5px !important
}

input.placeholder, textarea.placeholder {
    color: #888
}

form fieldset {
    border: solid 1px #ddd;
    margin: 18px 0;
    padding: 9px 9px 2px
}

.form-field.error input, input.input-text.red {
    background-color: rgba(255, 0, 0, 0.15);
    border-color: #C00000
}

.form-field.error label, label.red div.red {
    color: #C00000
}


i.grey {
    color: #AAAAAA;
}

i.primary {
    color: var(--primaryButtonColor, #F06742);
}

i.primary-light {
    color: var(--primaryButtonColorLight, rgba(240, 103, 66, 0.2));
}

i.primary-mid {
    color: var(--primaryButtonColorMid, rgba(240, 103, 66, 0.5));
}

i.bottom-left {
    top: 3px;
    right: 12px;
}

i.top-right {
    top: 3px;
    right: 12px;
}

.form-field.error small, small.error {
    margin-top: -6px;
    display: block;
    margin-bottom: 9px;
    font-size: 11px;
    color: #C00000;
    width: 254px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.small.oversize + small.error {
    width: 144px
}

.medium.oversize + small.error {
    width: 264px
}

.large.oversize + small.error {
    width: 444px
}

.nice div.form-field input:focus, .nice input.input-text:focus, .nice textarea:focus {
    background-color: transparent;
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #888;
    z-index: 40;
    display: none;
    top: 0;
    left: 0
}

.reveal-modal {
    visibility: hidden;
    top: 8vh;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    position: fixed;
    max-height: 70vh;
    max-height: calc(84vh - 64px);
    overflow-y: auto;
    z-index: 41;
    background: white;
    -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.35);

    padding: 30px 40px 34px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.reveal-modal.revealed {
    top: 8vh !important;
}

/*
.reveal-modal.error {
-moz-box-shadow: 0 0 10px rgba(255, 0, 0, .9); -webkit-box-shadow: 0 0 10px rgba(255, 0, 0, .9); box-shadow: 0 0 10px rgba(255, 0, 0, .9)
}
.reveal-modal.info {
-moz-box-shadow: 0 0 10px rgba(0, 165, 255, 0.95); -webkit-box-shadow: 0 0 10px rgba(0, 165, 255, 0.95); box-shadow: 0 0 10px rgba(0, 165, 255, 0.95)
}
.reveal-modal.login {
-moz-box-shadow: 0 0 10px rgba(92, 92, 92, 0.95); -webkit-box-shadow: 0 0 10px rgba(92, 92, 92, 0.95); box-shadow: 0 0 10px rgba(92, 92, 92, 0.95)
}
*/
.reveal-modal.small {
    width: 200px;
    margin-left: -140px
}

.reveal-modal.medium {
    width: 400px;
    margin-left: -240px
}

.reveal-modal.large {
    width: 600px;
    margin-left: -340px
}

.reveal-modal.xlarge {
    width: 800px;
    margin-left: -440px
}

.reveal-modal.xxlarge {
    width: 900px;
    margin-left: -490px
}

.reveal-modal.reactive {
    width: 80% !important;
    margin-left: -41%;
}

.reveal-modal.preview {
    width: 90%;
    margin-left: -48%;
    height: 80%;
    background: #fff !important;
}

.reveal-modal.full {
    width: 800px;
    margin-left: -800px
}

.reveal-modal .gwt-TabBar {
    margin-bottom: 12px;
}

.reveal-modal .gwt-TabPanelBottom .panel-scroll-list {
    max-height: 290px;
}

.reveal-modal .item-title {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 11px;
    color: #767676;
}

.close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 10px;
    right: 11px;
    color: #aaa;
    font-weight: 500;
    cursor: pointer
}

.sliding-panel .close-reveal-modal {
    z-index: 2;
    line-height: 1em;
    width: 1em;
    text-align: center;
    top: 25px;
    right: 25px;
}

.sliding-panel.variable-list {
    width: 100%;
}

.org-item-panel .close-reveal-modal {
    top: 10px !important;
}

.sliding-panel.message-mode .close-reveal-modal {
    top: 40px;
}

.reveal-modal h2 {
    font-weight: 600;
    font-size: 34px;
    line-height: 41px;
    color: #090909;
}

.reveal-modal h2:after {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: var(--primaryButtonColor, #F06742);
    content: "";
    padding-top: 7px;
    display: block;
    width: 60px;
}

.reveal-modal table.gwt-TabPanel {
    margin-left: 0px;
}

.reveal-modal table.gwt-TabPanel p.lead {
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #555555;
}

.reveal-modal .lead {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #767676;
    padding-left: 1px;
    padding-bottom: 15px;
}

.list-header-panel span {
    display: inline-block;
    font-size: 14px;
    color: #ACACAC;
    top: 0px !important;
    overflow: initial !important;
}

.list-header-panel .permission {
    width: 16% !important;
    padding-left: 6px;
}


.list-header-panel .name,
.list-header-panel .owner {

    width: 236px !important;
}

.list-header-panel .setup {
    margin-left: 0px;
}


.list-header-panel {
    margin: 3px;
    line-height: 32px;
    vertical-align: top;
}

.shared-docs .permission {
    width: 16% !important;
    display: inline-block;
    /* float: left; */
    position: relative;
    font-size: 14px;
    vertical-align: baseline;
    line-height: 20px;
}

.main-content-panel .shared-docs.shared-drives .permission select {
    width: unset;
}

.main-content-panel .shared-docs.shared-drives .permission .select-wrapper {
    width: unset;
}

.shared-docs .permission select {
    width: 105px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    vertical-align: baseline;
    line-height: 20px;
    height: 24px;
    margin-top: 3px;
    padding-top: 2px;
    opacity: 0.7;
}


.shared-documents-scroll-panel.calendars .permission {
    margin-top: 0px !important;
}

.shared-docs + .button {
    margin-top: 12px;
    margin-left: 3px;
}

.shared-docs .permission .select-wrapper {
    width: 81%;
    display: inline-block;
    position: relative;
    font-size: 14px;
    vertical-align: baseline;
    line-height: 20px;
    height: 24px;
    margin-top: 0px;
    padding-top: 0px;
    top: -6px;
}

.sliding-panel .shared-docs .permission .select-wrapper {
    width: 105px;
}


.shared-docs .permission .select-wrapper:before {
    color: #000000;
    top: 11px;
}

.shared-docs .permission,
.shared-docs .delete,
.shared-docs .date,
.shared-docs .file,
.shared-docs .calendarname,
.shared-docs .calendarowner,
.shared-docs .setup {
    font-size: 14px;
    vertical-align: baseline;
    line-height: 20px;
    margin-top: 10px;
}


.shared-docs .file img {
    margin-left: 0px;
    position: relative;
    top: -6px;

}

.shared-docs .file {

    width: 40%;
    vertical-align: text-bottom;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.shared-docs .file div .search-result-header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.shared-docs .calendarowner,
.shared-docs .calendarname {
    width: 38%;
    margin-right: 4px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.shared-docs .setup {
    width: 26%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    /* padding-top: 12px; */
}

.shared-docs .date {
    width: 12%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.shared-docs .date.expanded {
    width: 17% !important;
}

.shared-docs .permission.readonly {
    font-weight: bold;
    left: 10px;
    vertical-align: super;
}

.shared-docs .file i {
    left: 10px;
    vertical-align: super;
}

.list-header-panel {
    overflow: auto !important;
    display: flex;
}

.shared-docs .delete {
    margin-left: 4px;
    display: inline-block;
    position: relative;
    top: -6px;
    cursor: pointer;
    width: 3%;
}

.shared-docs .delete:hover {
    color: var(--primaryButtonColor, #F06742);
}


/* Get around GWT not liking calc */
.docs-list > div > div {
    width: calc(100% - 16px);
}

.wizardcontentpanel .lead {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #767676;
    padding-left: 1px;
    padding-bottom: 15px;
}

.wizardcontentpanel .sliding-viewer {
    background-color: rgba(255, 255, 255, 0.9);
}

.wizardcontentpanel .sliding-panel {
    width: 98%;

}

.reveal-modal .strength {
    background-color: white;
    border: none;
    margin-bottom: 17px;
}

.reveal-modal .panel-outer {
    padding-bottom: 0px;
}

.reveal-modal .pass {
    color: #009CDF;
}

.reveal-modal .fail {
    color: #C30000;
}

.reveal-modal .progress,
.reveal-modal .info,
.reveal-modal .success,
.reveal-modal .pass,
.reveal-modal .error,
.reveal-modal .warn,
div.panel-info,
div.panel-error,
div.panel-success,
div.panel-warning,
.wizardcontrolpanel .validlabel {
    border-radius: 2px !important;
    padding: 6px;
    font-weight: 500;
    border-width: 1.5px !important;
    border-style: solid !important;
}

.wizardcontrolpanel {
    display: flex;
    flex-direction: row;
}

.wizardcontrolpanel .validlabel {
    flex: 1;
    text-align: center;
    margin-left: 10px;
    margin-right: 14px;
}

.reveal-modal .progress:before,
.reveal-modal .info:before,
.reveal-modal .warn:before,
.reveal-modal .error:before,
.reveal-modal .success:before,
.reveal-modal .pass:before,
.wizardcontrolpanel .validlabel:before {
    position: relative;
    font-family: var(--fa-style-family-classic);
    font-weight: 400;
    padding-right: 12px;
}

.reveal-modal .progress,
.reveal-modal .info,
div.panel-info,
.wizardcontrolpanel div.valid-info {
    border-color: #2B8CB6;
    background-color: #2B8CB610 !important;
    color: #2B8CB6;
}

.reveal-modal .progress:before,
.reveal-modal .info:before,
.wizardcontrolpanel .valid-info:before {
    content: "\f05a";

}

.reveal-modal .warn,
.wizardcontrolpanel div.valid-warning,
div.panel-warning {
    background: #FFCC0010 !important;;
    border-color: #faaa28 !important;
    color: #faaa28 !important;
}

.reveal-modal .warn:before,
.wizardcontrolpanel .valid-warning:before {
    content: "\f071";
}

.reveal-modal .error:before,
.wizardcontrolpanel .valid-error:before {
    content: "\f06a";
}

.reveal-modal .success:before,
.reveal-modal .pass:before,
.wizardcontrolpanel .valid-success:before {
    content: "\f058";
}

.reveal-modal .success,
.reveal-modal .pass,
div.panel-success,
.wizardcontrolpanel div.valid-success {
    background: #0B8E0010 !important;
    border-color: #0B8E00 !important;
    color: #0B8E00 !important;
}


.reveal-modal .error,
div.panel-error,
.wizardcontrolpanel div.valid-error {
    background: #E5000010 !important;
    border-color: #E50000;
    color: #E50000 !important;
}


div.panel-info,
div.panel-success,
div.panel-error,
div.panel-warning {

    padding-left: 12px;
    padding-right: 12px;
    margin-top: 6px;
    margin-bottom: 6px;

}

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


div.panel-warning span i:nth-of-type(1),
div.panel-info span i:nth-of-type(1),
div.panel-success span i:nth-of-type(1),
div.panel-error span i:nth-of-type(1) {
    margin-right: 6px;
    margin-left: 6px;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul.tabs-content > li.active, select, form.custom div.custom.dropdown ul.show, div.orbit-wrapper div.slider-nav {
    display: block
}

.right, [class *=column] + [class *=column]:last-child {
    float: right
}

.hide, ul.tabs-content > li, .nav-bar > li .flyout {
    display: none
}

p img, .nice.tabs.vertical dd:first-child a.active {
    margin: 0
}

.row .row, .reveal-modal .row {
    min-width: 0
}

.column:first-child, .columns:first-child, .nice.tabs dd:first-child a.active {
    margin-left: 0
}

.row .twelve, input.expand, textarea.expand, .expand + small.error, .expand.oversize + small.error {
    width: 100%
}

.block-grid.three-up, .block-grid.four-up {
    margin-left: -2%
}

.blue.label {
    background-color: #01AEF0
}

.red.label {
    background-color: #e91c21
}

.white.label {
    background-color: #FFFFFF;
    color: #333
}

ul.tabs-content, ul.vcard li {
    display: block;
    margin: 0
}

dl.contained, dl.nice.contained, .nav-bar > li ul, .flyout p:last-child {
    margin-bottom: 0
}

input.input-text[disabled], textarea[disabled], form.nice div.form-field input[disabled], form.nice input.input-text[disabled], form.nice textarea[disabled], form.custom .custom.disabled, input[readonly] {
    background-color: #eee !important;
}

input[readonly]:focus, input[disabled]:focus, textarea[disabled]:focus {
    border-color: #c5c5c5 !important;
}


input[type=checkbox] + label:before {
    content: "\f0c8";
    font-family: var(--fa-style-family-classic);
    margin-right: 8px;
    color: #ACACAC;
    font-size: 22px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox]:checked + label:before {
    content: "\f14a";
    color: var(--primaryButtonColor, #F06742);
    font-weight: 900;
}

input[type=checkbox] + label {
    font-size: 15px;
    font-weight: 500;
    vertical-align: baseline;
}

input[type=checkbox] {
    display: none;
}

input[type=checkbox]:last-child {
    display: block;
}

span.toggle input[type=checkbox] + label:before,
input[type=checkbox].toggle + label:before {
    content: "\f204";
    font-family: var(--fa-style-family-classic);
    margin-right: 8px;
    font-size: 23px;
    font-weight: 300;
}

span.toggle input[type=checkbox]:checked + label:before,
input[type=checkbox].toggle:checked + label:before {
    content: "\f205";
    font-weight: 900;

}

span.toggle input[type=checkbox] + label,
input[type=checkbox].toggle + label {
    font-size: 15px;
    font-weight: 500;
}

input[type=checkbox].selector + label:before {
    content: "\f111";
    font-family: var(--fa-style-family-classic);
    margin-right: 8px;
    font-size: 21px;
    font-weight: 500;
}


input[type=checkbox].selector:checked + label:before {
    content: "\f058";
    font-weight: 900;
}

input[type=checkbox].selector + label {
    font-size: 15px;
    font-weight: 500;

}

input[type=checkbox].right-control + label {
    display: inline-block;
}

input[type=checkbox].right-control + label:before {
    float: right;
    margin-left: 8px;
}

input[type=radio], table input[type=radio],
input[type=checkbox], table input[type=checkbox] {
    display: none !important;
}

input[type=radio] + label:before {
    content: "\f111";
    font-family: var(--fa-style-family-classic);
    margin-right: 2px;
    color: var(--primaryButtonColor, #F06742);
    font-size: 16px;
    vertical-align: baseline;
    font-weight: 500;
    cursor: pointer;
    padding-right: 6px;
    padding-left: 2px;
}

input[type=radio]:checked + label:before {
    content: "\f192";
    font-family: var(--fa-style-family-classic);
    margin-right: 2px;
    font-weight: 900;
    font-size: 16px;
}

input[type=radio]:disabled + label:before,
input[type=checkbox]:disabled + label:before {
    opacity: 0.45;
    cursor: default;
}

input[type=radio] + label {
    font-size: 15px;
    font-weight: 500;
}

.padded-radio {
    padding-left: 4px;
    padding-right: 4px;
}

.displayStyle {
    display: inline;
    padding: 0px;
    border-radius: 0px;
    float: right;
    margin-top: 5px;
}

.displayStyle span {
    padding-right: 8px;
    display: inline !important;
}

span.display-one {
    background-color: white;
}

span.display-two {
    background-color: white;
}

span.display-three {
    background-color: white;
}

span.display-bars {
    background-color: white;
}

.displayStyle input[type=radio] + label:before {
    color: #ACACAC;
}

.displayStyle input[type=radio]:checked + label:before {
    color: var(--primaryButtonColor, #F06742);
}

.displayStyle .display-one input[type=radio] + label:before {
    content: "\f068";
    font-weight: 900;

}

.displayStyle .display-two input[type=radio] + label:before {
    content: "\f52c";
    font-weight: 900;

}

.displayStyle .display-three input[type=radio] + label:before {
    content: "\f022";
    font-weight: 900;

}

.displayStyle .display-bars input[type=radio] + label:before {
    content: "\f2bb";
    font-weight: 900;
}


.property-panel input[type='checkbox']:after {
    line-height: 0.9em;
    content: "\f0c8";
    font-family: var(--fa-style-family-classic);
    margin-right: 8px;
    color: #ACACAC;
    font-size: 22px;
    vertical-align: top;
    display: inline-block;
    width: 18px;
    height: 18px;

    margin-top: -3px;
    margin-left: -4px;
    border: 1px solid white;

    border-radius: 0.25em;
    background: white;
}

.profile-fields .profile-attr-name.row {
    display: inline-block;
}

.property-panel input[type='checkbox']:checked:after {
    content: "\f14a";
    color: var(--primaryButtonColor, #F06742);
    font-weight: 900;
}

input.small, textarea.small, .small + small.error {
    width: 134px
}

input.medium, textarea.medium, select.medium, .medium + small.error {
    width: 254px
}

input.large, textarea.large, .large + small.error {
    width: 434px
}

input[type=text], input[type=password], input[type=email],
input[type=date], input[type=time], input[type=number], textarea {
    background: #FDFDFD;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 3px;
    color: #090909;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

input[type=text]:disabled, input[type=password]:disabled, input[type=email]:disabled,
input[type=date]:disabled, input[type=time]:disabled, textarea:disabled {
    background: rgba(0, 0, 0, 0.12);
}

input[type=date], input[type=time] {
    padding-left: 13px !important;
    padding-right: 0px !important;

}

::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 0;
    width: 12px;
}

input[type="date"], input[type="time"] {
    position: relative;
    padding: 10px;
}

input[type="date"]:before,
input[type="time"]:before {
    color: transparent;
    background: none;
    display: block;
    font-family: var(--fa-style-family-classic);
    width: 15px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 6px;
    color: #999;
}

input[type="date"]:focus::before,
input[type="time"]:focus::before {
    color: var(--primaryButtonColor, #F06742);
}

input[type="date"]:before {
    content: '\f073';
}

input[type="time"]:before {
    content: '\f017';
}


.chevron-drawer-open i.fa-chevron-up {
    display: none;
}

.chevron-drawer-closed i.fa-chevron-down {
    display: none;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus {
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColor, #F06742);
    background: white;
}


input.valid-info {
    background: rgba(0, 156, 223, 0.05) !important;
    border: 1px solid #009CDF;
    box-sizing: border-box;
    border-radius: 3px;
    color: #333333;
}

input.valid-warning {
    background: rgba(255, 204, 0, 0.05) !important;
    border: 1px solid #FFCC00;
    box-sizing: border-box;
    border-radius: 3px;
    color: #333333;
}

input.valid-success {
    background: rgba(11, 142, 0, 0.05) !important;
    border: 1px solid #0B8E00;
    box-sizing: border-box;
    border-radius: 3px;
    color: #333333;
}


input.error, input.valid-error, input:invalid, .valid-error div.icon-input, select.valid-error {
    background: rgba(219, 59, 18, 0.05) !important;
    border: 1px solid #F06742;
    border-radius: 3px;

}

input.error, input.valid-error, input:invalid, .valid-error div.icon-input {
    color: #DB3B12;
}

input.error.create-user-title, input.create-user-title:invalid, input.valid-error.create-user-title {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 3px;

}

input.error.create-user-title, input.create-user-title:invalid, input.valid-error.create-user-title {
    color: rgb(9, 9, 9);
}


.offboarding-error {
    color: #DB3B12;
}

.offboarding-success {
    color: #0B8E00;
}

.offboarding-warning {
    color: #FFCC00;
}

.offboarding-message-info {
    color: #009CDF;
}

.offboarding-message-error {
    color: #DB3B12;
}

.offboarding-message-success {
    color: #0B8E00;
}

.count-disclaimer {
    font-size: 11px;
    padding-bottom: 10px;
    line-height: 1.8em;
}

.offboarding-message-warning {
    color: #FFCC00;
}

.offboarding-message-info {
    color: #009CDF;
}


i.status.info {
    color: #009CDF;
}

i.status.warning {
    color: #FFCC00;
}

i.status.success {
    color: #0B8E00;
}

i.status.failed {
    color: #DB3B12;
}


.valid-success div.icon-input,
.valid-info div.icon-input,
.valid-warning div.icon-input {
    border-radius: 3px;
}

.valid-success div.icon-input input,
.valid-info div.icon-input input,
.valid-warning div.icon-input input {
    background: none;
}

.valid-success div.icon-input {
    background: rgba(11, 142, 0, 0.05) !important;
    border: 1px solid #0B8E00;
    color: #333333;
}

.valid-success div.icon-input i {
    color: #0B8E00 !important;
}

.valid-warning div.icon-input i {
    color: #FFCC00 !important;
}

.valid-info div.icon-input i {
    color: #009CDF !important;
}

.valid-info div.icon-input {
    background: rgba(0, 156, 223, 0.05) !important;
    border: 1px solid #009CDF;
    color: #333333;
}

.valid-warning div.icon-input {
    background: rgba(255, 204, 0, 0.05) !important;
    border: 1px solid #FFCC00;
    color: #333333;
}


.valid-error div.icon-input .internalIconLink {
    background-color: rgba(219, 59, 18, 0.05) !important;
    color: #DB3B12;
}

div.valid-error div.icon-input input[type=text],
div.icon-input input:invalid {
    background-color: rgba(0, 0, 0, 0) !important;
}

span.required {
    color: red;
    line-height: 30px;
}

.validlabel {
    display: inline-block;
    vertical-align: baseline;
    margin-top: 0px;
    margin-bottom: 8px;
}

.validlabel .valid-info,
i.color-info {
    color: #009CDF;
}


.validlabel .valid-warning,
i.color-warning {
    color: #FFCC00;
}

.validlabel .valid-success,
i.color-success {
    color: #0B8E00;
}

.validlabel .valid-error,
i.color-error {
    color: #DB3B12;
}

.wizardLabel.valid-error {
    font-weight: 900;
    color: #DB3B12;
}


button.wizardbutton.valid-error {
    border-color: #DB3B12 !important;
    background-color: white !important;
}

button.wizardbutton.valid-error .wizardstepLabel {
    color: red !important;
    font-weight: 900;
}

.wizardpanel.navblocked button {
    cursor: default;
    background-color: #555555 !important;
    box-shadow: none;
    border: none;
}

.wizardpanel.navblocked button.valid-error {
    cursor: default;
    background-color: white !important;
    color: #DB3B12;
    box-shadow: none;
    border: none;
}


.wizardpanel.navblocked .wizarditem:hover .wizardLabel {
    color: #767676;
    cursor: default;
}

.wizardpanel.navblocked .wizarditem:hover button,
.wizardpanel.navblocked .wizarditem button:hover {
    border-color: white;
    cursor: default;
}

.wizardpanel.navblocked .wizarditem:hover .wizardLabel.valid-error {
    color: #DB3B12;
    cursor: default;
}

div.icon-input {
    width: auto;
    padding: 0;
    margin: 0;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    margin-bottom: 0px;
    border-radius: 3px;
    background-color: #FDFDFD;
}

.icon-input-fullwidth {
    width: 100% !important;
}

div.icon-input input[type=text] {
    z-index: 0;
    position: relative;
    height: 38px;
    border: none !important;
    width: calc(100% - 1px);
    margin-top: 1px;
    margin-left: 1px;
}

div.icon-input.icon-left input[type=text] {
    text-indent: 0px;
    left: 30px;
    padding-left: 0px !important;
    width: calc(100% - 30px);

}


div.icon-input.icon-right input[type=text] {
    right: 0;
    padding-right: 0px !important;
    float: left;

    width: calc(100% - 30px);
    margin-right: 12px;
    display: inline;
}

div.icon-input input[type=text] + i {
    color: #ACACAC;
}

div.icon-input input[type=text]:focus + span i {
    color: var(--primaryButtonColor, #F06742);
}

div.icon-input:focus-within span i {
    color: var(--primaryButtonColor, #F06742);
}


div.icon-input:focus-within {
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColor, #F06742);
}

div.icon-input .icon-left i {
    z-index: 5;
    top: 12px;
    left: 6px;
    float: left;
    position: relative;
    height: 0px;
}

div.icon-input.icon-right.icon-left input[type=text] {
    text-indent: 0px;
    width: calc(100% - 60px);

}

div.icon-input .icon-right i {
    height: 0px;
    z-index: 5;
    right: 7px;
    top: 12px;
    position: relative;
    display: table;
    float: right;
}

div.icon-input span.icon-left,
div.icon-input span.icon-right {
    display: inline;
}

.icon-input input[readonly] {
    background-color: rgb(253, 253, 253) !important;
}

.icon-input:focus-within input[readonly] {
    background-color: white !important;
}

.button.icon-left i {
    padding-right: 8px;
    vertical-align: baseline;
}

.button.icon-right i {
    padding-left: 8px;
    padding-right: 0px;
}

.button.inverse i {
    font-weight: 300;
}

.button:hover i {
    font-weight: 900;
    vertical-align: baseline;
}


textarea:focus {
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColor, #F06742) !important;
}

textarea.borderless {
    border: none !important;
}

ic
textarea.borderless:focus {
    border: none !important;
}


.containedfocus:focus-within {
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColor, #F06742) !important;
}


.internalIconLink {
    color: #acacac;
}

.internalIconLink:hover.pointer, .containedfocus:focus-within .internalIconLink {
    color: var(--primaryButtonColor, #F06742);
}

.containedfocus:focus-within {
    background-color: white;
}

.error {
    background: white;
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColor, #F06742) !important;
    box-sizing: border-box;
    border-radius: 3px;
    font-weight: 500;
    color: black;
}

textarea.error {
    background: rgba(219, 59, 18, 0.05);
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColor, #F06742) !important;
    box-sizing: border-box;
    border-radius: 3px;
    font-weight: 500;
    color: black;
}

.error input[type=text],
.error span {
    color: #DB3B12 !important;

}

.pointer {
    cursor: pointer !important;
}


.form-field input[type=radio], div.form-field input[type=checkbox], form.nice div.form-field input[type=radio], form.nice div.form-field input[type=checkbox] {
    display: inline;
    width: auto;
    margin-bottom: 0
}

form.custom div.custom.dropdown.expand, div.orbit, div.orbit-wrapper {
    width: 100% !important
}

.forwardingTable {
    margin: auto;
}

.forwardingHeader {
    font-weight: 500;
    padding-bottom: 12px;
}

.forwardingTable .addressLabel,
.forwardingTable .addressLabelHeader {
    margin-right: 40px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.forwardingTable .addressLabelHeader {
    font-weight: 500;
}

.forwardingTable .removeCheckbox {
    width: 50px;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 6px;
}

.forwardingTable .removeIcon {
    text-align: center;
    margin-right: 9px;
    color: var(--primaryButtonColor, #F06742);
}

.forwardingTable tr:nth-child(1) {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 6px;
}

.forwardingTable tr:nth-child(2) {
    height: 12px;
}

.forwardingTable .icon-span-offset {
    padding-right: 8px;
    padding-top: 3px;
    position: relative;
    top: 1px;
}

.forwardingTable .statusTextOffset {
    position: relative;
    top: 2px;
}

#actionBar {
    background: #F8F8F8;
    border-bottom: solid 1px #dedede;
    padding: 16px 20px 11px;
}

#actionBar img {
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 3px;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}

#actionBar img.selected {
    background-color: #D8D8D8;
}

#actionBar img:hover {
    background-color: #ECECEC;
    cursor: pointer;
}

#headerContainer {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 12;
}

#mainBar {
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    height: 72px;
    height: var(--main-bar-height);
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

.domain-switcher {
    display: flex;
    background-color: #2f2f2f;
    height: var(--main-bar-height);
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

.domain-switcher-links {
    display: flex;
    color: #fff !important;
    font-weight: bold !important;
    cursor: pointer;
    margin-left: 10px;
    padding: 0px 10px 0px 10px;
    line-height: var(--main-bar-height);
    vertical-align: middle;
    font-size: 1.1em;
}

a.domain-switcher-links {
    text-decoration: #fff underline;
}

a.domain-switcher-links:hover {
    color: var(--primaryButtonColor, #F06742) !important;
    text-decoration: var(--primaryButtonColor) underline !important;
}


.domain-switcher-links a:last-of-type {
    margin-left: auto;
}

.switchDomainButton {
    margin-left: 14px;
    margin-top: 1px;
    height: 40px;
}

#mainBar h1 {
    color: #FFF;
    font-size: 1.6rem;
    font-weight: 700;
}

#mainBar h1 a {
    color: #fff;
}

#mainBar h1, #mainBar h2 {
    line-height: 1;
    margin-bottom: 0;
}

#mainBar strong {
    display: block;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    position: relative;
}

#mainBar strong a {
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    line-height: 70px;
    padding: 0px 10px 0px;
    vertical-align: middle;
    display: inline-block;
    border: none;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
}

#mainBar strong a .fa-lg {
    font-size: 1.35em;
}

#mainBar strong a.button {
    font-weight: 700;
    height: 15px;
    margin-left: 6px;
    padding: 4px 10px;
}

#mainBar strong a.selected {
    border-top: 3px solid #DD4B39;
}

#strength0.off, #strength1.off, #strength2.off, #strength3.off, #strength4.off {
    background-color: #FFF;
}

#strength0.on {
    background-color: #8B0000;
}

#strength1.on {
    background-color: #B22222;
}

#strength2.on {
    background-color: #D2691E;
}

#strength3.on {
    background-color: orange;
}

#strength4.on {
    background-color: #9ACD32;
}

#tooltip {
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
    color: #fff;
    font-weight: 700;
}

.alert-box.close {
    display: inline-block !important;
    padding: 6px 27px 6px 6px !important;
}

.button-link {
    background-color: transparent;
    border: none;
    color: var(--primaryButtonColor, #F06742);
    cursor: pointer;
    margin-top: 4px;
    font-weight: 500;

}

.button-link:hover {
    color: #11639D;
}

.pseudolink {
    color: var(--primaryButtonColor, #F06742);
}

.pseudolink:hover {
    color: var(--primaryButtonColorMid, rgba(240, 103, 66, 0.55));
}

.button-order {
    border: none;
    cursor: pointer;
    height: 24px;
    margin: 0;
    width: 24px;
    background-color: white;
}

.button-order:after {
    font-family: var(--fa-style-family-classic);
    color: var(--primaryButtonColor, #F06742);
    display: block;
    position: absolute;
    font-size: 1.2rem;
    font-weight: 900;
    text-align: center;
    line-height: 40px;
    vertical-align: top;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

.profile-attr-name .button-link:focus,
.button-order:focus:after {
    color: var(--primaryButtonColorMid, rgba(240, 103, 66, 0.5));
}

.button-order.down:after {
    content: "\f063";

}

.remove-button {
    vertical-align: top;
    color: var(--primaryButtonColor, #F06742);
    font-size: 1.2rem;
    margin-top: -4px;
    display: inline-block;
}

.button-order.up:after {
    content: "\f062";
}

.button-roles {
    width: 32px;
}

.cellTableNoHeader thead, #preload {
    display: none;
}

.clear {
    clear: both;
}

.more-info-label {
    font-size: 12px;
}

.more-info-label:before {
    font-size: 11px;
    font-family: var(--fa-style-family-classic);
    margin-right: 8px;
    margin-left: 24px;
    color: #ACACAC;
}


.more-info-label.more:before {
    content: "\f054";
}

.more-info-label.space:before {
    content: " ";
}

.more-info-label.less:before {
    content: "\f053";
}

.confirm-content {
    padding-bottom: 16px;
}

.confirm-menu.overlay {
    background: #fff;
    border-radius: 2px;
    padding: 5px 6px 2px 6px;
    z-index: 1000;
}

.panel-config-widget {
    margin-top: 8px;
    margin-bottom: 8px;
}

.panel-config-widget .config-widget {

    padding: 4px;
    margin-left: 12px;
}

.panel-config-widget .panel-config-title {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 4px;
}

.panel-config-widget .config-widget table thead th {
    border: none;
}

.notification-popup {
    background: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: var(--primaryButtonColorBorder, #F06742);
    box-sizing: border-box;
    box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    padding: 14px;

    position: absolute;
    width: 450px;
    height: 90px;
    float: right;
}

.notification-popup .toast-item-container {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 12px;
}

.notification-popup .toast-item-more {
    font-size: 11px;
    line-height: 14px;
    position: relative;
    left: -36px;
    top: 50px;
}

.notification-popup.with-more {
    height: 96px;
}

i.toast-notification-icon {
    color: var(--primaryButtonColor, #F06742);
    font-size: 20px;
}

.notification-popup .toast-item-status {
    position: relative;
    top: 24px;
    left: -18px;
    color: var(--primaryButtonColor, #F06742);
}

.notification-popup .toast-item-container .toast-name,
.notification-popup .toast-item-container .toast-message {
    display: block;
}

.notification-popup .toast-item-container .toast-name {
    font-weight: 600;
}

.notification-popup .toast-item-container .toast-item {
    display: inline-block;
}

.notification-popup .toast-item-left-padding {
    padding-left: 0px;
}

.notification-popup .toast-item-right-padding {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), white);
    padding-right: 66px;
    position: relative;
    padding-top: 60px;
    left: 332px;
    top: 38px;
}

.notification-popup .toast-item-right-padding {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), white);
    padding-right: 66px;
    position: sticky;
    left: 366px;
}


.notification-popup.active {
    overflow: hidden;
}

.notification-popup.active .toast-item-container .toast-item {
    animation: toast-rotate 4s linear 3;
}

@keyframes toast-rotate {
    0% {
        transform: translate(0, 0);
    }
    20% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}

.profile-fields .choose-container {

    width: 650px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.profile-fields .choose-container h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.profile-fields .choose-panel {
    vertical-align: middle;
    padding: 16px;
    margin-top: 64px;
    background: rgba(249, 189, 21, 0.1);
    border: 1px solid rgba(249, 189, 21, 0.2);
    border-radius: 4px;
    max-width: 400px;
    text-align: center;
    margin-left: auto;
}

.profile-fields .property-panel .item-heading {
    font-size: 22px;
    margin-bottom: 10px !important;
    padding-bottom: 8px;
    color: #090909;
    font-weight: bold;
}

.profile-fields .validation-container-configPredefinedTags {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.validation-container-predefinedTags .profile-attr-name.row select {
    padding: 0px 12px 0px 12px;
}

.security .property-panel .item-heading {
    font-size: 20px;
    line-height: 30px;
    color: #090909;
    font-weight: bold;
    margin-bottom: unset;
}

.container.main {
    height: initial !important;

}

.container.main.menu-closed {

}

.container.main.menu-closed .global-sub-menu {
    display: none;
}


.drop-shadow {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
}

.pass {
    background-color: #009CDF;
    color: #fff
}

.enable {
    background-color: #0B8E00;
    color: #fff
}

.fail {
    background-color: #D14F4F;
    color: #fff
}

.progress {
    background-color: #01AEF0;
    color: #fff
}

.warn {
    background: #EC9B29;
    border: 1px solid #EDA33A !important;
    color: #FFF !important;
    border-radius: 2px;
}

.feedback-text {
    height: 140px;
    width: 100%;
}

.fill {
    width: 100% !important;
}

.fill.has-right-arrow + .search-button {
    right: -16px;
}

.filter-row {
    height: 42px;
}

.gwt-SuggestBox {
    border: 1px solid #ccc;
    padding: 5px 4px;
}

.gwt-SuggestBoxPopup {
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
    z-index: 50;
}

.gwt-SuggestBoxPopup .item {
    cursor: default;
    padding: 4px 8px;
}

.gwt-SuggestBoxPopup .item-selected {
    background: #eee;
}

.gwt-SuggestBoxPopup table tbody tr td {
    color: #333;
    padding: 0;
}

.gwt-SuggestBoxPopup .profile-image {
    height: 32px;
    width: 32px;
}

.gwt-SuggestBoxPopup .navdiv {
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 18px;
}

.gwt-TreeItem:hover {
    color: #000;
    cursor: pointer;
}

.inner-container {
    padding-top: 35px;
    min-height: 750px;
}

.input-text-error {
    border: 1px solid #C00000 !important;
}

.input-text-multiline {
    font-size: 15px;
    line-height: 24px;
}

.input-text.has-right-arrow {
    padding-right: 1.86667em !important;
}

.input-text.wide, .gwt-TabPanel, .gwt-TabPanelBottom {
    width: calc(100% - 16px);
}

.half-width {
    width: calc(49.5% - 16px) !important;
}

.half-width.padded {
    padding-left: 16px;
}

.item-edit-long {
    width: 300px;
}

.item-edit-longer {
    width: 400px;
}

.item-edit-xlong {
    width: 500px;
}

.item-edit-small {
    width: 200px;
}

.item-edit-smaller {
    width: 160px;
}

.item-edit-smallest {
    width: 100px !important;
}

.item-heading {
    font-size: 18px;
    padding-bottom: 12px;
    padding-top: 4px;
}

.item-heading:first-child .fa {
    margin-right: 8px;
}

.item-menu {
    white-space: nowrap;
    border-radius: 4px;
}

.item-menu.extra-column {
    margin-right: 20px;
    padding-right: 20px;
}

.image-link-item {
    display: inline-block;
    cursor: pointer;
}

.home-profile .item-menu .item-heading {
    line-height: 24px;
}

.home-profile .item-menu {
    margin-top: 22px;
    margin-left: 30px;
}

.item-menu-container {
    position: absolute;
    right: 0px;

    color: white;
    background-color: var(--primaryButtonColor, #F06742);
    transition: box-shadow, -moz-box-shadow, -webkit-box-shadow .2s ease-in-out;
}

.item-menu-container .image-link-item {
    padding-left: 6px;
    padding-right: 6px;
    transition: all .2s ease-in-out;
}

.item-menu-container .image-link-item .fa {
    color: white;
    font-size: 2.8rem;
    line-height: 76px;
}

.item-menu-container .image-link-item:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.item-menu-container .button:first-child {
    margin-left: 16px;
}

.item-menu-container .button:nth-child(2) {
    margin-right: 16px;
}

.item-menu-container .button {
    margin-top: 17px;
    margin-bottom: 16px;
}

.item-menu-container.floater {
    z-index: 11;
    border-bottom-left-radius: 3px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
}

.item-menu-container.floater .image-link-item {
    border-bottom-left-radius: 3px;
}

.item-menu-container.floater.edit {
    border-bottom-left-radius: 25px;
}

.item-menu-container.floater .image-link-item .fa {
    line-height: 50px;
}

.innerTitle {
    background-color: #F5F6F7;
    font-weight: 600;
    font-size: 34px;
    color: #090909;
    height: 43px;
    padding-bottom: 27px;
}

.innerHeader {
    margin-right: 20px;
}

.tableHolder {
    margin-right: 0px;
}

.table-filter-icon {
    color: #555555 !important;
    cursor: pointer;
    background: white;
    font-size: 1rem !important;
    line-height: 42px !important;
}

#eventsLog input[type='checkbox'],
.search-panel input[type='checkbox'],
.search-results table input[type='checkbox'],
.profile-fields input[type='checkbox'],
input[type='checkbox'].three-state-checkbox {
    display: inline !important;
}

#eventsLog input[type='checkbox']:after,
.search-panel input[type='checkbox']:after,
.search-results table input[type='checkbox']:after,
.profile-fields input[type='checkbox']:after,
input[type='checkbox'].three-state-checkbox:after {
    line-height: 0.9em;
    content: "\f0c8";
    font-family: var(--fa-style-family-classic);
    margin-right: 8px;
    color: #ACACAC;
    font-size: 22px;
    vertical-align: top;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: -3px;
    margin-left: -4px;
    border: 1px solid white;
    border-radius: 0.25em;
    background: white;
}

#eventsLog input[type='checkbox']:checked:after,
.profile-fields input[type='checkbox']:checked:after,
.search-panel input[type='checkbox']:checked:after,
.search-results table input[type='checkbox']:checked:after,
input[type='checkbox'].three-state-checkbox:checked:after {
    content: "\f14a";
    color: var(--primaryButtonColor, #F06742);
    font-weight: 900;
}

.item-menu-image {
    display: none;
}

.flag-menu-image {
    display: inline-block;
}

.close-menu-image {
    display: inline-block;
}

.item-menu-image .fa {
    font-size: 21px;
    color: #747474;
    text-align: center;
    height: 24px;
    line-height: 25px;
}

.item-menu-image .fa, .item-menu-image .fa-stack, .item-menu-image img {
    cursor: pointer;
    padding-bottom: 4px;
    padding-right: 6px;
    vertical-align: middle;
    width: 24px;
}

.login .item-menu-image img {
    padding-right: 0;
}

.item-menu-image.no-pad img {
    padding-bottom: 0;
    padding-right: 0;
    vertical-align: middle;
    width: 24px;
}

.item-menu-image.flag img {
    margin: 0px 2px;
}

.item-menu-item, a {
    color: var(--primaryButtonColor, #F06742);
    cursor: pointer;
}

.item-menu-item:hover, a:hover, .organisation-item-label div:hover {
    color: var(--primaryButtonColorMid, rgba(240, 103, 66, 0.55));
}

.item-menu .item-menu-item {
    line-height: 23px;
    font-weight: 500;
    font-size: 14px;
}

.item-menu .item-heading {
    font-size: 12px;
    line-height: 13px;
    padding-bottom: 0;
    color: #555;
}

.item-menu-sep {
    background-color: rgba(0, 0, 0, 0.2);
    height: 1px;
    margin: 5px 0;
}

.item-menu.overlay {
    background: white;
    left: -160px;
    padding: 20px;
    position: absolute;
    z-index: 10;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
}

.item-primary {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: var(--primaryButtonColor, #F06742);
}

.item-row, .search-row {
    line-height: 24px;
}

.item-row-multiline {
    line-height: 24px;
    padding-bottom: 8px;
    padding-top: 4px;
}

.item-row.margin {
    margin-top: 6px;
}

.edit-panel .item-row {
    display: flex;
}

.edit-panel .item-row input[type=text] {
    flex-grow: 1;
}

.item-title {
    color: #767676;
    font-size: 14px;
    line-height: 23px;
    display: inline-block;
    padding: 2px 18px 2px 0;
    min-width: 110px;
}


.search-panel {
    font-size: 14px;
    font-weight: 500;
}

.search-panel .business-card-text {
    font-weight: 500;
}

.search-results li.current {
    color: #ACACAC !important;
    font-size: 14px !important;
}

.search-panel {
    display: table-cell;
    vertical-align: middle;
    padding: 4px;
}

.search-panel-container.business-card {
    display: flex;
}

.search-panel-container-outer.business-card {
    background: white;
    min-height: 148px;
    overflow: hidden;
}

.search-panel-container-outer.business-card:hover {
    z-index: 1;
    height: auto;
}

.search-panel-container-outer.business-card:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0), #fff) !important;
}

.business-card .search-panel {
    display: flex;
    padding-left: 4px;
    height: auto;
}

.business-card .search-panel .search-content-icon {
    display: flex;
}

.profile-two-line-view .search-panel,
.profile-compact-view .search-panel {
    display: block;
    vertical-align: middle;
    padding: 4px;
}

.business-card-tags .tag-item {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 4px;
    font-weight: 600;
}

.profile-two-line-view .search-panel .search-content,
.profile-three-line-view .search-panel .search-content {
    margin-left: 48px;
}

.profile-compact-view .search-panel .search-content {
    margin-left: 0px;
}

.profile-compact-view .search-inline-item {
    display: inline !important;
}

.profile-compact-view .search-inline-label {
    display: inline !important;
    padding-right: 6px !important;
}

.search-panel .business-card-text .business-card-name {
    font-size: 16px;
    padding-right: 8px;
}

i.padded {
    margin-right: 12px;
}

i.padded-light {
    margin-right: 6px;
}

.search-panel .search-panel-checkbox {
    display: inline;
    padding-right: 8px;
}

.search-panel .search-title {
    margin-bottom: 0px;
}

.search-panel-container {
    display: table;
    height: 100%;
}

.search-panel-container-outer {
    height: 100%;
    border: 2px solid #F0F0F0 !important;
    border-radius: 5px;
    width: calc(100% - 6px);
}

.search-panel .business-card-text .business-card-title {
    font-size: 14px;
    display: inline;
    padding-right: 8px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.search-panel .business-card-text .business-card-ou {
    font-size: 14px;
    display: inline;
    padding-left: 8px;
}

.search-panel .business-card-text .search-inline-item {
    display: block;
}


.search-panel .business-card-text .search-inline-value {
    display: inline;
}


.search-panel .business-card-phones {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 8px;
}

.search-panel .business-card-phones.no-border {
    border-left: none;
    padding-left: 0px;
}

.search-panel .business-card-phones .search-inline-label {
    display: inline-block;
    width: 24px;
    text-align: center;
}

.search-panel .business-card-text {
    font-size: 14px;
}

.search-panel .business-card-text .business-card-label {
    font-size: 16px;
}

.search-panel .business-card-text .business-card-value {
    font-size: 16px;
}


div.property-panel .item-title {
    margin-top: 8px;
}

.property-panel div.item-row.emailDetails > div {
    float: left;
}

.property-panel input[type=radio] + label:before {
    vertical-align: text-top;
}

.property-panel .gwt-InlineLabel {
    font-size: 14px;
    line-height: 40px;

    color: #767676;
    color: var(--subtitle-text-color);
    display: table-cell;
    min-width: 80px;

}

.property-panel .item-heading {
    font-size: 16px;
    line-height: 19px;
    color: #767676;
    color: var(--subtitle-text-color);
    margin-bottom: 18px;
}

.property-panel input[type=radio] + label {
    font-size: 14px;
    line-height: 18px;
    vertical-align: top;
    color: #767676;
    color: var(--subtitle-text-color);
    display: table-cell;
    min-width: 80px;

}

.property-panel table td {
    vertical-align: baseline;
}

.property-panel table td .button-link {
    padding-bottom: 0px;
}

.labelled-input {
    display: inline-flex;
}

.item-title.large {
    color: #555;
    font-size: 18px;
}

.item-value.large {
    font-size: 18px;
}

.item-panel-edit {
    width: 60%;
}

.edit-panel table input[type=checkbox] + label {
    margin-top: 10px;
    display: inline-block;
}

.edit-panel table .button-link {
    margin-top: 10px;
}

.edit-panel table .button-order {
    margin-top: 8px;
}

.edit-panel table .tag-color-label,
.edit-panel table .tag-color-selector {
    margin-top: 10px;
}

.light-weight {
    font-weight: 300 !important;
}

.loader-panel {
    -moz-box-shadow: 0 0 10px rgba(0, 165, 255, 0.95);
    -webkit-box-shadow: 0 0 10px rgba(0, 165, 255, 0.95);
    background: white;
    background: -moz-linear-gradient(top, white 10%, #ddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, white), color-stop(100%, #ddd));
    background: -o-linear-gradient(top, white 10%, #ddd 100%);
    box-shadow: 0 0 10px rgba(0, 165, 255, 0.95);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EBEBEB', GradientType=0);
    left: 50%;
    margin-left: -300px;
    padding: 30px 40px 34px;
    position: absolute;
    top: 150px;
    width: 520px;
    z-index: 41;
}


#eventsLog input[type='checkbox'] {
    display: inline !important;
}

input[type='checkbox']:after {
    line-height: 0.9em;
    content: "\f0c8";
    font-family: var(--fa-style-family-classic);
    margin-right: 8px;
    color: #ACACAC;
    font-size: 22px;
    vertical-align: top;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: -3px;
    margin-left: -4px;
    border: 1px solid white;
    border-radius: 0.25em;
    background: white;
}

input[type='checkbox']:checked:after {
    content: "\f14a";
    color: var(--primaryButtonColor, #F06742);
    font-weight: 900;
}

.loader-panel.small {
    width: 60px;
    margin-left: -66px;
    padding: 30px 30px 30px 40px;
}

.loader-panel-bg {
    background: #b4b4b4;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 40;
}

.loading-image {
    height: 48px;
    padding-right: 6px;
    vertical-align: middle;
    width: 48px;
}

.log-results {
    min-height: 300px;
    margin-left: 24px;
    margin-right: 24px;
}

.login-image {
    margin-right: 12px;
}

.login-image-left {
    margin-left: 12px;
}

.login-title {
    font-size: 1.8rem;
    margin-bottom: 8px;
}

.margin-right {
    margin-right: 10px;
}

.nav-bar {
    margin-top: 16px;
}

.noWrapUrl a {
    white-space: nowrap;
}

.normal-weight, .validation-error:hover {
    font-weight: 400 !important;
}

.notification-item {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    text-align: center;
    pointer-events: none;
}

.notification-row {
    position: relative;
    width: 100%;
    z-index: 15;
}

.org-bottom {
    float: right;
    font-size: 11px;
}

.org-image {
    border: 1px solid #DDDDDD;
    height: 120px;
    max-width: 400px;
    width: 260px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.org-image:hover {
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    cursor: pointer;
}

.org-panel {
    height: 500px;
}

.list-count, .directory-list-count {
    color: var(--subtitle-text-color);
    font-size: 12px;
}


.directory-list-count {
    text-align: right;
    padding-right: 23px;
    padding-top: 5px;
}


.directory-list-title {
    padding-left: 25px;
    color: var(--subtitle-text-color);
    font-size: 14px;
}

div.row.no-shadow-member-list .outer {
    box-shadow: none;
}


.member-search-results .directory-list-title {
    color: #090909;
    font-size: 30px;
    line-height: 41px;
    padding-top: 15px;
    font-weight: 600;
}

.member-search-results .browse-headers-panel {
    height: 65px;
    flex-grow: 0;
}

.member-search-results .directory-list-count {
    padding-top: 30px;
}

.member-search-results .panel-scroll-list {
    flex-grow: 2;
}

.member-search-results {
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}

.directory-user-list-item {
    border-top: 1px solid #f1f1f1;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 5px;
}

.users-list .directory-user-list-item {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.users-list .directory-user-list-item:first-of-type {
    border-top: none;
    padding-top: 6px !important;
}

.users-list.external .panel-scroll-list .directory-user-list-item {
    padding-left: 0px !important;
}

.org-item-header img.profile-image {
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 16px;
    font-weight: bold;
    display: table-cell;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}


.sliding-panel.focus-sliding-panel.message-mode div.message-bar {
    font-size: 16px;
    line-height: 28px;
    border: none !important;
    text-align: center;
    border-radius: 0;
}

.sliding-panel.focus-sliding-panel.message-mode div.message-bar.progress {
    background-color: #2B8CB6;
}

/* Profile image or letter*/
.directory-user-list-item .profile-image-or-letter > * {
    width: 43px;
    min-width: 43px;
    height: 43px;
    line-height: 43px;
    font-size: 17px;
    font-weight: bold;
    display: table-cell;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}


.users-list .directory-user-list-item .profile-image-or-letter > * {
    width: 24px;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    display: table-cell;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.users-list .user-list-header-name-padding {
    padding-left: 45px;
}

.users-list .browse-headers-panel {
    height: 4px !important;
    padding-left: 17px;
    padding-right: 13px;
}

.users-list .row.browse-headers-panel {
    height: 30px !important;
    padding-left: 0px;
    padding-right: 0px;
}


.users-list.external .browse-headers-panel {
    height: inherit !important;
    padding-left: 12px;
    padding-right: 16px;
}

.users-list .directory-user-list-item span {
    padding-left: 0px;
    font-size: 14px;
    font-weight: 500;
}

.users-list .directory-user-list-item.selected span {
    padding-left: 0px;
    font-size: 14px;
}

.users-list .directory-user-list-item > div {
    width: 100%;
    display: inline-flex;
}


.font-weight-normal {
    font-weight: normal !important;
}

.directory-user-list-item div > * {
    display: table-cell;
    vertical-align: middle;
    margin: auto 0;
}

.directory-user-list-item span {
    padding-left: 15px;
}

.users-list .name .profile-image-or-letter {
    display: inline-grid;
}

.users-list .name div {
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;
}

.users-list .name span {
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
    width: calc(100% - 65px);
    vertical-align: middle;
}

.users-list .directory-user-list-item div > span {
    display: inline-block;
    margin-bottom: auto;
    margin-top: auto;
}

.directory-user-list-item span > .gwt-Label:first-child {
    color: var(--title-text-color);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}


.directory-user-list-item .name-label,
.users-list .external-contact-list-header-name-padding {
    padding-left: 12px !important;
}

.directory-user-list-item .name-label {
    color: #090909;
}

.directory-user-list-item span > .gwt-HTML, .directory-user-list-item .subtitle {
    color: var(--subtitle-text-color);
    font-size: 14px;
}

.directory-user-list-item span > .gwt-Label:last-child {
    color: var(--title-text-color);
    font-size: 14px;
    line-height: 24px;
}

.directory-user-list-item.selected {
    font-weight: bold;
}

.signature-template-preview.selected {
    background-color: var(--primaryButtonColorLight, rgba(240, 103, 66, 0.2));
}

.panel input[type=checkbox] {
    margin-top: 5px;
}

.panel-opaque-container {
    position: relative;
}

.panel-opaque {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.panel-opaque.coming-soon {
    background: #FFF;
}

.coming-soon-text {
    display: block;
    width: 100%;
    vertical-align: middle;
    position: absolute;
    text-align: center;
    top: 40%;
    z-index: 30;
    font-weight: bold;
    font-size: xx-large;
}

.coming-soon-subtext {
    display: block;
    width: 100%;
    vertical-align: middle;
    position: absolute;
    text-align: center;
    top: 50%;
    z-index: 30;
    font-weight: bold;
}

.panel-opaque.disabled, .panel-opaque.loading {
    background: #FFF;
}

.panel-opaque.loading:after {
    content: "\f021";
    font-family: var(--fa-style-family-classic);
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    font-size: 50px;
    line-height: 50px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

.panel-opaque.loading-middle {
    font-size: 25px;
    line-height: 25px;
}

.panel-role-assignment {
    -moz-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.15);
    background: #fff;
    border: 1px solid #DFDFDF;
    box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.15);
    margin: 10px 0;
}

.panel-scroll-list {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-left: 12px;
    padding-right: 12px;
    height: 100%;
}

.panel-scroll-list.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.panel-scroll-list.full-height {
    height: calc(88% - 12px);
}

.reveal-modal.revealed .panel-scroll-list {
    height: 300px;
}

.popupContent .panel-scroll-list {
    height: 300px;
}

.reveal-modal table thead th {
    padding-left: 3px;
}

.reveal-modal table thead th:first-child,
.reveal-modal table tbody td:first-child {
    padding-left: 0px;
}

.reveal-modal .modal-controls a.button {
    min-width: 110px;
    text-align: center;
}

.reveal-modal .panel.outer {
    padding-bottom: 0px;
}

.panel-scroll-list.org {
    /*height: 510px !important;*/
}

.mini-roles-list {
    width: 300px;
    vertical-align: top;
    max-height: 200px;
    display: inline-block;


}

.mini-roles-list .panel-scroll-list {
    max-height: 200px;
    padding: 2px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    height: auto;
}

.mini-roles-list .panel-scroll-list div h4 {
    font-weight: 400;
    font-size: 15px;
    padding: 2px 4px !important;
    margin: 0 0 !important;


}

.mini-roles-list .panel-scroll-list div {
    padding: 0 0 !important;
    margin: 0 0 !important;
    border: none !important;

}

.selectionboard {
    margin-top: 10px;
}

.selectedList .selected {
    margin-top: 16px;
    min-width: 330px;
}

.selectedList .selected li {
    display: block;

    margin: 0 0;

}

.selected li .removeaction {
    margin-left: 16px;
    vertical-align: top;
    font-size: 14px;
}

.selectedList .selected ul.flush {
    margin: 0 0;
}

.selectedList .selection-item {
    width: 300px;
    max-width: 330px;
    display: inline-block;

    overflow: hidden;
    text-overflow: ellipsis;
}

.panel-scroll-list.roles {
    background: #fff;
    padding: 0;
}


h4.role-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #090909;
}

.panel-scroll-list.roles.small {

}

.panel-scroll-list.roles.role-list {
    height: calc(100vh - 320px) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.panel-scroll-list.roles.xsmall {
    height: 228px !important;
}

.role-assign {
    padding-top: 0px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.role-assign thead {
    border-bottom: 1px solid #F1F1F1;

}

.role-assign tbody tr {
    border-bottom: 1px solid #F1F1F1;
}

.role-assign tbody tr:last-of-type {
    border-bottom: none;
}

.role-assign tbody tr td {
    padding-top: 20px;
    padding-bottom: 20px;
    flex: 1;
}

.role-assign tbody tr td:nth-child(1),
.role-assign thead tr th:nth-child(1) {
    flex: 0.1 1 20px;
    padding-top: 30px;
}

.role-assign tbody tr td:nth-child(2),
.role-assign thead tr th:nth-child(2) {
    flex: 6 6 200px;
}

.role-assign tbody tr td:nth-child(3),
.role-assign thead tr th:nth-child(3) {
    flex: 3 2 200px;

}

.role-assign thead tr th:nth-child(4),
.role-assign tbody tr td:nth-child(4) {
    flex: 0.3 0.3 24px;
    padding-top: 40px;
}

.role-assign td:first-child img {
    padding-top: 20px;
    padding-bottom: 20px;
}

.role-assign td:last-child button {
    padding-top: 20px;
    padding-bottom: 20px;
}

.role-assign table {
    position: relative;
    width: 100%
}

.role-assign thead th {
    top: 0px;
    padding-bottom: 12px;
    margin: 0;
    height: 24px;
    background-color: white;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    box-sizing: border-box;
    color: #767676;
}

.role-assign thead th:nth-child(2) {
    padding-left: 16px !important;
    min-width: 450px;
}


.role-assign thead th:nth-child(3) {
    padding-left: 7px !important;
    text-align: center;
    min-width: 150px;
}


.role-assign tbody td:nth-child(3) {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;

    color: #090909;
}

.role-assign div.iconback {
    font-size: 1.5em;
    color: rgba(255, 255, 255, 0.4);
    text-align: center;
    position: relative;
}

.role-assign div.orgback {
    top: -63px;
}

.role-assign .profile-letter {
    font-weight: 500;
}

.role-assign div.profileback {
    top: -63px;
}

.role-assign div.groupback {
    top: -59px;
}

.role-assign div.svcback {
    top: -59px;
}

.rolebutton.disabled:hover:after, .rolebutton.disabled:focus:after {
    background-color: rgba(0, 0, 0, 0) !important;
}

.resultsPanel {
    background-color: white;
    overflow: scroll;
}

.panel.outer {
    background: #fff;
    padding: 0;
    padding-bottom: 22px;
    position: relative;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
}

.reveal-modal .panel.outer {
    margin: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.password-panel {
    margin: 10px 0;
}

.permission-image {
    height: 16px;
    vertical-align: text-bottom;
    margin-right: 5px;
}

.popupContent {
    background: #fff;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    z-index: 15;
}

.popupContent #advancedSearch {
    border-radius: 4px;
}

.gwt-PopupPanel {
    z-index: 15;
}

.main-nav-name {
    font-weight: bold;
    margin-bottom: 5px;
}

.main-nav-email {
    margin-bottom: 8px;
}

.profile-image {
}

.profile-image.round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

.profile-image.main-bar {
    height: 30px;
    width: 30px;
    margin-top: 20px;
}

.profile-image.main-nav {
    height: 50px;
    width: 50px;
    margin-bottom: 3px;
}

.profile-letter.main-nav {
    height: 50px;
    width: 50px;
    margin-bottom: 6px;
    font-size: 32px;
    line-height: 49px;
}

.profile-image.profile-menu, .profile-letter.profile-menu {
    height: 80px;
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.profile-image.profile-menu:hover, .profile-letter.profile-menu:hover {
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.profile-letter.profile-menu {
    font-size: 30px;
    line-height: 80px;
}

.profile-menu .gwt-Hyperlink {
    display: inline;
}

.profile-image-div {
    margin-top: 20px;
}

.profile-image-div .inner-large {
    margin: 0 auto;
    width: 150px;
}

.profile-image.big {
    width: 150px;
}

.profile-image.search {
    /*margin: 2px 0px 0px 6px; min-height: 25px; min-width: 25px;*/
}

.profile-image.search.small {
    min-width: 30px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin: 0px 7px 5px 6px;
}

.profile-image.search.smallish {
    min-width: 32px;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin: 0px 7px 5px 6px;
}

.profile-image.search.threeline {
    min-width: 58px;
    width: 58px;
    height: 58px;
    vertical-align: middle;
    margin: 0px 12px 5px 6px;
}

.profile-image.search.device {
    vertical-align: middle;
    margin: 0px;
    width: 45px;
    height: 45px;
}

.profile-details {
    display: table-cell;
    vertical-align: middle;
    padding-left: 12px;
    height: 60px;
    padding-top: 2px;
}


.profile-details-name {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;

    color: #090909;
}

.profile-details-email {
    font-size: 14px;
    line-height: 24px;
    color: #767676;
}

.role-list .profile-image {
    width: 60px;
    height: 60px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    display: inline-block;
    border-radius: 50%;
}

.scope-row span.select-wrapper {
    width: 190px;
}


.profile-details {
    display: inline-block;
}

.role-list .profile-letter {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 28px;
}

.profile-image.search:hover {
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.profile-image.activityMap {
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}

.search-panel {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.search-result-header {
    color: #181818;
    font-weight: bold;
    font-size: 15px;
}

.search-title {
    margin-bottom: 6px;
}

.light {
    color: #888;
}

.image-type {
    position: absolute;
    top: 0px;
    right: 5px
}

.row {
    max-width: 1400px;
}

.password-rowspacing {
    padding-top: 9px;
    padding-bottom: 9px;
}

.password-rowspacing-large {
    padding-top: 18px;
    padding-bottom: 14px;
}

.scroll-list-outer {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
}

.browser-static-header .scroll-list-outer {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-shadow: initial;
    -moz-box-shadow: initial;
    -webkit-box-shadow: initial;
}

.browser-static-header {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
}

.tabs .tab-icon .icon-holder {
    padding-left: 4px;
    padding-right: 4px;
    display: none;
}

.tab-icon.show-icon .icon-holder {
    display: inline;
}


.browser-static-header dl.tabs {
    margin: 0;
}

.list-browser .scroll-list-outer {
    height: 100%;
}

.list-browser {
    position: absolute;
    z-index: 1;
    background-color: white;
}

.search-button {
    border: none;
    cursor: pointer;
    height: 40px;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.86667em;
    line-height: 40px;
    vertical-align: middle;
    background: transparent;
    font-weight: 900;
    font-size: 21px;
}

.search-button:before {
    content: "\f0dd";
    font-family: var(--fa-style-family-classic);
    color: #ACACAC;
    display: block;
    position: absolute;
    font-size: 1.2rem;
    font-weight: 900;
    text-align: center;
    top: 15px;
    right: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

.clear-button {
    border: none;
    cursor: pointer;
    height: 40px;
    margin-top: 0;
    position: relative;
    top: -2px;
    right: 38px;
    width: 1.86667em;
    line-height: 40px;
    vertical-align: middle;
    background: transparent;
    font-weight: 900;
    font-size: 21px;
}

.clear-button:before {
    content: "\f057";
    font-family: var(--fa-style-family-classic);
    color: #ACACAC;
    display: block;
    position: absolute;
    font-size: 1.2rem;
    font-weight: 900;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#mainBar .search-button {
    height: 32px;
}

#mainBar .search-button:before {
    line-height: 30px;
}

.search-button.cancel {
    background: transparent url(https://storage.googleapis.com/cloudpages/images/cross-16.png) no-repeat center;
    height: 16px;
}

.search-info {
    border-bottom: 1px dashed #90BDD6;
    cursor: help;
    float: right;
    font-size: 11px;
    margin-top: 12px;
    margin-right: 6px;
    top: -1px;
    display: inline-block;
    position: relative;
}

.search-scroll-list {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    margin-top: 0px;
    margin-left: 24px;
    margin-right: 24px;
}

.search-scroll-list.logs {
    /*height: 540px !important;*/
}

.search-scroll-list.doclist {
    margin-top: 10px;
    height: 300px !important;
}

.search-scroll-list.docviewer {
    height: 300px !important;
    border: 1px solid #ccc;
}

.strength {
    border-radius: 2px;
    line-height: 20px;
    padding: 3px 6px;
    margin: 6px 0px 12px;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
}

.strength-box {
    border: 1px solid #ccc;
    height: 7px;
    margin-left: 3px;
    margin-right: 3px;
    width: 60px;
    background: #c4c4c4;
}

.strength-meter {
    margin: 5px auto;
}

.subtitle-row h6, .subtitle-row-spacing h6 {
    padding: 0;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
}

.subtitle-row.org {
    margin-bottom: 2px;
}

.subtitle-row-info-icon {
    color: #7d7d7d;
    display: inline-block;
    line-height: 39px;
    text-align: center;
    vertical-align: top;
}

.subtitle-row-spacing .subtitle-row-info-icon {
    background-color: transparent;
}

.subtitle-row-warning {
    background-color: #fff7d9;
}

.subtitle-row-warning .subtitle-row-info-icon {
    color: white;
    background-color: #F9BD14;
}

.profile-header .button {
    margin-top: 20px;
    margin-bottom: 20px;
}

.suggest-match {
    font-weight: bold;
}

.suggest-old {
    font-weight: bold;
}

.suggest-quote {
    visibility: hidden;
}

.orgItem-search-suggestions.loading > div:after {
    content: "";
    display: block;
    background-color: #f8f8f8;
    opacity: 0.5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.orgItem-search-suggestions .item {
    padding-top: 6px;
    padding-bottom: 6px;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0);
}

.orgItem-search-suggestions .item:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
}

.orgItem-search-suggestions .item-selected:after {
    background: transparent;
}

.orgItem-search-suggestions .fa {
    margin-right: 1px;
    opacity: 0.55;
}

.orgItem-search-suggestions .suggest-icon {
    vertical-align: top;
    display: inline-block;
    margin-right: 6px;
    margin-top: 1px;
    text-align: center;
}

.mainBar-search-suggestions .suggest-icon,
.profiles-others-search-suggestions .suggest-icon {
    min-width: 32px;
    margin-right: 8px;
}

.orgItem-search-suggestions .suggest-profile {
    display: inline-block;
    margin-bottom: 1px;
}

.orgItem-search-suggestions .suggest-profile-id {
    font-size: 12px;
    color: #777;
    display: block;
}

.organisation-item-label * {
    display: table-cell;
    padding-bottom: 10px;
}

.organisation-item-label .gwt-Label {
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    color: var(--primaryButtonColor, #F06742);
}

.organisation-item-label i {
    color: rgba(118, 118, 118, 0.6);
    font-size: 22px;
    line-height: 28px;
    margin-left: 12px;
}

.organisation-item-label {
    cursor: pointer;
    width: fit-content;
}

.tall-panel {
    margin-left: 0 !important;
}

.title-row h3 {
    padding: 0px;
    margin-top: 22px;
    margin-bottom: 0;
    font-size: 23px;
    line-height: 27px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.top-bar a.toggle-nav .fa {
    -webkit-animation: untwizzletwiddle 500ms ease-in-out forwards;
    -moz-animation: untwizzletwiddle 500ms ease-in-out forwards;
    -o-animation: untwizzletwiddle 500ms ease-in-out forwards;
    animation: untwizzletwiddle 500ms ease-in-out forwards;
}

.top-bar a.toggle-nav.open .fa {
    -webkit-animation: twizzletwiddle 500ms ease-in-out forwards, keeprotating 3s 500ms infinite alternate;
    -moz-animation: twizzletwiddle 500ms ease-in-out forwards, keeprotating 3s 500ms infinite alternate;
    -o-animation: twizzletwiddle 500ms ease-in-out forwards, keeprotating 3s 500ms infinite alternate;
    animation: twizzletwiddle 500ms ease-in-out forwards, keeprotating 3s 500ms infinite alternate;
}


.detail-placeholder {
    height: fit-content;
    background: rgba(249, 189, 21, 0.1);
    border: 1px solid rgba(249, 189, 21, 0.2);
    border-radius: 4px;
    margin: 24px;
    margin-right: 32px;
    padding-bottom: 32px;
    flex: 1;
}

.detail-placeholder.placeholder-expanded {
    width: auto;
}

.detail-placeholder .gwt-Label {

    margin: auto;
}

.detail-placeholder .gwt-Label + div {

    margin: auto;
    text-align: center;
}

.detail-placeholder > div {
    padding-top: 32px;
    padding-left: 12px;
    padding-right: 12px;
}


/* Centre the div holding the ? and help link*/
.detail-placeholder > div > div {
    width: fit-content;
    margin: auto;
}

.detail-placeholder .gwt-Label {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.detail-placeholder .gwt-Anchor {
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    color: #007DBA;
}

.detail-placeholder i {
    color: #007DBA;
}

.master-detail {
    height: 100%;
    overflow: hidden;
    display: flex;
    padding-bottom: 10px;
}

.master-detail .tabbed-browse {
    width: 400px;
    display: flex;
    flex-direction: row;
    border-right: 1px solid #ECECEC;
    height: 100%;
    overflow-y: hidden;
}

.master-detail > div {
    display: flex;
    flex-direction: row;
    vertical-align: top;
    padding-left: 10px;
    height: 100%;
}

.master-detail.main-content-panel > div:nth-child(2) {
    width: 100%;
}

.master-detail .sliding-panel > div {
    height: 100%;
}

.master-detail .sliding-panel-wrapper {
    margin: 0 !important;
}


.img-center, .navdiv.img-center {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-top: -48px;
    margin-left: -48px;
    width: 96px;
    height: 96px;
    /*
    -webkit-animation:spin 3s cubic-bezier(.81,.01,.04,1) infinite;
    -moz-animation:spin 3s cubic-bezier(.81,.01,.04,1) infinite;
    animation:spin 3s cubic-bezier(.81,.01,.04,1) infinite;
    */
}

.navdiv.img-center {
    line-height: 96px;
    font-size: 50px;
}

/*fixes pie-chart tooltip flickering*/
svg > g:last-child > g:last-child {
    pointer-events: none
}

div.google-visualization-tooltip {
    pointer-events: none
}

.loader-progress-wrapper {
    position: absolute;
    width: 100%;
    top: 60%;
    left: 0;
}

.loader-progress {
    position: relative;
    display: block;
    height: 4px;
    overflow: hidden;
    background-color: rgba(187, 187, 187, 0.3);
}

.loader-progress .loader-bar.loader-bar1 {
    -webkit-animation: loader1 3s infinite linear;
    animation: loader1 3s infinite linear;
}

.loader-progress .loader-bar.loader-bar2 {
    -webkit-animation: loader2 3s infinite linear;
    animation: loader2 3s infinite linear;
}

.loader-progress .loader-bar {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background: rgb(169, 169, 169);
    height: 4px;
    position: absolute;
    width: 100%;
}

.switch {
    margin-left: 10px;
}

.switch label {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 44px;
    background: #898989;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    top: 6px;
}

.switch label:after {
    position: absolute;
    left: 2px;
    top: 2px;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 25px;
    background: #fff;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
    content: '';
    transition: all 0.3s ease;
}

.switch label:active:after {
    transform: scale(1.15, 0.85);
}

.switch input:checked ~ label {
    background: var(--primaryButtonColor, #F06742);
}

.switch input:checked ~ label:after {
    left: 26px;
}

.switch input ~ label:before {
    display: none;
}

.switch input:disabled ~ label {
    background: #d5d5d5;
    pointer-events: none;
}

.switch input:disabled ~ label:after {
    background: #bcbdbc;
}

.switch input {
    display: none;
}

.vertical-line {
    border-left: 1px solid #ddd;
    width: 0px;
    height: 50%;
}

@-webkit-keyframes loader1 {
    0% {
        -webkit-transform: translateX(0%) scaleX(0)
    }
    20% {
        -webkit-transform: translateX(0%) scaleX(0.5)
    }
    40% {
        -webkit-transform: translateX(25%) scaleX(0.7);
        -webkit-animation-timing-function: ease-in
    }
    55% {
        -webkit-transform: translateX(75%) scaleX(0.7)
    }
    65% {
        -webkit-transform: translateX(100%) scaleX(0.7)
    }
    to {
        -webkit-transform: translateX(100%) scaleX(0.7)
    }
}

@keyframes loader1 {
    0% {
        -webkit-transform: translateX(0%) scaleX(0);
        transform: translateX(0%) scaleX(0)
    }
    20% {
        -webkit-transform: translateX(0%) scaleX(0.5);
        transform: translateX(0%) scaleX(0.5)
    }
    40% {
        -webkit-transform: translateX(25%) scaleX(0.7);
        transform: translateX(25%) scaleX(0.7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    55% {
        -webkit-transform: translateX(75%) scaleX(0.7);
        transform: translateX(75%) scaleX(0.7)
    }
    65% {
        -webkit-transform: translateX(100%) scaleX(0.7);
        transform: translateX(100%) scaleX(0.7)
    }
    to {
        -webkit-transform: translateX(100%) scaleX(0.7);
        transform: translateX(100%) scaleX(0.7)
    }
}

@-webkit-keyframes loader2 {
    0% {
        -webkit-transform: translateX(0%) scaleX(0)
    }
    55% {
        -webkit-transform: translateX(0%) scaleX(0)
    }
    65% {
        -webkit-transform: translateX(0%) scaleX(0.5)
    }
    70% {
        -webkit-transform: translateX(0%) scaleX(0.66)
    }
    95% {
        -webkit-transform: translateX(100%) scaleX(0.20)
    }
    to {
        -webkit-transform: translateX(100%) scaleX(0.20)
    }
}

@keyframes loader2 {
    0% {
        -webkit-transform: translateX(0%) scaleX(0);
        transform: translateX(0%) scaleX(0)
    }
    55% {
        -webkit-transform: translateX(0%) scaleX(0);
        transform: translateX(0%) scaleX(0)
    }
    65% {
        -webkit-transform: translateX(0%) scaleX(0.5);
        transform: translateX(0%) scaleX(0.5)
    }
    70% {
        -webkit-transform: translateX(0%) scaleX(0.66);
        transform: translateX(0%) scaleX(0.66)
    }
    95% {
        -webkit-transform: translateX(100%) scaleX(0.20);
        transform: translateX(100%) scaleX(0.20)
    }
    to {
        -webkit-transform: translateX(100%) scaleX(0.20);
        transform: translateX(100%) scaleX(0.20)
    }
}

/*
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }​
*/
@-webkit-keyframes twizzletwiddle {
    to {
        transform: rotate(135deg);
    }
}

@-moz-keyframes twizzletwiddle {
    to {
        transform: rotate(135deg);
    }
}

@-o-keyframes twizzletwiddle {
    to {
        transform: rotate(135deg);
    }
}

@keyframes twizzletwiddle {
    to {
        transform: rotate(135deg);
    }
}

@-webkit-keyframes untwizzletwiddle {
    from {
        transform: rotate(135deg);
    }
    to {
        transform: rotate(0deg);
    }
}

@-moz-keyframes untwizzletwiddle {
    from {
        transform: rotate(135deg);
    }
    to {
        transform: rotate(0deg);
    }
}

@-o-keyframes untwizzletwiddle {
    from {
        transform: rotate(135deg);
    }
    to {
        transform: rotate(0deg);
    }
}

@keyframes untwizzletwiddle {
    from {
        transform: rotate(135deg);
    }
    to {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes keeprotating {
    from {
        transform: rotate(135deg);
    }
    to {
        transform: rotate(136deg);
    }
}

@-moz-keyframes keeprotating {
    from {
        transform: rotate(135deg);
    }
    to {
        transform: rotate(136deg);
    }
}

@-o-keyframes keeprotating {
    from {
        transform: rotate(135deg);
    }
    to {
        transform: rotate(136deg);
    }
}

@keyframes keeprotating {
    from {
        transform: rotate(135deg);
    }
    to {
        transform: rotate(136deg);
    }
}

.top-most-popup {
    z-index: 5000;
}

.tree-image {
    height: 16px;
    padding-bottom: 2px;
    padding-right: 6px;
    vertical-align: middle;
    width: 16px;
}

.tree-node {
}

.tree-node.leaf {
    padding-left: 16px !important;
}

.tree-panel {
    min-width: 200px;
}

.validation-error, .datBoxFormatError {
    -moz-box-shadow: 0 0 2px red !important;
    -webkit-box-shadow: 0 0 2px red !important;
    border: solid 1px red !important;
    box-shadow: 0 0 2px red !important;
    font-weight: 400 !important;
}

.title-validation-error {
    color: red;
    font-weight: bold !important;
    text-shadow: 0px 0px 8px #FF0000;
}

.vcard {
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    width: 300px;
}

.viz-table-header {
    background-color: #fff;
    border: 1px solid #eee;
    color: #000;
    font-size: 14px;
    padding: 4px;
}

.viz-table-row {
    padding: 4px 2px !important;
}


html body div ::-webkit-scrollbar {
    background: #eee;
    height: 6px;
    width: 6px;
}

.notificationPopup ::-webkit-scrollbar {
    background: transparent;
}

html body div ::-webkit-scrollbar-button:start:decrement, html body div ::-webkit-scrollbar-button:end:increment {
    background-color: transparent;
    display: block;
    height: 0;
}

@supports not selector(::-webkit-scrollbar) {
    * {
        scrollbar-width: thin;
        scrollbar-color: var(--thumbBG) var(--scrollbarBG);
    }
}

html body div ::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 5px;

}

html body div::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
}


html body div ::-webkit-scrollbar-thumb:vertical {


    height: 50px;
}

html body div ::-webkit-scrollbar-track {
    background: var(--scrollbarBG);

}

html body div ::-webkit-scrollbar-track-piece {
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-radius: 0;
}


:focus {
    outline: none;
}

a img.central {
    float: right;
    height: 16px;
    margin-left: 8px;
    padding-top: 6px;
    vertical-align: middle;
    width: 16px;
}

a img.spinner {
    position: absolute;
    right: 10px;
    top: 8px;
}

a img.navimage {
    -moz-transition: -moz-transform .15s linear;
    -o-transition: -o-transform .15s linear;
    -webkit-transition: -webkit-transform .15s linear;
    height: 24px;
    vertical-align: middle;
    width: 24px;
}

a img.navimage.has-image:hover {
    -moz-transform: scale(2.0);
    -o-transform: scale(2.0);
    -webkit-transform: scale(2.0);
}

a img.navimage.round {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 38px;
    height: 38px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.navdiv {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 38px;
    height: 38px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 38px;
    font-weight: normal;
}

.navdiv.loading {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    line-height: 38px;
    font-size: 38px;
    color: #555;
}

a img.navimage.round.noshadow, .navdiv.noshadow {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.navdiv.inverted {
    color: #888;
}

.navdiv.search-card {
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 59px;
}

#searchResults .navdiv.search-card {
    font-size: 32px;
    width: 80px;
    height: 80px;
    font-weight: 500;
    line-height: 80px;
}

#searchResults .profile-two-line-view .navdiv.search-card,
#searchResults .profile-three-line-view .navdiv.search-card {
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 45px;
}

.search-panel .border-left {
    padding-left: 8px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.search-panel .border-right {
    padding-right: 8px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}


#searchResults .profile-compact-view .navdiv.search-card {
    font-size: 15px;
    width: 36px;
    height: 36px;
    line-height: 37px;
}

.multi-search-results .panel.outer {
    box-shadow: none !important;
}

.multi-search-results {
    padding-left: 16px;
    padding-right: 16px
}

.multi-search-results ul.tabs-content li {
    padding-top: 4px;
}

.search-results .search-info.right {
    float: right !important;
}

#searchResults .profile-three-line-view .search-panel {
    display: block;
}

#searchResults .profile-compact-view .navdiv.search-card {
    font-size: 16px;

    width: 36px;
    height: 36px;
    line-height: 36px;
}

#searchResults .profile-three-line-view .business-card-name,
#searchResults .profile-two-line-view .business-card-name,
#searchResults .profile-compact-view .business-card-name {
    display: inline;
    padding-right: 16px;
}


.search-results .results-container {
    padding-right: 6px;
}


/*
#searchResults .search-scroll-list {
    height: 63vh;
}
*/

.navdiv.main-bar {
    font-size: 13px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    margin-top: 20px;
}

.navdiv.main-bar:hover {
    cursor: pointer;
}

.panel.outer.org-item-panel {
    padding: 20px 30px;
    box-sizing: border-box;
}

.sliding-panel.message-mode .panel.outer.org-item-panel {
    padding-top: 40px
}

.org-item-panel.edit-panel {
    margin-top: 60px;
    overflow-y: scroll;
    border-top: 1px solid #F1F1F1;
}

.org-item-header .profile-letter {
    font-size: inherit;
    width: auto;
    height: auto;
    line-height: inherit;
}

.org-item-header .name {
    display: block;
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
    min-height: 27px;
    padding-top: 15px;
}

.org-item-header .name span {
    margin-right: 5px;
}

.org-item-header.property-panel-aligned {
    margin-left: 12px;
}

.profile-header .profile-letter, .profile-header .profile-image {
    font-size: 30px;
    width: 120px;
    width: var(--profile-photo-width);
    height: 120px;
    height: var(--profile-photo-width);
    line-height: 120px;
    font-weight: bold;
}

.home-profile .profile-letter, .home-profile .profile-header .profile-image {
    font-size: 80px;
    width: 186px;
    height: 186px;
    line-height: 186px;
    margin-bottom: 10px;
    font-weight: bold;
}

.profile-header {
    margin-left: 31px;
    margin-bottom: 20px;
}

.panel .gwt-TabPanel {
    margin-left: 21px;
}

.home-profile .profile-header {
    min-height: 196px;
}

.home-profile .profile-header h3, .home-profile .profile-header h6 {
    padding-left: 12px;
}

.home-profile .profile-header h3, .home-profile .subtitle-row-info-icon {
    margin-left: 12px;
}

.sync-photo-container {
    position: absolute;
    top: 77%;
    width: 100%;
    height: 40%;
}

.sync-photo {
    position: absolute;
    color: white;
    background-color: black;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 2%;
    opacity: 0.6;
    visibility: hidden;
}

.home-profile .sync-photo {
    font-size: 1em;
    padding-top: 5%;
}

.browse-profile .profile-header .left-title {
    float: none;
    width: 100%;
    margin: 0;
    position: absolute;
}

.browse-profile .profile-header .right-title {
    float: none;
    width: auto;
    margin-left: calc(var(--profile-photo-width) + 29px);
}

.right-title {
    overflow: hidden;
}

.browse-profile .profile-panel-body {
    float: none !important;
    width: auto;
    margin: 0;
}

.navdiv.search-card:hover {
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.navdiv.search-card.device {
    width: 45px;
    height: 45px;
    font-size: 24px;
    line-height: 44px;
}

.navdiv.search-card.lined {
    width: 45px;
    height: 45px;
    font-size: 24px;
    line-height: 44px;
}

.navdiv.search-card.one-line {
    width: 36px;
    height: 36px;
    font-size: 21px;
    line-height: 36px;
}


.search-content-icon {
    vertical-align: middle;
    display: inline-block;
}

.business-card .search-content-icon {
    vertical-align: middle;
    margin-bottom: 12px;
}

.business-card-ou.no-border {
    border: none;
    padding-left: 0px !important;
}

.search-panel-container-outer .search-content-icon {
    opacity: 0.5;
    -webkit-transition: all 300ms ease-in-out;
}

.search-panel-container-outer:hover .search-content-icon {
    opacity: 1.0;

}

.business-card-text {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-right: 88px;
}

.profile-compact-view .business-card-text,
.profile-three-line-view .business-card-text,
.profile-two-line-view .business-card-text {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 70px;
}

.profile-compact-view, .profile-two-line-view, .profile-three-line-view, .device-view {
    white-space: nowrap;
}

.profile-two-line-view .business-card-contact, .profile-three-line-view .business-card-contact {
    display: flex;
}

.search-row-label {
    width: 110px;
    position: absolute;
    text-overflow: ellipsis;
    overflow: hidden;
}

.search-row-value {
    margin-left: 120px;
}

.search-content {
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.global-menu-item {
    cursor: pointer;
}

.global-scroll-top {
    height: 70px;
}

.global-full-menu {
    height: calc(100% - 70px);
    display: flex;
}

.global-main-menu {
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 15px;
    min-width: 85px;
    float: left;
    height: 100%;
    background-color: #2f2f2f;
}

.global-main-menu.defined-width {
    max-width: 130px;
}

.global-main-menu hr {
    border: 1px solid rgba(0, 0, 0, 0.14);
    margin-bottom: 0;
    margin-top: 0;
}

.global-main-menu div:first-child div:first-child div {
    height: 90px !important;
}

.global-sub-menu {
    float: right;
    width: min-content;
    min-width: 255px;
    background: white;
    padding-top: 28px;
    height: calc(100% - 28px);
}

.global-main-menu, .global-sub-menu {
    display: table-cell;
}

.global-sub-menu-header {
    padding-left: 27px;
    color: #090909;
    font-weight: bold;
    font-size: 16px;
    height: 40px;
}

.main-nav-bar {
    display: table-cell;
    width: 5px;
    min-width: 5px;
}

.nav-selected .main-nav-bar {
    background-color: var(--primaryButtonColor, #F06742);
}

.main-nav-div {
    text-align: center;
    height: 85px;
    vertical-align: middle;
    width: 100%;
    min-width: 75px;
    display: table-cell;
    padding-left: 1px;
    padding-right: 6px;
}

.global-main-menu .main-nav-item {
    color: rgba(255, 255, 255, 0.8);
}

.global-main-menu .nav-selected,
.global-main-menu .main-nav-item:hover,
.global-main-menu .main-nav-item:active,
.global-main-menu .main-nav-item:focus {
    background-color: var(--primaryButtonColorLight, rgba(240, 103, 66, 0.2));
    color: rgba(255, 255, 255, 1.0);
}

.main-nav-div .gwt-Label {
    font-size: 13px;
}

.main-nav-div i {
    vertical-align: middle;
    width: 100%;
    padding-bottom: 8px;
}

.sub-nav-div {
    height: 48px;
    line-height: 48px;
    padding-left: 26px;
    padding-right: 5px;
    display: block;
    vertical-align: middle;
    min-width: 255px;
    font-size: 14px;
    color: inherit;
    background: rgba(240, 103, 66, 0.0);
    border: 1px solid rgba(240, 103, 66, 0.0);
    border-radius: 4px;
}

.sub-nav-div:hover,
.sub-nav-div:active,
.sub-nav-div:focus {
    color: inherit;
}

.sub-nav-div.nav-selected,
.sub-nav-div:hover,
.sub-nav-div:active,
.sub-nav-div:focus {
    background: var(--primaryButtonColorLight, rgba(240, 103, 66, 0.2));
    border-width: 1px;
    border-color: var(--primaryButtonColorBorder, rgba(240, 103, 66, 0.3));
    border-style: solid;
}

.main-nav-div, .sub-nav-div {
    cursor: pointer;
}

.sub-nav-div-disabled {
    cursor: auto;
    opacity: 0.6;
    background: none !important;
    border-width: 0px !important;
    border-color: #FFF !important;
    border-style: none !important;
}

.global-menu-expanded .hideOp {
    opacity: 1;
    display: inline-block;
}

.hideOp {
    opacity: 0;
    display: none;
    -webkit-transition: opacity 0.1s ease 1s;
    -moz-transition: opacity 0.1s ease 1s;
    -o-transition: opacity 0.1s ease 1s;
    transition: opacity 0.1s ease 1s;
}

.global-menu-expanded .global-menu-button {
    max-width: 100px;
}

.global-menu-button {
    max-width: 0px;
    -webkit-transition: max-width 1s ease;
    -moz-transition: max-width 1s ease;
    -o-transition: max-width 1s ease;
    transition: max-width 1s ease;
}

.global-menu-button-passthru .customized-topbar-colors {
    background: transparent !important;
}

.global-menu-expanded .main-submenu-wrapper {
    line-height: 42px;
    overflow: inherit;
    opacity: 1;
}

.floating-sub-menu {
    z-index: 100;
    line-height: 41px !important;
    opacity: 1 !important;
}

.main-nav-text {
    padding-left: 53px;
    white-space: nowrap;
}

.rotate {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.rotate-90 {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.global-menu-chevron {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-submenu-wrapper {
    line-height: 0px;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.full-window-height {
    position: relative;
    height: 100vh;
    overflow-y: hidden;
    display: flex !important;
    flex-flow: column;
}

#footerBar {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#footerBar.fixed {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
}

#footerBar .row {
    max-width: none;
}

#footerBar.global-menu-expanded {
    padding-left: 300px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.collapsed .main-submenu-wrapper {
    opacity: 0;
    line-height: 0px;
    overflow: hidden;
}

.main-submenu-item a, a.main-submenu-item {
    display: block;
}

.global-menu-item a {
    font-weight: bold;
}

.collapsed .global-menu-item a {
    font-weight: normal;
}

a.linkbutton {
    cursor: pointer;
    font-weight: 500;
}

body, html {
    height: 100%;
}

div.item-row select, .item-value, .input-text.inline {
    display: inline-block;
}

.property-panel div.item-row.emailDetails > div {
    float: left;
}


div.single-item {
    margin: 10px 0 0;
}

div.single-item div {
    float: left;
    margin: 3px 10px 0 0;
    min-width: 110px;
}

div.single-item input[type=text], .left {
    float: left;
}

footer.row {
    padding-top: 10px;
}

#footerBar a {
    color: inherit;
    opacity: 0.7;
}

#footerBar a:hover {
    color: inherit;
    opacity: 0.9;
}

#footerBar a.cts-logo-link, #footerBar a.cloudm-logo-link {
    opacity: 0.8;
}

#footerBar a.cts-logo-link:hover, #footerBar a.cloudm-logo-link:hover {
    opacity: 1;
}


h4 a {
    color: #181818;
}

h4 a:hover {
    color: #0084cc;
}


header {
    margin-top: -605px;
    position: relative;
    text-align: center;
    z-index: 100;
}

header .button.nice {
    background-position: 0 -20px;
    font-size: 1.9rem;
    padding-left: 25px;
    padding-right: 25px;
}

header .button.nice small {
    font-size: 1.1rem;
    font-weight: 300;
    text-shadow: none;
}

header h1 {
    font-size: 7.6rem;
    font-weight: 300;
    margin-bottom: 0;
    position: relative;
}

header h1 small {
    font-size: 3.2rem;
    font-weight: 400;
    left: 50%;
    margin-left: -32px;
    position: absolute;
    top: -8px;
}

header h2 {
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 34px;
    padding: 0 23%;
}

header h2 strong {
    display: block;
}

header img {
    margin-top: 7px;
}

header p {
    margin-top: 8px;
}

header p a {
    font-size: 1.2rem;
    margin-right: 20px;
}

header p a + a {
    margin-right: 0;
}

input.nice-dropdown {
    border: none;
}

input[type=checkbox] {
    background: none;
    border: none;
}

p {
    line-height: 20px;
}

section.row div.row div.twelve h5 {
    margin-bottom: 16px;
}

select {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    border-radius: 3px;
    color: #090909;
    font-weight: 500;
    padding: 4px;
    padding-left: 15px;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

option {
    font-weight: 500;
    background-color: rgba(0, 0, 0, 0.08);
}


.select-wrapper:before {
    content: "\f0dd";
    font-family: var(--fa-style-family-classic);
    color: #ACACAC;
    display: block;
    position: absolute;
    font-size: 1.2rem;
    font-weight: 900;
    text-align: center;
    top: 15px;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

.select-wrapper:before {

}

table input, .panel input, input.input-text, table textarea, table.nice-dropdown, select,
.nice div.form-field input, .nice input.input-text, .nice textarea {
    background: transparent;
    outline: none !important;
    padding: 5px 3px 4px 0px;
    margin-bottom: 4px;
}

table input[type=checkbox] {
    display: none;
}


.select-wrapper select {
    margin-bottom: 0;
    padding-right: 2em;
    width: 100%;
    padding-left: 8px;
    background-color: white;
}

.select-wrapper {
    display: inline-block;
    position: relative;
    margin-bottom: 4px;
}

#mainBar input.input-text {
    background: #FDFDFD;
    height: 36px;
}

table input:focus, .panel input:focus, input.input-text:focus, table textarea:focus, table.nice-dropdown:focus, select:focus,
.nice div.form-field input:focus, .nice input.input-text:focus, .nice textarea:focus {
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColor, #F06742);
}

.gwt-DatePicker {
    border: 1px solid #ccc;
    border-top: 1px solid #999;
    cursor: default;
}

.gwt-DatePicker td, .datePickerMonthSelector td:focus {
    outline: none;
}

.datePickerMonthSelector td:focus {
    outline: none;
}

.datePickerDays {
    width: 100%;
    background: white;
}

.datePickerPreviousButton, .datePickerNextButton, .datePickerPreviousYearButton, .datePickerNextYearButton {
    color: #ACACAC;
}


.datePickerDay, .datePickerWeekdayLabel, .datePickerWeekendLabel {
    text-align: center;
    padding: 4px;
    outline: none;
    font-weight: bold;
    color: #666;
    border-right: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
}

.datePickerWeekdayLabel, .datePickerWeekendLabel {
    background: #fff;
    padding: 0px 4px 2px;
    cursor: default;
    color: #ACACAC;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    align-items: center;
}


.datePickerDay {
    padding: 3px;
    font-weight: 500;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #090909;
    cursor: pointer;
    width: 36px;
}


.datePickerWeekendLabel, .datePickerDayIsWeekend {
    color: var(--primaryButtonColorSlight, rgba(219, 59, 18, 0.7));
    background: #FFFFFF;
}

.datePickerDayIsFiller {
    color: rgba(172, 172, 172, 0.5);
    font-weight: normal;
}

.datePickerDayIsValue {
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColor, #F06742);
    color: white;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    border-radius: 38px;
    background-color: var(--primaryButtonColor, #F06742);
}

.datePickerDayIsDisabled {
    color: #AAAAAA;
    font-style: italic;
}

.datePickerDayIsHighlighted {
    background-color: var(--primaryButtonColorLight, rgba(240, 103, 66, 0.2));
    border: 1px solid #F59FD6;
    height: 36px;
    width: 36px;
    line-height: 36px;
    vertical-align: middle;
    border-radius: 36px;
    color: var(--primaryButtonColorHover, #ED8A35);
}

.datePickerDayIsValueAndHighlighted {
    background: #d7dfe8;
}

.datePickerDayIsToday {

    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColorMid, rgba(240, 103, 66, 0.5));
    color: white;
    height: 36px;
    line-height: 36px;
    border-radius: 36px;
    vertical-align: middle;
    background-color: var(--primaryButtonColorMid, rgba(240, 103, 66, 0.5));

}

.datePickerMonthSelector {
    width: 100%;
    padding: 1px 0 5px 0;
    background: #fff;
}

.datePickerPreviousButton, .datePickerNextButton, .datePickerPreviousYearButton, .datePickerNextYearButton {
    font-size: 120%;
    line-height: 1em;
    color: var(--primaryButtonColor, #F06742);
    cursor: pointer;
    font-weight: bold;
    outline: none;
    padding: 8px 5px;
}


td.datePickerYear {
    float: right;
}

td.datePickerMonth {
    float: left;
}

td.datePickerYear select {
    float: left;

    padding-left: 7px;
    padding-right: 7px;
}

td.datePickerMonth select {
    float: right;

    padding-left: 7px;
    padding-right: 7px;

}

td.datePickerMonth, td.datePickerYear {
    vertical-align: middle;
    white-space: nowrap;
    font-size: 110%;
    font-weight: bold;
    color: #333;
}

.datePickerMonthSelector select {
    border: none;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 0px;
    text-indent: 0px;
}

.gwt-DateBox {
    padding: 5px 4px;
    border: 1px solid #ccc;
    border-top: 1px solid #999;
    font-size: 100%;
}

.gwt-DateBox input {
    width: 8em;
}

.dateBoxFormatError {
    background: #ffcccc;
}

.dateBoxPopup, .gwt-TimeBox-menu {
    z-index: 42 !important;
}

.dateBoxPopup {
    box-shadow: 4px 4px 17px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    border: 1px solid white;
    padding: 4px;
    background-color: white;
}

.dateBoxPopup .popupContent {
    box-shadow: none;
}

table.datePickerDays div.datePickerDay,
table.datePickerDays tr:nth-child(1) td {
    border: none;
}

table.datePickerDays tr:nth-child(1) {
    border: none;

    border-bottom: 2px dotted #ECEBED;
}


table.datePickerDays tr:nth-child(2) td {

    padding-top: 8px;
}

table.datePickerDays td {
    height: 38px;
    width: 38px;
    vertical-align: middle;
    font-weight: 500;
}

table.datePickerDays tr:nth-child(1) td {
    margin-bottom: 12px;
    padding-bottom: 8px;
    height: auto;
}

.list-image {
    cursor: pointer;
    position: absolute;
}

.list-image.reload {
    top: 1px;
    right: 1px;
}

.list-image.close {
    top: 1px;
    right: 1px;
}

.list-image.help {
    top: 1px;
    right: 17px;
}

.list-image.help.last {
    top: 1px;
    right: 1px;
}

.terms-checkbox {
    border-top: 1px solid #aaa;
    padding-top: 10px;
}

.reveal-modal.sso {
    width: 800px;
    margin-left: -440px;
    top: 75px
}

.sso-image {
    max-width: 800px;
}

.sso-right-panel {
    width: 370px;
}

.sso-password {
    width: 267px !important;
}

.sso-button {
    width: 66px !important;
}

.draggable {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    line-height: 15px;
    color: rgb(85, 85, 85);
}

.disable-text-selection {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}


.ui-widget {
    font-size: inherit;
    font-family: 'Inter', sans-serif;
}

.ui-accordion .ui-accordion-header {
    font-size: inherit;
}

#accordion .ui-accordion-content {
    overflow: inherit;
}

.ui-accordion .ui-accordion-content {
    padding-top: 12px;
}

.members-widget .members-scroll-panel, .shared-documents-widget .shared-documents-scroll-panel {
    height: auto;
    max-height: 180px;
}

.admin-onboarding .shared-documents-widget .shared-documents-scroll-panel {
    max-height: none;
}

.item-owner-cell-list {
    max-height: 180px;
    overflow: auto;
}

.smart-contact-user {
    color: #333333;
    font-size: 14px;
}

.time-interval {
    padding: 5px 5px 5px 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.time-interval:before {
    content: '\f017';
    font-family: var(--fa-style-family-classic);
    margin-right: 4px;
    color: var(--primaryButtonColor, #F06742);
}

.validation-container-accessTime table {
    width: 60%;
}

.show-on-phones {
    display: none !important;
}


.hide-on-phones {
    display: block !important;
}

.show-on-desktops {
    display: block !important;
}

.hide-on-desktops {
    display: none !important;
}

#accordion .ui-accordion-content {
    overflow: inherit;
}

.sliding-panel-container {
    position: relative;
}

.sliding-panel-wrapper {
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.sliding-panel-wrapper.shadow-margin {
    margin: -10px;
}

.sliding-panel-wrapper-passthrough {
    pointer-events: none;
}

.sliding-panel-wrapper-passthrough .sliding-panel {
    pointer-events: auto;
}

.sliding-panel-wrapper:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.sliding-panel-wrapper.shadow-margin:before {
    margin: 10px;
}

.sliding-panel-wrapper.visible:before {
    opacity: 0.5
}

.sliding-panel {
    position: absolute !important;
    top: 0;
    bottom: 0;
    z-index: 10;
    float: right;
}

.sliding-panel-wrapper.shadow-margin {
    top: 10px;
    bottom: 10px;
}

.master-detail .sliding-panel-wrapper.shadow-margin {
    bottom: 0;
}

.sliding-panel.reveal-modal {
    visibility: visible;
    margin-left: 0px;
}

.sliding-panel .scroll-list-outer {
    height: 100%;
    background: #fff;
}

.sliding-panel.list-browser {
    min-width: 60px;
}

.sliding-panel.reveal-modal {
    border: 1px solid #DFDFDF;
    overflow: auto;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.sliding-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
    max-height: none;
}

.sliding-overlay.reveal-modal {
    visibility: visible;
    margin-left: 0;
    border: 1px solid #DFDFDF;
    overflow: auto;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    position: absolute !important;
}

#container > .sliding-panel-wrapper, #container > .sliding-panel-wrapper:before {
    position: fixed;
    margin: 0px;
    z-index: 12;
}

#container > .sliding-panel-wrapper:before {
    background-color: #888;
}

#container > .sliding-panel-wrapper .sliding-panel {
    top: 0px;
    bottom: 0px;
    z-index: 12;
}

.list-title {
    margin-bottom: 10px;
    border-bottom: 1px solid #ECECEC;
}

.org-list-title {
    border-bottom: 1px solid #ECECEC;
}

.compact-list-title {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 4px;
    border-bottom: 1px solid #dfdfdf;
    padding-left: 30px;
    padding-right: 10px;
    font-weight: bold;
}

.no-items-list-item {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 4px;
    padding-left: 30px;
    padding-right: 10px;
    opacity: 0.7;
}


.type-present td:first-child {
    min-width: 110px !important;
    padding-left: 0;
}

table.single-column-content td:first-child {
    width: 110px !important;
    color: #888 !important;
    padding-left: inherit;
}

table.single-column-content td {
    padding: 3px;
}

.tag-item {
    margin: 4px 4px;
    font-weight: 500;
    display: inline-block;
    padding: 1px 9px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.tag-item:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

.tag-item.small {
    padding: 1px 5px;
}

.tag-color-label {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    color: #666;
    font-size: 10px
}

.tag-color-selector {
    border: 1px solid #bbb;
    height: 16px;
    float: left;
    width: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 500px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px
}

.tags-list .tag-color-label {
    opacity: 0.7;
    font-size: 80%;
}

.reveal-modal .panel-owners {
    margin-top: 10px;
}

.reveal-modal .panel-owners .item-heading, .delegate-list .item-heading {
    font-size: inherit;
    padding-bottom: 0px;
}

.reveal-modal .panel-owners .panel {
    background: transparent;
    border: 0px;
    padding: 0px;
}

.reveal-modal .panel-owners .warn-panel {
    width: auto;
    padding: 6px;
    line-height: inherit;
    box-shadow: 0px 1px 3px #ccc;
    border: 0px;
}

.delegate-list .item-heading {
    margin-bottom: 4px;
}


.gat-stat-viewer .item-title {
    width: auto;
}

.workflow-viewer .item-title {
    width: auto;
    min-width: 170px;
}

.authenticator-logo {
    float: right;
}

.captcha {
    max-height: 200px;
    opacity: 1;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.captcha.hidden, .captcha.hidden * {
    max-height: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    filter: alpha(opacity=0);
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.captcha embed {
    height: 0px;
}

#recaptcha_widget > div {
    margin-left: auto;
    margin-right: auto;
}

div.end-date {
    border-color: #EC9B29;
    background: #FFE690;
    padding-bottom: 4px;
}

#mainBar .fa-stack {
    width: 1em;
    height: 1.1em;
}

#mainBar .fa-stack .fa-stack-1x {
    line-height: normal;
}

.fa-stack .count-fa-stack {
    background-color: var(--primaryButtonColor, #F06742);
    color: white;
    font-size: 50%;
    font-weight: 600;
    left: auto;
    top: 20px;
    right: -14px;
    width: auto;
    line-height: 1em;
    border-radius: 1em;
    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
    border: 1.5px solid white;
    font-family: 'Inter', sans-serif;
}

#mainBar .fa-stack .count-fa-stack {
    left: auto;
    top: 0px;
    right: -5px;
    width: auto;
    line-height: 1em;
    font-size: 50%;
    background: red;
    color: white;
    border-radius: 1em;
    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #400;
    font-family: 'Inter', sans-serif;
}

.rippleable, .button, .gwt-TabBarItem, .nav, button {

    position: relative;
    vertical-align: bottom;
}

.ripple {
    position: absolute;
    background: rgba(0, 0, 0, .15);
    border-radius: 100%;
    transform: scale(0);
    pointer-events: none;
}

.ripple.show {
    -webkit-animation: ripple .75s ease-out;
    -moz-animation: ripple .75s ease-out;
    -o-animation: ripple .75s ease-out;
    animation: ripple .75s ease-out;
}

@-webkit-keyframes ripple {
    to {
        transform: scale(2);
        opacity: 0;
    }
}

@-moz-keyframes ripple {
    to {
        transform: scale(2);
        opacity: 0;
    }
}

@-o-keyframes ripple {
    to {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes ripple {
    to {
        transform: scale(2);
        opacity: 0;
    }
}

.context-icon {
    display: inline-block;
}

.panel-icon {
    text-align: center;
    color: #888;
}

.existing-delegate-list .panel-icon {
    display: none;
}

.delegate-list .icon-first-column {
    min-width: auto !important;
    max-width: 40px;
    padding-right: 5px;
    padding-top: 15px ! important;
    font-size: 16px;
}

.delegate-list .remove-button {
    margin-top: 10px;
    padding-left: 4px;
    font-weight: 400;
}

.delegate-list .item-heading {
    padding-bottom: 4px;
    font-weight: 500;
}

.delegate-list .item-edit-long {
    min-width: 465px !important;
}

#mainBar .cp-logo img {
    max-width: 100%;
}

#mainBar .cp-logo {
    display: none;
    pointer-events: none;
    max-width: 100%;
    height: 56px;
    line-height: 56px;
    vertical-align: middle;
    margin-top: 7px;
}

#buttonAdvancedSearch {
    display: none;
}

#mainBar .notifications {
    display: none;
}

.main .google-visualization-table {
    border: none;
}

.main .google-visualization-table-table {
    border-collapse: collapse;
    border: none;
}

.main .google-visualization-table-table th, .main .google-visualization-table-table td {
    border: none;
    border-bottom: 1px solid #E5E5E5;
    padding: 7px 8px;
    line-height: 24px;
}

.main .google-visualization-table-table tr:last-child td {
    border: none;
}

.main .google-visualization-table-table th .fa, .main .google-visualization-table-table td .fa {
    line-height: 24px;
}

.google-visualization-table-table .logCells {
    vertical-align: top;
}

.google-visualization-table-table .logCells img.flag {
    max-width: none;
    margin-top: -2px;
}

.logCells .log-message, .logCells .log-details {
    color: #888;
}

.auth-required-prompt .alert-panel {
    margin-top: 10px;
}

.auth-required-prompt .alert-panel p {
    margin-top: 4px;
}

.auth-required-prompt .alert-panel li {
    margin-bottom: 0;
}

/*
.domains-widget td,
.domains-widget th {
overflow: hidden;
white-space:nowrap;
-webkit-transition: max-width .8s;
-moz-transition: max-width .8s;
-o-transition: max-width .8s;
transition: max-width .8s;
}
.domains-widget td:nth-child(1), .domains-widget td:nth-child(2) {
text-overflow: ellipsis;
max-width: 150px;
}
.domains-widget td:nth-child(1):hover, .domains-widget td:nth-child(2):hover {
max-width: 500px;
}
.domains-widget td:nth-child(3), .domains-widget td:nth-child(4) {
text-overflow: ellipsis;
max-width: 110px;
}
.domains-widget td:nth-child(3):hover, .domains-widget td:nth-child(4):hover {
max-width: 400px;
}
.domains-widget td:nth-child(5), .domains-widget td:nth-child(6),
.domains-widget th:nth-child(5), .domains-widget th:nth-child(6) {
text-overflow: clip;
max-width: 20px;
}
.domains-widget td:nth-child(5):hover, .domains-widget td:nth-child(6):hover,
.domains-widget th:nth-child(5):hover, .domains-widget th:nth-child(6):hover {
max-width: 300px;
}
*/
.mainbar-profile-image-container {
    padding-left: 10px;
    padding-right: 10px;
    margin-right: -10px;
    cursor: pointer;
}

.shared-documents-widget select {
    display: inline;
    margin-bottom: 0px;
    border: none;
}

.gwt-PopupPanel.advanced-search, .gwt-PopupPanel.profile-menu {
    position: fixed !important;
    max-height: 90vh;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.help-preview-container {
    position: relative;
}

iframe.help-preview {
    display: block;
    height: 24px;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
}

.help-preview-shade {
    text-align: right;
    position: absolute;
    right: 0;
    top: 1px;
    bottom: 0;
    width: 130px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
}

.switch-reorder-mode {
    display: none;
    padding-right: 10px;
    line-height: 38px;
}

.org-list-title .switch-reorder-mode {
    display: initial;
}

dl.reorder-mode-on dd:last-child button.button-order.down {
    visibility: hidden;
}

dl.reorder-mode-on dd:first-child button.button-order.up {
    visibility: hidden;
}

.reorder-item-buttons {
    display: none;
    line-height: 38px;
}

.reorder-mode-on .reorder-item-buttons {
    display: initial;
}

.reorder-mode-on a.selectable {
    cursor: default !important;
}

.reorder-item-buttons button.button-order {
    vertical-align: middle;
}


.reorder-mode-on span.simple-list-item-text {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reorder-mode-on span.simple-list-item-description {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sortable-container.org-list-title span.simple-list-item-text {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sortable-container.org-list-title span.simple-list-item-description {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mainBar-search-suggestions table tbody tr td {
    font-size: 15px;
}

.orgItem-search-suggestions table, .orgItem-search-suggestions tbody, .orgItem-search-suggestions tr, .orgItem-search-suggestions td {
    display: block;
}

.suggestPopupContent table {
    width: 100%;
}

.suggestPopupContent {
    overflow-y: auto;
}

.suggestPopupContent table .item {
    border: 1px solid rgba(0, 0, 0, 0);

}

.domain-sync-data {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    white-space: nowrap;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
}

.domain-sync-data i:first-child {
    float: left;
}

.domain-sync-data i:last-child {

}

.google-visualization-table-table {
    width: 100%;
}

.button.nice.smaller {
    height: 28px;
    line-height: 22px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
}

.button.nice.xs {
    height: 16px !important;
    line-height: 16px !important;
}

.custom-checkbox-nobox input[type=checkbox] {
    position: absolute;
    left: -9999px;
}

ul {
    margin: 4px 10px;
}

ul:not(.notification-ul) {
    display: inline-block;
}

.fa.fa-stack-main-icon {
    left: -4px;
    top: -4px;
}

.fa.fa-stack-sub-icon {
    font-size: 0.8em;
    color: gray;
    width: 40%;
    height: 40%;
    background-color: #FFF;
    position: relative;
    top: 6px;
    left: 12px;
}

.property-widget-row .item-title {
    display: block;
    float: left;
}

.property-widget-row > div:last-of-type {
    display: block;
    float: left;
    width: 60%;
    padding: 0 8px 0 0;
}

.property-widget-row select {
    position: relative;
    left: 8px;
}

#settingsMainArea .item-menu-image {
    vertical-align: bottom;
}


/* https://github.com/daneden/animate.css */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

.map-panel .list-browser {
    position: relative;
}

.map-panel .list-browser .scroll-list-outer {
    height: 524px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.map-panel .nice.tabs.vertical {
    height: auto;
}

.map-panel .menu-link {
    float: right;
    z-index: 10;
    margin: 10px;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    border-radius: 2px;
    font-size: 26px;
    padding: 4px;
}

.map-panel .menu-link:hover {
    background-color: rgba(240, 240, 240, 1);
}

.map-panel.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: white;
    z-index: 15;
    margin: 0 !important;
    padding: 0;
}

.map-panel.fullscreen .map-panel-labelled-map,
.map-panel.fullscreen .map-panel-side,
.map-panel.fullscreen .map-panel-side .list-browser .scroll-list-outer {
    height: 100%;
}

.map-panel.fullscreen .map-panel-side .list-browser {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 0;
}

.map-panel.fullscreen .map-panel-side {
    top: 0;
}

.map-panel .map-panel-side {
    display: none;
}

.map-panel.show-list .map-panel-side {
    display: block;
}

.map-panel .map-panel-labelled-map {
    right: 0;
}

.map-panel.show-list .map-panel-labelled-map {
    right: 300px;
}

.map-panel .user-activity-marker img,
.map-panel .user-marker-list-item img {
    width: 100%;
    height: 100%;
}

.map-panel .user-activity-marker .profile-letter,
.map-panel .user-marker-list-item .profile-letter {
    width: 100%;
    height: 100%;
    line-height: inherit;
    font-size: 13px;
    font-weight: bold;
}

.map-panel .user-activity-marker .category-icon,
.map-panel .user-marker-list-item .category-icon,
.smart-group-list-item-icon .category-icon {
    position: absolute;
    font-size: 50%;
    right: -4px;
    bottom: -4px;
    background: white;
    /*border: 1px solid #bbbbbb;*/
    border-radius: 2px;
    color: #555;
}

.user-marker-list-item a {
    white-space: nowrap;
    height: 30px;
}

.user-marker-list-item-icon {
    float: left;
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    margin-right: 8px;
}

.smart-group-list-item-icon {
    position: relative;
}

.user-marker-list-item-name {
    display: block;
    padding-bottom: 6px;
}

.user-marker-list-item-time-description {
    font-size: 11px;
    color: #888;
    white-space: normal;
    display: table-cell;
}

.map-panel-side dl.tabs dd {
    width: 100%;
}

.user-marker-list-item-description {
    font-weight: bold;
}

ul.doughnut-legend li span.colour {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    margin-right: 10px;
}

.parent-groups {
    padding-left: 7px;
    color: gray;
}

.parent-groups div {
    padding-left: 3px;
    border-left: 1px solid gray;
}

.group-member-name-cell {
    padding-right: 20px !important;
}

.group-member-role-cell {
    padding-left: 5px;
    vertical-align: bottom;
}

.group-member-remove-cell {

}

.fa.fa-24pxlike {
    font-size: 1.85em;
}

.fa.mailsignature-pencil-icon {
    font-size: 19px;
    top: -2px;
}

.fa.stacked-base-bottom-left {
    font-size: 20px;
    bottom: 0;
    left: 0;
}

.fa-envelope-o.stacked-base-bottom-left, .fa-calendar.stacked-base-bottom-left {
    font-size: 18px;
    left: -2px;
    bottom: -3px;
}

.fa.overlay-icon {
    font-size: 12px;
    top: -6px;
    left: 6px;
}

.fa-cog.overlay-icon {
    font-size: 16px;
    top: -4px;
    left: 6px;
}

.fa-refresh.overlay-icon {
    left: 7px;
}

.fa-key.overlay-icon {
    font-size: 14px;
}

.pill {
    font-family: 'Inter', sans-serif;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    line-height: 99%;
    margin: 0;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 10px;
}

.green-pill {
    border-color: #b2d8b9;
    color: #14892c;
}

.red-pill {
    border-color: #ffe28c;
    color: #594300;
}

.pill-panel {
    vertical-align: top;
    padding-top: 6px;
}

.pill-panel + div div.gwt-Hyperlink {
    display: inline;
}


.pill-panel + div {
    display: inline-block !important;
    max-width: calc(100% - 80px);
}

.sliding-viewer {
    width: 96% !important;
    background-color: white;
    border-bottom: 1px solid #E5E5E5;
    box-shadow: 0px 2px 0px -1px #ccc;
    -moz-box-shadow: 0px 2px 3px -1px #ccc;
    -webkit-box-shadow: 0px 2px 3px -3px #ccc;
}

.customized-topbar-colors {
    color: #76767699;
    background-color: #fff;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
}

.customized-topbar-colors:hover {
    background-color: #444;
}

.tans-grid {
    width: 100%;
}

.tans-grid td:nth-child(2n+1) {
    font-weight: 700;
}

.tans-grid td:nth-child(2n+1) div {
    text-align: right;
    max-width: 30px;
}

.tans-grid td:nth-child(2n) {
    border-right: solid 1px;
    text-align: center;
}

.fade-slide-up-capable {
    transition: max-height .3s ease-in-out, opacity .3s ease-in-out;
    overflow: hidden;
}

.fade-slide-up-show {
    opacity: 1;
    max-height: 100px;
}

.fade-slide-up-hide {
    opacity: 0;
    max-height: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.verticalSliddenable {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.4s ease, opacity 0.2s ease;
    max-height: 1200px;
    overflow: hidden;
}

.verticalSlidden {
    transform: translateY(-10px);
    opacity: 0;
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
    border-bottom: 0;
}

td.u2f-key-image {
    text-align: center;
}

td.u2f-key-image img {
}

td.u2f-key-name {
    vertical-align: middle;
    font-weight: bold;
    white-space: nowrap;
    padding: 0 40px 0 40px;
}

td.u2f-key-action {
    vertical-align: middle;
    width: 100%;
}

td.u2f-key-action button.button-link {
    margin-top: 0px;
}

#container.container-tiny .reveal-modal, #container.container-tiny .reveal-modal.revealed, #container.container-tiny .reveal-modal.large, #container.container-tiny .reveal-modal.xlarge {
    max-width: 400px;
    margin-left: -240px;
}

.native.reveal-modal.sso {
    max-height: 100%;
    background: #fff;
}

.col-sort {
    vertical-align: text-top;
}

.button-order.down {
    padding: 0;
}

.alias-list .empty-alias-subrow {
    padding: 0;
    display: none;
}

.attribute-list-hidden {
    display: none;
}

.item-title.wide {
    display: block;
    width: auto;
}

.simple-list-item {
    transition: all .2s ease-in-out;
}

.simple-list-item-icon {
    float: left;
    margin-right: 12px;
}

.simple-list-item-text {
    display: block;
    padding-bottom: 6px;
    padding-top: 2px;
}

.simple-list-item-description, .search-results-query {
    display: block;
    font-size: 12px;
    color: #888;
}

select.profile-attribute {
    width: 100%;
}

.reveal-modal .row.item-row input, .reveal-modal .row.item-row .select-wrapper {
    margin-bottom: 10px;
}

.gwt-CheckBox-disabled {
    color: #999;
}

.reveal-modal.login {
    top: 50% !important;
    transform: translateY(-50%);
}

.reveal-modal-bg.login {
    visibility: hidden;
}

.reveal-modal-bg.login.customized {
    visibility: visible;
}

.list-browser dl.collapsed dd:nth-child(n+2) {
    opacity: 0;
    line-height: 0px;
    overflow: hidden;
    display: none;
}

.appointment-date {
    width: 143px;
}

.license-add-user {
    width: 440px !important;
}

.left-pad {
    padding-left: 10px;
}

.member-count {
    width: calc(49.4% - 16px) !important;
    display: inline-table !important;
}


#assignments .roles i.fa {
    color: #747474;
}

#assignments .roles .profile-letter .iconback i.fa {
    color: rgba(255, 255, 255, 0.4);
}

#managed-domains i.fa {
    color: #747474;
    padding-right: 10px;
}

#managed-domains ul {
    margin: inherit;
}

#managed-domains li {
    margin-bottom: inherit;
}

#managed-domains button {
    padding: inherit;
}


/***Chrombook login screen ***/
#container.chromebook-login .reveal-modal, #container.chromebook-login .reveal-modal.revealed, #container.chromebook-login .reveal-modal.large, #container.chromebook-login .reveal-modal.xlarge {
    width: 480px;
    margin-left: 0px;
    max-height: 100vh;
    top: 0% !important;
    left: 0 !important;
}

#container.chromebook-login .sso-right-panel {
    margin-left: 25px;
}

#container.chromebook-login .sso-image {
    margin-left: 25px;
}

#container.chromebook-login .item-edit-long {
    width: 215px;
}

#container.chromebook-login select.profile-attribute {
    width: 80px;
}

#container.chromebook-login p.lead {
    font-size: 1rem
}

#container.chromebook-login h2 {
    font-size: 2rem
}

#container.chromebook-login #docViewerStatus {
    display: none;
}

#container.chromebook-login div.property-panel .item-edit-small {
    width: 150px;
}

#container.chromebook-login div.property-panel td:first-of-type .item-edit-small {
    width: 80px;
}

#container.chromebook-login div.property-panel td:nth-of-type(2) textarea {
    width: 180px;
}

#container.chromebook-login div.property-panel td:nth-of-type(2) input {
    width: 180px;
}

#container.chromebook-login div.property-panel .col-sort {
    display: none;
}

#container.chromebook-login div.property-panel .col-primary-check {
    display: none;
}

/***END OF Chrombook login screen ***/

.blink {
    animation: blinker 2s linear infinite;
}

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

.move-context {
    background-color: #F2F2F2;
    animation-name: pulse;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        background-color: #FFF
    }
    25% {
        background-color: #F8F8F8
    }
    50% {
        background-color: #F2F2F2
    }
    75% {
        background-color: #F8F8F8
    }
    100% {
        background-color: #FFF
    }
}

.accordion-tabs {
    margin-top: 10px;
}

.accordion-tab {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.accordion-tab.active {
    background: #f8f8f8;
}

.accordion-tab-link {
    display: block;
    padding: 12px 12px;
    color: inherit;
    border-top: 1px solid #E5E5E5;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

dd:first-child .accordion-tab-link {
    border-top: none;
}

.accordion-tab-link:hover, .accordion-tab-link:focus {
    color: inherit;
    background: #f4f4f4;
}

.accordion-tab-link:active {
    color: inherit;
}

.accordion-tab-title {
    font-size: 18px;
}

.active .accordion-tab-title {
    font-weight: bold;
}

.accordion-tab-description {
    margin-top: 8px;
}

.accordion-tab-content {
    overflow-y: hidden;
    max-height: 0;
    opacity: 0 !important;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.active .accordion-tab-content {
    max-height: 500000px;
    opacity: 1 !important;
}

.accordion-tab-title, .accordion-tab-description {
    margin-left: 30px;
}

.accordion-tab-link .fa {
    float: left;
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.active .accordion-tab-link .fa {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


.cm-banner {
    background: #FCE0C8;
    width: 100%;
    color: #fff;
}

.cm-banner .bell {
    color: var(--primaryButtonColor, #F06742);
    margin: 5px 0 0 5px;
}

.cm-banner .title {
    color: var(--primaryButtonColor, #F06742);
    font-size: 30px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 6px;
}

.cm-banner .timer {
    color: #53474E;;
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 10px;
}

.cm-banner .text {
    font-size: 15px;
    color: #53474E;
    line-height: 20px;
}

.inner-wrapper-padder {
    padding: 0 1.5%;
}

.feature-box {
    text-align: center;
    padding: 10px;
}

.feature-box h2 {
    font-size: 3rem;
    font-weight: bold;
}

p.feature-description {
    font-size: 1.6em;
    line-height: 1.2em;
    margin: 22px;
}

p.feature-link {
    font-size: 1.6em;
    line-height: 1.2em;
}

div.features-row:first-child {
    margin-top: 20px;
}

.deprovision-user-steps-container {
    overflow-y: auto;
    min-height: 50px;
    height: calc(84vh - 500px);
    padding-top: 10px;
}

.deprovision-user-steps-container.verticalSlidden {
    min-height: 0px;
    padding-top: 0px;
}

.hide {
    display: none;
}

.vacationBody {
    width: 100%;
    margin-left: 5px !important;
}

.marginTop {
    margin-top: 10px;
}

.messageTextArea {
    height: 300px;
    width: 100%;
    border-style: solid;
    border-radius: 5px;
}

.item-subheading {
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 2px;
}

.small-list-header {
    font-size: 15px;
    font-weight: bold;
}

.half-item {
    width: 49.5%;
    display: inline-table
}

.full-item {
    width: 100% !important;
}

.nested-slider {
    padding: 20px;
    border: solid;
    border-color: lightgrey;
    background-color: white;
    width: 92% !important;
}

.nested-slider-scrolling {
    padding: 30px;
    height: 464px !important;
    overflow: scroll;
}

.add-group-shared .nested-slider-scrolling {
    padding: 35px;
    height: 435px !important;
    overflow: scroll;
}

span.workflow-step-label-data {
    color: #2a85e8;
}

.focus-sliding-panel {
    width: 700px;
    width: calc(calc(100% - var(--main-menu-expanded-width)) * 0.45);
    min-width: 700px;
}

.notification-sliding-panel {
    width: 550px;
    width: calc(calc(100% - var(--main-menu-expanded-width)) * 0.32);
    min-width: 550px;
}

.notification-sliding-panel .notification-ul li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--primaryButtonColorBorder, rgba(240, 103, 66, 0.3));
}

.notification-sliding-panel .notification-ul li:last-child {
    border-bottom: none;
}

.sliding-focus-widget {
    overflow-x: hidden !important;
    overflow-y: auto;
    display: flex;
    flex-flow: column;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
}


table.roles-tabs tbody,
table.roles-tabs tbody tr:nth-child(2),
table.roles-tabs tbody tr:nth-child(2) .gwt-TabPanelBottom {
    display: flex !important;
    flex-flow: column;
    overflow-y: hidden;
    height: 100%;
}

table.roles-tabs .assignments-table tbody tr:nth-child(2) {
    flex-flow: row;
}


.role-assign .roleholder-cell {
    display: inline-flex !important;
}

.assignments-table {
    display: flex;
    flex-direction: column;
}

.assignments-table thead tr,
.assignments-table tbody tr {
    display: flex;
}

.assignments-table thead tr th,
.assignments-table tbody tr td {
    display: flex;
    flex: 1;
    padding: 0.5em;
}

.roles-tabs table {
    flex: 1;
    display: flex;
}


div.panel.sliding-focus-widget {
    position: absolute;
    margin-bottom: 0;
}

.sliding-focus-widget > div.panel {
    min-height: 100% !important;
    padding-bottom: 0;
    margin-bottom: 0;
}

.constrain-height {
    display: flex !important;
    flex-flow: column;
    overflow-y: hidden;
    height: 100%;
}

.constrain-height.hide {
    display: none !important;
}


.constrain-height-row {
    display: flex !important;
    flex-flow: row;
    overflow-y: hidden;
    height: 100%;
}

.overflow-y-hidden {
    overflow-y: hidden;
    height: 100%;
}

.scrollable-tall-content {
    overflow-y: auto;
    height: 100%;
}

.scrollable-tall-content .panel-scroll-list {
    height: auto;
}

.main-content-header-panel {
    height: 43px;
    padding-bottom: 27px;
    display: flex;
    flex-direction: row-reverse;
}

.main-content-header-label {
    font-weight: 600;
    font-size: 34px;
    color: #090909;
    height: 43px;
    padding-bottom: 27px;
}

.main-content-header-panel span {
    font-weight: 600;
    font-size: 34px;
    color: #090909;
}

.main-content-panel {
    background: #FFFFFF;
    border-radius: 4px;
    padding-top: 18px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.browse-panel {
    padding-top: 0px !important;
}

.browse-panel-heading {
    padding-top: 11px !important;
}

.member-list-panel {
    padding-top: 18px;
}

.tabbed-browse {
    padding-top: 25px;
}


.list-count {
    float: right;
    padding-right: 2%;
    font-size: 12px;
    height: 28px;
}


.main-content-panel .browse-panel-heading .list-count {
    font-size: 12px;
}


.users-list .user-list-header {
    padding-left: 14px;
    padding-right: 12px;
    display: flex;
}


.users-list .user-list-header span {
    display: inline-block;
    left: 12px;
}

.users-list .status,
.users-list .job, .users-list .has-backup,
.users-list .ou {
    width: 15%;
    margin-right: 2px;
    word-break: break-all;
}

.users-list .name {
    width: 20%;
    margin-right: 2px;
    word-break: break-all;
}

.users-list .email {
    width: 30%;
    margin-right: 2px;
    word-break: break-all;
}

.right-list-header {
    padding-right: 2%;
    margin-left: auto;
}

.bulk-menu {
    color: #555555;
}

.two-row-header {
    flex-direction: column;
}

.second-header-row {
    display: flex;
    flex-direction: row;
    padding-top: 3px;
    padding-right: 0px;
    padding-left: 12px;
}

.count-header {
    position: relative;
    height: 0px;
}

.smart-teams-list .count-header .list-count {
    padding-top: 3px;

}


.group-list .count-header .list-count {
    padding-top: 2px;
}

.ext-contacts-list .count-header .list-count {
}

.second-header-row.overlaid {
    position: relative;
}

.users-list .second-header-row {
    display: flex;
    flex-direction: row;
    padding-top: 6px;
    padding-right: 0px;
    padding-left: 12px;
}


.second-header-row.padded {
    padding-left: 1.0%;
    padding-right: 1.3%;
}


.large-browse-panel hr {
    width: 97.5%;
    margin-top: 0;
    margin-bottom: 0;
}

.large-browse-panel .browse-panel-heading hr {
    width: 100% !important;
    margin-top: 0;
    margin-left: 0%;
    margin-bottom: 0;
}

.large-browse-panel .browse-panel-heading hr {
    width: calc(100% - 30px) !important;
    margin-top: 0;
    margin-left: 10px;
    margin-bottom: 0;
}

div.browse-list-container {
    padding-left: 12px;
    padding-right: 12px;
}

.browse-list-container .panel-scroll-list {
    padding-right: 0px !important;
}

.browse-item-container {
    height: 30px;
}

.browse-panel .browse-item-container {
    padding-left: 0px;
    padding-right: 0px;

}

.reorder-browse .button {
    margin-top: 0px !important;
}

.browse-item {
    display: flex;
    font-size: 12px;
    align-items: center;
    padding-bottom: 2px;
    padding-top: 2px;
}

.browse-name-column {
    padding-right: 2%;
}

.browse-headers-panel .browse-name-column {
    margin-left: 32px;
}

.browse-name-column.not-ok-to-shrink {
    flex-shrink: 0;
}

.non-reactive .browse-name-column {
    width: 65%;
}

.non-reactive .browse-desc-column {
    margin: auto 0 auto auto;
}

.browse-desc-column.ok-to-shrink {
    flex-shrink: 1;
}

.flex {
    display: flex;
}

.tabbed-browse .browse-item {
    min-height: 40px;
}

.tabbed-browse .slim-browse-inner .browse-item-focus {
    padding-left: 6.5%;
}

.microsoft.tabbed-browse .slim-browse-inner .browse-item-focus {
    padding-right: 6.5%;
}

.tabbed-browse .gwt-TabPanelBottom {
    padding-top: 10px
}

.browse-headers-panel {
    display: flex;
    padding-left: 12px;
    padding-right: 12px;
}

.org-item-panel .browse-headers-panel,
.member-list-panel .browse-headers-panel {
    padding-left: 0px;
    padding-right: 0px;
}

.browse-headers-panel span {
    white-space: nowrap;
    overflow: hidden;
}

.browse-name {
    color: #090909;
    font-size: 14px;
    font-weight: 500;
}

hr.browse-divider {

}

.tabbed-browse .browse-name {
    padding-bottom: 5px;
    font-weight: 600;
}

.group-name {
    flex: 1;
    padding-right: 2%;
    margin-left: 12px;
}

.group-desc {
    flex: 1.4;
    padding-right: 2%;
}

.group-email {
    flex: 1;
    padding-right: 2%;
}

.reorder-container {
    flex: 1 1 95px;
    padding-left: 10px;
}

.reorder-read-only .reorder-container {
    flex: 1 !important;
    padding-left: 0px;
}

.reorder-read-only .edit-only {
    display: none !important;
}

.smart-teams .list-menu.read-only {
    display: none !important;
}

.smart-teams .reorder-read-only .list-menu.read-only {
    display: inherit !important;
}

.reorder-read-only .reorder-content {
    display: none;
}

.reorder-content {
    flex: 0.29 0.29 25px;
}

.menu-closed .reorder-content {
    flex: 0.29 0.29 6px;
}

.arrow-container {
    width: 22px;
    height: 18px;
    line-height: 19px;
}

.team-name {
    flex: 1;
    padding-right: 2%;
    margin-left: 12px;
}

.team-desc {
    flex: 1.4;
    padding-right: 2%;
}

.team-email {
    flex: 1;
    padding-right: 2%;
}

.group-count {
    flex: 0.34;
    padding-right: 2%;
}

.list-menu {
    flex: 0.03;
}

.list-stack-icon {
    padding-top: 5px;
    font-size: 11px;
    flex: 0.05 1 25px;
    right: 15px;
    top: -2px;
    position: relative;
}

.directory-user-list-item .list-stack-icon {
    padding-top: 0;
    top: -13px;
    position: relative;
}

.list-stack-icon .fa-user {
    font-size: 1.5em !important;
}

.list-stack-icon .fa-sync, .list-stack-icon .fa-arrow-left {
    padding-left: 11px;
}

.list-stack-icon .fa-sync {
    padding-left: 11px;
    padding-top: 3px;
}

.list-stack-icon .fa-arrow-left {
    padding-top: 5px;
}

.browse-headers-panel .group-desc {
    padding-right: 2%;
}

.browse-headers-panel .group-email {
    padding-right: 2%;
}

.large-browse-panel .browse-name {
    line-height: 30px;
}

.browse-text {
    color: #555555;
    line-height: 23px;
}

.large-browse-panel .browse-text {
    font-weight: 500;
    line-height: 30px;
    font-size: 14px;
}

.ellipsis-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tabbed-browse .tree-panel {
    padding: 0 !important;
    margin-bottom: 10px;
}

.tree-icon {
    width: 20px;
    flex-shrink: 0;
}

.tree-icon a {
    color: #555555;
    width: 20px;
    line-height: 26px;
    padding-left: 12px;
}

.tree-icon + div {
    margin-left: 12px;
}

.tree-icon a:hover {
    color: var(--primaryButtonColor, #F06742);
}

.root-browse-item {
    font-size: 18px;
    font-weight: 600;
    color: #090909;
    vertical-align: middle;
    display: table-cell;
}

.tabbed-browse .root-browse-item {
    font-size: 18px;
    color: #090909;
}

.large-browse-panel .root-browse-item {
    font-size: 16px;
    line-height: 46px;
}

.browse-item-focus {
    cursor: pointer;
    width: 100%;
}

.smart-teams .browse-item-focus {
    width: calc(100% - 95px);
}

.smart-teams .reorder-read-only .browse-item-focus {
    width: 100%;
}


.browse-item-container .typeicon {
    display: inline;
}

.large-browse-panel .browse-item:hover,
.member-list-panel .directory-user-list-item:hover {
    background-color: var(--primaryButtonColorLight, rgba(240, 103, 66, 0.2));
}

.browse-item.selected,
.browse-item-container .selected,
.browse-item .browse-item-focus.selected,
.integration-list.selected {
    background-color: var(--primaryButtonColorMid, rgba(240, 103, 66, 0.5));
}

.tabbed-browse .browse-item.selected {
    font-weight: 600;
}

.tabbed-browse .browse-item:hover,
.ou-search-popup .browse-item:hover {
    background-color: var(--primaryButtonColorLight, rgba(240, 103, 66, 0.1));
}

.tabbed-browse .gwt-TabBarItem-wrapper {
    left: 25px !important;
}

.header-divider {
    margin-left: 2%;
    width: 96% !important;
}

.large-browse-panel .tree-panel {
    padding-top: 0;
}

.root-browse-container hr {
    width: 96%;
}

.root-browse-container .wide-root-container {
    padding-left: 12px;
    padding-right: 12px;
    height: 50px;
}

.reorder-read-only .reorder-browse {
    display: none;
}

.browse-title-panel {
    padding-bottom: 25px;
}

.orgitems.details .header-label {
    font-size: 16px;
    line-height: 19px;
    color: #767676;
    color: var(--subtitle-text-color);
    margin-bottom: 18px;
}

.member-search-results .header-label {
    color: #767676;
    color: var(--subtitle-text-color);
    font-weight: bold;
}

.orgitems.details > div:nth-child(n+2):not(.section-continuation) {
    border-top: 1px solid #F1F1F1;
    padding-top: 20px;
    margin-top: 20px;
}

.contact.list-items + .contact.list-items {
    padding-top: 20px;
}

.orgitems.details .contact.list-items .header-label, .add-summary .header-label {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: #333333;
}

.add-summary .header-label {
    padding-top: 10px;
}


/* The contact header [email|telephone] and other sub headers like address types share the same style */
.orgitems.details .list-item-type, .add-summary .list-item-type {
    font-size: 13px;
    line-height: 26px;
    color: #767676;
    color: var(--subtitle-text-color);
    display: table-cell;
    min-width: 110px;
}

.stroke-transparent {
    -webkit-text-stroke: 3px #fff;
    -webkit-text-fill-color: transparent;
}

.orgitems.details .contact > div {
    display: table-cell;
}

.orgitems.details .list-item-type:after {
    content: ":";
}

.orgitems.details .postal-address > * {
    display: table-cell;
}

.orgitems.details .postal-address > div:nth-child(2) {
    padding-left: 20px;
    vertical-align: top;
}

/* Style for the value data */
.list-item-value, .list-address {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}

.orgitems.details .list-item-value, .add-summary .list-item-value {
    display: table-cell;
    padding-left: 6px;
}

.orgitems.details .location, .orgitems.details .microsoft-address {
    margin-top: 10px;
}

.userContacts .browse-headers-panel {
    height: 23px;
}

.userContacts .browse-item-focus.selected {
    background-color: var(--primaryButtonColorLight, rgba(240, 103, 66, 0.2));
    border-width: 1px;
    border-style: solid;
    border-color: var(--primaryButtonColorBorder, rgba(240, 103, 66, 0.3));
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 19px;
    border-radius: 4px;
}

.disabled .browse-item-focus {
    cursor: default;
    opacity: 0.5;
    font-weight: lighter;
}

.userContacts .browse-item-focus {
    padding-left: 20px;
    width: 89%;
    margin-right: 21px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.userContacts .contactStack .browse-item-focus {
    cursor: default;
}

.userContacts .panel-scroll-list {
    padding-left: 0;
    padding-right: 0;
}

.nice.tabs .hide {
    display: none;
}

.inline-icon {
    display: inline;
    margin-left: 10px;
    color: var(--primaryButtonColor, #F06742);
}

.color-picker {
    padding: 10px;
    text-align: right;
}

.color-picker .button {
    margin-top: 4px;
}

.color-picker table table {
    margin-left: 2px;
}

.color-picker > table > tbody > tr > td:nth-child(2) {
    padding: 0 2px;
}

.color-picker td[colspan="3"] {
    padding-bottom: 2px;
}

.color-picker input[type=text] {
    border-color: transparent;
    height: auto;
    width: 3ch;
    box-sizing: content-box;
    margin: 0 2px;
    padding: 0 6px !important;
}

.color-picker input[type=text]:hover {
    border-color: rgba(0, 0, 0, 0.12);
}

.color-picker input[type=text]:focus {
    border-color: var(--primaryButtonColor, #F06742);
}

.color-picker input[type=text][maxlength="6"] {
    width: 6ch;
}

.color-picker tr:last-child > td:first-child {
    text-align: right;
}

.color-picker td, .color-picker td label, .color-picker td input, .color-picker td div {
    line-height: 29px;
}

.color-picker td .gwt-RadioButton {
    margin-left: 2px;
}

.color-picker td .gwt-RadioButton label {
    line-height: 29px;
    cursor: pointer;
}

.goto-widget .header-title {
    font-size: 18px;
    font-weight: bold;
}

.goto-widget .header-subtitle {
    font-size: 15px;
    font-weight: 500;
}

.goto-widget .grid {
    width: 100%;
}

.goto-widget .grid td {
    height: 80px;
    padding: 4px;
}

.goto-widget .grid.x2 td {
    height: 120px;
}

.goto-widget .grid button {
    width: 100%;
    height: 100%;
    padding: 12px;
    vertical-align: bottom;
    display: inline;
    background-color: #F5F6F7;
    border: 2px solid #d3d3d3;
    border-radius: 4px;
}

.goto-widget .grid button:hover {
    border-color: var(--primaryButtonColor, #F06742);
    background-color: var(--primaryButtonColorBorder, rgba(240, 103, 66, 0.4));
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;

}


.goto-widget .selected, .goto-widget .grid .selected {
    border-width: 2px;
    border-style: solid;
    border-color: var(--primaryButtonColor, #F06742);
}

.goto-widget .grid.above-icon button {
    display: grid;
}

.goto-widget .grid.left-icon button {
    display: flex;

}

.goto-widget .grid.x2.left-icon button {
    line-height: 58px;
}

.goto-widget .grid.x2 button i.fa-stack-1x.right-bottom {
    padding-left: 20px;
    padding-top: 16px;
}

.goto-widget .grid.x2 button i.fa-stack-1x.right-bottom-extra {
    padding-left: 20px;
    padding-top: 24px;
}

.goto-widget button .blue .icon-layer-1 {
    color: blue;
}

.goto-widget button .blue .icon-layer-0 {
    color: #3093c2;
}

.goto-widget button .red .icon-layer-1 {
    color: darkred;
}

.goto-widget button .red .icon-layer-0 {
    color: #b95976;
}

.goto-widget button .green .icon-layer-1 {
    color: darkgreen;
}

.goto-widget button .purple .icon-layer-1 {
    color: #741b94;
}

.goto-widget button .purple .icon-layer-0 {
    color: #b33ee8;
}


.goto-widget button .green .icon-layer-0 {
    color: #88c388;
}

.goto-widget button .grey .icon-layer-1 {
    color: #37373e
}

.goto-widget button .grey .icon-layer-0 {
    color: #919098;
}

.goto-widget button .gold .icon-layer-1 {
    color: #a99c1e;
}

.goto-widget button .gold .icon-layer-0 {
    color: #ead61b;
}

.goto-widget .goto-title .title {
    font-weight: bold;
}

.goto-widget button .cloudm .icon-layer-1 {
    color: #37373e;
}

.goto-widget button .cloudm .icon-layer-0 {
    color: var(--primaryButtonColor, #F06742);
}

.goto-widget button:hover .cloudm .icon-layer-1 {
    color: black;
}

.goto-widget button:hover .cloudm .icon-layer-0 {
    color: var(--primaryButtonColorHover, #D2691E);
}

.goto-widget .goto-title .subtitle {
    font-size: 13px;
}

.goto-widget .goto-title .subtitle {
    padding-top: 12px;
    font-size: 13px;
    display: block;
}


.gwt-RadioButton.vertical {
    display: block;
}

.tabbed-browse tbody, .tabbed-browse tbody tr:nth-child(2), .tabbed-browse .gwt-TabPanelBottom {
    overflow-y: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.tabbed-browse > table > tbody > tr:first-child > td {
    display: flex;
}

.tabbed-browse > table {
    width: 100%;
}

.tabbed-browse .tabs-container {
    width: 100%;
}

.tabbed-browse .tabs-content {
    display: block !important;
}

.managed-domains ul.tabs-content li {
    padding-top: 0 !important;
}

.managed-domains .log-results {
    padding-top: 15px;
}

.target-prompt-suggest {
    margin-left: auto;
}

.target-prompt-row {
    display: flex;
    flex-direction: row;
}

.target-prompt-row .item-title {
    margin-top: 8px;
}

.premium-reasons-title h3 {
    background: var(--primaryButtonColor, #F06742);
    color: white;
    padding-left: 24px;
    font-size: 24px;
    margin-top: auto;
    line-height: 60px;
    font-weight: normal;
}

h2.feature-caption {
    font-weight: bold;
    font-size: 26px;
}

.vertical-centre {
    display: flex;
    align-items: center;
}

.offboarding-status .google-visualization-table-table th {
    z-index: 0;
}

.slim-org-item-bottom-border {
    border: solid #ddd;
    border-width: 0 0 1px 0;
    padding-top: 0;
    padding-bottom: 0;
}

.slim-org-item-bottom-border .browse-item-focus {
    padding-top: 5px;
    padding-bottom: 5px;
}

.tree-panel .slim-org-item-bottom-border .browse-text {
    padding-left: 32px;
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
}

.email-preview-error {
    color: red;
}

.ou-search-popup {
    min-width: 400px;
}

.ou-search-popup .panel-scroll-list {
    padding: 0;
}

.ou-search-popup .browse-item {
    padding-left: 10px;
}

.ou-search-popup .tree-panel .browse-item {
    padding-left: 0;
}

.shared-drive-icon {
    padding-left: 8px;
    padding-right: 8px;
}

.search-scroll-list.doclist a {
    margin-top: 15px;
}

.drive-viewer select {
    line-height: inherit;
    height: 19px;
    border: none;
    font-size: inherit;
    vertical-align: baseline;
    margin: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.drive-viewer.select-wrapper {
    margin-bottom: 0;
}

.drive-viewer.select-wrapper:before {
    color: #000000;
    top: 8px;
    margin-bottom: 0;
}

.integration-item {
    display: flex;
    flex-direction: row;
    width: 260px;
    height: 190px;
    background: white;
    border-color: #7F7F7F;
    border-radius: 5px;
    border-width: 1px;
    margin: 1px;
    border-style: solid;
    padding: 10px;
}

.integration-item:hover {
    border-color: orange;
    border-width: 2px;
    margin: 0;
    cursor: pointer;
}

.integration-item {
    border-color: orange;
}

.integration-item.is-installed:hover {
    border-color: green;
}

.integration-item.is-installed {
    border-color: green;
}

.integration-item.is-unavailable:hover {
    border-color: red;
}

.integration-item.is-unavailable {
    border-color: red;
}


.integration-item img {
    height: 34%;
}

.integration-item .left {
    width: 30%;
    min-width: 30%;
}

.integration-item .right {
    padding-left: 10px;
    overflow: hidden;
}


.integration-item .installed {
    width: 64px;
    height: 20px;
    font-weight: 400;
    font-family: Arial, sans-serif;
    background: rgba(3, 157, 18, 1);
    font-size: 10px;
    line-height: 21px;
    color: white;
    text-align: center;
    border-radius: 5px;
}

.integration-item .unavailable {
    width: 64px;
    height: 20px;
    font-weight: 400;
    font-family: Arial, sans-serif;
    background: rgba(18, 18, 18, 1);
    font-size: 10px;
    line-height: 21px;
    color: white;
    text-align: center;
    border-radius: 5px;
}

.integration-item .name {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Arial Bold', 'Arial', sans-serif;
    color: rgb(85, 85, 85);
    padding-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}

.integration-item .description {
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    font-family: 'Arial Bold', 'Arial', sans-serif;
    color: rgb(118, 118, 118);
}

.global-perm, .non-global-perm {
    padding: 6px 18px;
}

.disable-global .global-perm {
    background-color: #E8E8E8;
    opacity: 0.7;
}

.optional-or-mandatory-label {
    font-weight: 400;
}

.tox-color-input .tox-textfield {
    padding-left: 36px !important;
}

.float-right {
    float: right;
}

/***The media selectors must be on the bottom ***/
@media only screen and (max-width: 1280px) and (min-width: 915px) {
    .touch .hide-on-phones {
        display: block !important;
    }

    .touch .show-on-phones {
        display: none !important;
    }

    .touch .hide-on-desktops {
        display: block !important;
    }

    .touch .show-on-desktops {
        display: none !important;
    }

    .reveal-modal.sso {
        width: 800px;
        margin-left: -440px;
        top: 75px !important;
        transform: none;
    }

    .sso-image {
        max-width: 800px;
    }

    .sso-right-panel {
        width: 370px;
    }

    .sso-password {
        width: 267px !important;
    }

    .sso-button {
        width: 66px !important;
    }
}

@media only screen and (max-width: 800px) {
    .hide-on-phones {
        display: none !important;
    }

    .show-on-phones {
        display: block !important;
    }

    .hide-on-desktops {
        display: block !important;
    }

    .show-on-desktops {
        display: none !important;
    }

    .reveal-modal.sso {
        width: 415px;
        margin-left: -240px;
    }

    .sso-image {
        max-width: 400px;
    }

    .sso-right-panel {
        width: 370px;
    }

    .sso-password {
        width: 267px !important;
    }

    .sso-button {
        width: 66px !important;
    }

    .container.main {
        height: initial !important;
        position: relative;
        padding-left: 90px !important;
    }

    .panel-scroll-list {
        overflow-y: auto;
        height: 100%;
    }

    .search-scroll-list {
        height: 100% !important;
    }

    .tall-panel {
        height: initial !important;
    }

    .profile-image.big {
        height: 100%;
        width: 72px;
        margin-bottom: 0px;
    }

    .columns {
        margin-left: 0px;
    }

    footer .columns {
        float: none !important;
        width: auto !important;
    }

    #mainBar .three.columns:first-child {
        display: none;
    }

    #mainBar .six.columns {
        width: 75%;
    }

    .feature-box.column {
        float: none !important;
        width: auto !important;
    }
}

@media only screen and (max-width: 800px) and (min-width: 451px) {
    .verify-two-step-modal {
        max-width: 540px;
        margin: auto !important;
        position: relative !important;
        width: 80% !important;
        left: 0 !important;
    }
}

@media only screen and (max-width: 560px) {
    .cm-banner .columns {
        float: none !important;
        width: auto !important;
    }
}

@media only screen and (max-width: 450px) {
    .hide-on-phones {
        display: none !important;
    }

    .show-on-phones {
        display: block !important;
    }

    .hide-on-desktops {
        display: block !important;
    }

    .show-on-desktops {
        display: none !important;
    }

    .reveal-modal {
        width: 294px !important;
        margin-left: -160px !important;
        padding: 13px !important;
        top: 0px !important;
        margin-top: 12px !important;
    }

    .reveal-modal.sso {
        top: 0px !important;
        transform: none;
    }

    .sso-image {
        max-width: 300px;
    }

    .sso-right-panel {
        width: 255px;
    }

    .sso-password {
        width: 100% !important;
    }

    .sso-button {
        margin-top: 8px !important;
        width: 88% !important;
    }

    .container.main {
        height: initial !important;
        padding-left: 0px !important;
    }

    .search-scroll-list {
        height: 100% !important;
    }

    .tall-panel {
        height: initial !important;
    }

    .profile-image.big {
        height: 100%;
        width: 72px;
        margin-bottom: 0px;
    }

    .columns {
        margin-left: 0px;
    }

    .deferred .button {
        padding: 2px 0 1px;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .home-profile .profile-header,
    .browse-profile .profile-header {
        margin-bottom: 0;
    }

    .home-profile .profile-header .profile-image,
    .browse-profile .profile-header .profile-image {
        width: 55px;
    }

    .home-profile .profile-header .profile-letter,
    .browse-profile .profile-header .profile-letter {
        font-size: 40px;
        width: 55px;
        height: 55px;
        line-height: 55px;
    }

    .home-profile .profile-header .left-title,
    .browse-profile .profile-header .left-title {
        float: none;
        width: 100%;
        margin: 0;
        position: absolute;
    }

    .home-profile .profile-header .right-title,
    .browse-profile .profile-header .right-title {
        float: none;
        width: auto;
        margin-left: 65px;
    }

    .home-profile .profile-header .title-row h3,
    .home-profile .profile-header .subtitle-row .right-title,
    .home-profile .profile-header .subtitle-row .subtitle-row-info-icon,
    .home-profile .profile-header .subtitle-row-spacing .right-title,
    .home-profile .profile-header .subtitle-row-spacing .subtitle-row-info-icon,
    .browse-profile .profile-header .title-row h3,
    .browse-profile .profile-header .subtitle-row .right-title,
    .browse-profile .profile-header .subtitle-row .subtitle-row-info-icon,
    .browse-profile .profile-header .subtitle-row-spacing .right-title,
    .browse-profile .profile-header .subtitle-row-spacing .subtitle-row-info-icon {
        margin-left: 0;
    }

    .item-menu-container .image-link-item {
        display: none;
    }

    .panel-scroll-list {
        padding: 0;
    }

    .inner-container {
        padding-top: 20px;
    }

    .inner-wrapper-padder {
        padding: 0;
    }

    footer.row {
        padding-top: 10px;
        padding-top: 20px;
    }

    #footerBar .columns {
        text-align: center;
        margin-bottom: 10px;
    }

    #footerBar a.cts-logo-link, #footerBar a.cloudm-logo-link {
        display: block;
        margin-right: 0;
    }
}

@media (max-width: 550px) {
    .authenticator-logo {
        display: none;
    }
}

@media only screen and (max-width: 450px) {
    #recaptcha_widget > div {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .deferred #recaptcha_widget > div {
        transform: scale(0.93);
        -webkit-transform: scale(0.93);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media only screen and (min-width: 800px) {
    #mainBar .cp-logo {
        display: inline-block;
    }

    #buttonAdvancedSearch {
        display: block;
    }
}

@media only screen and (min-width: 600px) {
    #mainBar .notifications {
        display: inline-block;
    }
}

@media only screen and (max-width: 450px) {
    .row .six.columns.deferred-login-column {
        float: none;
        width: auto;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 850px) {
    .home-profile .profile-panel-left {
        display: none;
    }

    .home-profile .profile-header .profile-image {
        margin-left: 0;
    }

    .home-profile .profile-panel-body {
        float: none !important;
        width: auto;
        margin: 0;
    }
}


/*
@media only screen and (max-height: 1200px) and (min-height: 1140px) {
    #searchResults .search-scroll-list {
        height: 63vh !important;
    }
}


@media only screen and (max-height: 1080px) and (min-height: 990px) {
    #searchResults .search-scroll-list {
        height: 58vh !important;
    }
}

@media only screen and (max-height: 990px) and (min-height: 900px) {
    #searchResults .search-scroll-list {
        height: 54vh !important;
    }

}

@media only screen and (max-height: 900px) and (min-height: 768px) {
    #searchResults .search-scroll-list {
        height: 49vh !important;
    }
}

@media only screen and (max-height: 768px) {
    #searchResults .search-scroll-list {
        height: 42vh !important;
    }

}
*/
/***Place all new CSS BEFORE the media selectors! ***/