.terriBlock {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 70px;
}

.terriBlockImg {
    width: 42px;
    margin-right: 20px;
}

.terriBlockContent {
    color: var(--colorSecondary);
    font: normal normal bold 17px/26px Arial;
}

.md-step md-step-label-wrapper {
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    width: 128px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 12px;
}

.md-step:after,
.md-step:before {
    background: rgba(255, 255, 255, 0%);
    width: 0;
    margin-right: 0px;
}

md-toolbar {
    min-height: 50px;
}

md-toolbar .layout-row {
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;
}

.md-step md-step-label-wrapper:before {
    background-position: center !important;
    background-size: contain !important;
    background-size: 100% 35px !important;
    background-color: white !important;
    background-repeat: no-repeat !important;
    background: transparent;
    border-radius: 50%;
    padding: 22px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 16%) !important;
    border-radius: 50%;
    margin-right: 0px;
}

md-step-label-wrapper[stepindex="1"]:before,
.md-step.md-active md-step-label-wrapper[stepindex="1"]:before,
.md-step.md-success md-step-label-wrapper[stepindex="1"]:before {
    background: white;
    background-image: url(../icons/kym/ContactInfo.svg);
}

md-step-label-wrapper[stepindex="2"]:before,
.md-step.md-active md-step-label-wrapper[stepindex="2"]:before,
.md-step.md-success md-step-label-wrapper[stepindex="2"]:before {
    background: white;
    background-image: url(../icons/kym/Documents.svg);
}

md-step-label-wrapper[stepindex="3"]:before,
.md-step.md-active md-step-label-wrapper[stepindex="3"]:before,
.md-step.md-success md-step-label-wrapper[stepindex="3"]:before {
    background: white;
    background-image: url(../icons/kym/EmploymentDetails.svg);
}

md-step-label-wrapper[stepindex="4"]:before,
.md-step.md-active md-step-label-wrapper[stepindex="4"]:before,
.md-step.md-success md-step-label-wrapper[stepindex="4"]:before {
    background: white;
    background-image: url(../icons/kym/AdditionalDetails.svg);
}

md-step-label-wrapper[stepindex="5"]:before,
.md-step.md-active md-step-label-wrapper[stepindex="5"]:before,
.md-step.md-success md-step-label-wrapper[stepindex="5"]:before {
    background: white;
    background-image: url(../icons/kym/CherryPicks.svg);
}

md-step-label-wrapper[stepindex="6"]:before,
.md-step.md-active md-step-label-wrapper[stepindex="6"]:before,
.md-step.md-success md-step-label-wrapper[stepindex="6"]:before {
    background: white;
    background-image: url(../icons/kym/PEP.svg);
}

md-step-label-wrapper[stepindex="7"]:before,
.md-step.md-active md-step-label-wrapper[stepindex="7"]:before,
.md-step.md-success md-step-label-wrapper[stepindex="7"]:before {
    background: white;
    background-image: url(../icons/kym/Fatca.svg);
}

md-step-label-wrapper[stepindex="8"]:before,
.md-step.md-active md-step-label-wrapper[stepindex="8"]:before,
.md-step.md-success md-step-label-wrapper[stepindex="8"]:before {
    background: white;
    background-image: url(../icons/kym/Pdf.svg);
}

md-step-label-wrapper[stepindex="9"]:before,
.md-step.md-active md-step-label-wrapper[stepindex="9"]:before,
.md-step.md-success md-step-label-wrapper[stepindex="9"]:before {
    background: white;
    background-image: url(../icons/kym/Other.svg);
}

md-step-label-wrapper:before,
.md-step.md-active md-step-label-wrapper:before,
.md-step.md-success md-step-label-wrapper:before {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background: transparent;
    position: relative;
    z-index: 25;
}

.md-step {
    padding: 10px 0 5px 0;
    /*pointer-events: none;*/
}

.md-step md-step-label-wrapper:before {
    content: "" !important;
}

