/* variables */
:root {
    /* scale for */
    --nav-small: 56px;
    --nav-medium: 72px;
    --nav-large: 80px;
}

textarea {
    border: 1px solid #C2CBCF;
    border-radius: 4px;
    outline: none;
}
input:invalid {
    border: solid red 1px;
    color: red;
}

/* fonts */
.heading-one {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 35px;
}


.heading-two {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
}

.p-small {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
}

.p-small-semi, .p-small-semi-gray {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}

.p-small-value {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #606F73;
}

.p-semi {
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
}

.p-regular {
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
}

.label-semi {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
}

.p-small-semi-gray {
    color: #606F73;
}

.anchor-link, .anchor-link:hover {
    color: #00763E;
}
.anchor-document {
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: normal;;
    line-height: 17px;
    color: #00763E;
    text-decoration: underline;
    padding-left: 26px;
}

.anchor-document:hover {
    color: #00763E;
}

.anchor-document:before {
    position: absolute;
    left: 0;
    top: calc(50% - 10px);
    content: "\e952";
    font-size: 20px;
    line-height: 20px;
    font-weight: 100;
    color: #87949B;
    font-family: 'Streamline-Bold';
}

.anchor-document:before:hover {
    text-decoration: none;
}

/* COLOR CODES */
.seq-primary-color {
    color: #00A657;
}

.seq-primary-dk {
    color: #00763E;
}

.seq-gray-0 {
    color: #F8F9F9;
}

.seq-gray-1 {
    color: #EEF1F2;
}

.seq-gray-2 {
    color: #EEF1F2;
}

.seq-gray-3 {
    color: #D4DBDE;
}

.seq-gray-4 {
    color: #C2CBCF;
}

.seq-gray-5 {
    color: #99A5AA;
}

.seq-gray-6 {
    color: #798487;
}

.seq-gray-7 {
    color: #545F62;
}

.seq-gray-8 {
    color: #394447;
}

.seq-gray-9 {
    color: #191F20;
}
.color-g7 {
    color: #606F73;
}

.color-g8 {
    color: #394447;
}


/* FRESH COMMON COLORS begin */
.color-White {
    color: #ffffff !important;
}
.color-white {
    color: #fff !important;
}
.color-black {
    color: #000 !important;
}

.color-green1 {
    color: #8DDB60 !important;
}
.color-green2 {
    color: #5AB128 !important;
}
.color-green3 {
    color: #44851F !important;
}

.color-seaGreen1 {
    color: #4CCBAC !important;
}
.color-seaGreen2 {
    color: #30A488 !important;
}
.color-seaGreen3 {
    color: #257C67 !important;
}

.color-cyan1 {
    color: #31DEF5 !important;
}
.color-cyan2 {
    color: #0AB4CA !important;
}
.color-cyan3 {
    color: #098FA0 !important;
}

.color-blue1 {
    color: #45B8FC !important;
}
.color-blue2 {
    color: #0497EF !important;
}
.color-blue3 {
    color: #0372B5 !important;
}

.color-indigo1 {
    color: #6E84F8 !important;
}
.color-indigo2 {
    color: #425EF6 !important;
}
.color-indigo3 {
    color: #1B3DF4 !important;
}

.color-purple1 {
    color: #BA80F3 !important;
}
.color-purple2 {
    color: #943AEC !important;
}
.color-purple3 {
    color: #7B15DF !important;
}

.color-pink1 {
    color: #F88CB9 !important;
}
.color-pink2 {
    color: #F4408B !important;
}
.color-pink3 {
    color: #E60D68 !important;
}

.color-red1 {
    color: #F27373 !important;
}
.color-red2 {
    color: #EE4747 !important;
}
.color-red3 {
    color: #EA1B1B !important;
}

.color-orange1 {
    color: #FCB734 !important;
}
.color-orange2 {
    color: #FCA606 !important;
}
.color-orange3 {
    color: #E39403 !important;
}

.color-yellow1 {
    color: #F4E23D !important;
}
.color-yellow2 {
    color: #EBD402 !important;
}
.color-yellow3 {
    color: #D8C302 !important;
}

.bgColor-green1 {
    background-color: #8DDB60 !important;
}
.bgColor-green2 {
    background-color: #5AB128 !important;
}
.bgColor-green3 {
    background-color: #44851F !important;
}

