@import url(Shared.css);

/* SG : Date Picker */
.date-picker-container {
    width: 262px;
    height: 325px;
}

/* SG : DatePicker */
.date-picker-input-box {
    width: 172px;
    height: 46px;
    background: var(--Light-Gray);
    border-radius: 4px;
}

/* SG : DatePicker */
.date-picker-input-box-label {
    width: 85px;
    height: 23px;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
    color: var(--Darker-Blue);
}

/* SG : Input Field(1)  */
.input-container {
    width: 250px !important;
    height: 45px;
    background: var(--Light-Gray) !important;
    border-radius: 4px;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: var(--Darker-Blue);
    border: none !important;
    padding: 0px 10px 0px 10px;
    outline: none;
}

/* SG : large input Field*/
.input-container-large {
    width: 525px !important;
}

    /* SG : Input Field(1)  */
    .input-container[disabled] {
        font-weight: 400;
        color: var(--Gray);
        opacity: 1 !important
    }

/* SG : Input Field(1)  */
.input-container-email {
    width: 250px;
    height: 70px;
    background: var(--Light-Gray);
    border-radius: 4px;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: var(--Darker-Blue);
    border: none;
    padding: 0;
}

/* SG : Input Field 1 */
.input-container-label {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    text-transform: capitalize;
    color: var(--Dark-Gray);
}

/* SG : Info */
.info-text-label {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: var(--Dark-Gray);
}

/* SG : Info */
.info-text-detail {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: var(--Darker-Blue);
}

/* SG : Input Field(2)  */
.input-field-text-area {
    min-width: 524px;
    height: 120px;
    padding: 10px;
    resize: none;
    background: var(--Light-Gray);
    border-radius: 4px;
    border: none;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: var(--Darker-Blue);
    outline: none;
}

    .input-field-text-area:disabled {
        color: var(--Gray) !important;
        opacity: 1 !important;
        background-color: var(--Light-Gray) !important;
    }
/* SG : Input Field(3)  */
.input-field-error {
    width: 250px;
    height: 45px;
    background: var(--Light-Gray);
    border: 1px solid var(--Red);
    border-radius: 4px;
}

/* SG : Input Field(3)  */
.input-field-acceptance {
    width: 250px;
    height: 45px;
    background: var(--Light-Gray);
    border: 1px solid #75BB1D;
    border-radius: 4px;
}

/* SG: Other Elements */
.input-mandatory-field-asterisk {
    font-weight: 400;
    font-size: 14px;
    color: var(--Red);
}

/* SG : Global Search */
.global-search {
    width: 400px;
    height: 0px;
    border: 1px solid var(--Dark-Gray-3);
}

/* SG : Global Search */
.global-search-placeholder {
    width: 64px;
    height: 23px;
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    color: var(--Dark-Gray-5);
}

/* SG : Global Search */
.global-search-button {
    width: 84px;
    height: 23px;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: var(--Dark-Blue);
}

/* SG : DropDown */
.drop-down {
    height: 45px !important;
    width: 270px !important;
    background: linear-gradient(to bottom,#F5F7FA 95%,#f2f6fa) !important;
    border-radius: 4px;
    border-color: var(--Light-Gray) !important;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: var(--Darker-Blue);
    padding-left: 5px;
    border-right: 16px solid transparent;
}

/* SG : DropDown */
    .drop-down:disabled {
        color: var(--Gray);
        opacity: 1 !important;
        background-color: var(--Light-Gray) !important;
    }

/* SG : Predictive Search */
.predictive-search {
    right: 0%;
    bottom: -2.94%;
    background: var(--Dark-Gray-3);
    border-radius: 8px 0px 0px 8px;
    transform: matrix(1, 0, 0, -1, 0, 0);
}

/* SG : Predictive Search */
.predictive-search-container {
    width: 400px;
    height: 372px;
    background: var(--White);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
    border-radius: 0px 0px 4px 4px;
}

/* SG : HyperLink And Breadcrumbs */
.hyperlink {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.03em;
    text-decoration-line: none !important;
    color: var(--Blue-2) !important;
}

/* SG : HyperLink And Breadcrumbs */
.hyperlink:hover {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.03em;
    text-decoration-line: underline !important;
    color: var(--Blue-2) !important;
}

/* SG : HyperLink And Breadcrumbs */
.breadcrumbs {
    width: 86px;
    height: 25px;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    color: var(--Blue-2);
}

/* SG : HyperLink And Breadcrumbs */
.breadcrumbs-child {
    width: 353px;
    height: 25px;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    display: flex;
    align-items: center;
    color: var(--Darker-Blue);
}

/* SG : Incremental Input Box */
.incremental-input-normal {
    width: 115px;
    height: 45px;
    background: var(--Light-Gray);
    border-radius: 4px;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: var(--Darker-Blue);
}

    /* SG : Incremental Input Box */
    .incremental-input-normal:disabled, .disabled {
        opacity: 1 !important;
        color: var(--Gray) !important;
    }

/* SG : Content Header */
.content-header {
    width: 158px;
    height: 25px;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    color: var(--Darker-Blue);
}

/* SG : Content Header */
.content-sub-header {
    width: 175px;
    height: 23px;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: var(--Darker-Blue);
}
/*Stong Tag Styling*/
strong {
    font-weight: 600 !important;
}
/*Font Style with no Line Height*/
.common-font-styles {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: var(--Darker-Blue);
}

/* SG : Errors(2) */
.inline-error-message {
    font-family: Source Sans Pro !important;
    font-size: 18px !important;
    font-weight: 400;
    color: var(--Red) !important;
}