/*******************************************************************************************/
/**************************************** | RESET | ****************************************/
/*******************************************************************************************/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    font-weight: inherit;
    font-style: inherit;
    font-size: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

article, aside, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

:focus {
    outline: 0 none;
}

ol, ul, li {
    list-style: none;
}

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

caption, th, td {
    text-align: left;
    font-weight: normal;
}

input, textarea {
    font-family: inherit;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/************************************** | BRANDING | ***************************************/
/*******************************************************************************************/
body, .txt-brand-font {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #000;
}

.txt-brand-color {
    color: #CD1E1E;
}

.bg-brand-color, .btn, .btn2 {
    background-color: #CD1E1E;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.btn-home {
    margin-left: 1em;
}

.btn:hover, .btn2:hover {
    background-color: #e23c3c;
}

.wrapper *.bg-brand-color-lt-tone {
    background-color: rgba(205, 30, 30, 0.08);
}

.txt-brand-color2 {
    color: #009EA1;
}

.txt-brand-color2 a {
    color: #009EA1;
}

.bg-brand-color2 {
    background-color: #009EA1;
}

.wrapper *.bg-brand-color2-lt-tone {
    background-color: rgba(0, 158, 161, 0.08);
}

.txt-brand-color3 {
    color: #F17023;
}

.bg-brand-color3 {
    background-color: #F17023;
}

.wrapper *.bg-brand-color3-lt-tone {
    background-color: rgba(241, 112, 35, 0.08);
}

.txt-brand-color4 {
    color: #0E7DC1;
}

.bg-brand-color4 {
    background-color: #0E7DC1;
}

.wrapper *.bg-brand-color4-lt-tone {
    background-color: rgba(14, 125, 193, 0.08);
}

.border-btm-brand-color {
    border-bottom: 3px solid #CD1E1E;
}

.border-btm-brand-color2 {
    border-bottom: 3px solid #009EA1;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/******************************** | CSS ANIMATION STYLES | *********************************/
/*******************************************************************************************/
.trans-height {
    -webkit-transition: height 0.15s ease-out;
    -moz-transition: height 0.15s ease-out;
    -o-transition: height 0.15s ease-out;
    transition: height 0.15s ease-out;
}

.trans-width {
    -webkit-transition: width 0.15s ease-out;
    -moz-transition: width 0.15s ease-out;
    -o-transition: width 0.15s ease-out;
    transition: width 0.15s ease-out;
}

.trans-opacity {
    -webkit-transition: opacity 0.15s ease-out;
    -moz-transition: opacity 0.15s ease-out;
    -o-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}

.trans-color,
a, .name {
    -webkit-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    -o-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out;
}

.trans-bg-color, a {
    -webkit-transition: background-color 0.15s ease-out;
    -moz-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out;
}

.trans-all, svg {
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.fadeIn {
    opacity: 0;
    -webkit-animation: fadeIn linear 0.2s 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: fadeIn linear 0.2s 0s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: fadeIn linear 0.2s 0s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -ms-animation: fadeIn linear 0.2s 0s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    animation: fadeIn linear 0.2s 0s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.fadeOut {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.displayIn {
    -webkit-animation: displayIn ease-out 0.2s 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: displayIn ease-out 0.2s 0s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: displayIn ease-out 0.2s 0s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -ms-animation: displayIn ease-out 0.2s 0s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    animation: displayIn ease-out 0.2s 0s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.scaleIn {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: scaleIn ease-out 0.5s 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: scaleIn ease-out 0.5s 1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: scaleIn ease-out 0.5s 1s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -ms-animation: scaleIn ease-out 0.5s 1s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    animation: scaleIn ease-out 0.5s 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.showSelectedBrandColor {
    -webkit-animation: showSelectedBrandColor linear 1.2s 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: showSelectedBrandColor linear 1.2s 0s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: showSelectedBrandColor linear 1.2s 0s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -ms-animation: showSelectedBrandColor linear 1.2s 0s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    animation: showSelectedBrandColor linear 1.2s 0s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*** MEGAPHONE LINES ***/
@-webkit-keyframes megaphonelinesheader {
    0% {
        -webkit-transform: rotate(0deg);
    }
    3% {
        -webkit-transform: rotate(-0.8deg);
    }
    12% {
        -webkit-transform: rotate(0.8deg);
    }
    15% {
        -webkit-transform: rotate(0deg);
    }
    20% {
        -webkit-transform: rotate(-0.8deg);
    }
    27% {
        -webkit-transform: rotate(0.8deg);
    }
    31% {
        -webkit-transform: rotate(0deg);
    }
}

@-ms-keyframes megaphonelinesheader {
    0% {
        -ms-transform: rotate(0deg);
    }
    3% {
        -ms-transform: rotate(-0.8deg);
    }
    12% {
        -ms-transform: rotate(0.8deg);
    }
    15% {
        -ms-transform: rotate(0deg);
    }
    20% {
        -ms-transform: rotate(-0.8deg);
    }
    27% {
        -ms-transform: rotate(0.8deg);
    }
    31% {
        -ms-transform: rotate(0deg);
    }
}

@keyframes megaphonelinesheader {
    0% {
        transform: rotate(0deg);
    }
    3% {
        transform: rotate(-0.8deg);
    }
    12% {
        transform: rotate(0.8deg);
    }
    15% {
        transform: rotate(0deg);
    }
    20% {
        transform: rotate(-0.8deg);
    }
    27% {
        transform: rotate(0.8deg);
    }
    31% {
        transform: rotate(0deg);
    }
}

/*** SCALE IN ***/
@-webkit-keyframes scaleIn {
    0% {
        -webkit-transform: scale(0.5);
    }
    70% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@-ms-keyframes scaleIn {
    0% {
        -ms-transform: scale(0.5);
    }
    70% {
        -ms-transform: scale(1.2);
    }
    100% {
        -ms-transform: scale(1);
    }
}

@keyframes scaleIn {
    0% {
        transform: scale(0.5);
    }
    70% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

/*** SCALE IN ***/
@-webkit-keyframes linesScaleIn {
    0% {
        -webkit-transform: scale(0.5) translate3d(10px, 6px, 0);
    }
    70% {
        -webkit-transform: scale(1.2) translate3d(-1px, -1px, 0);
    }
    100% {
        -webkit-transform: scale(1) translate3d(0px, 0px, 0);
    }
}

@-ms-keyframes linesScaleIn {
    0% {
        -ms-transform: scale(0.5) translate3d(10px, 6px, 0);
    }
    70% {
        -ms-transform: scale(1.2) translate3d(-1px, -1px, 0);
    }
    100% {
        -ms-transform: scale(1) translate3d(0px, 0px, 0);
    }
}

@keyframes linesScaleIn {
    0% {
        transform: scale(0.5) translate3d(10px, 6px, 0);
    }
    70% {
        transform: scale(1.2) translate3d(-1px, -1px, 0);
    }
    100% {
        transform: scale(1) translate3d(0px, 0px, 0);
    }
}

/*** SHAKE ***/
@-webkit-keyframes shake {
    0% {
        -webkit-transform: rotate(0deg);
    }
    20% {
        -webkit-transform: rotate(10deg);
    }
    50% {
        -webkit-transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(5deg);
    }
    90% {
        -webkit-transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-ms-keyframes shake {
    0% {
        -ms-transform: rotate(0deg);
    }
    20% {
        -ms-transform: rotate(10deg);
    }
    50% {
        -ms-transform: rotate(-10deg);
    }
    70% {
        -ms-transform: rotate(5deg);
    }
    90% {
        -ms-transform: rotate(-5deg);
    }
    100% {
        -ms-transform: rotate(0deg);
    }
}

@keyframes shake {
    0% {
        transform: rotate(0deg);
    }
    20% {
        transform: rotate(10deg);
    }
    50% {
        transform: rotate(-10deg);
    }
    70% {
        transform: rotate(5deg);
    }
    90% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

/*** PULSING ANIMATION ***/
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(0.3em);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: translateY(0);
    }
    50% {
        -moz-transform: translateY(0.3em);
    }
    100% {
        -moz-transform: translateY(0);
    }
}

@keyframes pulse {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(0.3em);
    }
    100% {
        transform: translateY(0);
    }
}

/*** SHOW BACKGROUND COLOR THEN FADING OUT ***/
@-webkit-keyframes showSelectedBrandColor {
    0% {
        background-color: #fff;
    }
    5% {
        background-color: rgba(205, 30, 30, 0.4);
    }
    50% {
        background-color: rgba(205, 30, 30, 0.4);
    }
    100% {
        background-color: #fff;
    }
}

@-moz-keyframes showSelectedBrandColor {
    0% {
        background-color: #fff;
    }
    5% {
        background-color: rgba(205, 30, 30, 0.4);
    }
    50% {
        background-color: rgba(205, 30, 30, 0.4);
    }
    100% {
        background-color: #fff;
    }
}

@keyframes showSelectedBrandColor {
    0% {
        background-color: #fff;
    }
    5% {
        background-color: rgba(205, 30, 30, 0.4);
    }
    50% {
        background-color: rgba(205, 30, 30, 0.4);
    }
    100% {
        background-color: #fff;
    }
}

/*** SHOW BACKGROUND COLOR THEN FADING OUT ***/
@-webkit-keyframes showSelectedBrandColor2 {
    0% {
        background-color: #fff;
    }
    5% {
        background-color: rgba(0, 158, 161, 0.05);
    }
    50% {
        background-color: rgba(0, 158, 161, 0.05);
    }
    100% {
        background-color: #fff;
    }
}

@-moz-keyframes showSelectedBrandColor2 {
    0% {
        background-color: #fff;
    }
    5% {
        background-color: rgba(0, 158, 161, 0.05);
    }
    50% {
        background-color: rgba(0, 158, 161, 0.05);
    }
    100% {
        background-color: #fff;
    }
}

@keyframes showSelectedBrandColor2 {
    0% {
        background-color: #fff;
    }
    5% {
        background-color: rgba(0, 158, 161, 0.05);
    }
    50% {
        background-color: rgba(0, 158, 161, 0.05);
    }
    100% {
        background-color: #fff;
    }
}

/*** SHOW BACKGROUND COLOR THEN FADING OUT ***/
@-webkit-keyframes showSelectedBrandColor3 {
    0% {
        background-color: #fff;
    }
    5% {
        background-color: rgba(241, 112, 35, 0.05);
    }
    50% {
        background-color: rgba(241, 112, 35, 0.05);
    }
    100% {
        background-color: #fff;
    }
}

@-moz-keyframes showSelectedBrandColor3 {
    0% {
        background-color: #fff;
    }
    5% {
        background-color: rgba(241, 112, 35, 0.05);
    }
    50% {
        background-color: rgba(241, 112, 35, 0.05);
    }
    100% {
        background-color: #fff;
    }
}

@keyframes showSelectedBrandColor3 {
    0% {
        background-color: #fff;
    }
    5% {
        background-color: rgba(241, 112, 35, 0.05);
    }
    50% {
        background-color: rgba(241, 112, 35, 0.05);
    }
    100% {
        background-color: #fff;
    }
}

/*** FADE IN ANIMATION ***/
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*** BRING IN ANIMATION ***/
@-webkit-keyframes displayIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -8px, 0);
        -moz-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes displayIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -8px, 0);
        -moz-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes displayIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -8px, 0);
        -moz-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/*** SPINNER ***/
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*******************************************************************************************/
/********************************* | FORM FIELDS & INPUTS | ********************************/
/*******************************************************************************************/
input, .select_shell, textarea {
    background: #fff;
    width: 100%;
    /* height:4.25em; */
    padding: 1em 2.6em 1em 1.2em;
    margin: 0;
    line-height: 1.25em;
    font-size: 1em;
    border: 1px solid #D8DADB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
}

input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 0;
    border: 1px solid #D8DADB;
    position: relative;
    cursor: pointer;
}

input[type='checkbox']:focus {
    border-color: #D8DADB;
}

input[type='checkbox']:checked {
    border: 1px solid #CD1E1E;
}

input[type='checkbox'].partial-selection:after,
ul.selection li.partial-selection > label:after {
    content: '\2013';
    color: #444;
    position: absolute;
    top: -1px;
    right: 3px;
    line-height: 1em;
}

input:focus {
    border-color: #6f7578;
}

input.error {
    border: 1px solid #CD1E1E;
}

input[type="submit"] {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    cursor: pointer;
}

input[name="zip"], input[name="province"], input[name="o_zip"] {
    padding-right: 0.8em;
}

input[type="checkbox"] {
    position: absolute;
    left: -2000px;
    top: 0;
}

input[type="checkbox"] + label {
    background: #fff;
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    border: 1px solid #D8DADB;
    cursor: pointer;
}

input[type="checkbox"]:checked + label {
    border: 1px solid #191C1F;
}

input[type="checkbox"]:checked + label:after {
    content: '\2713';
    width: 14px;
    position: absolute;
    top: 1px;
    left: 0px;
    font-size: 0.875rem;
    line-height: 1em;
    text-align: center;
    color: #444;
}

input[type="checkbox"]:indeterminate + label {
    border: 1px solid #191C1F;
}

input[type="checkbox"]:indeterminate + label:after {
    content: '\00AF';
    width: 14px;
    position: absolute;
    top: 7px;
    left: 0px;
    font-size: 0.875rem;
    line-height: 1em;
    text-align: center;
    color: #444;
}

input[type="checkbox"]:disabled + label:after {
    color: #ccc;
}

input[type="checkbox"].error + label {
    border: 1px solid #CD1E1E;
}

input[type="checkbox"].error + label:after {
    color: #CD1E1E;
}

.certified-checkbox input[type="checkbox"] + label {
    border-color: #009EA1;
    background-color: #009EA1;
}

.certified-checkbox input[type="checkbox"]:checked + label:after {
    background-color: #009EA1;
    color: #ffffff !important;
}

input[type="radio"] {
    position: absolute;
    left: -2000px;
    top: 0;
    opacity: 0;
}

input[type="radio"] + label {
    background: #fff;
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    border: 1px solid #D8DADB;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

input[type="radio"]:checked + label:after {
    content: '';
    background: #444;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

input[type="radio"].error + label {
    border: 1px solid #CD1E1E;
}

label.radio-label {
    height: 16px;
    line-height: 16px;
    display: inline-block;
    padding: 0 2em 0 0.25em;
    vertical-align: top;
    cursor: pointer;
}

input[type="radio"].brand-color2:checked + label:after {
    background: #009EA1;
}

input.label-ck + label {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    border: 1px solid #D8DADB;
    cursor: pointer;
}

input.label-ck:checked + label {
    position: relative;
    border: 1px solid #009EA1;
}

input.label-ck:checked + label:after {
    content: '\2713';
    position: absolute;
    top: 0;
    right: 1px;
    color: #009EA1;
    font-size: 14px;
    line-height: 16px;
}

#domain_taken {
    overflow: hidden;
}

#domain_taken > p {
    line-height: 1.6em;
}

#related_accounts {
    margin-top: 0.5em;
    margin-bottom: 3em;
}

#related_accounts li label {
    margin-right: 0.5em;
}

label.error {
    display: block;
    margin-bottom: 0.4em;
    font-style: oblique;
    color: #CD1E1E;
}

/*** CUSTOM SELECT LIST ***/
.select_shell, .select_custom {
    background: transparent;
    position: relative;
    padding: 0;
    border: none;
}

.select_shell input, .select_custom input {
    font-size: 1em;
    margin: 0;
}

.select_shell .select_hotspot, .select_custom .select_hotspot {
    background: rgba(255, 255, 255, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.select_shell ul, .select_custom ul {
    background: #fff;
    width: 100%;
    position: absolute;
    top: 48px;
    left: 0;
    border-left: 1px solid #D8DADB;
    border-right: 1px solid #D8DADB;
    z-index: 9900;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.select_shell.open ul, .select_custom.open ul {
    max-height: 200px;
    border-bottom: 1px solid #D8DADB;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
}

.select_shell ul li, .select_custom ul li {
    background: #fff;
    width: 100%;
    height: 40px;
    border-top: 1px solid #D8DADB;
    font-size: 1em;
    line-height: 40px;
    cursor: pointer;
    color: #5e6465;
    padding: 0 1.5em;
    padding: 0 calc(1.2em + 1px);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.select_shell ul li:hover, .select_custom ul li:hover {
    background: #F6F6F6;
    color: #444;
}

.select_shell svg, .select_custom svg {
    width: 20px;
    height: 12px;
    position: absolute;
    right: 1.5em;
    top: 1.3em;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 0.6;
}

.select_shell.open svg, .select_custom.open svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 1;
}

.content .inner-sub-head .select_shell .half {
    padding: 0;
}

.select_shell.inactive {
    opacity: 0.4;
    pointer-events: none;
}

/*** IMAGE UPLOAD CREATE PROFILE ***/
.file-upload-img-change-shell {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.file-upload-img-change-shell input[type="file"] {
    position: absolute;
    top: -1000px;
}

.create-profile .profileimg-display {
    background: url(../images/default-profile-img.png) center center no-repeat #fff;
    background-size: cover;
    width: 142px;
    height: 142px;
    margin: 0 auto;
    overflow: hidden;
    border: 4px solid #353B40;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.form-view div.half.organizationlogo-display {
    background: url(../images/default-upload-logo.png) center center no-repeat #fff;
    background-size: contain;
    height: 90px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #D8DADB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

form {
    font-size: 1.1em;
}

.form-view {
    max-width: 450px;
    margin: 0 auto;
    overflow: hidden;
}

.form-view.invalid-ta {
    max-width: 530px;
}

.form-view div.half {
    /* height:55px; */
}

form .icon-check {
    position: absolute;
    right: 0.8em;
    top: 10px;
    -webkit-animation: scaleIn ease-in-out 0.25s 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: scaleIn ease-in-out 0.25s 0s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: scaleIn ease-in-out 0.25s 0s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -ms-animation: scaleIn ease-in-out 0.25s 0s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    animation: scaleIn ease-in-out 0.25s 0s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    pointer-events: none;
}

form .icon-check svg circle {
    stroke: #009EA1;
    fill: transparent;
}

form .icon-check svg path {
    fill: #009EA1;
}

form .icon-close {
    position: absolute;
    right: 0.7em;
    top: 10px;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-animation: scaleIn ease-in-out 0.25s 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: scaleIn ease-in-out 0.25s 0s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: scaleIn ease-in-out 0.25s 0s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -ms-animation: scaleIn ease-in-out 0.25s 0s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    animation: scaleIn ease-in-out 0.25s 0s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    pointer-events: none;
}

form .icon-close svg circle {
    stroke: #CD1E1E;
    fill: transparent;
}

form .icon-close svg path {
    fill: #CD1E1E;
}

.form-view .fullwidth .half:nth-child(even) {
    padding-left: 0;
}

.content .form-view .half:nth-child(odd) {
    padding-right: 0;
}

.form-view .info-popup {
    margin-left: -4px;
}

.form-view .btn, .form-view .btn2 {
    width: 100%;
}

form input[type="submit"] {
    width: 100%;
}

.errormsg {
    color: #CD1E1E;
    font-style: oblique;
    padding-bottom: 2em;
}

.onsuccess {
    padding-bottom: 2em;
}

/*** ACCOUNT FORMS ***/
.account input[name='hideorganizationname'] {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    top: 2px;
    margin-right: 10px;
}

.account input[name='hideorganizationname']:checked:after {
    top: -2px;
}

.account label[for="useragreement"] {
    top: 2px;
}

.account .fullwidth .three_fifths#province_wrapper, .account .fullwidth .three_fifths#states_wrapper {
    padding-top: 0;
}

.account .form-view {
    overflow: visible;
    /* overflow:hidden; */
}

/*** UPDATE ACCOUNT FORMS ***/
.checkout.maxwidth {
    max-width: 1010px;
    margin: 0 auto;
}

.checkout .linkback, .account .linkback {
    text-decoration: none;
}

.checkout .linkback span, .account .linkback span {
    margin-right: 6px;
}

.checkout .linkback svg, .account .linkback svg {
    top: 1px;
}

.checkout .upgrade-view .selected .one_fourth {
    width: 23%;
    padding-right: 24px;
}

.checkout .upgrade-view .selected .three_fourths {
    width: 77%;
}

.checkout .renewal-notice {
    min-width: 140px;
}

.account-create-express .domain-label, .account-completion .domain-label {
    top: 14px;
}

.select-plan {
    background: #fff;
    width: 100%;
    max-width: 830px;
    height: auto;
    margin: 0 auto;
    padding: 75px 110px;
    border: 1px solid #D8DADB;
}

.select-domain {
    padding: 50px 110px;
}

.select-domain .fullwidth {
    margin-bottom: 0;
}

.select-domain .fullwidth .three_fifths {
    float: left;
}

.select-domain .fullwidth .two_fifths {
    top: 14px;
    float: right;
}

.upgrade-view .hr {
    clear: both;
    margin: 1.5em 0;
}

.upgrade-view .errormsg {
    padding-bottom: 0;
}

.upgrade-view label {
    margin-right: 0.8em;
}

.upgrade-view input[type="number"] {
    width: 50px;
    height: 35px;
    padding: 0 0 0 0.5em;
    margin-left: 0.8em;
    line-height: 35px;
}

.upgrade-view .right.txt-right {
    padding-right: 32px;
}

.upgrade-view .right {
    position: relative;
}

.upgrade-view .selected .right strong {
    color: #CD1E1E;
}

.upgrade-view .right .info-popup {
    position: absolute;
    top: -11px;
    right: -6px;
    z-index: 9999;
}

.upgrade-view .right .popup {
    width: 300px;
    min-width: 150px;
    max-width: 330px;
    opacity: 0;
    bottom: 31px;
    left: -90px;
    top: auto;
    right: auto;
}

.upgrade-view .right .info-popup:hover .popup {
    opacity: 1;
    bottom: 36px;
}

.upgrade-view .right .icon-info {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.upgrade-view .info-popup .popup:before {
    content: "";
    border: none;
}

.upgrade-view .btn-shell .left, .upgrade-view .btn-shell .right {
    width: 46%;
}

.upgrade-view .btn-shell .btn2 {
    width: 100%;
}

.upgrade-view .btn-shell span {
    width: 8%;
    display: block;
    float: left;
    line-height: 45px;
}

.upgrade-view input[type="number"] {
    border-color: #CD1E1E;
    color: #CD1E1E;
    display: inline-block;
    vertical-align: middle;
}

.upgrade-view input[type="number"]:disabled {
    border-color: #D8DADB;
    color: #444;
}

.upgrade-view input[type="checkbox"]:checked + label {
    border: 1px solid #009EA1 !important;
    top: 0;
}

.upgrade-view input[type="checkbox"]:checked + label:after {
    color: #009EA1 !important;
}

/*** CHECKOUT & UPGRADE PAGE ***/
.checkout-view {
    max-width: 1010px;
    width: 100%;
    margin: 0 auto;
}

.checkout-view input[type="checkbox"] + label {
    display: inline-block;
    vertical-align: top;
}

.checkout-view input[type="checkbox"] + label ~ span {
    display: inline-block;
    width: calc(100% - 100px);
}

.checkout-view input[type="number"] {
    vertical-align: top;
}

.checkout-view .three_fifths {
    width: 58%;
    width: calc(60% - 1.2em);
    float: right;
    overflow: hidden;
}

.checkout-view .two_fifths .fullwidth,
.checkout-view .three_fifths > .fullwidth {
    padding: 1.5em;
}

.checkout-view .two_fifths span {
    width: auto;
    max-width: 86%;
}

.checkout-view label {
    top: 3px;
}

.checkout-view .two_fifths span[for="additional_users"] {
    width: 54%;
}

.checkout-view .two_fifths span[for="additional_builds"] {
    width: 73%;
}

.checkout-view .right .info-popup {
    top: -17px;
}

.checkout-view .h3 {
    font-size: 1.75em;
}

.checkout-view .border-radius {
    overflow: visible;
}

.selected-options > div, .additional-options > div {
    padding: 0 0 0.5em;
}

.additional-options > div:last-child .hr {
    display: none;
}

form.checkout, form.upgrade-checkout {
    /*
  input[type="radio"]{
  	background:#fff; border:1px solid $border-color; width:15px; height:15px; padding:0; position:relative; @include border-radius(50%); cursor:pointer;
  	&:checked{border-color:$dark-color;}
  	&:checked:after{content:''; background:$brand-main-color; width:9px; height:9px; position:absolute; top:2px; left:2px; @include border-radius(50%);}
  	&.error{border-color:$error-red;}
  }
  */
}

form.checkout .card-info label, form.upgrade-checkout .card-info label {
    top: -5px;
    margin-right: 1em;
}

form.checkout .card-info input[type="radio"]:checked + label:after, form.upgrade-checkout .card-info input[type="radio"]:checked + label:after {
    background: #CD1E1E;
}

form.checkout .fullwidth .half, form.upgrade-checkout .fullwidth .half {
    width: 50%;
    padding-right: 0;
}

form.checkout .fullwidth .half .half, form.upgrade-checkout .fullwidth .half .half {
    padding-right: 0.6em;
}

form.checkout .fullwidth .half .half:nth-child(even), form.upgrade-checkout .fullwidth .half .half:nth-child(even) {
    padding-right: 0;
    padding-left: 0.6em;
}

form.checkout label.error, form.upgrade-checkout label.error {
    display: none;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/************************************* | FONT USAGE | **************************************/
/*******************************************************************************************/
h1, .h1 {
    font-size: 3.46em;
    line-height: 1.4em;
    font-weight: 300;
}

h2, .h2 {
    font-size: 2em;
    line-height: 1.4em;
    font-weight: 400;
}

h3, .h3 {
    font-size: 1.38em;
    line-height: 1.4em;
    font-weight: 400;
}

h4, .h4 {
    font-size: 1.1em;
    line-height: 1.4em;
    font-weight: 400;
}

sup {
    font-size: 0.7em;
    vertical-align: super;
}

em {
    font-style: oblique;
}

strong {
    font-weight: bold;
}

.txt-title-p {
    font-size: 1.25em;
    line-height: 1.75em;
}

.txt-increase {
    font-size: 1.1em;
}

.txt-decrease {
    font-size: 0.9em;
}

.txt-decrease2 {
    font-size: 0.8em;
}

.txt-normal {
    text-decoration: none;
}

.txt-upper {
    text-transform: uppercase;
}

.txt-lower {
    text-transform: lowercase;
}

.txt-ellipsis,
.select_shell ul li,
.default-ul li > * {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}

.text-shadow {
    text-shadow: rgba(0, 0, 0, 0.25) 3px 3px 5px;
}

.txt-right {
    text-align: right;
}

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

.txt-italic {
    font-style: oblique;
}

.txt-light {
    font-weight: 300;
}

.txt-semi-bold {
    font-weight: 600;
}

.txt-black {
    color: #000;
}

.txt-red {
    color: #D60000;
}

.txt-white {
    color: #fff;
}

.txt-gray {
    color: #B1B1B1;
}

.txt-dk-gray {
    color: #576065;
}

.txt-error {
    color: #CD1E1E;
    font-style: oblique;
    padding: 0.5em 0;
}

.txt-deprecated {
    color: #bbb;
    text-decoration: line-through;
}

.disclaimer {
    font-size: 0.8em;
    font-style: oblique;
}

.create-profile h2 {
    font-size: 2.8em;
}

.bulleted_list {
    padding-left: 20px;
}

.bulleted_list li {
    position: relative;
    line-height: 25px;
}

.bulleted_list li:before {
    content: '\25cf';
    position: absolute;
    top: 0;
    left: -25px;
    font-size: 10px;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/******************************** | ICON SPRITESHEET & SVGs | ******************************/
/*******************************************************************************************/
.icons {
    background-image: url(../images/icons.png);
}

/*** LIST ARCHIVE ***/
.icon-list-archive {
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
}

.icon-list-archive svg path {
    fill: #191C1F;
}

.icon-list-unarchive {
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
}

.icon-list-unarchive svg path {
    fill: #191C1F;
}

.icon-list {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    margin: 0 10px !important;
    vertical-align: middle;
}

.icon-list svg path {
    fill: #191C1F;
}

.icon-list-delete {
    width: 15px;
    height: 19px;
    display: block;
    position: relative;
}

.icon-list-delete svg path {
    fill: #191C1F;
}

.icon-list-edit {
    width: 19px;
    height: 19px;
    display: block;
    position: relative;
}

.icon-list-edit svg path {
    fill: #191C1F;
}

.icon-list-view {
    width: 25px;
    height: 16px;
    display: block;
    position: relative;
}

.icon-list-view svg path {
    fill: #191C1F;
}

.icon-manage-settings {
    width: 20px;
    height: 24px;
    display: inline-block;
    margin-right: 8px;
}

.icon-manage-settings svg path {
    fill: #191C1F;
}

/*** CLOSE BTN ***/
.icon-close {
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
}

.icon-close svg circle {
    stroke: #191C1F;
    fill: transparent;
}

.icon-close svg path {
    fill: #191C1F;
}

/*** DOWN, UP & RIGHT ARROW ***/
.icon-downarrow, .icon-uparrow {
    width: 20px;
    height: 12px;
    display: block;
    position: relative;
}

.icon-rightarrow {
    width: 7px;
    height: 12px;
    display: block;
    position: relative;
}

.icon-downarrow svg, .icon-uparrow svg, .icon-rightarrow svg {
    position: absolute;
    top: 0;
    left: 0;
}

.icon-downarrow path, .btn-uparrow path, .icon-rightarrow path {
    fill: #191C1F;
}

/*** INFO BUTTON ***/
.icon-info {
    display: inline-block;
    position: relative;
    top: 11px;
}

.icon-info svg {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    width: 32px;
    height: 32px;
    pointer-events: none;
}

.icon-info svg circle {
    stroke: #191C1F;
    fill: transparent;
}

.icon-info svg path {
    fill: #191C1F;
}

.icon-info img {
    width: 20px;
    height: auto;
    pointer-events: none;
}

/*** CIRCLE CHECK ***/
.icon-check {
    width: 27px;
    height: 27px;
    display: inline-block;
    position: relative;
}

.icon-check svg circle {
    stroke: #191C1F;
    fill: transparent;
}

.icon-check svg path {
    fill: #191C1F;
}

/*** CHECKMARK ***/
.icon-checkmark {
    width: 27px;
    height: 27px;
    display: inline-block;
    position: relative;
}

.icon-checkmark svg circle {
    stroke: #191C1F;
    fill: transparent;
}

.icon-checkmark svg path {
    fill: #191C1F;
}

/*** CIRCLE PLUS ***/
.icon-plus-circle {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
}

.icon-plus-circle svg circle {
    stroke: #191C1F;
    fill: transparent;
}

.icon-plus-circle svg path {
    fill: #191C1F;
}

/*** CIRCLE UP ARROW ***/
.icon-circleuparrow {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
}

.icon-circleuparrow svg {
    width: 100%;
    height: 100%;
}

.icon-circleuparrow svg circle {
    stroke: #191C1F;
    fill: transparent;
}

.icon-circleuparrow svg path {
    fill: #191C1F;
}

/*** CIRCLE DOWN ARROW ***/
.icon-circledownarrow {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
}

.icon-circledownarrow svg {
    width: 100%;
    height: 100%;
}

.icon-circledownarrow svg circle {
    stroke: #191C1F;
    fill: transparent;
}

.icon-circledownarrow svg path {
    fill: #191C1F;
}

/*** CIRCLE ARROW ***/
.icon-circlearrow {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
}

.icon-circlearrow svg {
    width: 100%;
    height: 100%;
}

.icon-circlearrow svg circle {
    stroke: #191C1F;
    fill: transparent;
}

.icon-circlearrow svg path {
    fill: #191C1F;
}

/*** MENU ICON ***/
.icon-menu {
    width: 35px;
    height: 28px;
    display: inline-block;
    position: relative;
}

.icon-menu svg {
    width: 100%;
    height: 100%;
}

.icon-menu svg rect {
    fill: #191C1F;
}

.icon-menu svg image {
    fill: #0c0;
}

.icon-menu2 {
    width: 35px;
    height: 28px;
    display: inline-block;
    position: relative;
}

.icon-menu2 svg {
    width: 100%;
    height: 100%;
}

.icon-menu2 svg rect {
    fill: #fff;
}

.icon-menu2 svg image {
    fill: #fff;
}

/*** CALENDAR ICON ***/
.icon-calendar {
    width: 23px;
    height: 23px;
    display: inline-block;
    position: relative;
}

.icon-calendar svg {
    width: 100%;
    height: 100%;
}

.icon-calendar svg path {
    fill: #D8DADB;
}

/*** GROUP ICON ***/
.icon-group {
    width: 43px;
    height: 21px;
    display: inline-block;
    position: relative;
}

.icon-group svg {
    width: 100%;
    height: 100%;
}

.icon-group svg path {
    fill: #D8DADB;
}

/*** EYE ICON ***/
.icon-eye {
    width: 27px;
    height: 17px;
    display: inline-block;
    position: relative;
}

.icon-eye svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.icon-eye svg path {
    fill: #191C1F;
}

/*** SEARCH ICON ***/
.icon-search {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
}

.icon-search svg {
    width: 100%;
    height: 100%;
}

.icon-search svg path {
    fill: #191C1F;
}

/*** UPGRADE ICON ***/
.icon-upgrade {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
}

.icon-upgrade svg {
    width: 100%;
    height: 100%;
}

.icon-upgrade svg circle {
    fill: transparent;
    stroke: #191C1F;
}

.icon-upgrade svg path {
    fill: #191C1F;
}

/*** UPGRADE ICON ***/
.icon-buildsleft {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
}

.icon-buildsleft svg {
    width: 100%;
    height: 100%;
}

.icon-buildsleft svg circle {
    fill: #CD1E1E;
}

.icon-buildsleft svg text {
    fill: #fff;
}

/*** ARROW ***/
.icon-arrow {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.icon-arrow svg {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.icon-arrow svg path {
    fill: #191C1F;
}

/*** DOWNLOAD SPINNING LOADER ***/
.icon-download-loader {
    background: url(../images/icon-dowload-loader.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
    -webkit-animation: spinner infinite linear 1s 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: spinner infinite linear 1s 0s;
    -moz-animation-fill-mode: forwards;
    -o-animation: spinner infinite linear 1s 0s;
    -o-animation-fill-mode: forwards;
    -ms-animation: spinner infinite linear 1s 0s;
    -ms-animation-fill-mode: forwards;
    animation: spinner infinite linear 1s 0s;
    animation-fill-mode: forwards;
}

/*** OPPOSIT ARROWS ***/
.icon-oppositarrows {
    width: 32px;
    height: 16px;
    display: inline-block;
    position: relative;
}

.icon-oppositarrows svg {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.icon-oppositarrows svg path {
    fill: #191C1F;
}

/*** SETTINGS ICON ***/
.icon-settings {
    width: 21px;
    height: 21px;
    display: inline-block;
    position: relative;
}

.icon-settings svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.icon-settings svg path {
    fill: #191C1F;
}

.icon-research {
    width: 21px;
    height: 21px;
    display: inline-block;
    position: relative;
}

.icon-research svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 3px;
}

.icon-research svg path {
    fill: #191C1F;
}

.icon-compliance_dictionary {
    width: 21px;
    height: 21px;
    display: inline-block;
    position: relative;
}

.icon-compliance_dictionary svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 3px;
}

.icon-compliance_dictionary svg path {
    fill: #191C1F;
}

/*** QUESTION MARK ICON ***/
.icon-question {
    width: 20px;
    height: 30px;
    display: inline-block;
    position: relative;
}

.icon-question svg {
    width: 100%;
    height: 100%;
}

.icon-question svg path {
    fill: #191C1F;
}

/*** EDIT ICON ***/
.icon-edit {
    width: 25px;
    height: 35px;
    display: inline-block;
    position: relative;
}

.icon-edit svg {
    width: 100%;
    height: 100%;
}

.icon-edit svg path {
    fill: #191C1F;
}

/*** EDIT ICON SMALL ***/
.icon-edit-small {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
}

.icon-edit-small svg {
    width: 100%;
    height: 100%;
}

.icon-edit-small svg path {
    fill: #191C1F;
}

/*** EXPORT ICON ***/
.icon-export {
    width: 21px;
    height: 22px;
    display: inline-block;
    position: relative;
}

.icon-export svg {
    width: 100%;
    height: 100%;
}

.icon-export svg path:nth-child(1) {
    stroke: #191C1F;
}

.icon-export svg path:nth-child(2) {
    fill: #191C1F;
}

/*** HOME ICON ***/
.icon-home {
    width: 25px;
    height: 21px;
    display: inline-block;
    position: relative;
}

.icon-home svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.icon-home svg path {
    fill: #191C1F;
}

/*** LINK ICON ***/
.icon-link {
    width: auto;
    height: 21px;
    padding-left: 28px;
    display: inline-block;
    position: relative;
}

.icon-link svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.icon-link svg path {
    fill: #191C1F;
}

/*** LINK ICON ***/
.icon-linkback {
    width: 14px;
    height: 13px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
}

.icon-linkback svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.icon-linkback svg path {
    fill: #009EA1;
}

/*** WORKSPACE ICON ***/
.icon-workspace {
    width: 21px;
    height: 21px;
    display: inline-block;
    position: relative;
}

.icon-workspace svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.icon-workspace svg path {
    fill: #191C1F;
}

/*** NOTIFICATION ICON ***/
.icon-notifications {
    width: 28px;
    height: 36px;
    display: inline-block;
    position: relative;
    text-decoration: none;
}

.icon-notifications svg {
    width: 100%;
    height: 100%;
}

.icon-notifications svg path {
    fill: #191C1F;
}

.icon-notifications svg text {
    fill: #fff;
    font-size: 11px;
    text-decoration: none;
}

.icon-notifications svg g g g {
    fill: #009EA1;
}

.icon-notifications.new {
    width: 38px;
    -webkit-animation: shake linear 0.4s 1.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: shake linear 0.4s 1.5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: shake linear 0.4s 1.5s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -ms-animation: shake linear 0.4s 1.5s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    animation: shake linear 0.4s 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

/*** ICON NEW ***/
.icon-new {
    width: 19px;
    height: 23px;
    display: inline-block;
    position: relative;
}

.icon-new svg {
    width: 100%;
    height: 100%;
}

.icon-new svg path {
    fill: #576065;
}

/*** ICON DUPLICATE ***/
.icon-duplicate {
    width: 23px;
    height: 31px;
    display: inline-block;
    position: relative;
}

.icon-duplicate svg {
    width: 100%;
    height: 100%;
}

.icon-duplicate svg path {
    fill: #191C1F;
}

/*** ICON PROFILE ***/
.icon-profile {
    width: 24px;
    height: 26px;
    display: inline-block;
    position: relative;
}

.icon-profile svg {
    width: 100%;
    height: 100%;
}

.icon-profile svg path {
    fill: #191C1F;
}

/*** MAIL ICON ***/
.icon-mail {
    background-position: center -300px;
    width: 133px;
    height: 100px;
    margin: 0 auto;
}

/*** TRASH DELETE ICON ***/
.icon-delete-trash {
    width: 25px;
    height: 30px;
    display: inline-block;
    position: relative;
}

.icon-delete-trash svg {
    width: 100%;
    height: 100%;
}

.icon-delete-trash svg path {
    fill: #191C1F;
}

/*** CIRCLE DELETE ICON ***/
.icon-delete {
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
}

.icon-delete svg {
    width: 100%;
    height: 100%;
}

.icon-delete svg path {
    fill: #fff;
}

.icon-delete svg circle {
    fill: #B1B1B1;
}

.icon-delete:hover svg circle {
    fill: #CD1E1E;
}

/*** ICON PENDING ***/
.icon-pending {
    width: 17px;
    height: 16px;
    display: inline-block;
    position: relative;
}

.icon-pending svg {
    width: 100%;
    height: 100%;
}

.icon-pending svg path {
    fill: #191C1F;
}

/*** ICON EXPAND ***/
.icon-expand {
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
}

.icon-expand svg {
    width: 100%;
    height: 100%;
}

.icon-expand svg path {
    fill: #191C1F;
}

/*** ICON MERGE ***/
.icon-merge {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
}

.icon-merge svg {
    width: 100%;
    height: 100%;
}

/*** ICON LOCK ***/
.icon-lock {
    width: 14px;
    height: 16px;
    display: inline-block;
    position: relative;
}

.icon-lock svg {
    width: 100%;
    height: 100%;
}

/*** ICON ADD APPLICATION ***/
.icon-add-application {
    width: 34px;
    height: 44px;
    display: inline-block;
    position: relative;
}

.icon-add-application svg {
    width: 100%;
    height: 100%;
}

.icon-expand.icon-collapse svg {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*** ICON ARCHIVE ***/
.icon-archive {
    background: url(../images/icon-archive.svg) 0 center no-repeat;
    min-width: 40px;
    min-height: 40px;
    display: inline-block;
}

/*** DOCUMENT DOWNLOAD BUTTONS ***/
.icon-doc {
    height: 25px;
    display: inline-block;
    padding: 0 0.6em;
    position: relative;
    text-decoration: none;
    line-height: 25px;
    color: #576065;
    font-size: 1.125em;
    font-weight: bold;
    cursor: default;
}

/*** ICON ANNOUNCEMENT ***/
.icon-announcement {
    width: 47px;
    height: 27px;
    display: inline-block;
    position: relative;
    color: #576065;
}

.icon-announcement svg > g {
    fill: #191C1F;
}

.icon-announcement svg > path {
    fill: #009EA1;
    display: none;
}

.icon-announcement.new svg > path {
    display: block;
    -webkit-animation: linesScaleIn linear 0.2s 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: linesScaleIn linear 0.2s 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: linesScaleIn linear 0.2s 2s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -ms-animation: linesScaleIn linear 0.2s 2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    animation: linesScaleIn linear 0.2s 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

/*** ANCHOR ICON PLUS ***/
a.icon-plus {
    padding-left: 20px;
}

a.icon-plus:before {
    content: '+';
    color: #576065;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.8em;
    text-decoration: none;
}

.icon-upload {
    display: inline-block;
    height: 35px;
    width: 14px;
    margin-right: 5px;
    margin-bottom: -2px;
    line-height: 35px;
    vertical-align: top;
}

.icon-plus {
    display: inline-block;
    height: 35px;
    width: 14px;
    margin-right: 5px;
    margin-bottom: -2px;
    line-height: 35px;
    vertical-align: top;
}

.icon-share {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
}

.select_shell.open .icon-share {
    margin: 0;
}

.select_shell.open .icon-share svg {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    height: 16px;
    top: 0;
    left: 0;
}

.tooltip-share-list {
    cursor: pointer;
}

.icon-manage-share {
    width: 24px;
    height: 16px;
    display: inline-block;
    vertical-align: sub;
    padding-right: 0.5em;
}

/*** ICON DOLLAR SIGN ***/
.icon-compare-savings {
    width: 40%;
    text-align: center;
    display: inline-block;
}

.icon-dollar-sign {
    width: 19px;
    height: 19px;
    margin-left: 15%;
    display: inline-block;
    position: relative;
}

.icon-dollar-sign svg {
    width: 100%;
    height: 100%;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*** GENERAL WORKSPACE SECTION STYLES ***/
.inner-sub-head a.icon-new, .inner-sub-head a.icon-duplicate {
    width: auto;
    height: 42px;
    padding-left: 26px;
    line-height: 45px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.1em;
}

.inner-sub-head a.icon-new:hover, .inner-sub-head a.icon-duplicate:hover {
    color: #CD1E1E;
}

.inner-sub-head a.icon-export {
    width: auto;
    height: 42px;
    padding-left: 26px;
    line-height: 45px;
    font-size: 1.1em;
    color: #009EA1;
}

.inner-sub-head a.icon-export.inactive {
    color: #D8DADB;
    pointer-events: none;
}

.inner-sub-head a.icon-export.inactive svg {
    opacity: 0.2;
}

.inner-sub-head a.icon-edit {
    width: auto;
    max-width: 210px;
    margin-right: 20px;
    line-height: 32px;
    top: 10px;
}

.inner-sub-head a.icon-edit span {
    margin: 0;
}

.inner-sub-head a.icon-edit svg {
    float: left;
    width: 30px;
    position: relative;
    top: 2px;
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
}

.inner-sub-head a.icon-new {
    width: auto;
    padding-left: 26px;
    margin-left: 6px;
    margin-right: 22px;
    height: 42px;
    line-height: 45px;
    text-decoration: underline;
    text-transform: none;
    color: #009EA1;
}

.inner-sub-head a.icon-new svg {
    position: absolute;
    top: 10px;
    left: 0;
    height: 60%;
}

.inner-sub-head a.icon-plus {
    width: auto;
    padding-left: 20px;
    margin-right: 22px;
    height: 42px;
    line-height: 45px;
    font-size: 1.1em;
    text-decoration: underline;
    text-transform: none;
    color: #009EA1;
}

.inner-sub-head a.icon-archive {
    width: auto;
    padding-left: 33px;
    margin-right: 22px;
    height: 42px;
    line-height: 41px;
    font-size: 1.1em;
    text-decoration: underline;
    text-transform: none;
}

.inner-sub-head a.icon-duplicate {
    width: auto;
    padding-left: 30px;
    margin-left: 6px;
    margin-right: 22px;
    height: 42px;
    line-height: 45px;
    text-decoration: underline;
    text-transform: none;
}

.inner-sub-head a.icon-duplicate svg {
    position: absolute;
    top: 6px;
    left: 0;
    height: 75%;
}

.inner-sub-head a.icon-duplicate:hover {
    color: #576065;
}

.inner-sub-head .builds-left {
    height: 32px;
    display: inline-block;
    margin-right: 28px;
    line-height: 32px;
    text-decoration: none;
    font-size: 1.1em;
}

.inner-sub-head .builds-left span {
    top: 9px;
    margin: 0;
    margin-right: 4px;
}

.inner-sub-head .default-nolist-copy {
    width: 27.5%;
    max-width: 320px;
    float: left;
    padding: 16px 0;
    font-size: 1.1em;
    color: #576065;
}

.inner-sub-head a.icon-export svg {
    position: absolute;
    top: 11px;
    left: 0;
}

.inner-sub-head .btn-build {
    background: #009EA1;
}

.inner-sub-head .btn-build:hover {
    background: #00b7bb;
}

.btn-archive-close {
    width: 70px;
    height: 26px;
    display: inline-block;
    line-height: 30px;
    position: absolute;
    top: 5px;
    right: 4px;
}

.btn-archive-close .icon-close {
    display: inline-block;
    margin-left: 6px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.interim-loader {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    width: 100%;
    width: calc(100% - 2px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 1px;
    z-index: 9900;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.interim-loader.complete .loader-shell .loader {
    border-bottom: 8px solid #009EA1;
    border-left: 8px solid #009EA1;
}

.interim-loader .loader-shell {
    width: 16em;
    margin: 150px auto 0;
    position: relative;
}

.interim-loader .loader-shell .loader {
    width: 12em;
    height: 12em;
    position: relative;
    margin: 0 auto;
    border-top: 8px solid #009EA1;
    border-right: 8px solid #009EA1;
    border-bottom: 8px solid #D8DADB;
    border-left: 8px solid #D8DADB;
    -webkit-animation: spinner infinite linear 1.2s 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: spinner infinite linear 1.2s 0s;
    -moz-animation-fill-mode: forwards;
    -o-animation: spinner infinite linear 1.2s 0s;
    -o-animation-fill-mode: forwards;
    -ms-animation: spinner infinite linear 1.2s 0s;
    -ms-animation-fill-mode: forwards;
    animation: spinner infinite linear 1.2s 0s;
    animation-fill-mode: forwards;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.interim-loader .loader-shell .txt-title-p {
    width: 100%;
    height: 10em;
    line-height: 10em;
    position: absolute;
    top: 0;
    left: 0;
}

.interim-loader .loader-shell p {
    font-size: 1.125em;
    line-height: 1.7em;
}

.interim-loader .loader-shell .icon-checkmark {
    -webkit-animation: scaleIn ease-out 0.3s 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: scaleIn ease-out 0.3s 0s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: scaleIn ease-out 0.3s 0s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -ms-animation: scaleIn ease-out 0.3s 0s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    animation: scaleIn ease-out 0.3s 0s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    position: absolute;
    top: 6px;
    left: 43%;
    left: calc(50% - 18px);
}

.interim-loader .loader-shell .icon-checkmark svg {
    -webkit-transform: scale(4);
    -ms-transform: scale(4);
    transform: scale(4);
    -webkit-transform-origin-x: 50%;
    -webkit-transform-origin-y: 50%;
}

.interim-loader .loader-shell .icon-checkmark svg path {
    fill: #009EA1;
}

#ulAuthdocLists li {
    position: relative;
    padding-right: 0px;
}

#ulAuthdocLists li em {
    position: absolute;
    right: 1em;
    margin-right: 0.5em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

#ulAuthdocLists li em:before {
    display: block;
    font-weight: bold;
}

#ulAuthdocLists li em.dot-new:before {
    content: 'n';
    color: #007bc4;
}

#ulAuthdocLists li em.dot-updated:before {
    content: 'u';
    color: #f56f06;
}

#ulAuthdocLists li em.dot-shared + em {
    right: 2.5em;
}

#ulAuthdocLists .icon-info img {
    width: 32px !important;
    height: auto;
    pointer-events: none;
}

.status-dot-wrapper {
    padding-left: 5px;
}

.status-dot-wrapper .status-dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 5px;
    border-bottom: none !important;
}

.status-dot-wrapper .status-dot.dot-new:before {
    content: 'n';
    color: #007bc4;
    width: 8px;
    height: 8px;
    font-weight: bold;
}

.status-dot-wrapper .status-dot.dot-updated:before {
    content: 'u';
    color: #f56f06;
    width: 8px;
    height: 8px;
    font-weight: bold;
}

.status-dot-wrapper .dot-shared {
    margin: 0 0.2em 0 0;
}

#ulAuthdocLists .status-dot-wrapper, #tracking-authdoc-lists .status-dot-wrapper, #ulCommonControls-A .status-dot-wrapper {
    position: relative;
    top: -30px;
    right: 20px;
    float: right;
}

#ulAuthdocLists .main .status-dot-wrapper, #tracking-authdoc-lists .main .status-dot-wrapper, #ulCommonControls-A .main .status-dot-wrapper {
    top: -17px;
}

#ulBuilds .main .name, #ulAuthdocLists-A .main .name, #ulAuthdocLists-B .main .name {
    float: left;
}

#ulBuilds .status-dot-wrapper, #ulAuthdocLists-A .status-dot-wrapper, #ulAuthdocLists-B .status-dot-wrapper {
    position: relative;
    float: right;
    right: 0;
    top: 1px;
}

.auth-doc .status-dot-wrapper {
    position: absolute;
    top: 50%;
    right: 27px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.auth-doc .status-dot-wrapper .status-dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 5px;
}

.auth-doc .status-dot-wrapper .status-dot.dot-new:before {
    content: 'n';
    color: #007bc4;
    width: 8px;
    height: 8px;
    font-weight: bold;
}

.auth-doc .status-dot-wrapper .status-dot.dot-updated:before {
    content: 'u';
    color: #f56f06;
    width: 8px;
    height: 8px;
    font-weight: bold;
}

.lightbluebg {
    background: #f2fbfb !important;
}

/*** SELECTION LIST ***/
ul.selection {
    background: #F4F4F4;
    font-size: 1.1em;
    line-height: 1.2em;
    color: #000;
    max-height: 696px;
    overflow: auto;
}

ul.selection.ad-lists {
    max-height: 319px;
}

ul.selection ul {
    display: none;
}

ul.selection li {
    border-top: 1px solid #D8DADB;
    position: relative;
}

ul.selection li.auth-doc {
    background: #fff;
}

ul.selection li.auth-doc.locked, ul.selection li.auth-doc.whitebox-only {
    background: #f2fbfb;
    color: #919191;
}

ul.selection li.auth-doc.locked-starter {
    background: #f7f7f7;
    color: #919191;
}

ul.selection li.auth-doc.whitebox-only input[type="checkbox"] + label:before {
    content: '';
    width: 14px;
    height: 12px;
    background: url(../images/star.svg);
    background-size: contain;
    display: block;
    position: absolute;
    left: -17px;
    top: -8px;
}

ul.selection > li:first-child {
    border-top: none;
}

ul.selection li > .main {
    width: 100%;
    height: 100%;
    padding: 0.8em 1em;
    cursor: pointer;
}

ul.selection li .icon-rightarrow {
    height: 16px;
    position: absolute;
    left: 1em;
    top: 13px;
    -webkit-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

ul.selection li.open > .main .icon-rightarrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 0.9em;
}

ul.selection li .name {
    width: 82%;
    height: 1.3em;
    display: block;
    margin-left: 41px;
    padding-top: 1px;
    -webkit-transition: width 0.3s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: width 0.3s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: width 0.3s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: width 0.3s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

ul.selection > li > .main .name {
    width: 68%;
    display: block;
}

ul.selection.ad-lists > li.open > .main .name, ul.selection.ad-lists > li.selected > .main .name {
    width: 68%;
}

ul.selection > li .has-selected {
    width: 27%;
    height: 1.3em;
    overflow: hidden;
    position: absolute;
    right: 1em;
    top: 0.9em;
    line-height: 1.3em;
    float: right;
    text-align: right;
    color: #444;
    -webkit-transition: all 0.3s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: all 0.3s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: all 0.3s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: all 0.3s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

ul.selection > li .has-selected .num-selected {
    font-weight: bold;
}

ul.selection .lock-icon {
    position: absolute;
    width: 18px;
    height: 22px;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

ul.selection .lock-icon svg {
    width: 18px;
    height: 22px;
}

ul.selection li label {
    position: absolute;
    top: 12px;
    left: 30px;
    /*background:#fff; width:16px; height:16px; border:1px solid $border-color; cursor:pointer;*/
}

ul.selection li.auth-doc .name {
    width: 77%;
}

ul.selection li li > .main .name {
    margin-left: 47px;
    width: 77%;
}

ul.selection li li.display-count > .main .name {
    width: 62%;
}

ul.selection.ad-lists li li > .main .name {
    margin-left: 32px;
}

ul.selection li li > .main .icon-rightarrow {
    left: 20px;
}

ul.selection li.open > .main .icon-rightarrow {
    left: 14px;
}

ul.selection li li > label, ul.selection li li > .lock-icon {
    left: 36px;
}

ul.selection li li li > .main .name {
    margin-left: 53px;
    width: 72%;
}

ul.selection li li li > .main .icon-rightarrow {
    left: 27px;
}

ul.selection li li.open > .main .icon-rightarrow {
    left: 19px;
}

ul.selection li li li > label, ul.selection li li li > .lock-icon {
    left: 43px;
}

ul.selection li li li li > .main .name {
    margin-left: 59px;
    width: 70%;
}

ul.selection li li li li > .main .icon-rightarrow {
    left: 34px;
}

ul.selection li li li.open > .main .icon-rightarrow {
    left: 26px;
}

ul.selection li li li li > label, ul.selection li li li li > .lock-icon {
    left: 50px;
}

ul.selection li li li li li > .main .name {
    margin-left: 65px;
    width: 67%;
}

ul.selection li li li li li > .main .icon-rightarrow {
    left: 41px;
}

ul.selection li li li li.open > .main .icon-rightarrow {
    left: 33px;
}

ul.selection li li li li li > label, ul.selection li li li li li > .lock-icon {
    left: 57px;
}

ul.selection li li li li li li > .main .name {
    margin-left: 78px;
    width: 64%;
}

ul.selection li li li li li li > .main .icon-rightarrow {
    left: 54px;
}

ul.selection li li li li li.open > .main .icon-rightarrow {
    left: 40px;
}

ul.selection li li li li li li > label, ul.selection li li li li li li > .lock-icon {
    left: 70px;
}

ul.selection .icon-info {
    position: absolute;
    top: 4px;
    right: 0.5em;
}

ul.selection .icon-info svg {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}

ul.selection li.auth-doc .icon-info {
    position: absolute;
    top: 1.6em;
    right: 0.5em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

ul.selection li.auth-doc .icon-info svg {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}

ul.selection.selectionPlain > li > .main .name {
    margin-left: 0;
    width: 90%;
}

.content .half.inner-btn {
    padding: 0 0.5em !important;
}

/*** BRANDED COLOR COLUMN ***/
.branded-color {
    /*
  ul.selection#ulControlLists-A li > input[type="checkbox"]:checked + label,
  ul.selection#ulControlLists-B li > input[type="checkbox"]:checked + label{border:1px solid $brand-main-color;}
  ul.selection#ulControlLists-A li > input[type="checkbox"]:checked + label:after,
  ul.selection#ulControlLists-B li > input[type="checkbox"]:checked + label:after{content:'\2713'; position:absolute; top:0px; right:1px; line-height:1em; color:$brand-main-color;}
  */
}

.branded-color .t-head, .branded-color .add-btm-border {
    border-bottom: 3px solid #CD1E1E;
}

.branded-color .t-head .icon-expand path {
    fill: #CD1E1E;
}

.branded-color .inner-btn.active,
.branded-color .inner-btn:hover {
    color: #CD1E1E;
    border-color: #CD1E1E;
}

.branded-color .c-color, .branded-color ul.selection li.open > .main, .branded-color ul.selection li.selected > .main, .branded-color ul.selection li.selected > .name {
    color: #CD1E1E;
}

.branded-color ul.selection li.open > .main .icon-rightarrow {
    stroke: #CD1E1E;
}

.branded-color ul.selection li.auth-doc {
    border-left: 6px solid #CD1E1E;
}

.branded-color .bullet {
    color: #CD1E1E;
}

.branded-color .icon-expand path {
    fill: #CD1E1E;
}

.branded-color input[type="checkbox"]:checked + label {
    border: 1px solid #CD1E1E;
}

.branded-color input[type="checkbox"]:checked + label:after {
    color: #CD1E1E;
}

.branded-color input[type="radio"]:checked + label:after {
    background: #CD1E1E;
}

/*** BRANDED COLOR COLUMN ***/
.branded-color2 {
    /*
  ul.selection#ulControlLists-A li > input[type="checkbox"]:checked + label,
  ul.selection#ulControlLists-B li > input[type="checkbox"]:checked + label{border:1px solid $brand-color2;}
  ul.selection#ulControlLists-A li > input[type="checkbox"]:checked + label:after,
  ul.selection#ulControlLists-B li > input[type="checkbox"]:checked + label:after{content:'\2713'; position:absolute; top:0px; right:1px; line-height:1em; color:$brand-color2;}
  */
}

.branded-color2 .t-head, .branded-color2 .add-btm-border {
    border-bottom: 3px solid #009EA1;
}

.branded-color2 .t-head .icon-expand path {
    fill: #009EA1;
}

.branded-color2 .inner-btn.active, .branded-color2 .inner-btn:hover {
    color: #009EA1;
    border-color: #009EA1;
}

.branded-color2 .c-color, .branded-color2 ul.selected li.open > .main, .branded-color2 ul li.selected > .main, .branded-color2 ul li.selected > .name {
    color: #009EA1;
}

.branded-color2 ul.selection li.open > .main .icon-rightarrow {
    stroke: #009EA1;
}

.branded-color2 ul.selection li.auth-doc:before {
    content: '';
    background: #009EA1;
    width: 4px;
    height: 102%;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: 0;
}

.branded-color2 ul.selection.selectionPlain li.auth-doc:before {
    content: '';
    background: #009EA1;
    width: 0px;
    height: 102%;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: 0;
}

.branded-color2 .bullet {
    color: #009EA1;
}

.branded-color2 .icon-circlearrow path {
    fill: #009EA1;
}

.branded-color2 .icon-circlearrow circle {
    stroke: #009EA1;
}

.branded-color2 ul.default-ul li.selected:before {
    content: '';
    background: #009EA1;
    width: 4px;
    height: 102%;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: 0;
}

.branded-color2 li.search-selected {
    -webkit-animation: showSelectedBrandColor2 linear 2.5s 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: showSelectedBrandColor2 linear 2.5s 0.2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: showSelectedBrandColor2 linear 2.5s 0.2s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -ms-animation: showSelectedBrandColor2 linear 2.5s 0.2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    animation: showSelectedBrandColor2 linear 2.5s 0.2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.branded-color2 input[type="checkbox"]:checked + label {
    border: 1px solid #009EA1;
}

.branded-color2 input[type="checkbox"]:checked + label:after {
    color: #009EA1;
}

.branded-color2 input[type="radio"]:checked + label:after {
    background: #009EA1;
}

/*** BRANDED COLOR COLUMN ***/
.branded-color3 {
    /*
  ul.selection#ulControlLists-A li > input[type="checkbox"]:checked + label,
  ul.selection#ulControlLists-B li > input[type="checkbox"]:checked + label{border:1px solid $brand-color3;}
  ul.selection#ulControlLists-A li > input[type="checkbox"]:checked + label:after,
  ul.selection#ulControlLists-B li > input[type="checkbox"]:checked + label:after{content:'\2713'; position:absolute; top:0px; right:1px; line-height:1em; color:$brand-color3;}
  */
}

.branded-color3 .t-head, .branded-color3 .add-btm-border {
    border-bottom: 3px solid #F17023;
}

.branded-color3 .t-head .icon-expand path {
    fill: #F17023;
}

.branded-color3 .inner-btn.active, .branded-color3 .inner-btn:hover {
    color: #F17023;
    border-color: #F17023;
}

.branded-color3 .c-color, .branded-color3 ul li.open > .main, .branded-color3 ul li.selected > .main, .branded-color3 ul li.selected > .name {
    color: #F17023;
}

.branded-color3 ul li.open > .main .icon-rightarrow {
    stroke: #F17023;
}

.branded-color3 ul.selection li.auth-doc:before {
    content: '';
    background: #F17023;
    width: 4px;
    height: 102%;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: 0;
}

.branded-color3 .bullet {
    color: #F17023;
}

.branded-color3 .icon-circlearrow path {
    fill: #F17023;
}

.branded-color3 .icon-circlearrow circle {
    stroke: #F17023;
}

.branded-color3 li.search-selected {
    -webkit-animation: showSelectedBrandColor3 linear 2.5s 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: showSelectedBrandColor3 linear 2.5s 0.2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: showSelectedBrandColor3 linear 2.5s 0.2s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -ms-animation: showSelectedBrandColor3 linear 2.5s 0.2s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    animation: showSelectedBrandColor3 linear 2.5s 0.2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.branded-color3 input[type="checkbox"]:checked + label {
    border: 1px solid #F17023;
}

.branded-color3 input[type="checkbox"]:checked + label:after {
    color: #F17023;
}

.branded-color3 input[type="radio"]:checked + label:after {
    background: #F17023;
}

ul.selection li.disabled > input, ul.selection li.disabled > label {
    pointer-events: none;
    border: 1px solid #D8DADB !important;
}

ul.selection li.disabled > input:after, ul.selection li.disabled > label:after {
    color: #D8DADB !important;
}

ul.selection li.disabled .name {
    color: #D8DADB;
}

/*** CONTROLS LIST ***/
ul.controls {
    background: #F4F4F4;
    font-size: 1.1em;
    line-height: 1.2em;
    color: #000;
    max-height: 734px;
}

ul.controls.overflow {
    overflow: auto;
}

ul.controls .five_sixth {
    width: 87%;
    border-right: 1px solid #D8DADB;
}

ul.controls .one_sixth {
    width: 13%;
}

ul.controls ul {
    background: #F4F4F4;
    display: none;
}

ul.controls li {
    background: #F4F4F4;
    width: 100%;
    border-top: 1px solid #D8DADB;
    position: relative;
    clear: both;
}

ul.controls li.bg-white {
    background: #fff;
}

ul.controls > li:first-child {
    border-top: none;
}

ul.controls li .one_sixth, ul.controls li .five_sixth {
    padding: 0.9em 1em 0;
    height: 42px;
}

ul.controls li .one_sixth {
    padding-right: 0.3em;
}

ul.controls li .five_sixth {
    cursor: pointer;
    padding-right: 1.6em;
}

ul.controls .icon-rightarrow {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: all 0.5s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: all 0.5s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: all 0.5s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

ul.controls li.open > .five_sixth .icon-rightarrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

ul.controls .icon-rightarrow svg, ul.controls .icon-rightarrow img {
    position: relative;
    top: 13px;
    left: 22px;
    width: 14px;
    height: 14px;
}

ul.controls li.open > .five_sixth .icon-rightarrow svg, ul.controls li.open > .five_sixth .icon-rightarrow img {
    top: 12px;
    left: 17px;
}

ul.controls .bullet {
    height: 100%;
    position: absolute;
    top: 9px;
    left: 6.8%;
    line-height: 1em;
    font-size: 1.8em;
    display: none;
}

ul.controls .name {
    max-width: 90%;
    display: block;
    margin-left: 28px;
    font-style: oblique;
}

ul.controls li.mandatory > * > .name {
    font-style: normal;
    font-weight: 700;
    color: #000;
}

ul.controls li.implementation > * > .name {
    font-style: normal;
    font-weight: 400;
    color: #000;
}

ul.controls .icon-info {
    height: 28px;
    position: absolute;
    top: 9px;
    right: 4px;
}

ul.controls .icon-info svg {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}

ul.controls .icon-info img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

ul.controls li li .name {
    max-width: 88.5%;
    margin-left: 36px;
}

ul.controls li li .icon-rightarrow {
    left: 8px;
}

ul.controls li li li .name {
    max-width: 87%;
    margin-left: 44px;
}

ul.controls li li li .icon-rightarrow {
    left: 16px;
}

ul.controls li li li li .name {
    max-width: 85.5%;
    margin-left: 52px;
}

ul.controls li li li li .icon-rightarrow {
    left: 24px;
}

ul.controls li li li li li .name {
    max-width: 84%;
    margin-left: 60px;
}

ul.controls li li li li li .icon-rightarrow {
    left: 32px;
}

ul.controls li li li li li li .name {
    max-width: 82.5%;
    margin-left: 68px;
}

ul.controls li li li li li li .icon-rightarrow {
    left: 40px;
}

ul.controls li li li li li li li .name {
    max-width: 81%;
    margin-left: 76px;
}

ul.controls li li li li li li li .icon-rightarrow {
    left: 48px;
}

ul.controls li li li li li li li li .name {
    max-width: 79.5%;
    margin-left: 84px;
}

ul.controls li li li li li li li li .icon-rightarrow {
    left: 56px;
}

ul.controls li li li li li li li li li .name {
    max-width: 78%;
    margin-left: 92px;
}

ul.controls li li li li li li li li li .icon-rightarrow {
    left: 64px;
}

ul.controls li li li li li li li li li li .name {
    max-width: 76.5%;
    margin-left: 100px;
}

ul.controls li li li li li li li li li li .icon-rightarrow {
    left: 72px;
}

ul#ulControlLists-A, ul#ulControlLists-B {
    max-height: 320px;
}

.tracking ul.controls > li:last-child {
    border-bottom: 1px solid #D8DADB;
}

.tracking ul.controls li {
    /*
  .icon-plus{width:100%; height:100%; padding-left:0; display:block; position:relative;}
  .icon-plus:before{width:100%; text-align:center;}
  .icon-plus:hover:before{color:$brand-main-color;}
  */
}

.tracking ul.controls li.scroll-compensated {
    padding-right: 15px;
    font-size: 0.9em;
}

.tracking ul.controls li > div:not(.clear) {
    height: 42px;
    padding: 14px 12px 0;
    float: left;
    border-left: 1px solid #D8DADB;
}

.tracking ul.controls li > div.remove-border {
    border-left: none;
}

.tracking ul.controls li > div:first-child {
    padding-left: 1em;
    border-left: none;
}

.tracking ul.controls li.open > .c-name .icon-rightarrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: -4px;
    left: -4px;
}

.tracking ul.controls li > div.c-name {
    width: calc(82% - 325px);
    cursor: pointer;
    position: relative;
}

.tracking ul.controls li > div.c-id {
    width: 70px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
}

.tracking ul.controls li > div.c-date {
    width: 85px;
    padding: 0;
    text-align: center;
    line-height: 42px;
}

.tracking ul.controls li > div.c-date input {
    background: transparent;
    padding: 0 0 1.1em 0;
    border: none;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
}

.tracking ul.controls li > div.c-date input::-webkit-input-placeholder {
    font-size: 2em;
}

.tracking ul.controls li > div.c-date input:-moz-placeholder {
    font-size: 2em;
}

.tracking ul.controls li > div.c-date input::-moz-placeholder {
    font-size: 2em;
}

.tracking ul.controls li > div.c-date input:-ms-input-placeholder {
    font-size: 2em;
}

.tracking ul.controls li > div.c-date .datepicker {
    width: 230px;
    padding: 1em;
    top: -71px;
    right: 230px;
    left: auto;
    border: 1px solid #D8DADB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    z-index: 9999;
    line-height: 1.4em;
}

.tracking ul.controls li > div.c-date .datepicker .hidden {
    display: block;
    margin-top: 0.8em;
    margin-left: 0.6em;
    text-align: left;
}

.tracking ul.controls li > div.c-date .datepicker:after {
    content: '';
    background: #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 31px;
    right: -9px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-top: 1px solid #D8DADB;
    border-right: 1px solid #D8DADB;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tracking ul.controls li > div.c-role {
    width: 18%;
}

.tracking ul.controls li > div.c-complete {
    width: 50px;
    padding: 14px 0 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.tracking ul.controls li > div.c-na {
    width: 50px;
    padding: 14px 0 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.tracking ul.controls li > div.c-certified {
    width: 70px;
    padding: 14px 0 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.tracking ul.controls li .icon-rightarrow {
    left: -8px;
}

.tracking ul.controls li .name {
    margin-left: 7%;
    width: 84%;
}

.tracking ul.controls li .bullet {
    left: 5%;
}

.tracking ul.controls li > ul {
    padding: 0;
}

.tracking ul.controls li .name {
    width: 84%;
    margin-left: 24px;
}

.tracking ul.controls li .bullet {
    left: 6.5%;
}

.tracking ul.controls li .icon-rightarrow {
    left: -4px;
}

.tracking ul.controls li li .name {
    width: 79%;
    margin-left: 34px;
}

.tracking ul.controls li li.open > .c-name .icon-rightarrow, .tracking ul.controls li li .icon-rightarrow {
    left: 10px;
}

.tracking ul.controls li li li .name {
    width: 75%;
    margin-left: 44px;
}

.tracking ul.controls li li li.open > .c-name .icon-rightarrow, .tracking ul.controls li li li .icon-rightarrow {
    left: 20px;
}

.tracking ul.controls li li li li .name {
    width: 72%;
    margin-left: 54px;
}

.tracking ul.controls li li li li .name.txt-ellipsis {
    width: 71% !important;
}

.tracking ul.controls li li li li.open > .c-name .icon-rightarrow, .tracking ul.controls li li li li .icon-rightarrow {
    left: 30px;
}

.tracking ul.controls li li li li li .name {
    width: 69%;
    margin-left: 64px;
}

.tracking ul.controls li li li li li .name.txt-ellipsis {
    width: 66% !important;
}

.tracking ul.controls li li li li li.open > .c-name .icon-rightarrow, .tracking ul.controls li li li li li .icon-rightarrow {
    left: 40px;
}

.tracking ul.controls li li li li li li .name {
    width: 66%;
    margin-left: 74px;
}

.tracking ul.controls li li li li li li .name.txt-ellipsis {
    width: 63% !important;
}

.tracking ul.controls li li li li li li.open > .c-name .icon-rightarrow, .tracking ul.controls li li li li li li .icon-rightarrow {
    left: 50px;
}

.tracking ul.controls li li li li li li li .name {
    width: 63%;
    margin-left: 84px;
}

.tracking ul.controls li li li li li li li.open > .c-name .icon-rightarrow, .tracking ul.controls li li li li li li li .icon-rightarrow {
    left: 60px;
}

.tracking ul.controls li li li li li li li li .name {
    width: 60%;
    margin-left: 94px;
}

.tracking ul.controls li li li li li li li li.open > .c-name .icon-rightarrow, .tracking ul.controls li li li li li li li li .icon-rightarrow {
    left: 70px;
}

.tracking ul.controls li li li li li li li li li .name {
    width: 57%;
    margin-left: 104px;
}

.tracking ul.controls li li li li li li li li li.open > .c-name .icon-rightarrow, .tracking ul.controls li li li li li li li li li .icon-rightarrow {
    left: 80px;
}

.tracking ul.controls li li li li li li li li li li .name {
    width: 54%;
    margin-left: 114px;
}

.tracking ul.controls li li li li li li li li li li.open > .c-name .icon-rightarrow, .tracking ul.controls li li li li li li li li li li .icon-rightarrow {
    left: 90px;
}

/*** DEFAULT UL FOR BUILDS & TRACKING ***/
.fullwidth ul.default-ul {
    max-height: 760px;
    overflow: auto;
    background: #F4F4F4;
    font-size: 1.1em;
    line-height: 1.2em;
    color: #000;
}

.fullwidth ul.default-ul li {
    width: 100%;
    border-top: 1px solid #D8DADB;
    position: relative;
    /*
    &.selected{
    	label:after{content:''; background:$brand-color2; width:10px; height:10px; top:2px; left:2px; @include border-radius(50%);}
    }
    */
}

.fullwidth ul.default-ul li:first-child {
    border-top: none;
}

.fullwidth ul.default-ul li:last-child {
    border-bottom: 1px solid #D8DADB;
}

.fullwidth ul.default-ul li > *:not(ul) {
    padding: 0.8em 1em 0;
    height: 42px;
    border-left: 1px solid #D8DADB;
}

.fullwidth ul.default-ul li > *:not(ul).remove-border {
    border-left: none;
}

.fullwidth ul.default-ul li > *.clear {
    padding: 0;
    height: 0;
    border-left: none;
}

.fullwidth ul.default-ul li > *.remove-margin {
    margin: 0;
    height: auto;
}

.fullwidth ul.default-ul li > *.default-padding {
    padding: 0.8em 1em;
}

.fullwidth ul.default-ul li > *:first-child {
    border-left: none;
}

.fullwidth ul.default-ul li.li-title {
    padding: 0.7em;
    text-align: center;
}

.fullwidth ul.default-ul li.li-title > * {
    height: auto;
    padding: 0;
}

.fullwidth ul.default-ul li.li-title .disclaimer {
    color: #576065;
}

.fullwidth ul.default-ul li .two_thirds {
    width: 66.66%;
    margin-left: 0;
    float: left;
}

.fullwidth ul.default-ul li .one_third {
    padding-left: 0;
    padding-right: 0;
}

.fullwidth ul.default-ul li .three_fifths {
    width: 70%;
    float: left;
}

.fullwidth ul.default-ul li .two_fifths {
    width: 36%;
}

.fullwidth ul.default-ul li .two_fifths.btn-icons {
    width: 30%;
    padding: 0.7em 0.6em 0;
    font-size: 0.9em;
    text-align: center;
}

.fullwidth ul.default-ul li .one_fifth {
    width: 20%;
}

.fullwidth ul.default-ul li .one_sixth {
    width: 16.66%;
    padding: 0.8em 0.6em 0;
}

.fullwidth ul.default-ul li .one_tenth {
    width: 10%;
}

.fullwidth ul.default-ul li .half {
    width: 50%;
}

.fullwidth ul.default-ul li .half:nth-child(odd) {
    padding: 0.8em 1em 0;
}

.fullwidth ul.default-ul li * > .main {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.fullwidth ul.default-ul li .icon-rightarrow {
    height: 16px;
    position: absolute;
    left: 2px;
    top: 1px;
    -webkit-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

.fullwidth ul.default-ul li.open > * > .main .icon-rightarrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fullwidth ul.default-ul li > li.open .main .icon-rightarrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 0.9em;
}

.fullwidth ul.default-ul li .name {
    width: 76%;
    height: 1.3em;
    display: block;
    margin-left: 41px;
    padding-top: 1px;
    -webkit-transition: width 0.3s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: width 0.3s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: width 0.3s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: width 0.3s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

.fullwidth ul.default-ul li .name.has-tooltip {
    padding-bottom: 20px;
}

.fullwidth ul.default-ul li .icon-download-loader {
    position: absolute;
    top: 12px;
    left: 30px;
    display: none;
}

.fullwidth ul.default-ul li input[type="checkbox"] {
    position: absolute;
    top: 1em;
    left: -30px;
}

.fullwidth ul.default-ul li label {
    background: #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 12px;
    left: 30px;
    border: 1px solid #D8DADB;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
}

.fullwidth ul.default-ul li input[type="radio"] {
    background: #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 12px;
    left: -100px;
    border: 1px solid #D8DADB;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
}

.fullwidth ul.default-ul li input[type="radio"]:checked {
    background: #009EA1;
}

.fullwidth ul.default-ul li .icon-info {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    position: absolute;
    top: 4px;
    right: 0;
}

.fullwidth ul.default-ul li .icon-info svg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.fullwidth ul.default-ul li.loading {
    background: #fff;
    color: #ccc;
    pointer-events: none;
}

.fullwidth ul.default-ul li.loading .icon-download-loader {
    display: block;
}

.fullwidth ul.default-ul li.loading input[type="checkbox"], .fullwidth ul.default-ul li.loading label {
    display: none;
}

.fullwidth ul.default-ul li.loading .icon-info path, .fullwidth ul.default-ul li.loading .icon-rightarrow path {
    fill: #ccc;
}

.fullwidth ul.default-ul li.loading .icon-info circle {
    stroke: #ccc;
}

.fullwidth ul.default-ul li > ul {
    background: #fff;
    width: 100%;
    padding: 0;
    float: left;
    border-left: none;
    border-top: 1px solid #D8DADB;
    display: none;
}

.fullwidth ul.default-ul li > ul li {
    position: relative;
    white-space: normal;
}

.fullwidth ul.default-ul li > ul li:last-child {
    border-bottom: none;
}

.fullwidth ul.default-ul li > ul li .three_fifths {
    width: 60%;
}

.fullwidth ul.default-ul li > ul li .two_fifths {
    border-left: none;
}

.fullwidth ul.default-ul li > ul li .main {
    height: 30px;
    padding-left: 22px;
    padding-right: 50px;
    cursor: pointer;
}

.fullwidth ul.default-ul li > ul li .icon-rightarrow {
    top: 3px;
    left: 21px;
}

.fullwidth ul.default-ul li > ul li.open .icon-rightarrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fullwidth ul.default-ul li > ul li .name {
    margin-left: 20px;
}

.fullwidth ul.default-ul li > ul li .right {
    text-align: right;
    font-size: 0.9em;
    color: #009EA1;
    font-weight: bold;
    padding-top: 2px;
}

.fullwidth ul.default-ul li > ul li ul {
    height: auto;
    font-size: 0.9em;
    padding: 4px 0;
    display: none;
}

.fullwidth ul.default-ul li > ul li ul li {
    height: auto;
    padding: 0.6em 50px 0.6em 68px;
    border-top: none;
}

.fullwidth ul.default-ul.list-view li .name {
    width: 69%;
    margin-left: 24px;
}

.fullwidth ul.default-ul.list-view li label {
    left: 14px;
}

/*** BUILDS PAGE ***/
.inner-sub-head > .create-build, .inner-page > .create-build {
    width: 45%;
    float: left;
    position: relative;
}

.inner-sub-head > .build, .inner-page > .build {
    width: 53%;
    float: right;
    position: relative;
}

/*** DEFAULT UL FOR BUILDS PAGE ***/
.fullwidth .build {
    /*
  .ul-title{border-bottom:1px solid $border-color;
  	& > div:not(.clear){padding:0.8em 1em; border-left:1px solid $border-color;}
  	& > div:first-child{border-left:none;}
  }
  */
}

.fullwidth .build ul.default-ul .half {
    width: 53%;
    float: left;
}

.fullwidth .build ul.default-ul .two_fifths.btn-icons, .fullwidth .build ul.default-ul .two_fifths {
    width: 30%;
}

.fullwidth .build ul.default-ul li .name {
    width: 95%;
    margin-left: 20px;
    cursor: default;
}

.fullwidth .build ul.default-ul li label, .fullwidth .build ul.default-ul li .icon-download-loader {
    left: 12px;
}

.fullwidth .build ul.default-ul li.selected label {
    border-color: #D8DADB;
}

.fullwidth .build ul.default-ul li input[type="radio"]:checked + label:after {
    background-color: #CD1E1E;
}

.fullwidth .build ul.default-ul li > ul li .right {
    color: #CD1E1E;
}

.fullwidth {
    /*
  .ul-title-generate-build{border-bottom:1px solid $border-color;
  	.three_fifths{height:42px; float:left; padding:0.8em 1em 0 4.2em;}
  	.two_fifths{height:42px; float:left; padding:0.8em 1em 0; border-left:1px solid $border-color;}
  }
  */
}

.fullwidth .create-build ul.default-ul {
    max-height: 760px;
}

.inner-page .commoncontrols-list .t-head h3, .inner-page .commoncontrols-list .t-head a {
    float: left;
}

.inner-page .commoncontrols-list .t-head em#share_flag {
    padding-left: 15px;
    padding-top: 2px;
    float: left;
}

.inner-page .commoncontrols-list .t-head a.icon-expand {
    float: right;
}

.inner-page .commoncontrols-list .t-head h3.right {
    float: right;
}

.inner-page .commoncontrols-list .t-head .icon-edit {
    width: auto;
    height: 22px;
    padding-left: 38px;
    line-height: 22px;
}

.inner-page .commoncontrols-list .t-head .icon-edit svg {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    height: 120%;
    position: absolute;
    top: -2px;
    left: 0;
}

.inner-page .commoncontrols-list .t-head .icon-edit svg path {
    fill: #191C1F;
}

.inner-page .commoncontrols-list .t-head .icon-delete-trash {
    float: right;
    width: auto;
    width: 24px;
    height: 22px;
}

.inner-page .commoncontrols-list .t-head .icon-delete-trash svg {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    height: 32px;
    position: absolute;
    top: -4px;
}

.inner-page .commoncontrols-list .t-sub-head {
    padding-right: 0.5em;
}

.inner-page .commoncontrols-list .one_sixth {
    width: 12%;
    float: right;
}

.inner-page .t-head .icon-expand {
    margin-left: 1em;
    top: 2px;
}

/*** COMMON CONTROLS PAGE ***/
.default-cc-view {
    display: block;
    position: relative;
    text-decoration: none;
}

.default-cc-view .icon-new-shell {
    width: 100%;
    height: 122px;
    position: relative;
    margin-top: 5em;
    margin-bottom: 1.8em;
}

.default-cc-view .icon-new {
    -webkit-transform: scale(5.3);
    -ms-transform: scale(5.3);
    transform: scale(5.3);
    top: 50px;
    margin: 0 39px;
}

.default-cc-view .icon-new:first-child {
    -webkit-transform: scale(4);
    -ms-transform: scale(4);
    transform: scale(4);
    top: 64px;
}

.default-cc-view .icon-new path {
    fill: #D8DADB;
}

/*** EXPANDED LISTS FORM CLICKING THE EXPAND ICON ***/
.list-expand-A, .list-expand-B, .list-expand-AB {
    -webkit-transition: width 0s linear;
    -moz-transition: width 0s linear;
    -o-transition: width 0s linear;
    transition: width 0s linear;
    overflow: hidden;
}

.list-expand-A .content-shell, .list-expand-B .content-shell, .list-expand-AB .content-shell {
    min-width: 300px;
    -webkit-transition: opacity 0.2s linear 0.1s;
    -moz-transition: opacity 0.2s linear 0.1s;
    -o-transition: opacity 0.2s linear 0.1s;
    transition: opacity 0.2s linear 0.1s;
}

.list-expand-A .content-shell.commoncontrols-list, .list-expand-B .content-shell.commoncontrols-list, .list-expand-AB .content-shell.commoncontrols-list {
    min-width: 610px;
}

.list-expand-A .t-head, .list-expand-B .t-head, .list-expand-AB .t-head {
    position: relative;
}

.list-expand-A .t-head .icon-close, .list-expand-B .t-head .icon-close, .list-expand-AB .t-head .icon-close {
    width: auto;
    height: 30px;
    display: none;
    float: right;
    text-align: right;
    padding-right: 30px;
    position: absolute;
    top: 5px;
    right: 10px;
    font-style: oblique;
    line-height: 30px;
    text-decoration: none;
    font-size: 1.1em;
    z-index: 9990;
}

.list-expand-A .t-head .icon-close svg, .list-expand-B .t-head .icon-close svg, .list-expand-AB .t-head .icon-close svg {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
}

/*** LIST A ***/
.fullwidth.inner-page.display-list-A .list-expand-A, .fullwidth.inner-page.display-list-A .list-expand-B, .fullwidth.inner-page.display-list-A .list-expand-AB {
    -webkit-transition: width 0.6s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: width 0.6s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: width 0.6s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: width 0.6s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

.fullwidth.inner-page.display-list-A .list-expand-A {
    width: 100%;
    margin: 0;
}

.fullwidth.inner-page.display-list-A .list-expand-A ul li .name {
    width: 90%;
    height: auto;
    /* overflow:auto; */
    text-overflow: inherit;
    white-space: normal;
}

.fullwidth.inner-page.display-list-A .list-expand-A .t-head {
    padding-right: 50px;
}

.fullwidth.inner-page.display-list-A .list-expand-A .t-head .icon-expand {
    display: none;
}

.fullwidth.inner-page.display-list-A .list-expand-A .t-head .icon-close {
    display: block;
}

.fullwidth.inner-page.display-list-A .list-expand-B, .fullwidth.inner-page.display-list-A .list-expand-AB {
    width: 0%;
    margin: 0;
}

.fullwidth.inner-page.display-list-A .list-expand-B .content-shell, .fullwidth.inner-page.display-list-A .list-expand-AB .content-shell {
    opacity: 0;
}

/*** LIST B ***/
.fullwidth.inner-page.display-list-B .list-expand-A, .fullwidth.inner-page.display-list-B .list-expand-B, .fullwidth.inner-page.display-list-B .list-expand-AB {
    -webkit-transition: width 0.6s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: width 0.6s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: width 0.6s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: width 0.6s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

.fullwidth.inner-page.display-list-B .list-expand-B {
    width: 100%;
    margin: 0;
}

.fullwidth.inner-page.display-list-B .list-expand-B ul li .name:not(.txt-ellipsis) {
    width: 90%;
    max-width: 90%;
    height: auto;
    /* overflow:auto; */
    text-overflow: inherit;
    white-space: normal;
}

.fullwidth.inner-page.display-list-B .list-expand-A, .fullwidth.inner-page.display-list-B .list-expand-AB {
    width: 0%;
    margin: 0;
}

.fullwidth.inner-page.display-list-B .list-expand-B .t-head {
    padding-right: 50px;
}

.fullwidth.inner-page.display-list-B .list-expand-B .t-head .icon-expand {
    display: none;
}

.fullwidth.inner-page.display-list-B .list-expand-B .t-head .icon-close {
    display: block;
}

.fullwidth.inner-page.display-list-B .commoncontrols-list .one_sixth {
    width: 8%;
    height: 100%;
    float: right;
}

.fullwidth.inner-page.display-list-B .commoncontrols-list .five_sixth {
    width: 92%;
    height: auto;
}

.fullwidth.inner-page.display-list-B .commoncontrols-list ul .one_sixth, .fullwidth.inner-page.display-list-B .commoncontrols-list ul .five_sixth {
    padding-bottom: 0.9em;
}

.fullwidth.inner-page.display-list-B .list-expand-A .content-shell, .fullwidth.inner-page.display-list-B .list-expand-AB .content-shell {
    opacity: 0;
}

/*** LIST AB ***/
.fullwidth.inner-page.display-list-AB .list-expand-A, .fullwidth.inner-page.display-list-AB .list-expand-B, .fullwidth.inner-page.display-list-AB .list-expand-AB {
    -webkit-transition: width 0.6s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: width 0.6s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: width 0.6s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: width 0.6s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

.fullwidth.inner-page.display-list-AB .list-expand-AB {
    width: 100%;
    margin: 0;
}

.fullwidth.inner-page.display-list-AB .list-expand-AB ul li .name {
    width: 90%;
    height: auto;
    /* overflow:auto; */
    text-overflow: inherit;
    white-space: normal;
}

.fullwidth.inner-page.display-list-AB ul.controls li .one_sixth, .fullwidth.inner-page.display-list-AB li .five_sixth {
    padding: 0.9em 1em;
    height: auto;
}

.fullwidth.inner-page.display-list-AB .list-expand-AB .t-head {
    padding-right: 50px;
}

.fullwidth.inner-page.display-list-AB .list-expand-AB .t-head .icon-expand {
    display: none;
}

.fullwidth.inner-page.display-list-AB .list-expand-AB .t-head .icon-close {
    display: block;
}

.fullwidth.inner-page.display-list-AB .list-expand-A, .fullwidth.inner-page.display-list-AB .list-expand-B {
    width: 0%;
    margin: 0;
}

.fullwidth.inner-page.display-list-AB .commoncontrols-list .one_sixth {
    width: 8%;
    height: 100%;
    float: right;
}

.fullwidth.inner-page.display-list-AB .commoncontrols-list .five_sixth {
    width: 92%;
    height: auto;
}

.fullwidth.inner-page.display-list-AB .commoncontrols-list ul .one_sixth, .fullwidth.inner-page.display-list-AB .commoncontrols-list ul .five_sixth {
    padding-bottom: 0.9em;
}

.fullwidth.inner-page.display-list-AB .list-expand-A .content-shell, .fullwidth.inner-page.display-list-AB .list-expand-B .content-shell {
    opacity: 0;
}

/*** COMPARE PAGE ***/
#divAuthorityDocuments-A, #divAuthorityDocuments-B {
    min-height: 698px;
}

#divAuthorityDocuments-A ul.selection, #divAuthorityDocuments-B ul.selection {
    max-height: 696px;
}

.listA {
    width: 27.5%;
    float: left;
    position: relative;
    overflow: hidden;
}

.listAB {
    width: 43%;
    float: left;
    margin: 0 1%;
    position: relative;
    overflow: hidden;
}

.listB {
    width: 27.5%;
    float: right;
    position: relative;
    overflow: hidden;
}

.content .inner-page .listA .hidden-shell {
    width: 45px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -50px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.content .inner-page .listA .hidden-shell a {
    display: block;
    padding: 0;
    text-decoration: none;
    border: none;
    top: 3px;
    left: 6px;
}

.content .inner-page .listA .hidden-shell svg {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.content .inner-page .listB .hidden-shell {
    width: 45px;
    height: 40px;
    position: absolute;
    top: 0;
    right: -50px;
    z-index: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.content .inner-page .listB .hidden-shell a {
    display: block;
    padding: 0;
    text-decoration: none;
    border: none;
    top: 3px;
    left: 6px;
}

.content .inner-page .listB .hidden-shell svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/**
.content .inner-page.hideA{
	.listA{width:5%;
		.content-shell{right:260px; position:relative;}
		.hidden-shell{left:0; z-index:8888; @include transition(all 0.6s $default-easing 0.8s);}
	}
	.listAB{width:65.5%;}
}

.content .inner-page.hideB{
	.listB{width:5%;
		.content-shell{left:100px; position:relative;}
		.hidden-shell{right:0; z-index:8888; @include transition(all 0.6s $default-easing 0.8s);}
	}
	.listAB{width:65.5%;}
}

.content .inner-page.hideA.hideB{
	.listA, .listB{width:5%;}
	.listAB{width:88%;}
}
**/
.listA .content-shell, .listB .content-shell {
    width: 100%;
    min-width: 260px;
}

.listB .content-shell {
    left: 0;
}

.listA .content-shell {
    right: 0;
}

.listA .default-cc-view .icon-new-shell {
    height: 72px;
    margin-top: 0;
}

.listA .default-cc-view .icon-new {
    -webkit-transform: scale(2.8);
    -ms-transform: scale(2.8);
    transform: scale(2.8);
    top: 43px;
    margin: 0 16px;
}

.listA .default-cc-view .icon-new:first-child {
    -webkit-transform: scale(2.2);
    -ms-transform: scale(2.2);
    transform: scale(2.2);
    top: 50px;
}

.listA .t-head .txt-right, .listB .t-head .txt-right {
    padding-right: 34px;
}

.listA .icon-circlearrow svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.listA .icon-circlearrow, .listB .icon-circlearrow {
    position: absolute;
    top: -8px;
    right: -4px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.listB .icon-circlearrow {
    top: -6px;
    right: -6px;
}

.listAB .t-head .txt-right {
    padding-right: 24px;
}

.content .inner-page .listAB .generate-shell {
    padding-bottom: 3em;
    border-bottom: none;
}

.content .inner-page .listAB .generate-shell .icon-new-shell {
    padding: 80px 0 60px;
}

.content .inner-page .listAB .generate-shell .icon-new-shell .icon-new {
    margin: 0 7px 0 9px;
    -webkit-transform: scale(2.3);
    -ms-transform: scale(2.3);
    transform: scale(2.3);
}

.content .inner-page .listAB .generate-shell .icon-new-shell .icon-new:nth-child(3) {
    margin: 0 30px 0 35px;
    -webkit-transform: scale(4.6);
    -ms-transform: scale(4.6);
    transform: scale(4.6);
}

.content .inner-page .listAB .generate-shell .icon-new-shell .icon-new path {
    fill: #D8DADB;
}

.content .inner-page .listAB .generate-shell .icon-new-shell .icon-arrow {
    top: 7px;
}

.content .inner-page .listAB .generate-shell .icon-new-shell .icon-arrow:nth-child(2) path {
    fill: #009EA1;
}

.content .inner-page .listAB .generate-shell .icon-new-shell .icon-arrow:nth-child(4) {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.content .inner-page .listAB .generate-shell .icon-new-shell .icon-arrow:nth-child(4) path {
    fill: #F17023;
}

.content .inner-page .listAB .generate-shell p {
    max-width: 365px;
    margin: 0 auto;
}

.content .inner-page .listAB .generate-shell .btn2 {
    padding: 0 1em;
}

.compare-list {
    border-top: 1px solid #D8DADB;
}

.compare-list.compareB {
    border-bottom: 1px solid #D8DADB;
}

.compare-list:first-child {
    border-top: none;
}

.compare-list > a {
    display: block;
    width: 100%;
    height: 45px;
    position: relative;
    line-height: 45px;
}

.compare-list .icon-arrow {
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
}

.compare-list .icon-arrow svg {
    position: absolute;
}

.compare-list .icon-arrow path {
    fill: #fff;
}

.compare-list a .icon-rightarrow {
    width: 12px;
    height: 16px;
    position: absolute;
    right: 0.6em;
    top: 16px;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.compare-list a .icon-rightarrow svg {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

.compare-list.open a .icon-rightarrow {
    right: 0.9em;
    top: 19px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.compare-list .left {
    padding-left: 55px;
    line-height: 45px;
}

.compare-list .right {
    padding-right: 36px;
    font-size: 1.3em;
}

.compare-list .right .txt-gray {
    font-weight: 300;
}

.compare-list ul.controls {
    border-top: 1px solid #D8DADB;
    font-size: 1em;
}

.compare-list ul.controls .icon-rightarrow svg {
    left: 13px;
}

.compare-list ul.controls li.open > .five_sixth .icon-rightarrow svg {
    top: 18px;
}

.compare-list ul.controls li .one_sixth {
    padding-right: 0.4em;
    padding-left: 0.8em;
    font-size: 0.85em;
    line-height: 22px;
}

.compare-list .load-more {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    border-top: 1px solid #D8DADB;
}

.compare-list .description {
    display: none;
}

.compare-list .description .t-controls-sub-head {
    border-top: 1px solid #D8DADB;
}

.compareA a .icon-arrow {
    background: #009EA1;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.compareA a .icon-arrow svg {
    left: 10px;
    top: 10px;
}

.compareA a .icon-rightarrow path {
    fill: #009EA1;
}

.compareAB a .icon-arrow {
    background: #CD1E1E;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.compareAB a .icon-arrow svg {
    left: 8px;
    top: 18px;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.compareAB a .icon-rightarrow path {
    fill: #CD1E1E;
}

.compareB a .icon-arrow {
    background: #F17023;
}

.compareB a .icon-arrow svg:first-child {
    left: 10px;
    top: 10px;
}

.compareB a .icon-rightarrow path {
    fill: #F17023;
}

/*! jQuery UI - v1.11.2 - 2014-11-04
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-autocomplete {
    background: #fff;
    max-width: 378px;
    border: 1px solid #D8DADB;
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
    max-height: 700px;
    overflow: auto;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    background: #fff;
    border-top: 1px solid #D8DADB;
    position: relative;
    margin: 0;
    padding: 8px 1em 8px 1em;
    cursor: pointer;
    min-height: 0;
    /* support: IE7 */
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}

.ui-menu .ui-menu-item:first-child {
    border-top: none;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    text-decoration: underline;
}

.ui-menu .ui-menu-item:hover {
    background: rgba(0, 158, 161, 0.05);
    text-decoration: underline;
}

#ui-id-2 .ui-menu-item:hover {
    background: rgba(241, 112, 35, 0.05);
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

a.btn-share-list, a.btn-manage-shared-list {
    background-color: #F8F8F8;
    color: #676767;
    border: 1px solid #D8DADB;
    position: relative;
    margin-right: 0.2em;
}

a.btn-share-list span, a.btn-manage-shared-list span {
    margin: 0;
    padding-right: 0.5em;
}

a.btn-share-list span.tooltip-share-list, a.btn-manage-shared-list span.tooltip-share-list {
    font-size: 0.7em;
    position: absolute;
    top: 0.9em;
    right: 0.9em;
    font-weight: bold;
    line-height: 1em;
    border-bottom: none !important;
}

a.btn-share-list span.icon-share, a.btn-manage-shared-list span.icon-share {
    width: 28px;
    height: 16px;
}

a.btn-share-list span.icon-manage-share, a.btn-manage-shared-list span.icon-manage-share {
    width: 32px;
    height: 22px;
}

/*** tracking PAGE ***/
.inner-sub-head .shared-by {
    margin-left: 107px;
    line-height: 1.7em;
}

a.btn-share-list:hover, a.btn-manage-shared-list:hover {
    background-color: #fff;
    color: #676767;
}

.upgrade-view.share-list {
    background: #fff;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 75px 185px;
    border: 1px solid #d8dadb;
}

.upgrade-view.share-list .three_fourths {
    width: calc(75% - 0.9em);
    margin-left: 0;
    margin-right: 0.9em;
}

.upgrade-view.share-list .fullwidth {
    margin-top: 0.9em;
}

.upgrade-view.share-list .fullwidth .one_fourth input {
    padding-right: 2em;
}

.upgrade-view.share-list .fullwidth.share-row {
    margin-top: 0.0em;
    margin-bottom: 0.9em;
    position: relative;
}

.upgrade-view.share-list .fullwidth.share-row .three_fourths {
    width: 75%;
    margin-right: 0em;
}

.upgrade-view.share-list .fullwidth.share-row .one_fourth {
    width: calc(25% - 0.7em);
    margin-right: 0.7em;
}

.upgrade-view.share-list .fullwidth.share-row .one_fourth input {
    padding-right: 2em;
}

.upgrade-view.share-list .fullwidth.share-row .rowRemoveLink {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    left: 100%;
    margin-left: 15px;
    background: #CD1E1E;
    font-size: 3em;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 16px;
}

.upgrade-view.share-list .btn2 {
    background: #F8F8F8;
    color: #676767;
    border: 1px solid #D8DADB;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
}

.upgrade-view.share-list .btn2.btn-add {
    background: none;
    border: none;
    padding-left: 0;
    color: #676767;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
}

.upgrade-view.share-list .fullwidth .btn-cancel {
    padding-left: 27px;
    line-height: 53px;
    vertical-align: top;
}

.upgrade-view.share-list .fullwidth.add-recipients .filenameWrapper {
    font-size: 0.8em;
    padding: 0.5em 0;
}

.upgrade-view.share-list .fullwidth.add-recipients .filenameWrapper #filename {
    padding-right: 1em;
    display: inline-block;
    font-style: italic;
}

.upgrade-view.share-list .fullwidth.add-recipients .filenameWrapper #removeFile {
    display: inline-block;
}

.upgrade-view.share-list .fullwidth.add-recipients .filenameWrapper #removeFile.hidden {
    display: none;
}

.upgrade-view.share-list .fullwidth.add-recipients .interim-loader {
    position: static;
}

.upgrade-view.share-list .fullwidth.add-recipients .interim-loader .loader-shell {
    margin: 35px auto 0;
}

.upgrade-view.share-list .fullwidth.add-recipients .interim-loader .loader-shell .loader {
    width: 8em;
    height: 8em;
}

.upgrade-view.share-list .fullwidth.add-recipients .interim-loader .loader-shell .txt-title-p {
    height: 6.5em;
    line-height: 6.5em;
}

@media only screen and (max-width: 1262px) {
    .upgrade-view.share-list {
        padding: 75px 85px;
    }
}

.bg-md-gray {
    background-color: #b9b9b9 !important;
    color: black !important;
    white-space: nowrap;
}

.btn-form-head {
    display: inline-block;
    font-size: 1.1em;
    line-height: 45px;
}

.btn-form-head div {
    position: relative;
    top: 7px;
}

a.workspaceToggleLink {
    display: inline-block;
    padding-left: 50px;
    line-height: 30px;
    text-decoration: none;
    background-position: left center;
    background-repeat: no-repeat;
}

a.workspaceToggleLink.toggle_on {
    background-image: url("../../images/toggle_on.svg");
}

a.workspaceToggleLink.toggle_off {
    background-image: url("../../images/toggle_off.svg");
}

.manageSavedLists {
    position: relative;
}

.manageSavedLists .tableLinks {
    display: inline-block;
    width: 700px;
    position: relative;
    top: 5px;
}

.manageSavedLists a.listToggle.linkListOn {
    background: #fff;
}

.manageSavedLists #manageSavedListsTable_filter {
    position: absolute;
    right: 0;
    top: -75px;
}

@media only screen and (max-width: 1170px) {
    .manageSavedLists #manageSavedListsTable_filter {
        width: 200px;
    }
}

.manageSavedLists #manageSavedListsTable .archivedLists {
    display: none;
}

.manageSavedLists .manageSavedListsLink a {
    line-height: 40px;
}

.manageSavedLists #manageSavedListsTable {
    margin-bottom: 10px;
}

.manageSavedLists #manageSavedListsTable tbody {
    width: 100%;
}

.manageSavedLists #manageSavedListsTable th, .manageSavedLists #manageSavedListsTable td {
    vertical-align: middle;
    position: relative;
}

.manageSavedLists #manageSavedListsTable td {
    padding: 14px 10px !important;
}

.manageSavedLists #manageSavedListsTable th {
    padding: 8px 10px !important;
    font-size: 11px;
}

.manageSavedLists .savedListKey {
    display: inline-block;
    padding: 0;
    line-height: 37px;
    float: right;
    margin: 0 2px;
}

.manageSavedLists .savedListKey img {
    padding: 0 5px;
    position: relative;
    top: 3px;
}

.manageSavedLists a.listToggle {
    display: inline-block;
    width: 125px;
    float: left;
    line-height: 50px;
    font-size: 18px;
    color: #444;
    text-decoration: none;
    text-align: center;
    background: #f6f6f6;
    border-top: 1px solid #d8dadb;
    border-left: 1px solid #d8dadb;
}

.manageSavedLists a.archivedListLink {
    border-right: 1px solid #d8dadb !important;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}

.manageSavedLists a.activeListLink {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.manageSavedLists .manageListLinks {
    text-align: center;
}

.manageSavedLists .manageListLinks a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px;
}

.manageSavedLists #manageSavedListsTable td em {
    position: relative;
    top: 2px;
    float: right;
    margin-left: 5px;
}

.manageSavedLists .dataTables_wrapper .dataTables_paginate .paginate_button.current, .manageSavedLists .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.manageSavedLists .paginate_button {
    font-size: 12px;
}

.published_header em {
    font-size: 1.1em;
    padding-right: 10px;
}

.t-head .t-sub-head {
    white-space: nowrap;
    width: 300px !important;
    padding: 0 5px 0 0 !important;
    text-align: right;
}

.icon_publish img {
    margin: 0 5px 0 20px;
    position: relative;
    top: 2px;
}

#publish_form {
    width: 80%;
    margin: auto;
}

#publish_form span {
    line-height: 19px;
    font-size: 1.1em;
}

#publish_form h4 {
    padding-bottom: 5px;
}

#publish_form textarea {
    padding: 1em 1.2em;
    min-height: 80px;
    overflow: hidden;
}

#publish_form .publishOptions .smallLabel {
    font-size: .9em;
}

.displayBlock {
    display: block;
}

.add-padding-top-5 {
    padding-top: 5px;
}

.txt-decrease-12 {
    font-size: 12px;
}

.elementCenter {
    margin: auto;
}

.content-shell_short {
    min-height: 782px !important;
    height: 782px !important;
}

.publishedRight {
    height: 697px !important;
}

.publishedRight ul.publishedList {
    height: 695px;
}

.publishedLeft {
    height: 740px !important;
}

.publishedLeft ul.publishedList {
    height: 738px;
    max-height: 738px !important;
}

.publishOptions input[type="radio"] + label {
    position: relative;
    top: 3px !important;
    margin-left: 10px;
}

.publishOptions input[type="radio"]:checked + label::after {
    background-color: #009EA1 !important;
}

.publishOptions .smallLabel {
    font-size: .8em;
    line-height: 10px;
    position: relative;
    top: -1px;
}

.publishOptions .one_third, .publishOptions .two_thirds {
    margin-right: 0 !important;
}

/*** GENERAL AUDITS SECTION STYLES ***/
.audits .inner-sub-head .one_fourth {
    -webkit-transition: margin 0.25s linear;
    -moz-transition: margin 0.25s linear;
    -o-transition: margin 0.25s linear;
    transition: margin 0.25s linear;
}

.audits .inner-sub-head .one_fifth {
    margin-left: 1em;
}

.audits .inner-sub-head .two_fifths {
    margin-left: 1em;
}

.audits .inner-sub-head .select_shell {
    width: 100%;
}

.audits .inner-sub-head .icon-edit {
    height: 26px;
    margin: 0;
    top: 9px;
}

.audits .inner-sub-head .icon-edit svg {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.audits .inner-sub-head > a {
    display: inline-block;
    margin-left: 1em;
    line-height: 42px;
}

.audits .inner-sub-head > a.hidden {
    display: none;
}

.audits .inner-sub-head .filter-results {
    display: inline-block;
    padding-right: 44px;
    margin-right: 1em;
    padding-top: 2px;
    position: relative;
    font-size: 1.4em;
}

.audits .inner-sub-head .filter-results.inactive {
    color: #ccc;
    pointer-events: none;
}

.audits .inner-sub-head .filter-results span {
    width: 30px;
    height: 24px;
    position: absolute;
    top: 11px;
    right: 0;
    display: block;
    margin: 0;
    padding-left: 8px;
    border-left: 1px solid #D8DADB;
}

.audits .inner-sub-head .filter-results span svg {
    width: 20px;
    height: 14px;
    position: absolute;
    top: 6px;
    left: 8px;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    opacity: 0.6;
}

.audits .inner-sub-head .clear-results {
    padding-left: 37px;
    position: relative;
    margin-left: 0em;
}

.audits .inner-sub-head .clear-results span {
    position: absolute;
    top: 6px;
    left: 0;
    margin: 0;
}

.audits .inner-sub-head .advanced-flter {
    height: 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: height 0.3s ease-out;
    -moz-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
}

.audits .inner-sub-head .advanced-flter .content-shell {
    height: 100%;
    position: relative;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-head {
    width: 100%;
    padding: 1em 1em 1em 0;
    border-bottom: 1px solid #D8DADB;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-head a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    border-left: 1px solid #D8DADB;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-head a:first-child {
    border-left: none;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-head a span {
    position: relative;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-head .h3 {
    position: relative;
    top: -3px;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-head .h3 span {
    margin: 0;
    font-weight: bold;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-body {
    padding: 1em;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-body .view {
    display: none;
    padding: 0 4em;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-body .view h3 {
    text-decoration: underline;
    text-transform: uppercase;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-body .view .listings {
    max-height: 340px;
    overflow: auto;
    padding-top: 1em;
    font-size: 1.2em;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-body .view .listings .listing {
    padding: 0.75em 0;
    position: relative;
    overflow: hidden;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-body .view .listings .listing.half {
    float: left;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-body .view .listings .listing span {
    margin-left: 10px;
    line-height: 20px;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-body .view .listings .listing .user-img {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 10px;
    position: relative;
    top: -5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-body .view .listings .listing input[type="checkbox"] {
    position: absolute;
    left: -200px;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-body .view .listings .listing label {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.audits .inner-sub-head .advanced-flter .content-shell .t-body .view .listings .listing input[type="checkbox"]:checked + label:after {
    font-size: 18px;
    top: 1px;
}

.audits .inner-sub-head .advanced-flter.display-view-groupsinitiatives a.groupsinitiatives span:after {
    content: '';
    background: #CD1E1E;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -1em;
    left: 0;
}

.audits .inner-sub-head .advanced-flter.display-view-groupsinitiatives .view.groupsinitiatives {
    display: block;
}

.audits .inner-sub-head .advanced-flter.display-view-users a.users span:after {
    content: '';
    background: #CD1E1E;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -1em;
    left: 0;
}

.audits .inner-sub-head .advanced-flter.display-view-users .view.users {
    display: block;
}

.audits .inner-sub-head .advanced-flter.display-view-roles a.roles span:after {
    content: '';
    background: #CD1E1E;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -1em;
    left: 0;
}

.audits .inner-sub-head .advanced-flter.display-view-roles .view.roles {
    display: block;
}

.audits .inner-sub-head .advanced-flter.display-view-impactzone a.impactzone span:after {
    content: '';
    background: #CD1E1E;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -1em;
    left: 0;
}

.audits .inner-sub-head .advanced-flter.display-view-impactzone .view.impactzone {
    display: block;
}

.audits .inner-sub-head.filter-open .one_fourth {
    margin-bottom: 1.2em;
}

.audits .inner-sub-head.filter-open .filter-results span svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 1;
    top: 5px;
}

.audits .inner-sub-head.filter-open .advanced-flter {
    height: 520px;
    overflow: inherit;
}

.audits .inner-sub-head.filter-open .advanced-flter:after {
    content: '';
    background: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    left: 30.1%;
    border-left: 1px solid #D8DADB;
    border-top: 1px solid #D8DADB;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ad-list-shell li {
    position: relative;
    padding-right: 60px;
}

.ad-list-shell li em {
    position: absolute;
    top: 0;
    padding-left: 5px;
}

.ad-list-shell li em .icon-share {
    height: 100%;
}

.ad-list-shell li em .icon-share img {
    position: relative;
    top: 4px;
}

.ad-list-shell li em:first-of-type {
    right: -10px;
}

.ad-list-shell li em:last-of-type {
    right: 16px;
}

.audits .overview .overview-shell {
    padding: 2em 0 0;
}

.audits .overview .overview-shell .fullwidth {
    margin-bottom: 3em;
}

.audits .overview .overview-shell .graph {
    margin-bottom: 1em;
}

.audits .overview .overview-shell .graph .roles-completed {
    width: 70px;
    position: absolute;
    top: 38px;
    left: 7px;
    font-size: 2em;
}

.audits .overview .overview-shell .graph .roles-divider {
    background: #D8DADB;
    width: 1px;
    height: 72px;
    position: absolute;
    top: 30px;
    left: 57px;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}

.audits .overview .overview-shell .graph .roles-total {
    width: 70px;
    position: absolute;
    top: 71px;
    left: 46px;
    font-size: 2em;
}

.audits .three_fourths {
    width: calc(75% - 1em);
    margin-left: 1em;
}

.audits .three_fourths .t-head .right > span {
    float: left;
}

.audits .three_fourths .t-head .right > div:not(.clear) {
    margin-left: 1.5em;
    float: left;
}

.audits .three_fourths ul.controls li > div.c-name {
    width: calc(82% - 325px);
}

.audits .three_fourths ul.controls li > div.c-role {
    width: 18%;
    padding-right: 0.5em;
}

.audits .three_fourths ul.controls li > div.c-date {
    width: 85px;
}

.audits .three_fourths ul.controls li > div.c-id {
    width: 70px;
}

.audits .three_fourths ul.controls li > div.c-complete {
    width: 50px;
}

.audits .three_fourths ul.controls li > div.na {
    width: 50px;
}

.audits .three_fourths ul.controls li > div.certified {
    width: 70px;
}

.audits .tracking ul.controls li.open ul {
    display: block;
}

.audits ul.controls .icon-rightarrow img {
    position: absolute;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    top: 19px;
    left: 7px;
    width: 14px;
    height: 14px;
}

.audits ul.controls .icon-info img {
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    width: 32px;
    height: 32px;
    pointer-events: none;
}

.audits ul.controls li {
    position: absolute;
    border-bottom: 1px solid #EDEDED;
}

.audits ul.controls li.megalistItem .filtered {
    background: #fff;
}

.audits ul.controls li.megalistItem .filtered:first-child:before {
    content: '';
    background: #009EA1;
    width: 4px;
    height: 102%;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: 0;
}

.audits .bg-pale-green {
    background-color: rgba(218, 252, 252, 0.32);
}

.audits .pad-left-1 {
    margin-left: 14px !important;
    width: 81% !important;
}

.audits .icon-rightarrow.pad-left-1 {
    margin-left: 6px !important;
}

.audits .pad-left-2 {
    margin-left: 26px !important;
    width: 84% !important;
}

.audits .icon-rightarrow.pad-left-2 {
    margin-left: 18px !important;
}

.audits .pad-left-3 {
    margin-left: 38px !important;
    width: 78% !important;
}

.audits .icon-rightarrow.pad-left-3 {
    margin-left: 30px !important;
}

.audits .pad-left-4 {
    margin-left: 50px !important;
    width: 75% !important;
}

.audits .icon-rightarrow.pad-left-4 {
    margin-left: 42px !important;
}

.audits .pad-left-5 {
    margin-left: 62px !important;
    width: 72% !important;
}

.audits .icon-rightarrow.pad-left-5 {
    margin-left: 54px !important;
}

.audits .pad-left-6 {
    margin-left: 74px !important;
    width: 69% !important;
}

.audits .icon-rightarrow.pad-left-6 {
    margin-left: 66px !important;
}

.audits .pad-left-7 {
    margin-left: 86px !important;
    width: 65% !important;
}

.audits .icon-rightarrow.pad-left-7 {
    margin-left: 78px !important;
}

.audits .pad-left-8 {
    margin-left: 98px !important;
    width: 62% !important;
}

.audits .icon-rightarrow.pad-left-8 {
    margin-left: 90px !important;
}

.audits .tracking ul.controls li > .name {
    padding: 0.9em 0.7em 0 0;
}

.audits .ui.selection.dropdown {
    border-color: #D8DADB !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    height: 44px !important;
}

.audits .ui.selection.dropdown input {
    height: 44px !important;
}

.audits .ui.selection.dropdown > .text {
    padding: 0.35em 0;
}

.audits .ui.selection.dropdown .dropdown.icon {
    margin: -.58571429em !important;
    padding: 1em !important;
    pointer-events: none;
}

.audits .ui.selection.dropdown .item {
    font-size: 1em;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*******************************************************************************************/
/************************************** | DASHBOARD | **************************************/
/*******************************************************************************************/
.content.dashboard {
    padding: 2.8em 5.1em;
}

/*** NOTIFICATIONS PAGE ***/
.notifications-view .notification-single .name {
    width: auto;
    min-width: 360px;
    max-width: 360px;
}

.notifications-view .notification-single .actions {
    width: 170px;
}

.notifications-view .notification-single .msg {
    width: 460px;
    margin-right: 155px;
}

.notifications-view .notification-single .btn-archive {
    float: right;
    margin-right: 2em;
    color: #009EA1;
}

.notifications-view .notification-single .btn-archive:hover {
    color: #576065;
}

.notifications-view #tab-view-all {
    border-top: none;
    border-bottom: none;
}

/*** NOTIFICATIONS ***/
.notification-individuals {
    background: #fff;
    height: 180px;
    overflow: auto;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
}

.notification-single {
    padding: 16px;
    border-top: 1px solid #D8DADB;
    line-height: 25px;
    font-size: 12px;
}

.notification-single:first-child {
    border-top: none;
}

.notification-single:nth-child(even) {
    background-color: #F4F4F4;
}

.notification-single a {
    text-decoration: none;
}

.notification-single .bullet {
    width: 22px;
    float: left;
    font-size: 2.6em;
}

.notification-single .msg {
    width: 245px;
    height: 2.4em;
    float: left;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-single.type-message .msg {
    line-height: 2.2em;
}

.notification-single .user {
    background-color: #fff;
    background-size: cover;
    width: 25px;
    height: 25px;
    float: left;
    margin: 0 8px 0 0;
    overflow: hidden;
    border: 1px solid #353B40;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
}

.notification-single .name {
    width: 90px;
    height: 25px;
    float: left;
    margin-right: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-single .actions {
    width: 110px;
    float: left;
}

.notification-single .timeframe {
    width: 60px;
    float: left;
    text-align: right;
    font-style: oblique;
    font-size: 10px;
}

.notification-single .button {
    background-color: #CD1E1E;
    width: 64px;
    height: 25px;
    display: block;
    float: right;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

.notification-single .button:hover {
    background-color: #e23c3c;
}

.notification-single .button.read {
    background-color: #D8DADB;
    color: #191C1F;
}

.notification-single .button.read:hover {
    background-color: #bdc1c3;
}

/*** USER IMAGE ***/
.user-img {
    background-position: center center;
}

.user-img.add-border {
    border: 1px solid #353B40;
}

.profile-display .user {
    height: 120px;
}

.profile-display .v-align {
    width: 180px;
    float: left;
    padding-left: 20px;
}

.profile-display .user-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 120px;
    height: 120px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.profile-display .user-img.add-border {
    border: 2px solid #353B40;
}

.profile-display .user-name {
    margin-left: 0;
    font-size: 20px;
}

.profile-display .user span {
    display: block;
    width: 100%;
    line-height: 1.6em;
}

.content .profile-display .v-align {
    width: auto;
    padding-left: 12px;
    line-height: 1.6em;
}

.content .profile-display .user-name {
    width: auto;
    margin-top: -0.4em;
    margin-right: 8px;
    float: left;
    font-size: 1.8em;
}

.content .profile-display .icon-settings {
    float: left;
}

.content .profile-display .icon-settings svg path {
    fill: #CD1E1E;
}

.content .profile-display .user-organization {
    font-size: 1.4em;
}

.content .profile-display .user-title {
    font-style: oblique;
    max-width: 270px;
}

/*** ACCOUNT TYPE ***/
.account-type p {
    margin-top: 1.7em;
}

/*** OVERVIEW ***/
.fullwidth.overview {
    height: 304px;
    margin-bottom: 3.3em;
    position: relative;
}

.overview-shell {
    padding: 46px 0;
}

.overview .one_third {
    border-left: 1px solid #D8DADB;
}

.overview .one_third:first-child {
    border-left: none;
}

.overview a {
    line-height: 2em;
}

.overview .graph {
    width: 130px;
    height: 130px;
    margin: 0 auto 1.7em;
    position: relative;
    font-weight: 700;
    text-align: center;
}

.overview .graph canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.overview .graph span {
    font-size: 3.46em;
    line-height: 130px;
}

.overview .graph span sup {
    font-weight: 400;
    font-size: 0.4em;
    position: relative;
    top: -8px;
}

.overview .graph .controls-completed {
    width: 70px;
    position: absolute;
    top: 38px;
    left: 7px;
    font-size: 2em;
}

.overview .graph .controls-divider {
    background: #D8DADB;
    width: 1px;
    height: 72px;
    position: absolute;
    top: 30px;
    left: 57px;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}

.overview .graph .controls-total {
    width: 70px;
    position: absolute;
    top: 71px;
    left: 46px;
    font-size: 2em;
}

.default-no-controls-view {
    width: 100%;
    height: 100%;
    padding-top: 212px;
    display: block;
    position: relative;
    text-decoration: none;
}

.default-no-controls-view .icon-new {
    position: absolute;
    top: 105px;
    left: 49%;
    left: calc(50% - 10px);
    -webkit-transform: scale(5.2);
    -ms-transform: scale(5.2);
    transform: scale(5.2);
}

.default-no-controls-view .icon-new svg path {
    fill: #D8DADB;
}

/*** GROUPS / INITIATIVES & WHAT'S NEW ***/
.tabs {
    height: 47px;
    float: left;
    line-height: 47px;
    font-size: 1.38em;
}

.tabs a {
    display: inline-block;
    padding: 0 19px;
    float: left;
    margin-left: -1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border: 1px solid #D8DADB;
    border-bottom: none;
    text-decoration: none;
}

.tabs a:first-child {
    margin-left: 0;
}

.tabs a.active {
    background: #fff;
}

.gi-wn .right a {
    height: 47px;
    padding-left: 32px;
    color: #009EA1;
    line-height: 47px;
}

.groups-initiatives .icon-link svg {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    top: 14px;
}

.groups-initiatives .icon-link svg path {
    fill: #576065;
}

.groups-initiatives .icon-link:hover svg path {
    fill: #009EA1;
}

.gi-wn .c-individuals {
    height: 191px;
    overflow: auto;
}

.group-single {
    height: 44px;
    padding: 0 19px;
    line-height: 44px;
}

.c-individuals > div:nth-child(even) {
    background-color: #F4F4F4;
}

.c-individuals > div {
    border-top: 1px solid #D8DADB;
}

.c-individuals > div:first-child {
    border-top: none;
}

.group-single .one_third {
    padding-right: 1.8em;
}

.group-single .one_third a {
    margin-right: 2em;
}

.group-single .one_third a:last-child {
    margin-right: 0;
}

.default-no-groups-initiatives {
    width: 100%;
    height: 100%;
    padding: 0 7% 0 36%;
    display: block;
    position: relative;
    text-decoration: none;
}

.default-no-groups-initiatives .default-user-img {
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: 45px;
    left: 7.5%;
    border: 2px solid #D8DADB;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.default-no-groups-initiatives .default-user-img .icon-profile {
    position: absolute;
    top: 48px;
    left: 37px;
    -webkit-transform: scale(2.7);
    -ms-transform: scale(2.7);
    transform: scale(2.7);
}

.default-no-groups-initiatives .default-user-img .icon-profile svg path {
    fill: #D8DADB;
}

/*** CALL TO ACTIONS ***/
.dashboard-ctas {
    padding-top: 3.8em;
}

.dashboard-ctas.fullwidth .three_fifths {
    width: calc(100% - 184px);
}

.dashboard-ctas p {
    margin-top: 0.6em;
}

.dashboard-ctas a.btn {
    padding: 0 1.2em;
}

.dashboard-ctas .icon-shell {
    width: 160px;
    height: 160px;
    position: relative;
    float: left;
}

.dashboard-ctas .icon-shell .icon-info svg {
    position: relative;
    height: 32px;
    left: 63px;
    top: 48px;
    -webkit-transform: scale(4.6);
    -ms-transform: scale(4.6);
    transform: scale(4.6);
}

.dashboard-ctas .icon-shell .icon-info svg circle {
    display: none;
}

.dashboard-ctas .icon-shell .icon-workspace svg {
    position: relative;
    height: 32px;
    left: 71px;
    top: 78px;
    -webkit-transform: scale(2.9);
    -ms-transform: scale(2.9);
    transform: scale(2.9);
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/************************************* | MODAL WINDOW | ************************************/
/*******************************************************************************************/
.modal {
    width: 100%;
    /* height:180%; */
    height: auto;
    min-height: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

.modal .fullwidth .one_third {
    width: calc(33% - 9px);
    margin-right: 16px;
    margin-left: 0;
}

.modal .fullwidth > .one_third:nth-child(3n + 3) {
    margin-right: 0;
}

.modal .fullwidth .two_thirds {
    width: calc(66% - 2px);
    margin-left: 0;
    margin-right: 16px;
    float: left;
}

.modal .fullwidth .one_third.remove-margin {
    margin: 0;
}

.modal .h1 {
    padding-right: 80px;
}

.modal .h1.small {
    font-size: 3.15em;
}

.modal .h1.remove-padding {
    padding-right: 0;
}

.modal h2 {
    max-width: 400px;
    padding-top: 10px;
}

.modal p {
    margin-top: 1.5em;
    font-size: 1.1em;
    line-height: 26px;
}

.modal .btn {
    width: 100%;
    margin-top: 1em;
    font-size: 1.69em;
}

.modal .btn.half {
    width: calc(50% - 0.25em);
}

.modal .btn.half:first-child {
    margin-right: 0.25em;
}

.modal .btn.half:last-child {
    margin-left: 0.25em;
}

.modal .btn.half.center {
    margin: 0 auto;
    float: none;
}

.modal .btn.remove-margin {
    margin-top: 0;
}

.modal .icon-close {
    width: auto;
    height: 30px;
    display: block;
    position: absolute;
    top: 52px;
    right: 58px;
    text-align: right;
    padding-right: 38px;
    font-style: oblique;
    line-height: 30px;
    text-decoration: none;
    font-size: 1.1em;
}

.modal .icon-close:hover {
    color: #576065;
}

.modal .icon-close svg {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
}

.modal .search {
    width: 100%;
    height: 45px;
    position: relative;
}

.modal .search input {
    width: 100%;
    height: 45px;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
}

.modal .search a.icon-search {
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    height: 45px;
    padding-top: 8px;
    padding-left: 6px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.modal .add-padding {
    padding: 10px 0;
}

.modal label + label {
    display: inline-block;
    margin-left: 0.5em;
    line-height: 20px;
    font-size: 0.9em;
    cursor: pointer;
}

.modal-display {
    height: auto;
    min-height: 200px;
    overflow-x: hidden;
}

.modal-display .modal {
    width: 100%;
    /* overflow-x:hidden; */
}

.modal-display .wrapper {
    height: 97%;
    height: calc(100% - 67px);
    min-height: 200px;
    overflow: hidden;
}

.modal-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

.modal.display .modal-bg {
    background: rgba(87, 96, 101, 0.9);
}

.modal2.display .modal-bg {
    background: rgba(87, 96, 101, 0.9);
}

.modal .m-content {
    background: #fff;
    width: 100%;
    max-width: 650px;
    max-height: 300px;
    overflow: hidden;
    margin: 0 auto;
    padding: 35px 54px 58px;
    position: relative;
    opacity: 0;
    -webkit-transform: translate3d(0, -400px, 0);
    -moz-transform: translate3d(0, -400px, 0);
    transform: translate3d(0, -400px, 0);
    -webkit-transition: all 0.4s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: all 0.4s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: all 0.4s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: all 0.4s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    overflow-x: hidden;
}

.ie .modal .m-content {
    overflow: hidden;
}

.modal.wide .m-content {
    max-width: 960px;
}

.modal.semi-wide .m-content {
    max-width: 800px;
}

.modal.display .m-content {
    max-height: 100%;
    overflow: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.5s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: all 0.5s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: all 0.5s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: all 0.5s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

.modal.display.scaleBack .m-content {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

/*** INNER MODAL ***/
.inner-modal {
    background: rgba(87, 96, 101, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 100px;
    display: none;
}

.inner-modal .inner-m-content {
    background: #fff;
    width: 100%;
    max-width: 440px;
    height: auto;
    margin: 0 auto;
    padding: 30px 40px;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #D8DADB;
    z-index: 9999;
}

.inner-modal .icon-close {
    top: 30px;
    right: 40px;
    z-index: 9999;
}

.inner-modal .h2 {
    width: 75%;
    font-size: 1.75em;
}

.inner-modal .btn2 {
    width: 100%;
}

.inner-modal.demo-user-upgrade {
    padding-top: 80px;
}

.inner-modal.demo-user-upgrade .inner-m-content {
    max-width: 480px;
}

.m-firsttimeuser-content {
    padding-bottom: 40px;
    padding-top: 75px;
}

.m-firsttimeuser-content .h3 {
    margin-top: 6px;
}

.m-firsttimeuser-content iframe {
    width: 750px;
    display: block;
    margin: 0 auto 10px;
    border: 1px solid #D8DADB;
}

.m-firsttimeuser-content .continue-to-dashboard {
    position: absolute;
    bottom: 26px;
    right: 30px;
    color: #576065;
}

/*** COMPARE PAGE SAVE LISTS ***/
form.save-list {
    /*
  input[type="checkbox"]{margin-right:8px;}
  input[type='checkbox']:checked{border:1px solid $brand-color2;}
  input[type='checkbox']:checked:after{color:$brand-color2;}
  */
}

form.save-list input[type="checkbox"] {
    position: absolute;
    top: -100px;
    left: -1000px;
}

form.save-list label.checkbox {
    background: #fff;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
    margin-right: 8px;
    border: 1px solid #D8DADB;
    cursor: pointer;
}

form.save-list input[type="checkbox"] + label {
    top: 3px;
}

form.save-list input[type="checkbox"]:checked + label {
    border-color: #009EA1;
}

form.save-list input[type="checkbox"]:checked + label:after {
    content: '\2713';
    font-size: 1.05rem;
    top: -1px;
    color: #009EA1;
    position: absolute;
}

#divSaveListA input[type="checkbox"]:checked + label:after,
#divSaveListB input[type="checkbox"]:checked + label:after,
#divSaveListAB input[type="checkbox"]:checked + label:after {
    content: '\2713';
    font-size: 1.05rem;
    top: -1px;
    color: #009EA1;
    position: absolute;
}

/*** CREATE NEW LIST - COMMON CONTROLS ***/
.modal .filterby {
    margin-top: 6px;
    margin-bottom: 0;
}

.modal .filterby input[type="checkbox"] {
    margin: 0 8px 0 36px;
    position: relative;
    top: 2px;
}

.individual-item {
    width: 100%;
    overflow: hidden;
    padding: 1em 0;
    border-top: 1px solid #D8DADB;
    line-height: 1.8em;
    /*
  label.icon-check.checked circle{stroke:#009EA1;}
  label.icon-check.checked path{display:block;}
  */
}

.individual-item .icon-check svg path {
    fill: #009EA1;
}

.individual-item label.icon-check {
    width: 27px;
    height: 27px;
    border: none;
    position: relative;
    top: 4px;
    right: 1em;
    pointer-events: all;
    cursor: pointer;
}

.individual-item label.icon-check svg {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.individual-item label.icon-check circle {
    stroke: #576065;
}

.individual-item label.icon-check path {
    display: none;
}

.individual-item input[type="checkbox"]:checked + label.icon-check {
    border: none;
}

.individual-item input[type="checkbox"]:checked + label.icon-check:after {
    content: '';
}

.individual-item input[type="checkbox"]:checked + label.icon-check circle {
    stroke: #009EA1;
}

.individual-item input[type="checkbox"]:checked + label.icon-check path {
    display: block;
}

.individual-item .edit {
    padding-left: 26px;
    padding-top: 5px;
    margin-left: 1.4em;
    float: left;
    position: relative;
}

.individual-item .icon-edit {
    position: absolute;
    top: 3px;
    left: 0;
    -webkit-transform: scale(0.55);
    -ms-transform: scale(0.55);
    transform: scale(0.55);
}

.individual-item .icon-edit path {
    fill: #576065;
}

.individual-item .user-small-display .user-name {
    margin-top: 12px;
    display: inline-block;
}

/*** ASSIGN ROLES ***/
.display-groups, .display-initiatives, .display-users {
    max-height: 450px;
    overflow: auto;
    padding-bottom: 20px;
    margin-bottom: 20px;
    clear: both;
}

.assign-roles {
    overflow: hidden;
}

.assign-roles .display-groups, .assign-roles .display-initiatives, .assign-roles .display-users {
    max-height: 466px;
    overflow: auto;
}

.assign-roles .individual-item input[type="radio"] {
    position: absolute;
    top: -400px;
    left: 0px;
}

.assign-roles .individual-item label {
    background: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -4px;
    right: 10px;
    border: 1px solid #D8DADB;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
}

.assign-roles.tracking .individual-item.selected label:after, .assign-roles.tracking input:checked + label:after {
    content: '';
    background: #009EA1;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.assign-roles.edit-role .individual-item label {
    border: none;
}

.role-desc {
    margin: 0.5em 0;
}

/*** COMMON CONTROLS VIEW ***/
.cc-titles .one_third {
    padding-left: 1.5em;
    border-left: 1px solid #D8DADB;
}

.cc-titles .one_third:first-child {
    padding-left: 0;
    border-left: 0;
}

.cc-view ul {
    margin: 1em 0;
    padding-left: 20px;
}

.cc-view ul li {
    margin: 1em 0;
    list-style: disc;
    line-height: 1.5em;
}

.update-list-details #divUpdateListDetailsUsers {
    max-height: 390px;
    overflow: auto;
}

.update-list-details input[type="checkbox"] + label {
    top: 3px;
}

.update-list-details input[type="checkbox"]:checked + label {
    border-color: #009EA1;
}

.update-list-details input[type="checkbox"]:checked + label:after {
    content: '\2713';
    color: #009EA1;
    position: absolute;
}

/*** AUTHORITY DOCUMENT ***/
.authdoc-content h2, .authdoc-content h3 {
    padding-top: 0;
    max-width: 740px;
}

.authdoc-content .auth-titles > div {
    width: 15.66%;
    min-height: 6em;
    border-left: 1px solid #D8DADB;
    padding: 0 1.25em;
}

.authdoc-content .auth-titles > div.one_third {
    margin-right: 0;
    padding-left: 0;
    border-left: 0;
}

.authdoc-content .modal .auth-titles .one_third {
    width: 31.33%;
    padding-left: 0;
    padding-right: 1.25em;
    margin-right: 0;
    border-left: none;
}

.authdoc-content .auth-titles .one_fifth {
    width: 19.66%;
}

.authdoc-content .auth-titles .one_sixth:last-child {
    padding-right: 0;
}

.authdoc-content .auth-titles strong {
    margin-bottom: 10px;
    display: block;
    font-size: 1.1em;
}

.authdoc-content .auth-titles p {
    margin: 0;
    line-height: 22px;
    font-size: 1em;
}

.authdoc-content .listed-content {
    margin-bottom: 1em;
}

.authdoc-content .listed-type {
    background-color: #F6F6F6;
    padding: 12px 18px;
    display: block;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #D8DADB;
    color: #444;
    text-decoration: none;
}

.authdoc-content .listed-type.bg-white {
    background-color: #fff;
    border: none;
}

.authdoc-content .listed-content .right {
    padding-top: 4px;
}

.authdoc-content .listed-content .h2 {
    padding-left: 30px;
    font-size: 1.9em;
    line-height: 1em;
}

.authdoc-content .listed-content .breakdown {
    display: none;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.authdoc-content .listed-content > .icon-rightarrow {
    width: 10px;
    height: 19px;
    position: absolute;
    top: 19px;
    left: 20px;
    -webkit-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

.authdoc-content .listed-content > .listed-type .icon-rightarrow {
    position: absolute;
    top: 15px;
    left: 18px;
    height: 14px;
    -webkit-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

.authdoc-content .listed-content > .icon-rightarrow svg {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.authdoc-content .open > a.listed-type .icon-rightarrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.authdoc-content .listed-content .breakdown .three_fifths {
    padding-top: 2px;
    float: right;
}

.authdoc-content .listed-content .breakdown > .three_fifths {
    padding-top: 10px;
    padding-bottom: 10px;
}

.authdoc-content .listed-content .breakdown > .three_fifths span {
    /* width:10%; display:block; float:left; */
}

.authdoc-content .listed-content .breakdown > .three_fifths.txt-title-p {
    min-height: 2.25em;
}

.authdoc-content .listed-content .breakdown > .three_fifths .bg-brand-color {
    width: 15px;
    height: 0.6em;
    display: inline-block;
    margin-right: 8px;
    margin-left: 4px;
}

.authdoc-content .listed-content .breakdown .listed-type .two_fifths, .authdoc-content .listed-content .breakdown .listed-type > .half:first-child {
    padding-left: 31px;
}

.authdoc-content .listed-content .breakdown .icon-rightarrow {
    width: 10px;
    height: 19px;
    position: absolute;
    top: 2px;
    left: 0;
    -webkit-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

.authdoc-content .listed-content .breakdown .marker-shell {
    background: #D8DADB;
    width: 92%;
    height: 0.8em;
    position: relative;
}

.authdoc-content .listed-content .breakdown .marker {
    background-color: #CD1E1E;
    width: 10%;
    height: 0.8em;
    display: block;
}

.authdoc-content .listed-content .breakdown ul .right {
    width: 8%;
    margin-top: -4px;
    padding-top: 0;
    padding-left: 10px;
}

.authdoc-content .listed-content .breakdown li:nth-child(even) a.listed-type {
    background-color: transparent;
    border: none;
}

.authdoc-content .listed-content .breakdown .breakdown {
    padding: 1em 10px 2em;
    display: none;
}

.authdoc-content .listed-content .breakdown table {
    width: 100%;
}

.authdoc-content .listed-content .breakdown table thead {
    border-bottom: 1px solid #D8DADB;
}

.authdoc-content .listed-content .breakdown table td, .authdoc-content .listed-content .breakdown table th {
    padding: 8px 12px;
    border-left: 1px solid #D8DADB;
}

.authdoc-content .listed-content .breakdown table tr td:first-child, .authdoc-content .listed-content .breakdown table tr th:first-child {
    padding-left: 0;
    border-left: none;
}

.authdoc-content .export-shell {
    line-height: 24px;
}

.authdoc-content .export-shell span.icon-export {
    float: left;
    margin-right: 8px;
}

.authdoc-content .purchase-shell .lock-icon {
    float: left;
    width: 5%;
    margin-top: 7px;
    height: 34px;
}

.authdoc-content .purchase-shell .lock-icon svg {
    width: 27px;
    height: 34px;
}

.authdoc-content .purchase-shell p {
    float: left;
    width: 70%;
    margin: 0;
    font-size: 1.2em;
    line-height: 1.6em;
}

.authdoc-content .purchase-shell .btn2 {
    float: right;
    max-width: 25%;
    min-width: 0;
}

/*** SINGLE AUTHORITY DOCUMENT ***/
.singleauthdoc-content .listed-type-title .h2 {
    padding-left: 0;
}

.singleauthdoc-content .listed-type-title .right {
    padding-top: 0;
}

.singleauthdoc-content .listed-content .breakdown {
    display: block;
}

.singleauthdoc-content .listed-content .breakdown .three_fifths {
    float: left;
}

/*** ADD GROUP OR INITIATIVE ***/
.modal-addgroupinitiative {
    position: relative;
}

.add-gi .btn2 {
    background-color: #F6F6F6;
    width: 100%;
    border: 1px solid #D8DADB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #191C1F;
}

.add-gi .btn2.active {
    background-color: #fff;
    border: 3px solid #CD1E1E;
    color: #191C1F;
    line-height: 40px;
}

.add-gi .btn2:hover {
    border-color: #CD1E1E;
    color: #191C1F;
}

.type-btns .btn2 {
    margin-top: 0.5em;
}

.add-gi input {
    margin: 0;
}

a.add-users.innactive {
    color: #aaa;
}

a.add-users.hidden {
    display: none;
}

.add-users span.plus {
    position: absolute;
    top: 14px;
    right: 14px;
    display: block;
    font-size: 2em;
}

a.edit-selected {
    position: relative;
}

a.edit-selected.hidden {
    display: none;
}

.edit-selected span.icon-edit {
    position: absolute;
    right: 9px;
    top: 9px;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}

.fullwidth.initiative-only {
    height: 200px;
}

.fullwidth.initiative-only .half:nth-child(even) {
    margin-right: 1.2em;
    float: left;
}

.fullwidth.initiative-only .one_third {
    width: calc(33% - 6px);
    margin-right: 13px;
}

.fullwidth.initiative-only .two_thirds {
    height: 200px;
    width: 63%;
    margin-right: 0;
}

.fullwidth.initiative-only input {
    padding-right: 0.8em;
    padding-left: 1em;
}

#addgroupwarp .inner-modal #g_users_selection, #addgroupwarp .inner-modal #g_group_selection,
#addinitiativeswrap .inner-modal #i_user_selection, #addinitiativeswrap .inner-modal #i_groups_selection,
#editgroupwrap .inner-modal #eg_users_selection, #editgroupwrap .inner-modal #eg_groups_selection,
#editinitiativeswarap .inner-modal #ei_users_selection, #editinitiativeswarap .inner-modal #ei_groups_selection {
    max-height: 320px;
    overflow: auto;
}

/*** MODAL INFO-POPUP - POSITIONED ON THE LEFT ***/
.m-content .info-popup .popup {
    bottom: 28px;
    left: -2px;
    max-width: 330px;
    min-width: 150px;
    opacity: 0;
    right: auto;
    top: auto;
    width: 300px;
}

.m-content .info-popup .popup:before {
    border: none;
}

.m-content .info-popup .popup:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #576065;
    content: "";
    height: 0;
    margin: 24px 0 0 0px;
    position: absolute;
    left: 9px;
    width: 0;
}

.m-content .info-popup:hover .popup {
    bottom: 35px;
    opacity: 1;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/**************************************** | HEADER | ***************************************/
/*******************************************************************************************/
header {
    /* background-image:url(../images/FPO-header-left.png), url(../images/FPO-header-right.png); background-position:0 0, right 0; */
    background-repeat: no-repeat;
    background-color: #fff;
    width: 100%;
    min-width: 960px;
    height: 67px;
    padding-top: 12px;
    padding-right: 20px;
    padding-left: 102px;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 1px solid #D8DADB;
    z-index: 9998;
    -webkit-transition: padding 0.2s;
    -moz-transition: padding 0.2s;
    -o-transition: padding 0.2s;
    transition: padding 0.2s;
}

header .logo {
    background: url(../images/logo-controlshub.png) 0 center no-repeat;
    background-size: contain;
    width: 270px;
    height: 47px;
    float: left;
    margin-right: 14px;
    top: -2px;
    display: block;
    position: relative;
}

.account header {
    height: 88px;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    position: relative;
}

.account header a {
    color: #009EA1;
}

header .maxwidth {
    height: 100%;
}

header.center-logo .logo-controlshub {
    margin: 0 auto;
    display: block;
    max-width: 378px;
}

/*** SEARCH FORM ****/
header form {
    width: 240px;
    height: 42px;
    position: relative;
    float: left;
}

header form input {
    height: 42px;
    padding-right: 40px;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
}

header form a.icon-search {
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 100%;
}

header form a.icon-search svg {
    position: relative;
    top: 7px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

/*** USER ***/
header .profile-shell {
    width: auto;
    height: 42px;
    display: block;
    float: right;
    margin-left: 28px;
    position: relative;
    line-height: 44px;
}

header .profile-shell a {
    text-decoration: none;
}

header .user, .user-small-display {
    display: block;
}

header a.user .user-img, .user-small-display .user-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 42px;
    height: 42px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

header a.user .user-name, .user-small-display .user-name {
    margin: 0 2px 0 12px;
}

header a.user .icon-downarrow {
    width: 20px;
    display: inline-block;
}

header a.user .icon-downarrow svg {
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
}

header .profile-display {
    background: #fff;
    width: 346px;
    position: absolute;
    top: 70px;
    right: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 1px solid #D8DADB;
    box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.1);
}

header .profile-display:before {
    content: '';
    background-color: #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 17px;
    top: -9px;
    border-left: 1px solid #D8DADB;
    border-top: 1px solid #D8DADB;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

header .profile-display .top {
    padding: 20px 16px 20px 26px;
    overflow: hidden;
}

/*
header .profile-display .user{height:120px;}
header .profile-display .v-align{width:160px; float:right; padding-left:20px;}
	header .profile-display .user-img{width:120px; height:120px;}
	header .profile-display .user-name{margin-left:0; font-size:20px;}
	header .profile-display .user span{display:block; width:100%; line-height:1.6em;}
*/
header .profile-display .user-name {
    word-wrap: normal;
}

header .profile-display .btm {
    padding: 12px 26px;
    border-top: 1px solid #D8DADB;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
}

header .profile-display .btm a.btn2 {
    width: 140px;
    min-width: 120px;
    height: 45px;
    padding: 0;
    float: left;
    font-weight: 400;
    line-height: 45px;
    font-size: 16px;
}

header .profile-display .btm a.btn-signout {
    background: #fff;
    border: 1px solid #D8DADB;
    float: right;
    color: #191C1F;
}

header .profile-display .btm a.btn-signout:hover {
    border-color: #CD1E1E;
    color: #CD1E1E;
}

/*** NOTIFICATION ***/
header .notifications-shell {
    float: right;
    padding-top: 3px;
    margin-left: 26px;
    position: relative;
}

header .notifications-shell rect {
    display: none;
}

header .notification-display {
    background: #fff;
    position: absolute;
    top: 70px;
    left: -230px;
    width: 458px;
    height: auto;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 1px solid #D8DADB;
    box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.15);
}

header .notification-display:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 230px;
    top: -14px;
    border-right: 12px solid transparent;
    border-bottom: 14px solid #191C1F;
    border-left: 12px solid transparent;
}

header .notification-display .title {
    padding: 10px 22px;
    line-height: 2.2em;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
}

header .notification-display .title a {
    color: #fff;
    font-size: 1.235em;
}

header .notification-display .title a:hover {
    color: #fff;
}

header .notification-individuals {
    height: auto;
    max-height: 180px;
    overflow: auto;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
}

/*** QUESTION ***/
header .icon-question {
    float: right;
    top: 7px;
    margin-left: 20px;
}

/*** ANNOUNCEMENT ***/
header .icon-announcement {
    float: right;
    top: 7px;
    margin-left: 20px;
    margin-right: 4px;
}

/*** UPGRADE NOW ***/
header .upgrade {
    height: 42px;
    float: right;
    text-decoration: none;
    font-size: 1.1em;
    line-height: 44px;
}

header .upgrade em {
    padding-right: 20px;
    border-right: 1px solid #D8DADB;
}

header .icon-upgrade {
    margin-right: 12px;
    float: left;
    top: 6px;
}

header .upgrade:hover {
    color: #CD1E1E;
}

header .icon-upgrade svg circle {
    stroke: #D8DADB;
}

header .icon-upgrade svg path {
    fill: #CD1E1E;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/*************************************** | LEFT NAV | **************************************/
/*******************************************************************************************/
nav {
    background-color: #191C1F;
    width: 86px;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    color: #D8DADB;
    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    transition: width 0.2s;
}

nav.interim {
    width: 89px;
    -webkit-transition: width 0.1s;
    -moz-transition: width 0.1s;
    -o-transition: width 0.1s;
    transition: width 0.1s;
}

nav .nav-inner {
    height: 100%;
    position: relative;
    min-height: 567px;
    padding-bottom: 100px;
}

nav a {
    display: block;
    width: 250px;
    padding-left: 31px;
    border-bottom: 1px solid #353B40;
    color: #D8DADB;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 66px;
}

nav a:hover {
    background: #000;
    color: #fff;
}

nav a.active {
    background: #CD1E1E;
}

nav a span[class^='icon'] {
    margin-right: 14px;
    top: 4px;
}

nav a span[class^='icon'] svg path {
    fill: #fff;
}

nav a span.title {
    left: 20px;
    position: relative;
    opacity: 0;
}

nav ul li ul {
    height: 0;
    overflow: hidden;
}

nav ul li ul li a {
    padding-left: 38px;
    text-transform: none;
}

nav ul li ul li a.active {
    background-color: #191C1F;
    border-left: 5px solid #CD1E1E;
}

nav .logos-shell {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px;
}

nav .logos-shell .logo-ucf {
    position: relative;
    left: 3px;
}

nav .display-when-opened {
    min-width: 150px;
    display: none;
    font-size: 0.8em;
    text-align: center;
}

nav .display-when-opened img {
    margin-bottom: 0.5em;
    display: block;
    margin: 0 auto;
}

nav.open {
    width: 250px;
    overflow-y: auto;
    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    transition: width 0.2s;
}

nav.open .nav-inner {
    min-height:994px;
    padding-bottom:179px;
    overflow: hidden;
}

nav.open .display-when-closed {
    display: none;
}

nav.open .display-when-opened {
    display: block;
}

nav.open a span.title {
    left: 0;
    opacity: 1;
}

nav.open ul li ul {
    height: auto;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/**************************************** | FOOTER | ***************************************/
/*******************************************************************************************/
.account footer {
    width: 100%;
    height: auto;
    padding: 3em 0;
    border-top: 1px solid #D8DADB;
}

.account footer a {
    color: #009EA1;
}

.account footer .logo-UCF {
    float: left;
    margin-right: 1em;
}

footer {
    padding-left: 86px;
    -webkit-transition: padding 0.2s;
    -moz-transition: padding 0.2s;
    -o-transition: padding 0.2s;
    transition: padding 0.2s;
}

footer .maxwidth {
    padding-top: 2em;
    padding-bottom: 3em;
}

footer ul li {
    display: inline-block;
    margin-left: 0.3em;
    padding-left: 1em;
    position: relative;
}

footer ul li:before {
    content: '|';
    position: absolute;
    left: 0;
    top: -1px;
}

footer ul li:first-child:before {
    content: '';
}

footer ul li a {
    text-decoration: none;
}

footer ul li a:hover {
    text-decoration: underline;
}

footer .inquiries-shell {
    line-height: 1.6em;
}

footer .a-f-copyright {
    margin-left: 18px;
    line-height: 110px;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    position: relative;
    background: #fff;
    display: none;
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: -6px;
    /*
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  */
    /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}

.datepicker-months, .datepicker-years {
    border: 1px solid #D8DADB;
}

/*
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
*/
.datepicker > div {
    display: none;
}

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

.datepicker td {
    padding: 2px;
}

.datepicker td,
.datepicker th {
    text-align: center;
    font-size: 0.9em;
    width: 20px;
    height: 20px;
    /*
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  */
}

.datepicker td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker.disabled td.day:hover {
    background: #fff;
}

.datepicker td.day.disabled {
    color: #eeeeee;
}

.datepicker td.old,
.datepicker td.new {
    color: #999999;
}

.datepicker td.active,
.datepicker td.active:hover {
    color: #ffffff;
    background-color: #CD1E1E;
    /*
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  */
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    /*  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); */
    color: #fff;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
    color: #ffffff;
    /*
  background-color: #0044cc;
  background-color: #003bb3;
  */
    background-color: #CD1E1E;
}

.datepicker.disabled td.active:hover,
.datepicker.disabled td.active:hover:hover,
.datepicker.disabled td.active:focus,
.datepicker.disabled td.active:hover:focus,
.datepicker.disabled td.active:active,
.datepicker.disabled td.active:hover:active,
.datepicker.disabled td.active.active,
.datepicker.disabled td.active:hover.active,
.datepicker.disabled td.active.disabled,
.datepicker.disabled td.active:hover.disabled,
.datepicker.disabled td.active[disabled],
.datepicker.disabled td.active:hover[disabled] {
    color: #444444;
    /*
  background-color: #0044cc;
  background-color: #003bb3;
  */
    background-color: #ffffff;
}

.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
    background-color: #003399 \9;
}

.datepicker td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    /*
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  */
}

.datepicker td span:hover {
    background: #eeeeee;
}

.datepicker.disabled td.span:hover {
    background: #fff;
}

.datepicker td span.active {
    color: #ffffff;
    background-color: #CD1E1E;
    /*
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  */
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    /*
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    */
    color: #fff;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */
}

.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
    color: #ffffff;
    /*
  background-color: #0044cc;
  background-color: #003bb3;
  */
    background-color: #CD1E1E;
}

.datepicker.disabled td span.active:hover,
.datepicker.disabled td span.active:focus,
.datepicker.disabled td span.active:active,
.datepicker.disabled td span.active.active,
.datepicker.disabled td span.active.disabled,
.datepicker.disabled td span.active[disabled] {
    color: #444444;
    /*
  background-color: #0044cc;
  background-color: #003bb3;
  */
    background-color: #fff;
}

.datepicker td span.active:active,
.datepicker td span.active.active {
    background-color: #003399 \9;
}

.datepicker td span.old {
    color: #999999;
}

.datepicker th.switch {
    width: 145px;
    font-size: 1.1em;
}

.datepicker thead tr:first-child th {
    cursor: pointer;
    padding: 6px 0;
}

.datepicker thead tr:first-child th.next,
.datepicker thead tr:first-child th.prev {
    font-size: 21px;
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid #232427;
}

.datepicker thead tr:first-child th:hover {
    background: #eeeeee;
}

.datepicker.disabled thead tr:first-child th:hover {
    background: #fff;
}

.datepicker thead tr:first-child th.prev:hover, .datepicker thead tr:first-child th.next:hover {
    background: #fff;
}

.datepicker thead tr:last-child {
    text-transform: uppercase;
    font-size: 0.8em;
    color: #232427;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.datepicker.disabled {
    opacity: 0.2;
}

.datepicker.disabled tr td, .datepicker.disabled tr th {
    cursor: default !important;
}

.duedate-datepicker {
    font-size: 12px;
    line-height: 1.5em;
}

.duedate-datepicker .datepicker {
    position: absolute;
    background: #fff;
    display: none;
    top: auto;
    left: auto;
    padding: 5px;
    margin-top: 5px;
    z-index: 100;
    width: 215px;
    border: 1px solid #D8DADB;
}

.intl-tel-input .flag {
    width: 16px;
    height: 11px;
    background: url("../images/flags.png");
}

.intl-tel-input {
    width: 100%;
}

.intl-tel-input .ad {
    background-position: -16px 0;
}

.intl-tel-input .ae {
    background-position: -32px 0;
}

.intl-tel-input .af {
    background-position: -48px 0;
}

.intl-tel-input .ag {
    background-position: -64px 0;
}

.intl-tel-input .ai {
    background-position: -80px 0;
}

.intl-tel-input .al {
    background-position: -96px 0;
}

.intl-tel-input .am {
    background-position: -112px 0;
}

.intl-tel-input .ao {
    background-position: -128px 0;
}

.intl-tel-input .ar {
    background-position: -144px 0;
}

.intl-tel-input .as {
    background-position: -160px 0;
}

.intl-tel-input .at {
    background-position: -176px 0;
}

.intl-tel-input .au {
    background-position: -192px 0;
}

.intl-tel-input .aw {
    background-position: -208px 0;
}

.intl-tel-input .az {
    background-position: -224px 0;
}

.intl-tel-input .ba {
    background-position: -240px 0;
}

.intl-tel-input .bb {
    background-position: 0 -11px;
}

.intl-tel-input .bd {
    background-position: -16px -11px;
}

.intl-tel-input .be {
    background-position: -32px -11px;
}

.intl-tel-input .bf {
    background-position: -48px -11px;
}

.intl-tel-input .bg {
    background-position: -64px -11px;
}

.intl-tel-input .bh {
    background-position: -80px -11px;
}

.intl-tel-input .bi {
    background-position: -96px -11px;
}

.intl-tel-input .bj {
    background-position: -112px -11px;
}

.intl-tel-input .bm {
    background-position: -128px -11px;
}

.intl-tel-input .bn {
    background-position: -144px -11px;
}

.intl-tel-input .bo {
    background-position: -160px -11px;
}

.intl-tel-input .br {
    background-position: -176px -11px;
}

.intl-tel-input .bs {
    background-position: -192px -11px;
}

.intl-tel-input .bt {
    background-position: -208px -11px;
}

.intl-tel-input .bw {
    background-position: -224px -11px;
}

.intl-tel-input .by {
    background-position: -240px -11px;
}

.intl-tel-input .bz {
    background-position: 0 -22px;
}

.intl-tel-input .ca {
    background-position: -16px -22px;
}

.intl-tel-input .cd {
    background-position: -32px -22px;
}

.intl-tel-input .cf {
    background-position: -48px -22px;
}

.intl-tel-input .cg {
    background-position: -64px -22px;
}

.intl-tel-input .ch {
    background-position: -80px -22px;
}

.intl-tel-input .ci {
    background-position: -96px -22px;
}

.intl-tel-input .ck {
    background-position: -112px -22px;
}

.intl-tel-input .cl {
    background-position: -128px -22px;
}

.intl-tel-input .cm {
    background-position: -144px -22px;
}

.intl-tel-input .cn {
    background-position: -160px -22px;
}

.intl-tel-input .co {
    background-position: -176px -22px;
}

.intl-tel-input .cr {
    background-position: -192px -22px;
}

.intl-tel-input .cu {
    background-position: -208px -22px;
}

.intl-tel-input .cv {
    background-position: -224px -22px;
}

.intl-tel-input .cw {
    background-position: -240px -22px;
}

.intl-tel-input .cy {
    background-position: 0 -33px;
}

.intl-tel-input .cz {
    background-position: -16px -33px;
}

.intl-tel-input .de {
    background-position: -32px -33px;
}

.intl-tel-input .dj {
    background-position: -48px -33px;
}

.intl-tel-input .dk {
    background-position: -64px -33px;
}

.intl-tel-input .dm {
    background-position: -80px -33px;
}

.intl-tel-input .do {
    background-position: -96px -33px;
}

.intl-tel-input .dz {
    background-position: -112px -33px;
}

.intl-tel-input .ec {
    background-position: -128px -33px;
}

.intl-tel-input .ee {
    background-position: -144px -33px;
}

.intl-tel-input .eg {
    background-position: -160px -33px;
}

.intl-tel-input .er {
    background-position: -176px -33px;
}

.intl-tel-input .es {
    background-position: -192px -33px;
}

.intl-tel-input .et {
    background-position: -208px -33px;
}

.intl-tel-input .fi {
    background-position: -224px -33px;
}

.intl-tel-input .fj {
    background-position: -240px -33px;
}

.intl-tel-input .fk {
    background-position: 0 -44px;
}

.intl-tel-input .fm {
    background-position: -16px -44px;
}

.intl-tel-input .fo {
    background-position: -32px -44px;
}

.intl-tel-input .fr, .intl-tel-input .bl, .intl-tel-input .mf {
    background-position: -48px -44px;
}

.intl-tel-input .ga {
    background-position: -64px -44px;
}

.intl-tel-input .gb {
    background-position: -80px -44px;
}

.intl-tel-input .gd {
    background-position: -96px -44px;
}

.intl-tel-input .ge {
    background-position: -112px -44px;
}

.intl-tel-input .gf {
    background-position: -128px -44px;
}

.intl-tel-input .gh {
    background-position: -144px -44px;
}

.intl-tel-input .gi {
    background-position: -160px -44px;
}

.intl-tel-input .gl {
    background-position: -176px -44px;
}

.intl-tel-input .gm {
    background-position: -192px -44px;
}

.intl-tel-input .gn {
    background-position: -208px -44px;
}

.intl-tel-input .gp {
    background-position: -224px -44px;
}

.intl-tel-input .gq {
    background-position: -240px -44px;
}

.intl-tel-input .gr {
    background-position: 0 -55px;
}

.intl-tel-input .gt {
    background-position: -16px -55px;
}

.intl-tel-input .gu {
    background-position: -32px -55px;
}

.intl-tel-input .gw {
    background-position: -48px -55px;
}

.intl-tel-input .gy {
    background-position: -64px -55px;
}

.intl-tel-input .hk {
    background-position: -80px -55px;
}

.intl-tel-input .hn {
    background-position: -96px -55px;
}

.intl-tel-input .hr {
    background-position: -112px -55px;
}

.intl-tel-input .ht {
    background-position: -128px -55px;
}

.intl-tel-input .hu {
    background-position: -144px -55px;
}

.intl-tel-input .id {
    background-position: -160px -55px;
}

.intl-tel-input .ie {
    background-position: -176px -55px;
}

.intl-tel-input .il {
    background-position: -192px -55px;
}

.intl-tel-input .in {
    background-position: -208px -55px;
}

.intl-tel-input .io {
    background-position: -224px -55px;
}

.intl-tel-input .iq {
    background-position: -240px -55px;
}

.intl-tel-input .ir {
    background-position: 0 -66px;
}

.intl-tel-input .is {
    background-position: -16px -66px;
}

.intl-tel-input .it {
    background-position: -32px -66px;
}

.intl-tel-input .jm {
    background-position: -48px -66px;
}

.intl-tel-input .jo {
    background-position: -64px -66px;
}

.intl-tel-input .jp {
    background-position: -80px -66px;
}

.intl-tel-input .ke {
    background-position: -96px -66px;
}

.intl-tel-input .kg {
    background-position: -112px -66px;
}

.intl-tel-input .kh {
    background-position: -128px -66px;
}

.intl-tel-input .ki {
    background-position: -144px -66px;
}

.intl-tel-input .km {
    background-position: -160px -66px;
}

.intl-tel-input .kn {
    background-position: -176px -66px;
}

.intl-tel-input .kp {
    background-position: -192px -66px;
}

.intl-tel-input .kr {
    background-position: -208px -66px;
}

.intl-tel-input .kw {
    background-position: -224px -66px;
}

.intl-tel-input .ky {
    background-position: -240px -66px;
}

.intl-tel-input .kz {
    background-position: 0 -77px;
}

.intl-tel-input .la {
    background-position: -16px -77px;
}

.intl-tel-input .lb {
    background-position: -32px -77px;
}

.intl-tel-input .lc {
    background-position: -48px -77px;
}

.intl-tel-input .li {
    background-position: -64px -77px;
}

.intl-tel-input .lk {
    background-position: -80px -77px;
}

.intl-tel-input .lr {
    background-position: -96px -77px;
}

.intl-tel-input .ls {
    background-position: -112px -77px;
}

.intl-tel-input .lt {
    background-position: -128px -77px;
}

.intl-tel-input .lu {
    background-position: -144px -77px;
}

.intl-tel-input .lv {
    background-position: -160px -77px;
}

.intl-tel-input .ly {
    background-position: -176px -77px;
}

.intl-tel-input .ma {
    background-position: -192px -77px;
}

.intl-tel-input .mc {
    background-position: -208px -77px;
}

.intl-tel-input .md {
    background-position: -224px -77px;
}

.intl-tel-input .me {
    background-position: -112px -154px;
    height: 12px;
}

.intl-tel-input .mg {
    background-position: 0 -88px;
}

.intl-tel-input .mh {
    background-position: -16px -88px;
}

.intl-tel-input .mk {
    background-position: -32px -88px;
}

.intl-tel-input .ml {
    background-position: -48px -88px;
}

.intl-tel-input .mm {
    background-position: -64px -88px;
}

.intl-tel-input .mn {
    background-position: -80px -88px;
}

.intl-tel-input .mo {
    background-position: -96px -88px;
}

.intl-tel-input .mp {
    background-position: -112px -88px;
}

.intl-tel-input .mq {
    background-position: -128px -88px;
}

.intl-tel-input .mr {
    background-position: -144px -88px;
}

.intl-tel-input .ms {
    background-position: -160px -88px;
}

.intl-tel-input .mt {
    background-position: -176px -88px;
}

.intl-tel-input .mu {
    background-position: -192px -88px;
}

.intl-tel-input .mv {
    background-position: -208px -88px;
}

.intl-tel-input .mw {
    background-position: -224px -88px;
}

.intl-tel-input .mx {
    background-position: -240px -88px;
}

.intl-tel-input .my {
    background-position: 0 -99px;
}

.intl-tel-input .mz {
    background-position: -16px -99px;
}

.intl-tel-input .na {
    background-position: -32px -99px;
}

.intl-tel-input .nc {
    background-position: -48px -99px;
}

.intl-tel-input .ne {
    background-position: -64px -99px;
}

.intl-tel-input .nf {
    background-position: -80px -99px;
}

.intl-tel-input .ng {
    background-position: -96px -99px;
}

.intl-tel-input .ni {
    background-position: -112px -99px;
}

.intl-tel-input .nl, .intl-tel-input .bq {
    background-position: -128px -99px;
}

.intl-tel-input .no {
    background-position: -144px -99px;
}

.intl-tel-input .np {
    background-position: -160px -99px;
}

.intl-tel-input .nr {
    background-position: -176px -99px;
}

.intl-tel-input .nu {
    background-position: -192px -99px;
}

.intl-tel-input .nz {
    background-position: -208px -99px;
}

.intl-tel-input .om {
    background-position: -224px -99px;
}

.intl-tel-input .pa {
    background-position: -240px -99px;
}

.intl-tel-input .pe {
    background-position: 0 -110px;
}

.intl-tel-input .pf {
    background-position: -16px -110px;
}

.intl-tel-input .pg {
    background-position: -32px -110px;
}

.intl-tel-input .ph {
    background-position: -48px -110px;
}

.intl-tel-input .pk {
    background-position: -64px -110px;
}

.intl-tel-input .pl {
    background-position: -80px -110px;
}

.intl-tel-input .pm {
    background-position: -96px -110px;
}

.intl-tel-input .pr {
    background-position: -112px -110px;
}

.intl-tel-input .ps {
    background-position: -128px -110px;
}

.intl-tel-input .pt {
    background-position: -144px -110px;
}

.intl-tel-input .pw {
    background-position: -160px -110px;
}

.intl-tel-input .py {
    background-position: -176px -110px;
}

.intl-tel-input .qa {
    background-position: -192px -110px;
}

.intl-tel-input .re {
    background-position: -208px -110px;
}

.intl-tel-input .ro {
    background-position: -224px -110px;
}

.intl-tel-input .rs {
    background-position: -240px -110px;
}

.intl-tel-input .ru {
    background-position: 0 -121px;
}

.intl-tel-input .rw {
    background-position: -16px -121px;
}

.intl-tel-input .sa {
    background-position: -32px -121px;
}

.intl-tel-input .sb {
    background-position: -48px -121px;
}

.intl-tel-input .sc {
    background-position: -64px -121px;
}

.intl-tel-input .sd {
    background-position: -80px -121px;
}

.intl-tel-input .se {
    background-position: -96px -121px;
}

.intl-tel-input .sg {
    background-position: -112px -121px;
}

.intl-tel-input .sh {
    background-position: -128px -121px;
}

.intl-tel-input .si {
    background-position: -144px -121px;
}

.intl-tel-input .sk {
    background-position: -160px -121px;
}

.intl-tel-input .sl {
    background-position: -176px -121px;
}

.intl-tel-input .sm {
    background-position: -192px -121px;
}

.intl-tel-input .sn {
    background-position: -208px -121px;
}

.intl-tel-input .so {
    background-position: -224px -121px;
}

.intl-tel-input .sr {
    background-position: -240px -121px;
}

.intl-tel-input .ss {
    background-position: 0 -132px;
}

.intl-tel-input .st {
    background-position: -16px -132px;
}

.intl-tel-input .sv {
    background-position: -32px -132px;
}

.intl-tel-input .sx {
    background-position: -48px -132px;
}

.intl-tel-input .sy {
    background-position: -64px -132px;
}

.intl-tel-input .sz {
    background-position: -80px -132px;
}

.intl-tel-input .tc {
    background-position: -96px -132px;
}

.intl-tel-input .td {
    background-position: -112px -132px;
}

.intl-tel-input .tg {
    background-position: -128px -132px;
}

.intl-tel-input .th {
    background-position: -144px -132px;
}

.intl-tel-input .tj {
    background-position: -160px -132px;
}

.intl-tel-input .tk {
    background-position: -176px -132px;
}

.intl-tel-input .tl {
    background-position: -192px -132px;
}

.intl-tel-input .tm {
    background-position: -208px -132px;
}

.intl-tel-input .tn {
    background-position: -224px -132px;
}

.intl-tel-input .to {
    background-position: -240px -132px;
}

.intl-tel-input .tr {
    background-position: 0 -143px;
}

.intl-tel-input .tt {
    background-position: -16px -143px;
}

.intl-tel-input .tv {
    background-position: -32px -143px;
}

.intl-tel-input .tw {
    background-position: -48px -143px;
}

.intl-tel-input .tz {
    background-position: -64px -143px;
}

.intl-tel-input .ua {
    background-position: -80px -143px;
}

.intl-tel-input .ug {
    background-position: -96px -143px;
}

.intl-tel-input .us {
    background-position: -112px -143px;
}

.intl-tel-input .uy {
    background-position: -128px -143px;
}

.intl-tel-input .uz {
    background-position: -144px -143px;
}

.intl-tel-input .va {
    background-position: -160px -143px;
}

.intl-tel-input .vc {
    background-position: -176px -143px;
}

.intl-tel-input .ve {
    background-position: -192px -143px;
}

.intl-tel-input .vg {
    background-position: -208px -143px;
}

.intl-tel-input .vi {
    background-position: -224px -143px;
}

.intl-tel-input .vn {
    background-position: -240px -143px;
}

.intl-tel-input .vu {
    background-position: 0 -154px;
}

.intl-tel-input .wf {
    background-position: -16px -154px;
}

.intl-tel-input .ws {
    background-position: -32px -154px;
}

.intl-tel-input .ye {
    background-position: -48px -154px;
}

.intl-tel-input .za {
    background-position: -64px -154px;
}

.intl-tel-input .zm {
    background-position: -80px -154px;
}

.intl-tel-input .zw {
    background-position: -96px -154px;
}

.intl-tel-input {
    position: relative;
    display: inline-block;
}

.intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
    display: none;
}

.intl-tel-input .v-hide {
    visibility: hidden;
}

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 44px;
    margin-left: 0;
}

.intl-tel-input .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1px;
}

.intl-tel-input .flag-dropdown:hover {
    cursor: pointer;
}

.intl-tel-input .flag-dropdown:hover .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input input[disabled] + .flag-dropdown:hover {
    cursor: default;
}

.intl-tel-input input[disabled] + .flag-dropdown:hover .selected-flag {
    background-color: transparent;
}

.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 38px;
    height: 100%;
    padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .flag {
    position: absolute;
    top: 50%;
    margin-top: -5px;
}

.intl-tel-input .selected-flag .arrow {
    position: relative;
    top: 50%;
    margin-top: -2px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}

.intl-tel-input .selected-flag .arrow.up {
    border-top: none;
    border-bottom: 4px solid #555;
}

.intl-tel-input .country-list {
    list-style: none;
    position: absolute;
    z-index: 2;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    width: 430px;
    max-height: 200px;
    overflow-y: scroll;
}

.intl-tel-input .country-list .flag {
    display: inline-block;
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
}

.intl-tel-input .country-list .country {
    padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
    color: #999;
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input .country-list .flag, .intl-tel-input .country-list .country-name {
    margin-right: 6px;
}

/*******************************************************************************************/
/************************************** | SETTINGS | **************************************/
/*******************************************************************************************/
.advanced-options {
    max-width: 830px;
    margin: 0 auto;
}

.advanced-options h2 {
    border-bottom: 4px solid #CD1E1E;
    width: 100%;
    line-height: 1.8em;
}

.advanced-options .options-shell .option {
    border-bottom: 1px solid #D8DADB;
}

.advanced-options .options-shell .option .fullwidth {
    padding: 1.5em 0;
    margin-bottom: 0;
}

.advanced-options .options-shell .option .icon-rightarrow {
    height: 13px;
    position: absolute;
    left: 0;
    top: 1px;
    -webkit-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

.advanced-options .options-shell .option .title {
    padding-left: 20px;
    display: block;
    position: relative;
    font-size: 1.28em;
    line-height: 1em;
}

.advanced-options .options-shell .option .icon-merge {
    top: 4px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    margin-right: 4px;
}

.advanced-options .options-shell .option .btn-link {
    font-size: 1.14em;
    line-height: 1em;
}

.advanced-options .options-shell .option input[type="checkbox"] + label {
    width: 18px;
    height: 18px;
    top: 3px;
}

.advanced-options .options-shell .option input[type="checkbox"] + label:after {
    color: #009EA1;
    font-size: 1rem;
    top: 0;
}

.advanced-options .options-shell .option input[type="checkbox"]:checked + label {
    border-color: #D8DADB;
}

.advanced-options .options-shell .option label + span {
    display: inline-block;
    margin-left: 0.5em;
    line-height: 20px;
}

.advanced-options .options-shell .option .description {
    /* padding:1em 16% 1em 2em; display:none; */
    padding: 0 16% 0 2em;
    height: 0px;
    min-height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.25s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: all 0.25s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: all 0.25s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: all 0.25s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

.advanced-options .options-shell .option .description ul {
    padding-left: 1.2em;
}

.advanced-options .options-shell .option .description ul li {
    list-style: disc;
    padding: 0.5em 0;
}

.advanced-options .options-shell .option.expanded .icon-rightarrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.advanced-options .options-shell .option.expanded .description {
    /* display:block; */
    padding: 1em 16% 1em 2em;
    height: auto;
    min-height: 150px;
}

.advanced-options .options-shell .option .tooltip-shell {
    position: absolute;
    top: 0;
    right: 0;
}

.advanced-options .options-shell .option .tooltip-shell .info-popup .popup {
    width: 300px;
    max-width: 300px;
    font-size: 1em;
    right: -28px;
    top: auto;
    bottom: 24px;
}

.advanced-options .options-shell .option .tooltip-shell .info-popup .popup a {
    color: #fff;
}

.advanced-options .options-shell .option .tooltip-shell .info-popup:hover .popup {
    right: -28px;
    bottom: 30px;
    pointer-events: all;
}

.advanced-options .options-shell .option .tooltip-shell .info-popup .popup:before {
    content: "";
    width: 0;
    height: 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    margin: 0;
}

.advanced-options .options-shell .option .tooltip-shell .info-popup .popup:after {
    left: auto;
    right: 37px;
}

.vendor-api-access {
    margin: 0 auto;
}

.vendor-api-access h2 {
    width: 100%;
    line-height: 1.8em;
}

.vendor-api-access .options-shell .option {
    border-bottom: 1px solid #D8DADB;
    padding-top: 1.5em;
}

.vendor-api-access .options-shell .option.no-border {
    border-bottom: none;
}

.vendor-api-access .options-shell .option .icon-rightarrow {
    height: 16px;
    width: 9px;
    position: absolute;
    left: 0;
    top: 1px;
    -webkit-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

.vendor-api-access .options-shell .option .title {
    padding-left: 20px;
    display: block;
    position: relative;
    font-size: 1.5em;
    line-height: 1em;
    text-decoration: none;
}

.vendor-api-access .options-shell .option input[type="checkbox"] + label {
    width: 18px;
    height: 18px;
    top: 3px;
}

.vendor-api-access .options-shell .option input[type="checkbox"] + label:after {
    color: #009EA1;
    font-size: 1rem;
    top: 0;
}

.vendor-api-access .options-shell .option input[type="checkbox"]:checked + label {
    border-color: #009EA1;
}

.vendor-api-access .options-shell .option .fullwidth.add-padding-top, .vendor-api-access .options-shell .option .label_shell.add-padding-top {
    padding-top: 1em;
}

.vendor-api-access .options-shell .option label + label {
    display: inline-block;
    margin-left: 0.5em;
    line-height: 20px;
    font-size: 0.9em;
}

.vendor-api-access .options-shell .option .description {
    /* padding:1em 16% 1em 2em; display:none; */
    padding: 0em;
    height: 0px;
    min-height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.25s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: all 0.25s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: all 0.25s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: all 0.25s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    /* APPLICATION */
}

.vendor-api-access .options-shell .option .description form.company-information {
    margin: 0 auto;
    max-width: 800px;
}

.vendor-api-access .options-shell .option .description form.company-information .check-wrapper {
    margin-right: 1.9em;
}

.vendor-api-access .options-shell .option .description form.company-information .check-wrapper:last-child {
    margin-right: 0em;
}

.vendor-api-access .options-shell .option .description form.certifications .one_third, .vendor-api-access .options-shell .option .description form.supported-elements .one_third {
    width: 31.333%;
    padding-bottom: 2.5%;
}

.vendor-api-access .options-shell .option .description form.certifications .one_third:nth-child(3n+1), .vendor-api-access .options-shell .option .description form.supported-elements .one_third:nth-child(3n+1) {
    margin-right: 3%;
}

.vendor-api-access .options-shell .option .description form.certifications .one_third:nth-child(3n), .vendor-api-access .options-shell .option .description form.supported-elements .one_third:nth-child(3n) {
    margin-left: 3%;
}

.vendor-api-access .options-shell .option .description form.certifications input[type="checkbox"].button-box + label, .vendor-api-access .options-shell .option .description form.supported-elements input[type="checkbox"].button-box + label {
    position: relative;
    width: 100%;
    background: #fff;
    border: 2px solid #D8DADB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    line-height: 50px;
    height: 50px;
    padding-left: 1em;
}

.vendor-api-access .options-shell .option .description form.certifications input[type="checkbox"].button-box + label:after, .vendor-api-access .options-shell .option .description form.supported-elements input[type="checkbox"].button-box + label:after {
    content: '';
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #D8DADB;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.vendor-api-access .options-shell .option .description form.certifications input[type="checkbox"]:checked.button-box + label, .vendor-api-access .options-shell .option .description form.supported-elements input[type="checkbox"]:checked.button-box + label {
    border: 2px solid #009EA1;
}

.vendor-api-access .options-shell .option .description form.certifications input[type="checkbox"]:checked.button-box + label:after, .vendor-api-access .options-shell .option .description form.supported-elements input[type="checkbox"]:checked.button-box + label:after {
    content: '\2713';
    left: auto;
    right: 10px;
    border: 1px solid #009EA1;
    color: #009EA1;
}

.vendor-api-access .options-shell .option .description ul {
    padding-left: 1.2em;
}

.vendor-api-access .options-shell .option .description ul li {
    list-style: disc;
    padding: 0.5em 0;
}

.vendor-api-access .options-shell .option .description .btn-add-application {
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #D8DADB;
    margin-bottom: 1em;
    text-align: center;
    line-height: 65px;
    font-size: 1.53846154em;
}

.vendor-api-access .options-shell .option .description .btn-add-application * {
    vertical-align: middle;
    margin-right: 0.5em;
}

.vendor-api-access .options-shell .option .description .btn-add-application svg {
    vertical-align: top;
}

.vendor-api-access .options-shell .option .description .inner-option {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #D8DADB;
    margin-bottom: 1.53846154em;
    padding: 1em 1.7em 0;
}

.vendor-api-access .options-shell .option .description .inner-option .title {
    padding-left: 0;
    line-height: 30px;
}

.vendor-api-access .options-shell .option .description .inner-option .right > * {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    margin-left: 1em;
}

.vendor-api-access .options-shell .option .description .inner-option .right svg {
    vertical-align: top;
}

.vendor-api-access .options-shell .option .description .inner-option .right .icon-delete-trash {
    width: 16px;
    height: 20px;
}

.vendor-api-access .options-shell .option .description .inner-option .right .icon-lock,
.vendor-api-access .options-shell .option .description .inner-option .right .icon-delete-trash,
.vendor-api-access .options-shell .option .description .inner-option .right .icon-edit-small {
    vertical-align: middle;
    margin-right: 0.3em;
}

.vendor-api-access .options-shell .option .description .inner-option .right .icon-uparrow {
    width: 14px;
    height: 8px;
    margin-left: 2.30769231em;
    -webkit-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -moz-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    -o-transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
    transition: all 0.15s cubic-bezier(0.04, 0.765, 0.395, 0.995);
}

.vendor-api-access .options-shell .option .description .inner-option .right .application-type {
    padding-right: 1em;
    border-right: 1px solid #D8DADB;
    line-height: 30px;
}

.vendor-api-access .options-shell .option .description .inner-option.expanded .description {
    border-top: 1px solid #D8DADB;
    padding: 2em 5% 2em 0;
}

.vendor-api-access .options-shell .option .description .inner-option.expanded .right .icon-uparrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.vendor-api-access .options-shell .option .description .inner-option .description form {
    max-width: 100%;
}

.vendor-api-access .options-shell .option .description .inner-option .description .half {
    width: calc(50% - 0.6em);
    margin-right: 0.6em;
    padding: 0;
}

.vendor-api-access .options-shell .option .description .inner-option .description input {
    padding: 0.68em 2.6em 0.65em 1.2em;
}

.vendor-api-access .options-shell .option .description .inner-option .description .inner-btn {
    width: 100%;
    color: #CD1E1E;
    border-color: #CD1E1E;
    border-width: 4px;
    padding: 0 0.25em;
}

.vendor-api-access .options-shell .option .description .inner-option .description .disclaimer {
    font-style: normal;
}

.vendor-api-access .options-shell .option .description .inner-option .description .label_shell {
    padding-top: 1em;
}

.vendor-api-access .options-shell .option.expanded > .fullwidth > .title > .icon-rightarrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.vendor-api-access .options-shell .option.expanded > .description {
    /* display:block; */
    height: auto;
    min-height: 150px;
}

.vendor-api-access .options-shell .option .tooltip-shell {
    position: absolute;
    top: 0;
    right: 0;
}

.vendor-api-access .options-shell .option .tooltip-shell .info-popup .popup {
    width: 300px;
    max-width: 300px;
    font-size: 1em;
    right: -28px;
    top: auto;
    bottom: 24px;
}

.vendor-api-access .options-shell .option .tooltip-shell .info-popup .popup a {
    color: #fff;
}

.vendor-api-access .options-shell .option .tooltip-shell .info-popup:hover .popup {
    right: -28px;
    bottom: 30px;
    pointer-events: all;
}

.vendor-api-access .options-shell .option .tooltip-shell .info-popup .popup:before {
    content: "";
    width: 0;
    height: 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    margin: 0;
}

.vendor-api-access .options-shell .option .tooltip-shell .info-popup .popup:after {
    left: auto;
    right: 37px;
}

/* APPLICATIONS PAGE */
#applicationsTable thead th {
    position: relative;
}

#applicationsTable tbody td {
    vertical-align: middle;
}

#applicationsTable tbody td img {
    display: inline-block;
    opacity: 1;
}

#applicationsTable tbody td .btn {
    min-width: 0px;
    font-size: 1em;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 1em;
    background-color: #F6F6F6;
    color: #444;
    font-weight: bold;
    border: 1px solid #D8DADB;
}

#applicationsTable tbody td .btn:hover {
    background-color: #ff0a0a;
    color: #fff;
}

#applicationsTable tbody td .btn.btn-red {
    background-color: #D60000;
    color: #fff;
}

#applicationsTable tbody td .btn.btn-red:hover {
    background-color: #ff0a0a;
}

#applicationsTable tbody td .btn.txt-brand-color2 {
    color: #009EA1;
}

#applicationsTable tbody td .btn.txt-brand-color2:hover {
    background-color: #009EA1;
    color: #fff;
}

#applicationsTable tbody td .btn.center {
    margin: 0 auto;
}

/* APPLICATIONS PAGE */
#listSharingTable thead th {
    position: relative;
}

#listSharingTable tbody td {
    vertical-align: middle;
}

/* STYLES UNIQUE TO SETTINGS PAGE */
.content.settings {
    padding: 1.7em 5.1em;
    /*
  .profile-display {
    .user {height: 9em;}
    .user-img {width: 110px; height: 110px; margin-top: 1em;}
  }
  */
    /* heads for white boxes on settings-team */
}

.content.settings .clear {
    border-bottom: none !important;
}

.content.settings .fullwidth .fullwidth {
    border-bottom: 0;
}

.content.settings .fullwidth .fullwidth:not(:first-child) {
    border-top: 0;
}

.content.settings .fullwidth.infoContent {
    width: 98%;
    padding-left: 3%;
}

.content.settings .account-type .btn2 {
    margin-top: 0em;
}

.content.settings .fullwidth.inner-page .teamGroup.one_third {
    width: 32.5%;
}

.content.settings .fullwidth.inner-page .teamGroup.one_third:not(:last-child) {
    margin-right: 1.25%;
}

.content.settings .t-head {
    padding: 0.5em 1em;
}

.content.settings .fullwidth.inner-page .t-head .two_thirds {
    float: left;
    margin-left: 0;
}

.content.settings .fullwidth.inner-page .t-head .two_thirds .icon-profile {
    display: inline-block;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    margin-right: 0.5em;
    bottom: -3px;
}

.content.settings .fullwidth.inner-page .t-head .two_thirds .icon-profile path {
    fill: #D8DADB;
}

.content.settings .fullwidth.inner-page .t-head .two_thirds .icon-calendar {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    bottom: -3px;
    margin-right: .4em;
}

.content.settings .fullwidth.inner-page .t-head .two_thirds .icon-group {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    bottom: -3px;
    margin-right: .6em;
}

.content.settings .fullwidth.inner-page .t-head .two_thirds h3 {
    display: inline-block;
    font-size: 1.75em;
    line-height: .9em;
    margin-top: .2em;
}

.content.settings .fullwidth.inner-page .t-head .one_third {
    float: right;
    text-align: right;
}

.content.settings .fullwidth.inner-page .t-head .one_third .add {
    display: inline-block;
}

.content.settings .fullwidth.inner-page .t-head .one_third .add span {
    line-height: 2.2em;
}

.content.settings .fullwidth.inner-page .t-head .one_third .add .icon-plus-circle {
    float: left;
    margin-right: 0.7em;
}

.content.settings .fullwidth.inner-page .t-head .one_third .add .icon-plus-circle path {
    fill: #CD1E1E;
}

.content.settings .fullwidth.inner-page .t-head .one_third .add .icon-plus-circle circle {
    stroke: #D8DADB;
}

.content.settings .fullwidth.inner-page .usersGroup li {
    padding: 8px 0;
}

.content.settings .fullwidth.inner-page .usersGroup li .user {
    float: none;
    margin: 0;
    position: relative;
    padding: 7px 0 7px 38px;
}

.content.settings .fullwidth.inner-page .usersGroup li .user .user-img {
    position: absolute;
    top: 0;
    left: 0;
}

.content.settings .fullwidth.inner-page .usersGroup li .user a, .content.settings .fullwidth.inner-page .usersGroup li .user span {
    width: auto;
    display: inline;
    padding: 0;
}

.content.settings .notification-single {
    background: white;
    border-bottom: 1px solid #D8DADB;
    border-top: none;
    line-height: 22px;
    padding: 0.5em 0;
}

.content.settings .notification-single .userStatus {
    font-style: oblique;
}

.content.settings .notification-single .name {
    width: 130px;
    color: #CD1E1E;
    font-size: 14px;
}

.content.settings .notification-single .actions {
    float: right;
    text-align: right;
}

.autocomplete-suggestions {
    overflow: auto;
    border: 1px solid #D8DADB;
}

.autocomplete-suggestions .autocomplete-suggestion {
    background: none repeat scroll 0 0 #fff;
    width: 100%;
    border-top: 1px solid #D8DADB;
    font-size: 1em;
    line-height: 1.3em;
    padding: 0.8em 2.6em 0.8em 1.2em;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.autocomplete-suggestions .autocomplete-suggestion:first-child {
    border-top: none;
}

.autocomplete-suggestions .autocomplete-suggestion:hover {
    background: #CD1E1E;
    color: #fff;
}

.user_profile_form .fullwidth .half {
    width: 50%;
}

.user_profile_form .fullwidth > .half {
    width: calc(50% - 0.6em);
}

.content .user_profile_form .half:nth-child(odd) {
    padding-right: 0;
}

.label_shell {
    margin-bottom: 6px;
    float: left;
    width: 100%;
    clear: both;
}

/* TEAM LISTS ON SETTINGS PAGE */
.teamList li {
    display: block;
    margin: 0.125em 0;
    width: 100%;
    float: none;
}

.teamList a {
    display: inline-block;
    width: 67%;
    padding: 15px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.teamList a + span {
    color: #CD1E1E;
    font-style: oblique;
    margin-left: 8px;
}

.teamList .user {
    float: right;
    margin-top: 6px;
}

.teamList .user .user-img {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    float: left;
    height: 30px;
    width: 30px;
    overflow: hidden;
    margin-right: 5px;
}

.teamList .user .user-name {
    line-height: 35px;
}

/* STYLES FOR GROUP INFO BOXES */
.groupInfo {
    display: none;
}

.groupInfo .txt-title-p {
    font-size: 12px;
}

.groupInfo .txt-title-p.capsP {
    text-transform: uppercase;
}

.groupInfo .t-head .closeBlock {
    display: inline-block;
}

.groupInfo .t-head .closeBlock span {
    line-height: 2.2em;
}

.groupInfo .t-head .closeBlock .icon-close {
    float: right;
    margin-left: 10px;
}

.groupInfo .infoContent h3 {
    border-bottom: 1px solid #D8DADB;
    text-transform: uppercase;
    margin-top: 30px;
    padding-bottom: 5px;
}

.groupInfo .shortH3 h3 {
    display: inline-block;
}

.groupInfo .dateText {
    display: inline-block;
    margin-right: 4em;
    margin-left: 2em;
    font-size: 1.2em;
}

.groupInfo .user {
    margin-top: 15px;
}

.groupInfo .user .user-img {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    float: left;
    height: 45px;
    width: 45px;
    overflow: hidden;
    margin-right: 15px;
}

.groupInfo .user .user-name {
    display: block;
    padding-right: 3em;
    line-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.groupInfo .docList {
    margin-top: 1.5em;
}

.groupInfo .docList li {
    padding: 0.6em 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.groupInfo .actionsList {
    margin-top: 1.7em;
    padding-left: 10px;
}

.groupInfo .userList > li {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin-left: 1%;
}

.groupInfo .userList > li:nth-child(4n + 1) {
    margin-left: 0;
}

.groupInfo .linkList li {
    margin: 1em 0;
}

.groupInfo .linkList h3 {
    margin-bottom: .5em;
}

.groupInfo .linkList a {
    display: inline-block;
    max-width: 100%;
    margin-right: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

.groupInfo .linkList a + span {
    color: #CD1E1E;
    font-style: oblique;
}

.groupInfo .userProfile .user {
    margin-top: 15px;
}

.groupInfo .userProfile .user .user-img {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    float: left;
    height: 120px;
    width: 120px;
    overflow: hidden;
    margin-right: 2em;
}

.groupInfo .userProfile .user span {
    color: #CD1E1E;
}

.groupInfo .userProfile .user ul {
    margin-top: 1em;
    padding-top: .5em;
}

.groupInfo .userProfile .user ul li {
    line-height: 2em;
}

/* LIST OF ACTIONS SUCH AS EDIT, UPLOAD, DELETE, ETC. */
.actionsList a:not(:last-child) {
    margin-right: 2em;
}

.actionsList a {
    display: inline-block;
    height: 23px;
}

.actionsList a span {
    line-height: 23px;
}

.actionsList a .icon-delete-trash, .actionsList a .icon-plus, .actionsList a .icon-edit, .actionsList a .icon-upgrade, .actionsList a .icon-export {
    float: left;
    position: relative;
}

.actionsList a .icon-delete-trash path, .actionsList a .icon-plus path, .actionsList a .icon-edit path, .actionsList a .icon-upgrade path {
    fill: #576065;
}

.actionsList a .icon-export {
    float: left;
}

.actionsList a .icon-export svg path:nth-child(1) {
    stroke: #576065;
}

.actionsList a .icon-export svg path:nth-child(2) {
    fill: #576065;
}

.actionsList a .icon-delete-trash {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    right: 2px;
    top: -3px;
}

.actionsList a .icon-export {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    right: 10px;
}

.actionsList a .icon-plus {
    right: 2px;
    top: -6px;
}

.actionsList a .icon-edit {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    right: 2px;
    top: -3px;
}

.actionsList a .icon-upgrade {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    right: 8px;
    top: -5px;
}

.actionsList a .icon-upgrade circle {
    stroke: #D8DADB;
}

.userProfile .actionsList {
    margin-top: 1.875em;
}

#applicationWrapper .actionsList {
    text-align: center;
}

#applicationWrapper .actionsList a {
    margin: 0 5px;
}

#applicationWrapper .actionsList a span {
    position: relative;
    top: 0;
    right: 0;
}

#applicationWrapper .actionsList * {
    vertical-align: middle;
}

#applicationWrapper .actionsList .icon-duplicate {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}

#applicationWrapper .actionsList .icon-edit {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

#applicationWrapper .actionsList .icon-delete-trash {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.copyWrap {
    position: relative;
}

.copyWrap a.edit {
    display: inline-block;
    width: 40px;
    height: 100%;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}

.copyWrap .icon-duplicate {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    position: relative;
    top: 7px;
}

/* PROFILE FORM */
.maxwidth.form_view_alt, .form_view_alt {
    max-width: 1000px;
}

.maxwidth.form_view_alt .inFormCheckbox div, .form_view_alt .inFormCheckbox div {
    margin-top: 16px;
    margin-left: 15px;
}

.maxwidth.form_view_alt a.icon-edit, .form_view_alt a.icon-edit {
    position: absolute;
    bottom: 3px;
    right: 8px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

.maxwidth.form_view_alt .organizationlogo-display, .form_view_alt .organizationlogo-display {
    width: 438px;
    height: 175px;
    background: url(../images/FPO-organization-logo.png) center center no-repeat #fff;
    background-size: 300px auto;
    overflow: hidden;
    border: 1px solid #D8DADB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.maxwidth.form_view_alt #orgLogoLink, .form_view_alt #orgLogoLink {
    cursor: pointer;
}

.maxwidth.form_view_alt .file-upload-img-change-shell .one_third, .form_view_alt .file-upload-img-change-shell .one_third {
    margin-right: 0;
}

.maxwidth.form_view_alt .file-upload-img-change-shell .one_third label, .maxwidth.form_view_alt .file-upload-img-change-shell .one_third span, .form_view_alt .file-upload-img-change-shell .one_third label, .form_view_alt .file-upload-img-change-shell .one_third span {
    margin-left: 8px;
}

.maxwidth.form_view_alt label[for="o_hide_org_name"], .form_view_alt label[for="o_hide_org_name"] {
    top: 3px;
}

.maxwidth.form_view_alt .three_fourths, .form_view_alt .three_fourths {
    width: calc(75% - 0.6em);
    margin-right: .6em;
}

.maxwidth .form_view_alt2 {
    max-width: 600px;
    margin: auto;
}

.maxwidth .form_view_alt2 .select-plan {
    padding: 40px 50px;
}

/* UPGRADE ACCOUNT BOX */
hr {
    border-top: 1px solid #D8DADB;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

.upgrade-view.select-plan {
    padding: 40px 50px;
}

.upgrade-view.select-plan .profile-display .user-img {
    width: 110px;
    height: 110px;
}

.upgrade-view.select-plan .account-type .fullwidth {
    margin-bottom: 0.5em;
}

.upgrade-view.select-plan li {
    padding-bottom: 5px;
}

.upgrade-view.select-plan .v-align span {
    padding-left: 15px;
}

.upgrade-view.select-plan .account-type {
    margin-top: 40px;
}

.itemCenter {
    margin: auto;
    float: none !important;
}

.capsP {
    display: inline-block;
    text-transform: uppercase;
    white-space: nowrap;
    margin-right: 1em;
}

/* MODAL STYLES */
.settingsM .inner-m-content {
    top: -150px;
}

.info-popup .five_sixth {
    padding-top: 16px;
}

/* MAP STYLES */
.map-canvas {
    height: 450px;
}

.map-canvas img {
    max-width: none;
}

/* MANAGE ACCOUNT PAGES GENERAL STYLES */
.content.managePage h2 {
    display: inline-block;
}

.content.managePage h4 {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
}

.content.managePage h5 {
    font-weight: 600;
    font-size: 16px;
}

.content.managePage .txt-font-22 {
    font-size: 22px;
    font-weight: normal;
}

.content.managePage .txt-font-20 {
    font-size: 20px;
}

.content.managePage .txt-font-16 {
    font-size: 16px;
}

.content.managePage .txt-bold {
    font-weight: bold;
}

.content.managePage .txt-right {
    text-align: right;
}

.content.managePage .go_back_link {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 30px;
    margin-top: 10px;
}

.content.managePage .narrowForm input {
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    padding-top: 0;
    padding-bottom: 0;
}

.content.managePage .smallBtn {
    font-size: 14px;
    line-height: 35px;
    height: 35px;
}

.content.managePage .medBtn {
    font-size: 16px;
    line-height: 45px;
    height: 45px;
}

.content.managePage .add-margin-top {
    margin-top: 20px !important;
}

.content.managePage .add_10_margin_top {
    margin-top: 10px !important;
}

.content.managePage .add_15_margin_top {
    margin-top: 15px !important;
}

.content.managePage .add_5_margin_top {
    margin-top: 5px;
}

.content.managePage .add_10_margin_bottom {
    margin-bottom: 10px;
}

.content.managePage .add-padding-top {
    padding-top: 20px;
}

.content.managePage .add-padding-top-5 {
    padding-top: 5px;
}

.content.managePage .add-padding-top-10 {
    padding-top: 10px;
}

.content.managePage .add-padding-top-15 {
    padding-top: 15px;
}

.content.managePage .add-padding-bottom {
    padding-bottom: 20px;
}

.content.managePage .add-padding-bottom_5 {
    padding-bottom: 5px;
}

.content.managePage .add-margin-left-15 {
    margin-left: 15px !important;
}

.content.managePage .add-margin-right-15 {
    margin-right: 15px !important;
}

.content.managePage .whiteBox.remove-margin {
    margin-bottom: 0 !important;
    border-bottom: none;
}

.content.managePage p {
    font-size: 13px;
}

.content.managePage p strong {
    font-weight: 600;
}

.content.managePage .whiteBox.remove-padding-top {
    padding-top: 0;
}

.content.managePage .remove-padding-right {
    padding-right: 0 !important;
}

.content.managePage .add_pad_top_bottom {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.content.managePage .bulleted_list {
    margin-left: 35px;
    padding: 7px 0;
}

.content.managePage .bulleted_list li {
    position: relative;
    line-height: 25px;
}

.content.managePage .bulleted_list li:before {
    content: '\25cf';
    position: absolute;
    top: 0;
    left: -25px;
    font-size: 10px;
}

.content.managePage .leftBtn, .content.managePage .rightBtn {
    position: relative;
}

.content.managePage .leftBtn {
    right: 0;
    top: -5px;
}

.content.managePage .rightBtn {
    left: 0;
    top: -2px;
}

.content.managePage .btn-number {
    display: inline-block;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.content.managePage .input-number {
    width: 40px;
    height: 35px;
    display: inline-block;
    padding: 0;
    text-align: center;
}

.content.managePage input[type="checkbox"] + label {
    top: 3px;
    margin-right: 5px;
}

.content.managePage input[type="checkbox"]:checked + label::after {
    color: #009EA1;
}

.content.managePage input[type="checkbox"]:checked + label {
    border-color: #d8d8d8;
}

.content.managePage input[type="checkbox"]:indeterminate + label::after {
    color: #444 !important;
}

.content.managePage input[type="checkbox"]:indeterminate + label {
    border-color: #d8d8d8;
}

.content.managePage input[type="checkbox"]:disabled + label::after {
    color: #ccc !important;
}

.content.managePage .actionsList * {
    vertical-align: middle;
}

.content.managePage .actionsList a:not(:last-child) {
    margin-right: 5px;
    margin-left: 10px;
}

.content.managePage .whiteBox {
    border: 1px solid #D8DADB;
    background: white;
    padding: 20px 15px;
    margin-bottom: 10px;
    position: relative;
}

.content.managePage .whiteBox h3 {
    color: #CD1E1E;
    font-size: 20px;
    line-height: 20px;
}

.content.managePage .whiteBox h3 .btn-link {
    font-size: 14px;
}

.content.managePage .whiteBox h3 span {
    color: #444;
    font-size: 12px;
    position: relative;
    top: 5px;
}

.content.managePage .padded_container {
    width: 100%;
    padding: 0 20px;
}

.content.managePage .add_border_bottom {
    border-bottom: 1px solid #D8DADB;
}

.content.managePage .maxwidth.manageHead {
    padding: 0 0 10px 0 !important;
    margin-bottom: 20px;
    border-bottom: 1px solid #D8DADB;
}

.content.managePage .maxwidth.manageHead #exportLink span {
    top: 7px;
    margin-right: 10px;
}

.content.managePage .half {
    padding-left: 5px;
}

.content.managePage .half:nth-child(2n+1) {
    padding-left: 0;
    padding-right: 5px;
}

.txt-font-13 {
    font-size: 13px;
}

/*MANAGE ACCOUNT NAV*/
.manage_linklist {
    width: 200px;
    float: left;
}

.manage_linklist a {
    display: block;
    position: relative;
    width: 100%;
    border-left: 1px solid #D8DADB;
    border-right: 1px solid #D8DADB;
    border-bottom: 1px solid #D8DADB;
    text-decoration: none;
    font-size: 16px;
    color: #777a7c;
    font-weight: normal;
    background: #fafafa;
    padding-left: 25px;
    line-height: 53px;
    white-space: nowrap;
}

.manage_linklist a:first-child {
    border-top: 1px solid #D8DADB;
}

.manage_linklist a span {
    display: none;
    position: absolute;
    top: -1px;
    left: -1px;
    height: 55px;
    width: 4px;
    background: #CD1E1E;
}

.manage_linklist a.active_manage_link {
    background: white;
    color: #444;
    pointer-events: none;
}

.manage_linklist a.active_manage_link span {
    display: block;
}

.manage_container {
    width: calc(100% - 200px);
    float: left;
}

/* ACCOUNT DETAILS */
.content.managePage .profile-display {
    margin-top: 10px;
    display: table;
}

.content.managePage .profile-display .one_third {
    float: none;
    display: table-cell;
    width: 33.33%;
    vertical-align: top;
}

.content.managePage .profile-display .one_third:first-child li {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.content.managePage .profile-display .user-img {
    height: 65px;
    width: 65px;
}

.content.managePage .profile-display .user {
    height: auto !important;
    width: calc(100% - 70px);
    padding-left: 5px;
}

.content.managePage .profile-display .user span {
    width: 100%;
}

.content.managePage .profile-display .user .user-name {
    font-size: 18px;
    padding-bottom: 4px;
    margin: 0;
    line-height: 22px;
}

.content.managePage .profile-display .user .user-title {
    line-height: 13px;
}

.content.managePage .profile-display .userAccountInfoList {
    font-size: 13px;
}

.content.managePage .profile-display .userAccountInfoList span {
    display: inline-block;
    width: 130px;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.content.managePage .profile-display .one_third.btnBox {
    padding-left: 20px;
    border-left: 1px solid #D8DADB;
    text-align: center;
}

.content.managePage .halfSame {
    height: 400px;
    margin-bottom: 10px;
}

.content.managePage .halfSame .half {
    height: 100%;
}

.content.managePage .halfSame .half .whiteBox {
    height: 100%;
    position: relative;
}

.content.managePage .halfSame .half .whiteBox .btn {
    position: absolute;
    bottom: 27px;
    left: 50%;
    transform: translateX(-50%);
}

.content.managePage .halfSame h4 {
    padding-top: 15px;
}

.content.managePage .purchasedList li {
    padding: 5px 0;
}

.content.managePage .companyInfo .add-btm-border {
    border-bottom: 1px solid #D8DADB;
}

.content.managePage .companyInfo h3 {
    padding-bottom: 20px;
}

.content.managePage .companyInfo .companyDetails {
    padding: 20px 0;
}

.content.managePage .companyInfo .companyDetails li {
    display: inline-block;
}

.content.managePage .companyInfo .companyDetails li:not(:last-child) {
    padding-right: 15px;
}

.content.managePage .companyInfo table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #D8DADB;
}

.content.managePage .companyInfo table td {
    vertical-align: middle;
}

.content.managePage .companyInfo table thead td {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 10px 15px;
}

.content.managePage .companyInfo table tbody td {
    border: 1px solid #D8DADB;
    padding: 20px 15px;
}

@media screen and (max-width: 1300px) {
    .content.managePage .manage_container .manage_user_profile .user-name {
        font-size: 16px;
        line-height: 20px;
    }

    .content.managePage .manage_container .manage_user_profile .user-title {
        font-size: 12px;
    }

    .content.managePage .manage_container .manage_user_profile .btn {
        font-size: 14px;
    }

    .content.managePage .manage_container .manage_user_profile .userAccountInfoList span {
        font-size: 11px;
        width: 140px;
    }

    .content.managePage .manage_container .manage_user_profile .userAccountInfoList {
        font-size: 12px;
        white-space: nowrap;
    }
}

@media screen and (max-width: 1250px) {
    .content.managePage .manage_container .manage_user_profile .userAccountInfoList span {
        font-size: 11px;
        width: 130px;
    }
}

@media screen and (max-width: 1130px) {
    .content.managePage .manage_container .manage_user_profile .userAccountInfoList span {
        font-size: 10px;
        width: 110px;
    }
}

/* SUBSCRIPTIONS */
.content.managePage .subscriptionInfo {
    display: inline-block;
    font-size: 12px;
    position: relative;
    top: 0px;
    left: 30px;
}

.content.managePage .subInfoBox {
    position: relative;
}

.content.managePage .subInfoBox .upgradeInfo {
    font-size: 12px;
    position: absolute;
    top: 23px;
    right: 15px;
}

.content.managePage .subInfoBox h3 {
    padding: 10px 0;
}

.content.managePage .subInfoTable {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.content.managePage .subInfoTable thead td {
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.content.managePage .subInfoTable tbody td {
    padding: 25px 15px;
    vertical-align: middle;
}

.content.managePage .subInfoTable tbody tr:nth-child(odd) {
    background: #f6f6f6;
}

.content.managePage .subInfoTable .subItemName {
    font-size: 16px;
    width: 200px;
}

.content.managePage .subInfoTable .subItemName em {
    font-size: 12px;
}

.content.managePage .subInfoTable .subItemPurchaseDate {
    font-style: oblique;
}

.content.managePage .subInfoTable .subItemQuanity {
    text-align: center;
}

.content.managePage .subInfoTable .subscriptionTotal {
    text-align: right;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 30px;
}

.content.managePage .subInfoTable .subscriptionTotal span {
    padding-right: 30px;
}

.content.managePage .editSubscriptionTable {
    width: 100%;
    margin: 10px 0 20px 0;
}

.content.managePage .editSubscriptionTable thead th {
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.content.managePage .editSubscriptionTable thead th .btn-link {
    font-weight: normal;
    text-transform: none;
    padding-left: 5px;
}

.content.managePage .editSubscriptionTable tbody tr {
    border-bottom: 1px solid #D8DADB;
}

.content.managePage .editSubscriptionTable tbody td {
    padding: 10px 10px 10px 0;
    vertical-align: middle;
    height: 53px;
}

.content.managePage .editSubscriptionTable td:nth-child(2) {
    font-style: oblique;
    font-size: 12px;
}

.content.managePage .editSubscriptionTable td:first-child {
    font-size: 15px;
}

.content.managePage .editSubscriptionTable .editSubTotal {
    font-size: 18px;
    padding: 15px 0;
}

.content.managePage .editSubscriptionTable .editSubTotal span {
    font-weight: bold;
    padding-left: 10px;
}

.content.managePage .editSubscriptionTable input[type="checkbox"] + label {
    display: inline-block;
    vertical-align: top;
}

.content.managePage .editSubscriptionTable input[type="checkbox"] + label ~ span {
    display: inline-block;
    width: calc(100% - 30px);
}

.content.managePage .surveyBox {
    width: 571px;
    padding: 56px 101px;
    margin: auto;
    margin-top: 80px;
}

.content.managePage .surveyBox div {
    padding: 15px 0;
}

.content.managePage .surveyBox div.clear {
    padding: 0;
}

/* ADVANCED OPTIONS */
.content.managePage .btn.ictOn {
    background-color: transparent;
    border: 3px solid #CD1E1E;
    color: #CD1E1E;
    line-height: 29px;
}

.content.managePage .currentDomainsList {
    background-color: #f6f6f6;
    padding: 10px;
}

.content.managePage .currentDomainsList h4 {
    border-bottom: 1px solid #D8DADB;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* BILLING */
.content.managePage .billingDetails {
    padding: 40px 0;
}

.content.managePage .txt-light {
    color: #939393;
}

.content.managePage .purchasedList li {
    padding: 3px 0;
    font-size: 13px;
}

.content.managePage .card_number {
    margin-bottom: 20px;
}

.content.managePage .card_number * {
    vertical-align: middle;
}

.content.managePage .card_number img {
    margin-right: 10px;
}

.content.managePage .defaultPaymentForm {
    padding: 51px 174px;
}

.content.managePage .defaultPaymentForm h3 {
    padding-bottom: 15px;
}

.content.managePage .defaultPaymentForm h4 {
    padding-bottom: 10px;
    margin-top: 10px;
    font-weight: normal;
}

.content.managePage .defaultPaymentForm hr {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #D8DADB;
    width: 100%;
    clear: both;
    padding-top: 15px;
    margin-bottom: 25px;
}

.content.managePage .defaultPaymentForm input, .content.managePage .defaultPaymentForm textarea {
    padding-right: 1em;
    padding-left: 1em;
}

.content.managePage .defaultPaymentForm .select_shell svg, .content.managePage .defaultPaymentForm .select_custom svg {
    right: .7em;
}

.content.managePage .defaultPaymentForm .fullwidth .half {
    width: 50%;
}

.content.managePage .defaultPaymentForm .fullwidth {
    margin-bottom: 10px;
}

.content.managePage .defaultPaymentForm .one_third {
    width: 33%;
}

.content.managePage .defaultPaymentForm .two_thirds {
    width: 67%;
    margin-left: 0 !important;
}

.content.managePage .defaultPaymentForm .two_fifths {
    width: 40%;
}

.content.managePage .defaultPaymentForm .three_fifths {
    padding-top: 0;
}

.content.managePage .defaultPaymentForm .form_pad_right {
    padding-right: 5px;
}

.content.managePage .defaultPaymentForm .form_pad_left {
    padding-left: 5px;
}

.content.managePage .defaultPaymentForm img {
    position: relative;
    top: 5px;
    left: 10px;
}

.content.managePage .defaultPaymentForm input[type="radio"]:checked + label::after {
    background-color: #CD1E1E;
}

.ie .inner-sub-head a.icon-plus:before {
    display: inline-block;
    height: 1.2em;
    overflow: hidden;
}

.ie .advanced-flter .content-shell .t-body .view .listings {
    padding-bottom: 20px;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #D8DADB;
    background: #fff;
    color: #444;
    box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.15);
}

.tooltipster-dark {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #D8DADB;
    background: #576065;
    color: #fff !important;
    font-size: 12px !important;
    text-align: center;
    box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.15);
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
    overflow: hidden;
    padding: 22px 22px 16px 22px;
}

.tooltipster-default .tooltipster-content p.h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.4em;
}

.tooltipster-default .tooltipster-content p.h3 + p {
    margin-top: 6px;
}

.tooltipster-default .tooltipster-content p {
    font-size: 12px;
    line-height: 19px;
}

.tooltipster-default .tooltipster-content a {
    color: #009EA1;
    font-size: 14px;
}

.tooltipster-default .tooltipster-content .btn-learnmore {
    background: #CD1E1E;
    width: 128px;
    height: 35px;
    display: inline-block;
    margin-top: 6px;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    text-decoration: none;
}

.tooltipster-default .tooltipster-content .btn-learnmore:hover {
    background: #df2525;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-dark .tooltipster-content {
    overflow: hidden;
    padding: 20px 5px;
    font-size: 12px !important;
    text-align: center;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
    /* border-color: ... !important; */
}

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}

.tooltipster-base .tooltipster-content {
    overflow: hidden;
}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
    right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

/*******************************************************************************************/
/************************************** | UNIVERSAL | **************************************/
/*******************************************************************************************/
html, body {
    width: 100%;
    height: 100%;
    min-height: 700px;
    position: relative;
}

body {
    background: #f6f6f6;
    min-width: 1080px;
    margin: 0;
    font-size: 13px;
    line-height: 1.4em;
    color: #444;
    -webkit-text-size-adjust: none;
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    word-wrap: break-word;
}

p {
    margin: 1em 0;
}

a {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

a:hover {
    color: #576065;
}

a:before {
    text-decoration: none;
}

a.link {
    text-transform: uppercase;
    text-decoration: none;
    color: #191C1F;
}

img {
    max-width: 100%;
}

svg {
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.right {
    float: right;
}

.left {
    float: left;
}

.clear {
    width: 100%;
    height: 0;
    clear: both;
}

.v-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.x-align {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.hidden {
    display: none;
}

.relative {
    position: relative;
}

.box-shadow {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.08);
}

.inner-shadow {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}

.mobile-device-only {
    display: none;
}

body.mobile .mobile-device-only {
    display: block;
}

.hr {
    background: #D8DADB;
    width: 100%;
    height: 1px;
    margin: 0 auto;
}

.hr.short {
    width: 90px;
}

.half-divide {
    height: 0.8em;
}

.wrapper {
    background: #f6f6f6;
    min-width: 320px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-left: 86px;
    padding-top: 67px;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.wrapper.out-of-focus > * {
    pointer-events: none;
}

.account .wrapper {
    padding: 0;
}

.maxwidth {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2em;
    position: relative;
}

.maxhalfwidth {
    width: 50%;
    margin: 0 auto;
}

.maxthirdwidth {
    width: 33%;
    margin: 0 auto;
}

.content {
    padding-top: 2.6em;
    padding-bottom: 1.8em;
}

.account .content {
    padding-top: 3.5em;
    padding-bottom: 3.5em;
}

/*** STANDARD BUTTON ***/
.btn {
    width: auto;
    min-width: 150px;
    height: 55px;
    display: inline-block;
    padding: 0 2em;
    line-height: 55px;
    font-size: 1.5em;
    font-weight: 400;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

.btn.inactive,
.btn2.inactive {
    background-color: #576065;
    pointer-events: none;
    cursor: default;
}

.btn2 {
    width: auto;
    min-width: 150px;
    height: 46px;
    display: inline-block;
    padding: 0 1.5em;
    line-height: 46px;
    font-size: 1.4em;
    font-weight: 400;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

.btn:hover,
.btn2:hover {
    color: #fff;
}

.btn.cancel {
    background-color: #b9b9b9;
    color: #000;
}

.btn.cancel:hover {
    background-color: #c6c6c6;
}

.btn-hallow {
    background: #fff;
    border: 1px solid #CD1E1E;
    color: #CD1E1E;
}

.inner-btn {
    width: 100%;
    height: 40px;
    display: inline-block;
    padding: 0 1em;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #D8DADB;
    color: #B1B1B1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.hallow-btn {
    width: 100%;
    padding: 1em 2.6em 1.2em 1.2em;
    display: block;
    position: relative;
    border: 1px solid #D8DADB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 1em;
    line-height: 1.25em;
    text-decoration: none;
}

.btn.hidden,
.btn2.hidden,
.hallow-btn.hidden {
    display: none;
}

/*** INFO POPUP ***/
.info-popup {
    display: inline-block;
    position: relative;
}

.info-popup .popup {
    background: #576065;
    width: auto;
    max-width: 150px;
    display: inline-block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 1em 1.5em;
    position: absolute;
    width: 150px;
    right: -150px;
    top: 2px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 10px;
    line-height: 1.5em;
    font-style: oblique;
    color: #fff;
    pointer-events: none;
    text-align: left;
}

.info-popup:hover .popup {
    right: -155px;
    opacity: 1;
}

.info-popup .popup:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid #576065;
    border-bottom: 8px solid transparent;
    margin: 7px 0 0 -22px;
}

.info-popup .popup:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 71px;
    bottom: -8px;
    border-left: 8px solid transparent;
    border-top: 8px solid #576065;
    border-right: 8px solid transparent;
    margin: 24px 0 0 26px;
}

.ie .info-popup .popup {
    display: none;
}

.ie .info-popup:hover .popup {
    display: block;
}

.t-tip {
    border-bottom: 2px dotted #444;
}

.t-tip:hover {
    cursor: help;
}

.border-radius {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
    border: 1px solid #D8DADB;
}

.border-radius-full {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    overflow: hidden;
    border: 1px solid #D8DADB;
}

.org-logo {
    max-width: 300px;
    max-height: 100px;
    display: block;
    position: absolute;
    right: 0;
    top: -95px;
}

.org-logo-text {
    max-width: 300px;
    max-height: 100px;
    display: block;
    position: absolute;
    right: 0;
    top: -85px;
}

.suspended {
    text-decoration: line-through;
    opacity: 0.4;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/************************************ | GRID COLUMNS | *************************************/
/*******************************************************************************************/
.fullwidth {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    margin-bottom: 1.2em;
}

.remove-margin {
    margin-bottom: 0;
}

.remove-all-margin {
    margin: 0;
}

.remove-padding {
    padding: 0;
}

.remove-border {
    border: none;
}

.half {
    width: 50%;
    float: left;
    position: relative;
}

/* .half.copy		{width:46%;		width:calc(50% - 5.7em); margin-right:5.7em;} */
.copy {
    padding-right: 5.7em;
}

.content .half {
    width: 50%;
    padding-left: 1em;
}

.content .half:nth-child(odd) {
    padding-left: 0;
    padding-right: 1em;
}

.one_third {
    width: 33.33%;
    float: left;
    position: relative;
}

.one_third.copy {
    width: 27%;
    width: calc(33.33% - 5.6em);
    margin-right: 5.6em;
}

.two_thirds {
    width: 66.66%;
    float: left;
    position: relative;
}

.two_thirds.right {
    float: right;
}

.one_fourth {
    width: 25%;
    float: left;
    position: relative;
}

.three_fourths {
    width: 75%;
    float: left;
    position: relative;
}

.one_fifth {
    width: 20%;
    float: left;
    position: relative;
}

.two_fifths {
    width: 40%;
    float: left;
    position: relative;
}

.three_fifths {
    width: 60%;
    float: left;
    position: relative;
}

.four_fifths {
    width: 80%;
    float: left;
    position: relative;
}

.one_sixth {
    width: 16.66%;
    float: left;
    position: relative;
}

.five_sixth {
    width: 83.34%;
    float: left;
    position: relative;
}

.one_eighth {
    width: 12.5%;
    float: left;
    position: relative;
}

.one_tenth {
    width: 10%;
    float: left;
    position: relative;
}

.float-none {
    float: none;
}

.fullwidth .half {
    width: calc(50% - 0.6em);
}

.fullwidth .half:nth-child(even), .fullwidth .half.lastHalf {
    float: right;
}

.fullwidth.inner-page .one_third {
    width: 33%;
    /* width:calc(33% - 0.9em); margin-right:0.9em; */
    margin-left: 0;
}

.fullwidth.inner-page .two_thirds {
    width: calc(66% - 0.9em);
    margin-left: 0.9em;
    margin-right: 0;
    float: right;
}

.fullwidth .two_fifths {
    width: calc(40% - 0.6em);
}

.fullwidth .three_fifths {
    width: calc(60% - 0.6em);
    padding-top: 2px;
    float: right;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/********************************** | BACKGROUND COLORS | **********************************/
/*******************************************************************************************/
.bg-black {
    background-color: #000;
}

.bg-white {
    background-color: #fff;
}

.bg-gray {
    background-color: #ccc;
}

.bg-lt-gray {
    background-color: #F4F4F4;
}

.bg-dark {
    background-color: #191C1F;
    color: #fff;
}

.bg-dk-gray {
    background-color: #576065;
}

.bg-brand-color {
    background-color: #CD1E1E;
    color: #fff;
}

.bg-brand-color a {
    color: #fff;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/*********************************** | MARKETING SIGNUP | **********************************/
/*******************************************************************************************/
.marketing .fullwidth .three_fifths {
    float: right;
}

.marketing .fullwidth.alternate .three_fifths {
    float: left;
}

.marketing .fullwidth.alternate .two_fifths {
    float: right;
}

.marketing .fullwidth.alternate .two_fifths img {
    float: right;
}

.marketing.signedup img {
    margin: 0 auto 2em;
    display: block;
}

.marketing.signedup h2 {
    text-align: center;
}

.marketing.signedup .one_third.copy {
    margin: 0 2.6em;
    width: calc(33.33% - 5.2em);
    padding-right: 0;
}

.marketing.signedup .one_third.copy:nth-child(1) p {
    padding-left: 0.5em;
}

.marketing.signedup .one_third.copy:nth-child(2) p {
    padding-left: 1em;
}

.marketing.signedup .one_third.authority {
    margin-right: 5.2em;
    margin-left: 0;
}

.marketing.signedup .one_third.glossary {
    margin-right: 0;
    margin-left: 5.2em;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/************************************ | PAGE HEADERS | *************************************/
/*******************************************************************************************/
.page-header {
    background: #fff;
    padding-top: 1.8em;
    border-bottom: 1px solid #D8DADB;
}

.page-header h1 {
    margin-bottom: 18px;
}

.page-header .half.txt-right {
    position: absolute;
    top: 0;
    right: 2em;
    height: 108px;
    pointer-events: none;
}

.page-header h2 {
    /* padding-top:0.6em; */
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sub-nav {
    margin-top: 0.7em;
    font-size: 1.1em;
    letter-spacing: 0.05em;
    position: relative;
    z-index: 500;
}

.sub-nav a {
    line-height: 40px;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 25px;
    text-decoration: none;
}

.sub-nav a:first-child {
    margin-left: 0;
}

.sub-nav a.active {
    border-bottom: 3px solid #CD1E1E;
}

.section-title {
    padding-top: 2.6em;
}

.section-title h2 {
    padding-top: 0.2em;
    float: left;
}

.section-title span {
    line-height: 48px;
}

.section-title .select_shell {
    width: 256px;
    margin-left: 20px;
}

/*******************************************************************************************/
/*******************************************************************************************/
.renewal-notice:before {
    content: '(do not include the initial year)';
    position: absolute;
    top: 85%;
    font-size: 0.7em;
}

.renewal-input {
    vertical-align: top;
    margin-bottom: 10px;
}

/*******************************************************************************************/
/********************************* | INNER PAGE CONTENT | **********************************/
/*******************************************************************************************/
/*** IN-PAGE NOTIFICATION ***/
.inpage-notification {
    background: #f6f6f6;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    border-bottom: 1px solid #f6f6f6;
}

.inpage-notification.active {
    background: #fff;
    min-height: 0;
    max-height: 200px;
    height: auto;
    padding: 0.8em 0;
    border-bottom: 1px solid #D8DADB;
}

.inpage-notification .maxwidth {
    padding-right: 100px;
}

.inpage-notification .maxwidth a {
    color: #009EA1;
}

.inpage-notification .icon-close {
    width: 68px;
    position: absolute;
    right: 1.5em;
    top: 0;
    text-decoration: none;
    color: #009EA1;
}

.inpage-notification .icon-close svg {
    width: 30px;
    margin-top: -1px;
    float: right;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}

.inpage-notification a {
    padding: 0 0.2em;
}

/*** TOOLTIP ***/
.tooltip {
    width: 290px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9900;
    text-align: center;
    display: none;
}

.tooltip.display {
    display: block;
    -webkit-animation: pulse infinite ease-in-out 2.5s 0;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: pulse infinite ease-in-out 2.5s 0;
    -moz-animation-fill-mode: forwards;
    -o-animation: pulse infinite ease-in-out 2.5s 0;
    -o-animation-fill-mode: forwards;
    -ms-animation: pulse infinite ease-in-out 2.5s 0;
    -ms-animation-fill-mode: forwards;
    animation: pulse infinite ease-in-out 2.5s 0;
    animation-fill-mode: forwards;
}

.tooltip.tt-view-saved {
    top: -150px;
    left: 123px;
}

.tooltip .tt-head {
    background: #191C1F;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 1em;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
}

.tooltip .tt-body {
    background: #fff;
    padding: 1em;
    border: 1px solid #D8DADB;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
}

/* .tooltip .tt-body:after{content:''; position:absolute; width:0; height:0; bottom:0; left:50%; border-top:8px solid transparent; border-right:8px solid #fff; border-bottom:8px solid transparent; margin:7px 0 0 -22px;} */
.tooltip .tt-body > *:first-child {
    margin-top: 0;
}

.tooltip .btn2 {
    min-width: 50px;
    height: 30px;
    padding: 0 2em;
    line-height: 30px;
    font-size: 1.2em;
    text-transform: none;
}

.tooltip .point-after {
    background: #fff;
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: -9px;
    left: 50%;
    left: calc(50% - 7px);
    border-bottom: 1px solid #D8DADB;
    border-right: 1px solid #D8DADB;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*** ONBOARDING WALKTHROUGH ***/
.stepped-overview {
    max-width: 575px;
    margin: 0 auto;
    padding: 42px 0;
}

.stepped-overview .step {
    width: 50px;
    height: 50px;
    border: 1px solid #D8DADB;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0 auto;
    font-size: 2.1em;
    text-align: center;
    line-height: 50px;
    color: #B4B1B1;
    font-weight: bold;
}

.stepped-overview > p {
    padding: 0 1em;
}

.stepped-overview p {
    margin: 0;
}

.stepped-overview p.txt-title-p {
    line-height: 1.2em;
    margin-bottom: 8px;
    margin-top: 6px;
}

.stepped-overview .one_sixth {
    width: 16.66%;
    float: left;
}

.stepped-overview h3 {
    margin-bottom: 8px;
}

.stepped-overview .info {
    width: 15px;
    height: 15px;
    display: inline;
    position: relative;
    top: 2px;
}

.stepped-overview .fullwidth {
    color: #B1B1B1;
}

.stepped-overview .fullwidth.active {
    color: #444;
}

.stepped-overview .fullwidth.active .step {
    color: #009EA1;
}

.stepped-overview .fullwidth.active h3 {
    color: #009EA1;
}

.stepped-overview.dashboard {
    padding: 20px 30px 0;
    color: #444;
    max-width: 100%;
}

.stepped-overview.dashboard .step {
    width: 70px;
    height: 70px;
    margin-bottom: 8px;
    font-size: 3.3em;
    line-height: 70px;
    color: #009EA1;
}

.stepped-overview.dashboard .one_third {
    padding: 20px 14px 0;
    border: none;
}

.stepped-overview.dashboard h3 {
    margin-top: 30px;
    margin-bottom: 0;
}

/*** DEFAULT LIST ***/
.default-list-selected-state:after {
    content: '';
    background: #009EA1;
    width: 6px;
    height: 102%;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: 0;
}

.default-gi-view p {
    margin: 0.5em 0;
}

/*** INNER SUB HEAD ***/
.inner-sub-head {
    margin-bottom: 1.8em;
}

.inner-sub-head .select_shell {
    width: 26%;
    max-width: 320px;
    margin-right: 1%;
}

.inner-sub-head span {
    margin: 0 2em;
}

.inner-sub-head .select_shell .fullwidth {
    margin-bottom: 0;
}

.inner-sub-head .select_shell ul li {
    border-top: 1px solid #D8DADB;
}

.content .inner-sub-head .half:nth-child(odd) {
    padding-right: 0;
}

/*** MAIN INNER PAGE CONTENT ***/
.inner-page .content-shell {
    min-height: 848px;
}

.inner-page .border-radius > * {
    padding: 0.8em 1em;
    border-top: 1px solid #D8DADB;
}

.inner-page .border-radius > #divCommonControlsHeader {
    padding: 0;
}

.inner-page .border-radius > #divCommonControlsHeader > * {
    border-top: 1px solid #D8DADB;
}

.inner-page .border-radius > #divCommonControlsHeader > *:first-child {
    border-top: none;
}

.inner-page .border-radius > #divCommonControlsHeader > .t-head {
    padding: 0.8em 1em;
}

.inner-page .border-radius > .remove-padding {
    padding: 0;
}

.inner-page .border-radius > *:last-child {
    border-bottom: 1px solid #D8DADB;
}

.inner-page .border-radius > *.clear {
    padding: 0;
    border-top: none;
    border-bottom: none;
}

.inner-page .border-radius > .remove-border {
    border: none;
}

.inner-page .t-head {
    border-top: none;
}

.inner-page .t-head h3 {
    font-size: 1.42em;
    line-height: 1em;
}

.inner-page .t-sub-head {
    padding: 0.5em 1em;
}

.inner-page .t-sub-head2 {
    padding: 0.2em 1em;
    line-height: 1.6em;
}

.inner-page .t-sub-head2 .txt-title-p {
    line-height: 1.4em;
}

.inner-page .t-sub-head div:not(.clear), .inner-page .t-sub-head h4 {
    display: inline;
    margin-left: 3.4%;
}

.inner-page .t-sub-head2 div:not(.clear) {
    display: inline;
    padding-right: 0.5em;
    margin-left: 0;
    overflow: hidden;
}

.inner-page .t-sub-head *:first-child {
    margin-left: 0;
}

.inner-page .t-sub-head2 label {
    display: inline-block;
    top: 2px;
    /*background:#fff; width:16px; height:16px; position:relative; border:1px solid $border-color; cursor:pointer;*/
}

.inner-page .t-sub-head2 input[type="checkbox"]:checked + label {
    border: 1px solid #576065;
}

.inner-page .t-sub-head2 input[type="checkbox"]:checked + label:after {
    color: #576065;
}

.inner-page .t-controls-sub-head {
    padding: 0;
}

.inner-page .t-controls-sub-head span {
    padding: 0.4em 1em;
}

.inner-page .border-radius .search-authdoc {
    padding: 0;
    position: relative;
}

.inner-page .border-radius .search-authdoc input {
    height: 3.07em;
    padding: 0.8em 2.6em 0.8em 1em;
    border: none;
}

.inner-page .border-radius .search-authdoc .icon-search {
    position: absolute;
    top: 9px;
    right: 0.8em;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

/*******************************************************************************************/
/*******************************************************************************************/
a.feedbackFlag {
    background-color: #cd1e1e;
    right: -32px;
    top: 250px;
    line-height: 44px;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    text-align: center;
    height: 44px;
    width: 108px;
    margin: 0;
    padding: 0;
    color: #fff;
    text-decoration: none;
    position: fixed;
    z-index: 9999;
    display: block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#ticketSubmissionForm {
    margin-bottom: 70px;
}

#launcher[style] {
    margin-bottom: 70px;
    -ms-transform: scale(0.7) !important;
    /* IE 9 */
    -webkit-transform: scale(0.7) !important;
    /* Chrome, Safari, Opera */
    transform: scale(0.7) !important;
    left: -10px !important;
}

/*********************************************************************************************************************************/
/********************************************************* MEDIA QUERIES *********************************************************/
/*********************************************************************************************************************************/
/* MEDIA QUERY FOR ANYTHING LARGER THAN MOBILE */
/*
@media only screen and (min-width:480px){
	.mobile-only{display:none;}
	.desktop-only{display:block;}
}
*/
/* MEDIA QUERY FOR TABLET SIZE AND SMALLER */
@media only screen and (min-width: 0px) and (max-width: 1080px) {
    header {
        position: absolute;
    }
}

/* MEDIA QUERY FOR MOBILE */
/*
@media only screen and (min-width:0px) and (max-width:480px){
	.mobile-only{display:block;}
	.desktop-only{display:none;}
	.half, .one_third{width:100%;}
	.one_fourth{width:50%;}
}
*/

.adminSelection {
    margin: 0 0 20px
}

.adminSelectionItem {
    padding: 10px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    float: left;
    width: 100%;
}

.adminSelectionItem .checkbox {
    float: left;
}

.adminSelectionItem .checkbox input[type="radio"] + label {
    margin: 10px;
}

.adminSelectionItem .label {
    margin: 10px 0 10px 10px;
}

.campaignGroup, .globalGroup {
    margin: 10px 0;
    background: #f8f8f8;
}

.campaignGroupHeader, .globalGroupHeader {
    background: #f3f3f3;
    border: 1px solid #ddd;
}

.campaignItems {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.campaignGroup .checkbox, .globalGroup .checkbox, .campaignItem .checkbox {
    float: left;
}

.campaignGroup .checkbox input[type="checkbox"] + label, .globalGroup .checkbox input[type="checkbox"] + label, .campaignItem .checkbox input[type="checkbox"] + label {
    margin: 20px;
}

.campaignGroup .label, .globalGroup .label, .campaignItem .label {
    margin: 12px 0;
}

.campaignGroupName, .globalGroupName, .campaignItemName {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}

.campaignItem {
    width: 97%;
    float: right;
    margin-bottom: 10px;
}

.expander {
    float: right;
    margin: 19px;
}

.expander a {
    text-decoration: none;
}

.expander a:after {
    content: '\002B';
    width: 14px;
    font-size: 1.2rem;
    line-height: 1em;
    text-align: center;
    color: #aaa;
}

.expander a.expanded:after {
    content: '\2212';
}

/*# sourceMappingURL=styles.css.map */