md-steppers-canvas,
md-steppers md-steppers-wrapper md-pagination-wrapper {
    width: 70px;
    display: flex;
}

md-step-content {
    height: 95vh;
    overflow-y: auto;
}

md-pagination-wrapper {
    position: fixed !important;
    z-index: 2 !important;
    background-color: white !important;
    width: 100% !important;
    flex: 1 1 100%;
    max-width: 88%;
    max-height: 100%;
    height: 90px !important;
    max-height: calc(100% - 70px);
    box-sizing: border-box;
    margin-left: 6%;
    transform: translate3d(0px, 0px, 0px);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 16%) !important;
    overflow-x: auto;
    margin-top: 70px;
    padding-top: 0px;
}

md-card {
    box-shadow: 0px 0px 26px rgba(0, 0, 0, 16%) !important;
}

md-toolbar {
    position: fixed;
    z-index: 3;
}






#appSection {
   overflow: hidden;
   
}
#appSectio {
   overflow-y: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
   
}

#toolbarTitleBlock {
    margin-left: 100px;
    font-weight: bold;
}

.toolbarTitle {
    color: #1A0F91 /*red*//*var(--colorSecondary)*/;
}

#brandLogo {
    width: 140px;
    outline: none;
}

.helpLogo {
    width: 50px;
    padding-top: 5px;
    padding-right: 5px;
    border-radius: 50px;
    box-shadow: 0px 0px 26px rgba(0, 0, 0, 16%) !important;
    outline: none;
}

.iconLabel {
    color: black;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 5px;
}

.fabButtonRight,
.fabButtonCenter,
.fabButtonLeft {
    position: fixed;
    bottom: 10px;
    z-index: 1;
}

.fabButtonLeft {
    left: 8%;
}

.fabButtonCenter {
    left: calc(50% - 64px);
}

.fabButtonRight {
    right: 8%;
}

md-toolbar.fab {
    position: fixed;
    bottom: 10px;
    display: flex;
    flex-direction: row-reverse;
    z-index: 1;
    background-color: transparent;
    box-shadow: none !important;
    width: 86%;
    justify-content: space-between;
    left: 7%;
}

md-toolbar.fab .md-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 13px;
}

md-content.md-default-theme,
md-content {
    color: rgba(0, 0, 0, 0.87);
}

md-input-container {
    margin: 10px 0;
}

.accordianHeader {
    color: var(--colorSecondary) !important;
    font-weight: bold;
    width: max-content;
    text-transform: initial;
    font-size: 16px;
}

.md-step.md-active {
    background: rgba(223, 119, 26, 14%);
}

.md-step.md-complete {}

.md-step.md-complete md-step-label-wrapper:before {
    background-color: #16821e !important;
    content: "\00A0";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27' height='27' viewBox='0 0 25 25'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;stroke:%23707070;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2316821e;%7D.d%7Bfill:%23fff5f5;%7D.e%7Bfill:%23dfebf1;%7D%3C/style%3E%3CclipPath id='a'%3E%3Ccircle class='a' cx='12.5' cy='12.5' r='12.5'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Cg transform='translate(0.004 0)'%3E%3Ccircle class='c' cx='12.5' cy='12.5' r='12.5' transform='translate(-0.004 0)'/%3E%3Cpath class='c' d='M12.5,0h-.017V25H12.5a12.5,12.5,0,0,0,0-25Z' transform='translate(-0.004 0)'/%3E%3Cpath class='d' d='M5.435,12.748,10.489,17.8a.564.564,0,0,0,.8,0l8.3-8.3a.564.564,0,0,0,0-.8L18.075,7.2a.564.564,0,0,0-.8,0l-6.035,6.035a.564.564,0,0,1-.8,0l-2.7-2.7a.565.565,0,0,0-.787-.011L5.446,11.939a.565.565,0,0,0-.011.809Z' transform='translate(-0.004 0)'/%3E%3Cpath class='e' d='M18.075,7.2a.564.564,0,0,0-.8,0L12.483,11.99v4.617l7.1-7.1a.565.565,0,0,0,0-.8Z' transform='translate(-0.004 0)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    border: 4px solid #fff;
    padding: 18px;
}