.bgColor-seaGreen1 {
    background-color: #4CCBAC !important;
}
.bgColor-seaGreen2 {
    background-color: #30A488 !important;
}
.bgColor-seaGreen3 {
    background-color: #257C67 !important;
}

.bgColor-cyan1 {
    background-color: #31DEF5 !important;
}
.bgColor-cyan2 {
    background-color: #0AB4CA !important;
}
.bgColor-cyan3 {
    background-color: #098FA0 !important;
}

.bgColor-blue1 {
    background-color: #45B8FC !important;
}
.bgColor-blue2 {
    background-color: #0497EF !important;
}
.bgColor-blue3 {
    background-color: #0372B5 !important;
}

.bgColor-indigo1 {
    background-color: #6E84F8 !important;
}
.bgColor-indigo2 {
    background-color: #425EF6 !important;
}
.bgColor-indigo3 {
    background-color: #1B3DF4 !important;
}

.bgColor-purple1 {
    background-color: #BA80F3 !important;
}
.bgColor-purple2 {
    background-color: #943AEC !important;
}
.bgColor-purple3 {
    background-color: #7B15DF !important;
}

.bgColor-pink1 {
    background-color: #F88CB9 !important;
}
.bgColor-pink2 {
    background-color: #F4408B !important;
}
.bgColor-pink3 {
    background-color: #E60D68 !important;
}

.bgColor-red1 {
    background-color: #F27373 !important;
}
.bgColor-red2 {
    background-color: #EE4747 !important;
}
.bgColor-red3 {
    background-color: #EA1B1B !important;
}

.bgColor-orange1 {
    background-color: #FCB734 !important;
}
.bgColor-orange2 {
    background-color: #FCA606 !important;
}
.bgColor-orange3 {
    background-color: #E39403 !important;
}

.bgColor-yellow1 {
    background-color: #F4E23D !important;
}
.bgColor-yellow2 {
    background-color: #EBD402 !important;
}
.bgColor-yellow3 {
    background-color: #D8C302 !important;
}

/* FRESH COMMON COLORS end */

.seq-link, .seq-link-arrow {
    color: #00A657;
    cursor: pointer;
}
.seq-link-light {
    color: #8DDB60;
}

.seq-link:hover {
    text-decoration: underline;
    outline: none;
    color: #00A657;
}

.seq-link-light:hover {
    text-decoration: underline;
    outline: none;
    color: #8DDB60 !important;
}
.seq-link-arrow:hover {
    text-decoration: none;
    outline: none;
    color: #8DDB60;
}

.seq-link-arrow:after {
    content: '\e90a';
    font-family: 'Streamline-Bold';
    font-size: 10px;
}

.error {
    color: #E02F4F !important;
}
label.error {
    margin-top: 5px;
}
input.error, textarea.error, select.error, .select2-container.error .select2-selection {
    color: #E02F4F !important;
    border-color: #E02F4F !important;
}


.collapse-arrow {
    color: #87949B;
}
.collapse-arrow:hover {
    color: #87949B;
    text-decoration: none;
}
.collapse-arrow:before {
    content:'\e906';
    font-family: 'Streamline-bold';
}
.collapse-arrow.collapsed:before {
    content:'\e90a';
    font-family: 'Streamline-bold';
}

.collapse-plus {
    font-weight: bold;
    font-size: 1.3em;
    color: #87949B;
}
.collapse-plus:hover {
    color: #5AB128;
    text-decoration: none;
}
.collapse-plus:before {
    content:'\2212';
    font-weight: bold;
    font-size: 1.3em;
}
.collapse-plus.collapsed:before {
    content:'\002B';
    font-weight: bold;
    font-size: 1.3em;
}


.red-asterisk {
    color: #E02F4F;
}

.flip-icon {
    transform:rotate(180deg);
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
}

.btn-icon, .btn.icon-bin {
    color: #99A5AA;
}
/* Handy classes */
.hidden {
    display: none !important;
}

.bg-gray {
    background: #F3F6F9;
}

hr.gray-line {
    border: 1px solid #C2CBCF;
    width: 100%;
}