.md-step.md-complete.md-active md-step-label-wrapper:before {
    background-color: var(--colorPrimary) !important;
}

.userImage {
    width: 210px;
    height: 210px;
    outline: none;
}

.mdStepperMainRow {
    padding: 15px;
    padding-top: 90px;
    width: 90%;
    margin-left: 5%;
}

.mdStepperMainCard {
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0;
    height: calc(100vh - 290px);
    border: 0;
    padding: 15px;
    padding-bottom: 20px;
}

.accordianContent {
    padding-top: 20px;
}

#pepInfo md-checkbox {
    margin-top: 0px !important;
}

#cunaInsuranceInfo li,
#cherryPicksInfo li,
#additionalDetailsInfo li,
#fatcaInfo li {
    margin-bottom: 10px;
}

input[readonly] {
    background-color: rgba(227, 122, 42, 5%) !important;
}

md-select[disabled],
input[disabled] {
    background-color: rgba(0, 0, 0, 5%) !important;
}

.pdfBlock {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin-top: 15px;
}

.pdfTitle {
    color: var(--color-our-theme);
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
}

.pdfTitle+img {
    outline: none;
    cursor: pointer;
}

.pdfImage {
    outline: none;
    cursor: pointer;
    width: 110px;
}

md-toast {
    z-index: 1032;
}

md-icon {
    outline: none;
}

ul.w-100 {
    margin-left: -5px;
}

ul li::marker {
    font-size: 20px;
    color: var(--colorPrimary);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

@media only screen and (max-width: 480px) {
    #toolbarTitleBlock {
        margin-left: 50px;
        font-size: 16px;
    }

    md-pagination-wrapper {
        max-width: 400px;
        width: 92% !important;
        margin-left: 4%;
        margin-right: 4%;
        overflow-x: scroll !important;
    }

    .md-step md-step-label-wrapper:before {
        background-size: 100% 15px !important;
        padding: 14px;
    }

    .md-step.md-active {
        min-width: 88px;
    }


    /*new design*/
    md-steppers.md-dynamic-height md-steppers-content-wrapper {
        min-height: 0;
        position: absolute;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        overflow: visible;
        top: 71px;
        left: 54px !important;
        width: calc(100% - 50px) !important;
    }

    md-steppers-canvas {
        height: 100vh;
        width: 60px !important;
    }

    md-steppers-wrapper.md-stretch-steppers md-pagination-wrapper {
        color: transparent !important;
    }

    .mdStepperMainRow {
        padding: 5px !important;
    }

    .mdStepperMainCard {
        padding: 0px !important;
    }

    md-card {
        margin: 0;
    }

    md-pagination-wrapper:before {
        left: 25px !important;
    }

    .md-step md-step-label-wrapper {
        padding: 10px !important;
    }
}

md-toolbar._md-toolbar-transitions:not(.fab) {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 16%) !important;
}

md-toolbar.kymToolbar,
md-toolbar.rekymToolbar,
md-toolbar.loanToolbar,
md-toolbar.fixedDepositToolbar,
md-toolbar.accountToolbar {
    background-color: rgb(255 255 255);
}

/*md-input-container .md-placeholder,
md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    transform: translate3d(0, 52px, 0) scale(1);
}*/

md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    transform: none;


}
md-input-container.md-input-focused label:not(.md-no-float),
md-input-container.md-input-has-placeholder label:not(.md-no-float),
md-input-container.md-input-has-value label:not(.md-no-float) {
   /* transform: translate3d(0, 2px, 0) scale(1);*/
}

md-input-container .md-input,
md-select-value {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16) !important;
    border: 1px solid #eee !important;
    padding: 10px !important;
    height: 46px;
    line-height: 46px;
    margin-top: 5px;
}

md-select-value {
    height: 26px;
    line-height: 26px;
}

md-select.md-default-theme:not([disabled]):focus .md-select-value,
md-select:not([disabled]):focus .md-select-value {
    border: 0 !important;
}

.md-select-value .md-select-icon:after {
    right: 0px !important;
    font-size: 30px !important;
}

md-input-container .md-placeholder,
md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    padding-left: 10px !important;
}

md-input-container.md-input-focused label:not(.md-no-float),
md-input-container.md-input-has-placeholder label:not(.md-no-float),
md-input-container.md-input-has-value label:not(.md-no-float) {
    padding-left: 10px;
}

md-input-container.md-input-has-value .md-placeholder,
md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore) {
    padding-left: 10px;
}

md-input-container.md-input-has-value .md-placeholder,
md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore) {
    font-weight: bold;
    color: var(--colorSecondary);
}

md-radio-button.md-default-theme[disabled] .md-container .md-on,
md-radio-button[disabled] .md-container .md-on,
md-radio-group.md-default-theme[disabled] .md-container .md-on,
md-radio-group[disabled] .md-container .md-on {
    opacity: 0.5;
    background-color: var(--colorPrimary);
}

/*md button*/
.md-button.md-default-theme.md-primary.md-fab,
.md-button.md-primary.md-fab,
.md-button.md-default-theme.md-primary.md-raised,
.md-button.md-primary.md-raised {
    color: white !important;
}

md-toolbar:not(.md-menu-toolbar) {
    background-color: rgb(0 0 0 / 38%) !important;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
    color: white !important;
}

md-toast.md-default-theme .md-toast-content,
md-toast .md-toast-content {
    background-color:  #1A0F91 !important;
}

.md-datepicker-expand-triangle {
    top: 37%;
}

._md-datepicker-floating-label>md-datepicker .md-datepicker-button {
    /*top: 24.5px;*/
}

md-datepicker {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

md-datepicker md-icon {
    height: 30px;
    width: 30px;
}

.md-inline-form md-datepicker {
    margin-top: 0px;
}

.md-icon-button+.md-datepicker-input-container {
    margin-left: 0px;
}

._md-datepicker-floating-label>md-datepicker .md-datepicker-button {
    margin-top: 0;
    top: 0;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon>label:not(.md-no-float):not(.md-container-ignore) {
    width: calc(100% - 19px) !important;
}

.md-datepicker-input-container {
    width: 80%;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
    margin-left: 5px;
}

.noOfDocuments {
    display: flex;
    margin: 10px;
}

.noOfDocuments .documentBox {
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 16%) !important;
    font-weight: bold;
    border-radius: 2px;
}

.noOfDocuments .documentBox.active {
    background-color: var(--colorPrimary);
    color: white;
}

#primaryOCr>md-input-container>md-datepicker>input {}

.h200w200 {
    height: 200px;
    width: 300px;
}

md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore)+md-select[required].ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after {
    display: none;
}