.clsDisabled {
    background: #FFFFFF;
    opacity: 0.3;
    border: 1px solid #D4DBDE;
}
a[disabled], .no-pointer-events {
    pointer-events: none
}

/* custom radio button */
.form-radio-input:active, .form-radio-input:checked {
    outline: none;
}

.seq-form-radio input.form-radio-input {
    width: auto;
    opacity: 0.000000001;
    position: absolute;
    cursor: pointer;
}

.seq-form-radio input.form-radio-input + label:before,
.seq-form-radio input.form-radio-input + .invalid-feedback + label:before {
    height: 16px;
    width: 16px;
    content: "\00a0";
    border-radius: 10px;
    display: inline-block;
    margin-right: 7px;
    border: 2px solid #87949B;
    vertical-align: top;
    cursor: pointer;
}

.seq-form-radio:hover input.form-radio-input + label:before,
.seq-form-radio:hover input.form-radio-input + .invalid-feedback + label:before
{
    border: 2px solid #1a1a1a;
}

.seq-form-radio input.form-radio-input:checked + label:before,
.seq-form-radio input.form-radio-input:checked + .invalid-feedback + label:before
{
    background-color: #00A657;
    color: #333;
    background-image: url('images/radio_dot.svg');
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    cursor: pointer;
}

.seq-form-radio input[type=radio] {
    width: 18px;
    height: 18px;
}
.seq-form-radio .form-radio-label {
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    line-height: 17px;
    color: #526061;
    margin: 0 15px 10px 5px;
    cursor: pointer;
}
.seq-form-radio:hover .form-radio-label {
    color: #5AB128;
}

/*  */
.seq-dropdown-menu {
    width: auto;
    background: #FFFFFF;
    box-shadow: 0px 2px 6px rgba(57, 68, 71, 0.3);
    border-radius: 4px;
}
/*  */
.seq-dropdown-menu > li > button, .seq-dropdown-menu > li > a {
    display: block;
    height: 36px;
    padding: 10px 16px 9px;
    font-size: 14px;
    line-height: 17px;
    background: #FFFFFF;
    color: #394447;
    width: 100%;
    border-radius: 4px;
}

.seq-dropdown-menu > li > button:hover, .seq-dropdown-menu > li > a:hover {
    background: #EEF1F2;
}

.seq-dropdown-menu > li > button:focus, .seq-dropdown-menu > li > a:focus {
    background: #F2FCED;
}

/* checkbox */

.checkbox label {
    margin-bottom: 0;
}

table input[type="checkbox"], .bcards input[type="checkbox"], .ms-options input[type="checkbox"] {
    display: inline-block;
    appearance: none;
    -moz-appearance:initial;
    -webkit-appearance:none;
    outline-offset: 0px;
    position: relative;
    border-radius: 2px;
    box-shadow: 0 0 0 2pt #87949B;
    width: 20px;
    height: 20px;
}

table input[type="checkbox"]:hover, .bcards input[type="checkbox"]:hover, .ms-options input[type="checkbox"]:hover {
    cursor: pointer;
}

table input[type=checkbox]:checked, .bcards input[type="checkbox"]:checked, .ms-options input[type="checkbox"]:checked {
    box-shadow: 0 0 0 2pt #00A657;
}

table input[type=checkbox]:checked:before, .bcards input[type="checkbox"]:checked:before, .ms-options input[type="checkbox"]:checked:before {
    background: #00A657;
    content: "\e948";
    position: absolute;
    top: 0;
    font-family: 'Streamline-Bold';
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: white;
    text-align: center;
}

.ms-options input[type="checkbox"]:checked:before {
    width: 17px;
    height: 17px;
    line-height: 16px;
    font-size: 10px;
}

.seq-checkbox input[type="checkbox"] {
    display: none;
}
.seq-checkbox input[type="checkbox"] + label {
    margin: 0;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.seq-checkbox input[type="checkbox"] + label:before {
    height: 18px;
    width: 18px;
    content: "\00a0";
    border-radius: 3px;
    display: inline-block;
    border: 2px solid #87949B;
    margin-right: 5px;
    vertical-align: top;
}
.seq-checkbox input[type="checkbox"]:checked + label:before {
    background-color: #00A657;
    border: 2px solid #00A657;
    color: #FFFFFF;
    content: "\e948";
    font-size: 10px;
    font-family: 'Streamline-Bold';
    text-align: center;
    line-height: 16px;
}

.seq-checkbox input[type="checkbox"].subtract:checked + label:before {
    content: "\e93e";
    background-color: #87949B;
    border: 2px solid #87949B;
    font-size: 10px;
    line-height: 14px;
}

.regular-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #526061;
}