@media only screen and (max-width: 480px) {

    md-input-container .md-input,
    md-select-value {
        border: 2px solid #eee !important;
    }

    md-dialog {
        min-width: 350px;
        max-width: 95%;
    }

    .fabButtonRight,
    .fabButtonCenter,
    .fabButtonLeft {
        bottom: 10px;
    }

    .fabButtonLeft {
        left: 0%;
    }

    .fabButtonRight {
        right: 0%;
    }

    .toolbarTitle {
        color: white;
    }

    .md-inline-form md-radio-group {
        display: flex;
    }

    .md-step md-step-label-wrapper:before {
        background: var(--colorPrimary) 0% 0% no-repeat padding-box !important;
        border: 4px solid white;
    }

    .md-step.md-complete:not(.md-active) md-step-label-wrapper:before {
        content: "\00A0";
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27' height='27' viewBox='0 0 25 25'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;stroke:%23707070;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2316821e;%7D.d%7Bfill:%23fff5f5;%7D.e%7Bfill:%23dfebf1;%7D%3C/style%3E%3CclipPath id='a'%3E%3Ccircle class='a' cx='12.5' cy='12.5' r='12.5'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Cg transform='translate(0.004 0)'%3E%3Ccircle class='c' cx='12.5' cy='12.5' r='12.5' transform='translate(-0.004 0)'/%3E%3Cpath class='c' d='M12.5,0h-.017V25H12.5a12.5,12.5,0,0,0,0-25Z' transform='translate(-0.004 0)'/%3E%3Cpath class='d' d='M5.435,12.748,10.489,17.8a.564.564,0,0,0,.8,0l8.3-8.3a.564.564,0,0,0,0-.8L18.075,7.2a.564.564,0,0,0-.8,0l-6.035,6.035a.564.564,0,0,1-.8,0l-2.7-2.7a.565.565,0,0,0-.787-.011L5.446,11.939a.565.565,0,0,0-.011.809Z' transform='translate(-0.004 0)'/%3E%3Cpath class='e' d='M18.075,7.2a.564.564,0,0,0-.8,0L12.483,11.99v4.617l7.1-7.1a.565.565,0,0,0,0-.8Z' transform='translate(-0.004 0)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
        box-shadow: 0 0 1px 1px #16821e !important;
        background-position: center !important;
    }

    .md-step md-step-label-wrapper {
        -ms-flex-positive: 0;
        flex-grow: 0;
        display: flex;
        flex-direction: column;
        width: 43px;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        font-size: 12px;
    }

    .md-step md-step-label-wrapper:before {
        padding: 5px !important;
    }

    .md-step.md-complete:not(.md-active) md-step-label-wrapper:before {
        border: 0 !important;
    }

    .md-step.md-active {
        min-width: 0;
    }

    .md-step:after,
    .md-step:before {
        margin-right: 0px;
        background: black;
        width: 36px;
    }

    .md-step md-step-label-wrapper {
        padding: 0px !important;
    }

    .md-step:first-child {
        padding-left: 15px;
    }

    .md-step:last-child {
        padding-right: 15px;
    }

    md-pagination-wrapper {
        height: 60px !important;
    }

    .md-step {
        padding: 0px;
    }

    .md-step md-step-label-wrapper:before {
        box-shadow: 0px 0px 1px 1px rgb(0 0 0) !important;
    }

    .mdStepperMainRow {
        padding: 15px;
        padding-top: 48px !important;
        margin: 5px;
        width: 98%;
    }

    .terriBlock {
        height: 60px;
    }

    .accordianHeader {
        font-size: 14px;
    }

    .terriBlockContent {
        font-size: 10px;
        line-height: 14px;
    }

    .terriBlockImg {
        width: 30px;
        margin-right: 5px;
    }

    md-card.mdStepperMainCard md-card {
        padding: 0px 10px;
    }

    .mdStepperMainCard {
        overflow-y: auto;
        overflow-x: hidden;
        margin: 0;
        height: calc(100vh - 238px);
        border: 0;
        width: calc(100vw - 24px) !important;
    }

    md-steppers.md-dynamic-height md-steppers-content-wrapper {
        min-height: 0;
        position: absolute;
        right: auto;
        bottom: auto;
        overflow: visible;
        top: 71px;
        left: 0 !important;
        width: 100% !important;
        padding: 0 !important;
    }

    md-toolbar.fab {
        bottom: 0px;
        right: unset;
        width: 100%;
        justify-content: space-around;
        background: white;
    }

    #toolbarTitleBlock {
        margin-left: 0px;
        font-size: 18px;
    }

    #toolbarTitle {
        color: white;
    }

    md-toolbar.kymToolbar,
    md-toolbar.rekymToolbar,
    md-toolbar.loanToolbar,
    md-toolbar.fixedDepositToolbar,
    md-toolbar.accountToolbar {
        background-color: var(--colorSecondary);
    }

    md-toolbar-filler {
        display: none;
    }

    .uploadBlock md-input-container {
        width: 100%;
    }

    .iconLabel {
        color: white;
    }
}