.slideLeft, .slideRight {
    animation-duration: .5s;
    animation-fill-mode:  both;
}

.fz-18 {
    font-size: 18px;
}

ul {
    padding:0px;
    list-style: none;
    margin: 0;
    width: 100%;
}
button {
    border: none;
    outline: none;
    background-color: transparent;
}

button:focus {
    outline: none;
}
.visible {
    display: block !important;
    z-index: 1000 !important;
}

.round-border {
    border-radius: 30px !important;
}

.close-button {
    display: none;
    background: url('images/close-icon.svg') no-repeat center;
}

.btn-icon-border {
    width: 36px;
    height: 36px;
    color: #87949B;
    font-size: 16px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #C2CBCF;
}
.btn-icon-border-error {
    line-height: 40px;
}
.btn-icon-border-error:hover, .btn-icon-border-error:active  {
    text-decoration: none !important;
}
.btn-icon-border-error:hover::before, .btn-icon-border-error:active::before  {
    color: #EA1B1B !important;
}
.btn-icon-border:hover {
    border: 1px solid #00A657;
    color: #00A657;
}

.btn-icon-border:active {
    background: #F2FCED;
    border: 1px solid #00A657;
    color: #00A657;
}

.btn-icon-borderless {
    padding: 0;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    color: #87949B;
    font-size: 16px;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    background: #FFFFFF;
}

.btn-icon-borderless:hover {
    background: #F2FCED;
    border: 1px solid #F2FCED;
}

.btn-icon-borderless:active {
    background: #F2FCED;
    border: 1px solid #00A657;
    color: #00A657;
}

.btn-svg-borderless {
    padding: 10px;
    border-radius: 4px;
    height: 36px;
    width: 36px;
}

.btn-svg-borderless:hover {
    border: 1px solid #C2CBCF;
}


html, body {
    font-family: Source Sans Pro;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

body {
    position: relative;
    min-height: 100vh;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.form-dropdown {
    text-align: left;
    position: relative;
}

.form-dropdown > input {
    cursor: pointer;
    background: #FFFFFF !important;
    width: 100%;
}

.form-dropdown-w-arrow:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 38%;
    width: 12px;
    height: 12px;
    background: url('images/down-arrow.svg') no-repeat;
    background-size: contain;
    background-position: 50%;
}

.form-dropdown-menu {
    background: #FFFFFF;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    min-width: 100%;
}

.seq-secondary-button, .seq-primary-button, .seq-borderless-button {
    height: 36px;
    padding: 10px 16px;
    border: 1px solid #C2CBCF;
    border-radius: 4px;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
}

.seq-secondary-button {
    background: #FFFFFF;
    color: #00A657;
}

.seq-primary-button[disabled=disabled], .seq-primary-button[disabled=disabled]:hover,
.seq-secondary-button[disabled=disabled], .seq-secondary-button[disabled=disabled]:hover,
.seq-borderless-button[disabled=disabled], .seq-borderless-button[disabled=disabled]:hover{
    background: #e9ecef !important;
    border: 1px solid #C2CBCF !important;
    color: #999fa2 !important;
    box-shadow: none !important;
}

.seq-secondary-button[disabled=disabled], .seq-secondary-button[disabled=disabled]:hover{
    background: #e9ecef !important;
    border: 1px solid #C2CBCF !important;
    color: #999fa2 !important;
    box-shadow: none !important;
}



.seq-borderless-button {
    color: #00763E;
    border: 1px solid transparent;
    background: transparent;
}

.seq-borderless-button:hover {
    background: #FFFFFF;
    border: 1px solid #00A657;
    box-shadow: 0px 1px 3px rgba(57, 68, 71, 0.35);
}

.seq-borderless-button:active {
    background: #F2FCED;
    border: 1px solid #00A657;
}

.seq-primary-button {
    background: #00A657;
    border: 1px solid transparent;
    color: #FFFFFF;
}

.seq-primary-button:hover, .seq-primary-button:active, .seq-primary-button:focus,.form-middle-button:focus,
.seq-secondary-button:hover, .seq-secondary-button:active, .seq-secondary-button:focus,
.seq-borderless-button:hover, .seq-borderless-button:focus, .seq-borderless-button:active,
.btn-icon-borderless:hover, .btn-icon-borderless:focus, .btn-icon-borderless:active,
.btn-icon-border:hover, .btn-icon-border:focus, .btn-icon-border:active {
    outline: none;
    box-shadow: none;
}

.seq-primary-button:hover {
    background: #00763E;
    box-shadow: 0px 1px 3px rgba(57, 68, 71, 0.35);
}

a.seq-primary-button:hover {
    color: #FFFFFF;
}
.seq-primary-button:active {
    background: #606F73;
    box-shadow: none;
}

.seq-secondary-button:hover {
    border: 1px solid #00A657;
    box-shadow: 0px 1px 3px rgba(57, 68, 71, 0.35);
}

.seq-secondary-button:active {
    background: #F2FCED;
    border: 1px solid #00A657;
}


.seq-input-text {
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #C2CBCF;
    border-radius: 4px;
}

.seq-input-text:active {
    border: 1px solid #C2CBCF;
    box-shadow: inset 0px 0px 4px #00A657;
}

/* form controls */
.form-field label {
    display: block;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    color: #606F73;
    margin: 0;
    white-space: nowrap;
    word-break: break-all;
}

.form-middle-text, .form-middle-button {
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    text-align: center;
    min-width: 30px;
    padding: 0;
}

.form-middle-button:focus {
    box-shadow: none;
}

.form-middle-text {
    margin: auto;
    color: #000000;
}

.form-dialog, .ui-dialog {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 24px 32px;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #394447;
    box-shadow: 0px 4px 12px rgba(52, 63, 66, 0.1);
}

.form-dialog .ui-dialog-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #191F20;
}

.form-dialog .items label {
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    color: #606F73;
    margin: 16px 0px 0px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


/* jquery-ui override  */
.ui-widget-overlay {
    background: #191F20;
    opacity: 0.6;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-front {
    z-index: 100;
}

.ui-dialog-buttonset {
    text-align: right;
}

.ui-dialog {
    position: fixed;
}


/* svg icons */

.new-window-svg {
    background: url('images/new_window.svg') no-repeat center;
}

.message-bubble-square-text-svg {
    background: url('images/messages-bubble-square-text-alternate.svg') no-repeat center;
}

@keyframes scroll-down {
    from {transform: translate(0,100%)}
    to {transfrom: translate(0,0)}
}
.sticky {
    position: fixed;
    top:0;
    width: 100%;
    animation-name: scroll-down;
    animation-duration: 0.4s;
}

@keyframes slideLeft
{
    0% {
        visibility:hidden;
        transform:translateX(-100%)
    }
    to
    {
        visibility:visible;
        transform:translateX(0)
    }
}
@keyframes slideRight
{
    0% {
        visibility:hidden;
        transform:translateX(100%)
    }
    to {
        visibility:visible;
        transform:translateX(0)
    }
}

.slideRight
{
    animation-name:slideRight
}
.slideLeft
{
    animation-name:slideLeft
}

.error-icon:before {
    position: relative;
    margin-right: 8px;
    top: 1px;
    font-family: 'Streamline-Bold' !important;
    content: "\e947";
    color: #ee3535;
}
.messageBox {
    width: fit-content;
    margin: auto;
    padding: 24px 32px;
    border-radius: 12px;
    box-shadow: 0px 4px 12px rgba(52, 63, 66, 0.1);
}
.messageContent {
    margin: 32px 0px;
}
.message-viewport-center {
    position: absolute;
    width:100% !important;
    top: 40% !important;
}

/** PROGRESS ANIMATION **/

.seq-animatedProgressContainer {
    background-color: #fff;
    filter: alpha(opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;

    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;

    width: 100%;
    height: 100%;
}
.seq-animatedProgress {
    background-image: url(../../images/cbre/seq-loader.svg) !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;

    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;

    width: 100%;
    height: 100%;
}


.text-transform-none {
    text-transform: none!important;
}