/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');*/

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../google_fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../google_fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../google_fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../google_fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../google_fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: 'Montserrat', sans-serif;
}

.desc p {
    overflow: hidden;
    height: 90%;
}

ul#children {
    list-style: none;
    padding: 5px;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    padding: 0;
    border: 1px solid #dfdfdf;
    margin: 10px;
    padding-top: 20px;
}

.slick-initialized .slick-slide {
    display: inline-table !important;
}

.main-header {
    background: #fe0000;
    background-image: url(/Assets/images/Home-Banner.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0px;
}

    .main-header .row {
        padding: 15px 0px;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

        .main-header .row .logo img {
            width: 100% !important;
            height: 30px !important;
            position: relative;
        }

    .main-header h3 {
        font-family: 'Montserrat', sans-serif;
        text-align: left;
        font-size: 16px;
        /* font-family: M; */
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        padding-top: 5px;
    }

    .main-header .row span {
        margin: 0px 10px 0px 10px;
        color: #FFFFFF;
    }

    .main-header .title-text {
        font-family: 'Montserrat', sans-serif;
        text-align: left;
        font-size: 35px;
        color: #FFFFFF;
        opacity: 1;
        font-weight: 300;
        padding-top: 44px;
        margin-bottom: 17px;
        letter-spacing: 0.6px;
    }

    .main-header .title-input {
        padding: 10px 15px;
        width: 100%;
        height: 32px;
        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 20px;
        opacity: 1;
        border: none;
        margin-bottom: 10px;
    }


.main-header .row .col-md-12 {
    padding: 0px !important;
}

.main-header .d-flex {
    padding: 0px 0px;
}

.searchContain {
    background-color: #CDD4E1;
    padding: 4px 0px;
}

    .searchContain .d-flex select {
        width: 131px;
        border-radius: 0px;
        margin: 10px 5px;
        height: 28px;
        font-family: 'Montserrat', sans-serif;
        text-align: left;
        font-size: 13px;
        border: 1px solid #343a40;
        outline: none;
    }

    .searchContain button {
        height: 28px;
        border-radius: 0px;
        margin-top: 10px;
        margin-left: 10px;
        width: 90px;
        padding-top: 1px;
        background: #2C2E3A;
    }

.btn-dark:disabled {
    color: #fff;
    background-color: #535768 !important;
    border-color: #535768 !important;
    opacity: 1 !important;
}

.main-header .icon {
    position: relative;
    margin-left: -12px;
    width: 522px;
}

.main-header .logo img {
    position: absolute;
    top: 23%;
    left: 0px;
    width: 332px !important;
    height: 30px !important;
}

.main-header img {
    cursor: pointer;
    position: absolute;
    top: 17%;
    right: 12px;
    width: 15px !important;
    height: 22px !important;
}


.container.contact-us-content {
    padding-left: 7px !important;
}

/*.main-footer {
    margin-top: 0px !important;
}*/
.partnerGroup-form i {
    right: -15px;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1340px;
    }
}

.slick-slider {
    margin-bottom: 14px !important;
}

.v-card {
    width: 100%;
    height: 129px;
    background: #CDD4E14D;
    opacity: 1;
    display: flex;
    padding: 20px;
    align-items: center;
}

.settings img {
    width: 43px;
    margin-top: 20px;
    cursor: pointer;
}

.settings {
    height: 20px;
}

.v-card p {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.813rem;
    margin: 0px 10px 0px 20px;
    line-height: 1.2;
}

.slide-sec h3 {
    margin-bottom: 18px !important;
}

.new-Slick h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: 100%;
    text-transform: capitalize;
    width: 14em;
    margin-left: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    //cursor: pointer;
}

.v-card img {
    width: 125px;
    height: 87px;
}

.v-card .arrow-icons {
    bottom: 10px;
    position: absolute;
    right: 26px;
}

.slick-dots {
    display: none !important;
}

.slick-prev {
    position: relative;
    top: 50%;
    z-index: 1;
}


.slick-next {
    position: relative;
    top: 50%;
    z-index: 1;
    right: 10px;
}

    .slick-prev:before, .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: rgb(0, 0, 0);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick {
    margin-top: 50px;
    padding: 0px 40px;
}

.slick-prev,
.slick-next {
    font-size: 0;
    width: 30px;
    height: 30px;
    border: 0px;
    border-radius: 50%;
    box-shadow: 1px 1px 18px -7px black;
    transform: translateX(-20px);
}


.slick-prev {
    transform: translateX(-20px);
}

.slick-next {
    transform: translateX(30px);
}

.main-footer h3 {
    font-family: 'Montserrat', sans-serif;
    /* text-align: center; */
    font-size: 16px;
    margin-bottom: 15px;
}

.main-footer ul {
    padding: 0;
    list-style: none;
}

.main-footer li {
    margin-bottom: 10px;
    font-weight: 300;
}

    .main-footer li a {
        color: #CDD4E1;
    }

.main-footer {
    background-color: #373E4C;
    /* text-align: center; */
    color: #FFFFFF;
    padding-top: 18px;
    /* margin-top: 30px; */
}

.copy-right {
    background: #535768;
    text-align: center;
    padding: 10px 0px 1px 0px;
    opacity: 1;
}

    .copy-right p {
        font-size: 13px;
        color: #CDD4E1;
    }

.main-footer .col-md-4 {
    padding-left: 135px;
}
/* a{
	text-decoration: none;
	color: #fff;
	transition: all .6s;
}
a:hover{
	font-weight: 300;
	color: #a08e8e;
} */

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}


.ui-state-default {
    padding: 10px 0px;
    background: #fff !important;
    border: .1px solid #ededed !important;
    padding-left: 10px;
    position: relative;
}

    .ui-state-default::after {
        content: " ";
        position: absolute;
        right: 10px;
        top: 10px;
        background-image: url("https://mc-57e08625-9b53-44ed-9fc2-1441-cm.azurewebsites.net/Assets/images/sort.png");
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: 5px;
    }

.ui-icon {
    display: none !important;
}

.sort-wrapper {
    position: fixed;
    bottom: 0;
    padding: 20px;
    list-style: none;
    width: 514px;
    background: #fff;
    right: 0;
    z-index: 9;
    height: auto;
    overflow-x: auto;
    display: block;
}

#sortable {
    list-style: none;
    padding: 0px;
}

.sort-wrapper .save {
    color: #4C8CF5;
    font-weight: 600;
    /* float: right; */
    margin: 0px 10px;
    text-decoration: none;
    cursor: pointer;
}

.sort-wrapper .cancle {
    color: #060607;
    /* float: right; */
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

.modal-dialog {
    max-width: 1039px;
    margin: 1.75rem auto;
}

.hide-wrapper {
    text-align: end;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

    .hide-wrapper p {
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
    }

.artifat h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 26px;
    padding-left: 15px;
}

.artifat p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
    margin: 10px 0px;
}

.artifat h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 10px 0px;
    width: 42px;
    cursor: pointer;
}

.artifat h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
    margin: 20px 0px;
    width: 100%;
    height: 5px;
    margin-top: -2px;
}

.artifat ul li {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
    margin: 13px 0px;
    cursor: pointer;
}

    .artifat ul li a {
        text-decoration: none;
        color: #007bff;
        transition: all .6s;
        font-weight: 400;
    }

.artifat ul {
    padding: 5px;
}

.artifat .l-style {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    font-weight: 300;
    color: #4C8CF5;
    font-size: 16px;
}

.r-side {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #4C8CF5;
    padding-left: 20px;
}

.artifat ul {
    list-style: none;
    display: inline-block;
    padding-right: 64px;
}

.artifat .col-md-4 {
    display: flex;
    height: 100%;
    flex-wrap: wrap;
}

.modal-header {
    border: none;
}

.l-style img {
    text-align: center;
    min-width: 55px;
    max-width: 50px;
    height: 55px;
}

.what-new a {
    color: #4C8CF5;
    margin-left: -45px;
}

.artifat .col-md-7 .modal-img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}

.artifat .l-style {
    height: 125px;
    /* margin: 76px; */
    margin-left: 4px;
    margin-top: 30px;
    padding: 0px;
    margin-bottom: 0;
}

.sortA {
    position: fixed;
    bottom: 0;
    padding: 0px;
    height: 594.33px;
    list-style: none;
    width: 477.67px;
    background: #fff;
    right: 0;
    z-index: 9;
    /* height: auto; */
    overflow-x: auto;
    display: block;
}

    .sortA ul {
        list-style: none;
        padding-left: 27px;
        margin-bottom: 0px;
    }

        .sortA ul li {
            font-weight: normal;
            padding: 5px 0px;
            border: 1px solid #ebebeb;
            color: #454545;
            position: relative;
            padding: 10px;
            cursor: move;
            width: 421px;
            height: 50px;
            font-size: 18px;
            padding-left: 17px;
        }

            .sortA ul li::after {
                content: " ";
                position: absolute;
                right: 26px;
                top: 14px;
                background-image: url("../Assets/images/sort.png");
                width: 20px;
                height: 20px;
                background-repeat: no-repeat;
                background-size: 15px;
                background-position: 5px;
            }

    .sortA #gg {
        border: 0;
        background: #fff;
        color: #1b7acf;
        font-weight: 600;
    }

    .sortA button {
        font-size: 18px
    }

.cls {
    color: #060607;
    border: 0;
    background: #fff;
    /* color: #1b7acf; */
    font-weight: 600;
}

.sortA {
    display: none;
}


.new-Slick {
    padding: 0px 50px;
}

    .new-Slick .slide-sec {
        display: block;
        width: 100%;
    }

    .new-Slick .secfirst,
    .new-Slick .secsecond {
        dispaly: table-cell;
        width: 50%;
    }

    .new-Slick .singlecard {
        display: table;
        background: #d9d9d9;
        width: auto;
        height: auto;
    }

    .new-Slick .singlecard-header {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
    }

        .new-Slick .singlecard-header img {
            max-width: 100%;
            height: auto;
            margin: 0 auto;
            display: block;
        }

    .new-Slick .singlecard-body {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
        padding: 10px 15px;
    }

    .new-Slick .singlecard-title {
        font-size: 1.875rempx;
        line-height: 1.4;
    }

    .new-Slick .singlecard-text {
        font-size: 1.2rem;
        line-height: 1.2;
    }

    .new-Slick .singlecard-index,
    .new-Slick .singlecard-date,
    .new-Slick .singlecard-place {
        font-size: 0.875rem;
        line-height: 1.7;
        display: block;
    }

.ssort-wrapper {
    position: fixed;
    background: #fff;
    padding: 0px 40px;
    right: 0px;
    bottom: 0px;
    z-index: 999;
}

.sortA .small {
    font-size: 22px;
    text-align: start;
    font-weight: 600;
    padding-left: 17px;
    margin-top: 10px;
}

.sortA .d-flex {
    align-items: center;
    padding: 34px;
}

.slick-prev:before {
    content: '←' !important;
}

.slick-next:before, .slick-prev:before {
    font-size: 25px !important;
    line-height: 1;
    opacity: .75;
    color: #cdc6c6 !important;
}

.slick-next:before {
    content: '→' !important;
}

.main-footer ul {
    margin-bottom: 7px !important;
}

.sortA .image-list2 {
    padding-right: 35px;
}

.sortA hr {
    border: 1px solid #707070;
    margin-top: 0px;
    margin-bottom: 20px;
}

.arrow-icons {
    width: 16px !important;
    height: 16px !important;
}

.form-select {
    position: relative;
}

    .form-select:before {
        position: absolute;
        top: 0;
        right: 0;
    }

body.modal-open {
    padding-right: 0px !important;
}

@media (max-width: 1366px) {
    .pro-header .container {
        height: 64px;
        padding: 0 15px !important;
        margin: 0 0px !important;
    }
}

.pro-header .row {
    padding: 15px 0px;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.pro-header .row img {
    /* width: 250px ; */
    height: 25px;
}

.pro-header h3 {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 16px;
    /* font-family: M; */
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding-top: 5px;
}

.pro-header .row img {
    /* width: 250px ; */
    height: 25px;
}

.pro-header h3 {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 16px;
    /* font-family: M; */
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding-top: 15px;
}

.pro-header .row span {
    margin: 0px 10px 0px 10px;
    color: #FFFFFF;
}

.pro-header .d-flex {
    justify-content: space-between;
    width: 100%;
}

.pro-header .row span {
    margin: 0px 10px 0px 10px;
    color: #FFFFFF;
}

.pro-header .d-flex {
    justify-content: space-between;
    width: 100%;
}

    .pro-header .d-flex h3, span {
        color: #707070;
    }

    .pro-header .d-flex span {
        color: #707070;
    }

.pro-header .logo-ele {
    display: flex;
    width: 100%;
}

.pro-header .welcome {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}



.search-container {
    background-color: #CDD4E1;
    padding: 10px 0px;
}

    .search-container .d-flex select {
        width: 150px;
        border-radius: 0px;
        margin: 10px 10px;
        height: 40px;
        font-family: 'Montserrat', sans-serif;
        text-align: left;
        font-size: 13px;
    }

    .search-container button {
        height: 40px;
        border-radius: 0px;
        margin-top: 10px;
        margin-left: 10px;
        width: 80px;
    }

.pro-header .icon {
    position: relative;
}

.pro-header .fa {
    position: absolute;
    top: 30%;
    right: 15px;
}

.search-container .form-select {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 17px;
    font-weight: 500;
    color: #50555e;
    padding-top: 5px;
    border: none;
    background: #cdd4e1;
    padding-right: 1pc;
    outline: none;
}

.search-container .icon input {
    width: 400px;
    width: 100%;
    border-radius: 21px;
    border: 1px solid #aba6a6;
    padding: 5px 13px;
    font-size: 13px;
}

.search-container .col-md-10 {
    padding: 0px
}

.search-container .icon {
    float: left;
    width: 70%;
    position: relative;
    /* padding-left: 100px; */
}

    .search-container .icon .fa {
        cursor: pointer;
        position: absolute;
        top: 7px;
        right: 16px;
        color: #50555e;
    }

.l-icons {
    display: flex;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.l-icons {
    list-style: none;
    padding: 0%;
}

    .l-icons img {
        width: 30px;
        margin: 5px 10px;
        cursor: pointer;
    }

.bottom-line {
    background: #FF0000;
    height: 20px;
    width: 100%;
    z-index: 9;
    position: absolute;
}

.search-container {
    height: 53px;
}

.r-con {
    height: 43px;
}

.main-body {
    display: flex;
    width: 100%;
}

    .main-body .filter {
        width: 20%;
        border-right: 1px solid #f5f3f3;
        padding-top: 25px;
    }

    .main-body .list-groups {
        margin: 25px 0px 0px 0px;
        padding: 10px;
        padding-left: 40px;
    }

    .main-body .filter .list-groups h3 {
        font-family: 'Montserrat', sans-serif;
        text-align: left;
        font-size: 17px;
        font-weight: 600;
        color: #50555e;
    }

/* checkbox  */

.check-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

    /* Hide the browser's default checkbox */
    .check-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid;
    border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
    background-color: #ccbdbd33;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
    background-color: #50555e;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0px 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.filter {
    transition: 1s ease;
}

.body {
    padding: 40px 69px;
    width: 100%;
    transition: 1s ease;
}

    .body .filter-chips .chips {
        /* UI Properties */
        background: #CDD4E1;
        border-radius: 2px;
        color: #50555e;
        opacity: 1;
        padding: 3px 10px;
        margin-right: 5px;
        font-size: 15px;
        margin-bottom: 5px;
        font-weight: 500;
    }

    .body .filter-chips {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .body .chips-count h3 {
        font-size: 16px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        margin: 20px 5px;
    }

.con-card .card {
    border: 0.13678118586540222px solid #e6e6e7;
    opacity: 1;
    background-color: #f5f5f5;
    border-radius: 0pc;
}

    .con-card .card h3 {
        color: #c90303;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        margin: 10px 5px 10px 0px;
        font-size: 13px;
    }

        .con-card .card h3 span {
            margin: 0px 5px;
        }

    .con-card .card p {
        color: #8b8b8b;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        margin: 0px 0px;
        font-size: 13px;
    }

    .con-card .card .d-flex {
        padding: 7px 20px;
        border-top: 1px solid #e6e6e7;
    }

        .con-card .card .d-flex a {
            color: rgb(35, 105, 255);
            font-family: 'Montserrat', sans-serif;
            font-weight: 400;
            margin: 3px 0px;
            font-size: 13px;
        }

.con-card {
    padding: 0px 0px;
}

.devider {
    margin: 0px 3px;
    color: cornflowerblue;
}

.con-card .col-md-4 {
    padding: 5px;
}

    .con-card .col-md-4 .card {
        padding: 5px;
    }

.open {
    position: fixed;
    left: -21px;
    top: 9pc;
    color: #fff;
    text-align: center;
    background: #6c757d;
    z-index: 10;
    padding-right: 33px;
    padding: 10px;
    box-shadow: 3px 2px 18px -12px black;
}

.con-card .col-md-4 .card:hover {
    box-shadow: 1px 1px 29px -20px black;
    transition: .6s all ease-in-out;
    border: 1px solid #3d3939;
}

.conent-wrap {
    padding-top: 50px;
}

.conent {
    padding: 0px 20px;
}

.conent-wrap h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 34px;
}

.conent-wrap img {
    /* position: absolute; */
    width: 57px;
    /* left: 33px;
        bottom: 30px; */
}

.content-title h2 {
    position: relative;
    font-size: 20px;
    margin-left: 10px;
    margin-top: 0px;
}

.conent p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #6c6565;
}

.conent ul li {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #6c6565;
    position: relative;
}

.conent ul {
    list-style: none;
}

    .conent ul li::before {
        content: "";
        width: 7px;
        height: 7px;
        background-color: #eb0000;
        position: absolute;
        left: -20px;
        top: 10px;
    }

b, strong {
    font-weight: bold;
    margin-bottom: 10px;
}

.conent-wrap ul {
    padding: 0px;
    list-style: none;
}

.leftBorder ul {
    border-left: 1px solid #CDD4E1;
    padding-left: 20px;
}

.conent-wrap h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #494444;
    position: relative;
}

.conent-wrap ~ .row .col-md-6 h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #494444;
    position: relative;
}

.conent-wrap ~ .row .col-md-6 ul {
    list-style: none;
}

.conent-wrap ~ .row .col-md-6 img {
    /* position: absolute; */
    width: 57px;
    /* left: 33px;
      bottom: 30px; */
}

.conent-wrap .row {
    border: 1px solid #f3f3f3;
    border-width: 1px 0px 1px 1px;
    padding: 42px 30px;
}

.conent-wrap li {
    margin-bottom: 10px;
}

.conent-wrap ~ .row .col-md-6 li {
    margin-bottom: 10px;
}

.conent-wrap ~ .row .col-md-6 ul {
    list-style: none;
    padding: 20px 0px 20px 15px;
    border: 1px solid #ededed;
    border-width: 1px 0px 1px 1px;
    margin: 60px 0px;
    background: #fdfdfd;
}

.conent-wrap ~ .row .col-md-6:first-child ul {
    list-style: none;
    padding: 20px 25px;
    border: 1px solid #ededed;
    border-width: 1px 1px 1px 0px;
    margin: 60px 0px;
    background: #fdfdfd;
}

.fa-chevron-right {
    position: absolute;
    right: 0px;
    top: 7px;
}

.search-list h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
}

.search-list {
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin-top: 15px;
    padding-left: 0;
    overflow: auto;
}

.mx-auto {
    margin: 0 auto;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #767676;
    background-color: #fff;
    border: none;
}

.list-groups .phrases li {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 5px;
    font-size: 14px;
}

.phrases {
    list-style: none;
    padding: 0px;
}

    .phrases li a {
        text-decoration: none;
        color: #3d3939;
    }

.list-groups .phrases li:hover {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    transition: .4s all ease-in-out;
}

.phrases li:nth-child(n+6) {
    display: none;
}
/* ul li {
      border: 1px solid #aaa;
    } */
.phrases ~ span {
    cursor: pointer;
    color: #4C8CF5;
    float: right;
    text-decoration: underline;
}

.page-item.active .page-link {
    z-index: 3;
    color: #020202;
    background-color: #ffffff;
    border-color: #007bff;
    font-weight: 600;
}

.pagination .page-link {
    padding: 0.3rem 0.55rem;
}

.domain-api ul {
    list-style: none;
}

    .domain-api ul li {
        margin-bottom: 20px;
        width: 50%;
        position: relative;
    }

.domain-api .col-md-6 ul li::before {
    content: " ";
    background-size: 25px;
    width: 30px;
    height: 30px;
    background-image: url("../Assets/images/Jsonicon.png");
    position: absolute;
    left: -40px;
    background-repeat: no-repeat;
    top: -1px;
    background-position: 0px;
}

.domain-api h2 {
    color: #2c2e3a;
    text-align: left;
    font-family: 'Montserrat',sans-serif;
    letter-spacing: 0px;
    color: #2C2E3A;
    opacity: 1;
    margin-bottom: 40px;
}


.service-pack ul {
    list-style: none;
}

    .service-pack ul li {
        margin-bottom: 20px;
        position: relative;
        width: 50%;
    }

.service-pack .col-md-6 ul li::before {
    content: " ";
    background-size: 25px;
    width: 30px;
    height: 30px;
    background-image: url("../Assets/images/Jsonicon.png");
    position: absolute;
    left: -40px;
    background-repeat: no-repeat;
    top: -1px;
    background-position: 0px;
}

.service-pack h2 {
    color: #2c2e3a;
    text-align: left;
    font-family: 'Montserrat',sans-serif;
    letter-spacing: 0px;
    color: #2C2E3A;
    opacity: 1;
    margin-bottom: 40px;
}

.service-pack {
    background-color: #EEEFEF;
    padding: 40px 0px;
}

.domain-api {
    padding: 40px 0px;
}



.local ul {
    list-style: none;
}

    .local ul li {
        margin-bottom: 20px;
        position: relative;
        width: 50%;
    }

#country {
    margin-left: 82px;
}

.domain-contanier .local ul {
    padding-left: 5px
}

.local ul li::before {
    content: " ";
    background-size: 25px;
    width: 30px;
    height: 30px;
    background-image: url(../Assets/images/Jsonicon.png);
    position: absolute;
    left: -40px;
    background-repeat: no-repeat;
    top: -1px;
    background-position: 0px;
}

.local h2 {
    color: #2c2e3a;
    text-align: left;
    font-family: 'Montserrat',sans-serif;
    letter-spacing: 0px;
    color: #2C2E3A;
    opacity: 1;
    margin-bottom: 40px;
}

.local {
    background-color: #fff;
    padding: 40px 0px;
}

    .local .row div {
        width: 50%;
    }

    .local .rowss {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        height: 500px;
    }

.domain-contanier ul {
    display: flex;
    padding-left: 85px;
    flex-wrap: wrap;
    width: 100%;
}

.domain-contanier {
    width: 100% !important;
}

.service-pack {
    width: 100% !important;
}

.local {
    width: 100% !important;
}

.domain-contanier .rowss h4 {
    padding-left: 50px;
    margin-top: 28px;
}

.pro-header .logo-ele {
    display: flex;
    width: 100%;
    align-items: center;
}

.pro-header .welcome {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    justify-content: end;
}

.pro-header .logo-ele img {
    width: 182px;
    height: 35px;
    ;
}

.welcome img {
    margin-top: 10px;
}

.page-manual .p-manual {
    border-right: 3px solid #CDD4E1
}

.page-manual #myUL {
    list-style-type: none;
}

    .page-manual #myUL li {
        padding-left: 20px;
        position: relative;
    }

.page-manual #myUL {
    margin: 0;
    padding: 0;
}

    .page-manual #myUL li a {
        font-size: 13px;
        color: #383E4C;
        font-family: 'Montserrat', sans-serif;
    }

    .page-manual #myUL .caret {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        position: absolute;
        user-select: none;
        display: inline;
        left: -5px;
        top: 3px;
    }

        .page-manual #myUL .caret::before {
            background-image: url("../Assets/images/plus.gif");
            content: '=';
            width: 15px;
            color: #fff;
            display: inline-block;
            background-repeat: no-repeat;
            margin-right: 15px;
        }

.page-manual .caret-down::before {
    background-image: url("../Assets/images/minus.gif") !important;
    width: 15px;
    content: ' =';
    color: #fff;
}

.page-manual #myUL .nested {
    display: none;
}

.page-manual #myUL .active {
    display: inline-block;
    list-style: none;
    padding-left: 10px;
}

.panel-right .discm p {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    margin: 0px;
}

.panel-right .discm {
    padding-top: 25px;
    /*border-top: 1px solid #cdcdcd;*/
    padding-bottom: 25px;
    position: absolute;
    bottom: 0px;
    width: 99%;
    left: 5px;
}

.page-manual .je {
    border: 1px solid #cdcdcd;
}

.page-manual .p-manual {
    padding: 37px;
}

.page-manual .je .tab-content {
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


/* Style the tab */
.page-manual .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

    /* Style the buttons inside the tab */
    .page-manual .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 14px;
    }

        /* Change background color of buttons on hover */
        .page-manual .tab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        .page-manual .tab button.active {
            background-color: #ccc;
        }

/* Style the tab content */
.page-manual .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.panel-container {
    margin-top: 70px;
    width: 100%;
    margin: 70px auto;
}

    .panel-container .panel-right {
        position: relative;
    }

.soq {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #8b8b8b;
    align-items: baseline;
    padding: 38px 40px;
}

    .soq h1 {
        color: #2C2E3A;
        font-size: 21px;
    }

    .soq ~ .row {
        padding: 38px 40px;
    }

.branch .modal-dialog .modal-content {
    width: 100%;
    height: auto;
    /*width: 150%;
    height: auto;
    margin-left: -20%;*/
}

.padd {
    width: 100% !important;
    padding-left: 10px !important;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 1152px;
        margin: 1.75rem auto;
    }
}

.branch tr td:first-child {
    width: 30%;
}

.branch h1 {
    font-size: 20px;
}

.serch-margin-page {
    margin: 0 auto;
    margin-top: 60px;
}








body {
    font-family: 'Montserrat', sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

@media (min-width: 1200px) {
    /*.container {*/
    /*  max-width: 1300px;*/
    /*}*/
}

.pro-header .row {
    padding: 0px;
    margin-right: 0px !important;
    margin-left: 0px !important;
    height:100%;
}

.pro-header {
    position: relative;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
}

.pro-header .col-md-2 {
    padding: 0;
}

.pro-header .container {
    height: 53px;
    padding: 0;
    margin: 0 40px;
}

.navbar-brand {
    margin: 0px !important;
}

.pro-header .row img {
    /* width: 250px ; */
    height: 25px;
}

.pro-header h3 {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 16px;
    /* font-family: M; */
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding-top: 15px;
    font-weight: 600;
    margin-right: 20px;
}

.pro-header .row span {
    margin: 5px 10px 0px 10px;
    color: #FFFFFF;
}

.pro-header .d-flex {
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

    .pro-header .d-flex h3,
    span {
        color: #000000;
    }

    .pro-header .d-flex span {
        color: #707070;
    }

.pro-header .logo-ele {
    display: flex;
    width: 100%;
    align-items: center;
}

.pro-header .welcome {
    font-family: 'Montserrat', sans-serif;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    justify-content: end;
    white-space: nowrap;
    align-items: center;
}

.pro-header .logo-ele img {
    width: 182px;
    height: 35px;
    ;
}

.welcome img {
    margin-top: 10px;
    margin-left: 10px;
}

.search-container {
    background-color: #53576842;
    padding: 10px 0px !important;
}

    .search-container .d-flex select {
        width: 150px;
        border-radius: 0px;
        margin: 10px 10px;
        height: 40px;
        font-family: 'Montserrat', sans-serif;
        text-align: left;
        font-size: 13px;
    }

    .search-container button {
        height: 40px;
        border-radius: 0px;
        margin-top: 10px;
        margin-left: 10px;
        width: 80px;
    }

.pro-header .icon {
    position: relative;
}

.pro-header .fa {
    position: absolute;
    top: 30%;
    right: 15px;
}

.search-container .form-select {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    color: #2C2E3A;
    padding-top: 5px;
    border: none;
    background: transparent;
    padding-right: 0pc;
    outline: none;
}

.search-container .icon input {
    width: 400px;
    width: 100%;
    border-radius: 21px;
    border: 1px solid #aba6a6;
    padding: 5px 10px;
    font-size: 13px;
}

.search-container .icon {
    float: right;
    width: 100%;
    padding-left: 100px;
}

.search-container .icon {
    width: 60%;
    padding-left: 0px;
    float: left;
}

    .search-container .icon .fa {
        position: absolute;
        top: 7px;
        right: 15px;
        color: #50555e;
    }

.l-icons {
    display: flex;
    display: flex;
    justify-content: right;
    align-content: center;
    align-items: center;
}

.l-icons {
    list-style: none;
    padding: 0%;
}

    .l-icons li {
        margin-left: 10px;
    }

    .l-icons img {
        width: 30px;
        margin: 5px 0px;
        cursor: pointer;
    }

.bottom-line {
    background: #FF0000;
    height: 10px;
    width: 100%;
    z-index: 9;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.search-container {
    height: 53px;
}

.r-con {
    height: 53px;
}

.main-body {
    display: flex;
}

    .main-body .filter {
        width: auto;
        border-right: 1px solid #f5f3f3;
        padding-top: 25px;
    }

    .main-body .list-groups {
        margin: 25px 0px 0px 0px;
        padding: 10px;
        padding-left: 6px;
    }

    .main-body .filter .list-groups h3 {
        font-family: 'Montserrat', sans-serif;
        text-align: left;
        font-size: 17px;
        font-weight: 600;
        color: #50555e;
    }

/* checkbox  */

.check-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 2.2;
    margin-bottom: -5px;
}

    /* Hide the browser's default checkbox */
    .check-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    border: 1px solid;
    border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
    background-color: #ccbdbd33;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
    background-color: #2C2E3A;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0px 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.filter {
    transition: 1s ease;
}

.body {
    padding: 57px 10px;
    width: 100%;
    transition: 1s ease;
}

    .body .filter-chips .chips {
        /* UI Properties */
        background: #CDD4E1;
        border-radius: 2px;
        color: #50555e;
        opacity: 1;
        padding: 3px 10px;
        margin-right: 5px;
        font-size: 15px;
        margin-bottom: 5px;
        font-weight: 500;
    }

    .body .filter-chips {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .body .chips-count h3 {
        font-size: 16px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        margin: 22px 4px 10px 5px;
    }

.con-card .card {
    border: 0.13678118586540222px solid #e6e6e7;
    opacity: 1;
    background-color: #f5f5f5;
    border-radius: 0pc;
}

    .con-card .card h3 {
        color: #c90303;
        min-height: 15px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        margin: 0px 5px 10px 0px;
        font-size: 13px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        padding-top : 10px;
    }

        .con-card .card h3 span {
            margin: 0px 5px;
        }

    .con-card .card p {
        color: #000000;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        margin: 0px 0px;
        min-height: 41px;
        font-size: 13px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .con-card .card .d-flex {
        padding: 7px 5px;
        border-top: 1px solid #e6e6e7;
    }

        .con-card .card .d-flex a {
            color: rgb(35, 105, 255);
            font-family: 'Montserrat', sans-serif;
            font-weight: 400;
            font-size: 13px;
        }

.con-card {
    padding: 0px 0px;
}

.devider {
    margin: 0px 3px;
    color: cornflowerblue;
}

.con-card .col-md-4 {
    padding: 5px;
}

    .con-card .col-md-4 .card {
        padding: 5px;
        min-height: 125px;
    }

.open {
    position: fixed;
    left: -21px;
    top: 9pc;
    color: #fff;
    text-align: center;
    background: #6c757d;
    z-index: 10;
    padding-right: 33px;
    padding: 10px;
    box-shadow: 3px 2px 18px -12px black;
}

.con-card .col-md-4 .card:hover {
    box-shadow: 1px 1px 29px -20px black;
    transition: .6s all ease-in-out;
    border: 1px solid #3d3939;
}

.conent-wrap {
    margin-top: 26px;
}

.conent {
    padding: 0px 20px;
}

.conent-wrap h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 36px;
    margin-top: 46px;
}

.conent-wrap img {
    /* position: absolute; */
    width: 52px;
    height: 90px;
    display: inline-block;
    margin-bottom: 6px;
    padding-bottom: 28px;
}

.content-title h2 {
    position: relative;
    font-size: 20px;
    margin-left: 10px;
    margin-top: 0px;
}

.conent p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #6c6565;
}

.conent ul li {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #6c6565;
    position: relative;
}

.conent ul {
    list-style: none;
}

    .conent ul li::before {
        content: "";
        width: 7px;
        height: 7px;
        background-color: #eb0000;
        position: absolute;
        left: -20px;
        top: 10px;
    }

b,
strong {
    font-weight: bold;
    margin-bottom: 10px;
}

.conent-wrap ul {
    padding-left: 20px;
    list-style: none;
}

.leftBorder ul {
    border-left: 1px solid #CDD4E1;
    padding-left: 20px;
}

.conent-wrap h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #494444;
    position: relative;
    display: inline-block;
}

.conent-wrap ~ .row .col-md-6 h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #494444;
    position: relative;
    padding-left: 10px;
    padding-bottom: 4px;
    margin-bottom: 0px;
}

.conent-wrap ~ .row .col-md-6 ul {
    list-style: none;
}

.conent-wrap ~ .row .col-md-6 img {
    /* position: absolute; */
    width: 57px;
    /* left: 33px;
        bottom: 30px; */
}

.conent-wrap .row {
    border: 1px solid #f3f3f3;
    border-width: 1px;
    padding: 42px 30px;
}

.conent-wrap li {
    margin-bottom: 10px;
}

.conent-wrap ~ .row .col-md-6 li {
    margin-bottom: 10px;
}

.conent-wrap ~ .row .col-md-6 ul {
    list-style: none;
    padding: 20px 0px 20px 15px;
    border: 1px solid #ededed;
    border-width: 1px;
    margin: 43px 0px;
    background: #fdfdfd;
    min-height: 303px;
}

.conent-wrap ~ .row .col-md-6:first-child ul {
    list-style: none;
    padding: 20px 25px;
    border: 1px solid #ededed;
    border-width: 1px;
    margin: 43px 0px;
    background: #fdfdfd;
    min-height: 18em
}

.fa-chevron-right {
    position: absolute;
    right: 0px;
    top: 7px;
}

.fass-chevron-right img {
    margin-right: 35px;
    margin-bottom: 3px;
}

.badge-secondary {
    color: #6c6b6b;
    background-color: #CDD4E1;
}

.btn-download {
    background-color: #2C2E3A;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    float: right;
    margin-left: auto;
    margin-top: 32px;
    width: 120px;
}

    .btn-download img {
        width: 13px;
        height: 15px;
        margin: 3px;
        vertical-align: inherit;
    }

.alig-header-one {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-right: 65px;
}

    .alig-header-one .form-select:first-child::before {
        content: ">";
        font-weight: 900;
        color: #3d3939;
        position: absolute;
        right: 0px;
    }

    .alig-header-one .fa-chevron-right {
        position: relative;
        vertical-align: middle;
        margin-bottom: 0px;
        color: #3d3939;
    }

    .alig-header-one .chev {
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
        font-weight: 500;
        color: #494444;
        white-space: nowrap;
    }

    .alig-header-one .fass-chevron-right {
        padding-bottom: 10px;
    }

.sec-gap {
    margin-right: 47px;
}

.conent-wrap ~ .row .col-md-6 li {
    margin-bottom: 10px;
    font-size: 16px;
    display: flex;
    align-items: end;
}

    .conent-wrap ~ .row .col-md-6 li img {
        width: 40px;
        margin-right: 5px;
        height: 45px;
        padding-top: 0px;
    }

.conent-wrap ~ .row .col-md-6 {
    padding: 0;
}

    .conent-wrap ~ .row .col-md-6:first-child {
        padding-right: 20px;
    }

    .conent-wrap ~ .row .col-md-6:nth-child(2) {
        padding-left: 20px;
    }

.contact-title {
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0px;
    color: #2C2E3A;
    opacity: 1;
    font-weight: 600;
    font-size: 22px;
    margin-top: 37px;
}

.contact {
    margin: 0px 0px 0px 0px;
}

.contact-title ~ p {
    font-family: 'Montserrat', sans-serif;
    color: #2C2E3A;
    font-size: 13px;
}

    .contact-title ~ p span {
        font-family: 'Montserrat', sans-serif;
        font-size: 13px;
        color: #3747c5;
    }

.about-text {
    font-family: 'Montserrat', sans-serif;
    color: #2C2E3A;
    font-size: 14px !important;
}


/* feedback */

.feedback h4 {
    font-family: 'Montserrat', sans-serif;
    color: #2C2E3A;
    font-size: 16px;
    margin-top: 0px;
    font-weight: 500;
    margin-bottom: 3px;
}

.feedback span {
    font-family: 'Montserrat', sans-serif;
    color: #2C2E3A;
    font-size: 14px;
    margin-top: 3px;
}

.feedback .textarea textarea ~ div {
    font-family: 'Montserrat', sans-serif;
    color: #2C2E3A;
    font-size: 14px;
    margin: 0px;
}

.feedback .form-check {
    font-family: 'Montserrat', sans-serif;
    color: #2C2E3A;
    font-size: 14px;
    margin-top: 3px;
    margin-right: 32px;
}

.feedback label {
    font-family: 'Montserrat', sans-serif;
    color: #2C2E3A;
    font-size: 14px;
    margin: 0px;
}

.feedback select {
    width: 266px;
    background: #97979794;
    outline: none;
    border: none;
    font-family: 'Montserrat', sans-serif;
    color: #2C2E3A;
    font-size: 14px;
    border: 2px solid #959595;
}

.feedback .textarea p {
    font-family: 'Montserrat', sans-serif;
    color: #2C2E3A;
    font-size: 14px;
    margin: 0px;
}

.feedback .textarea textarea {
    width: 100%;
    height: 160px;
    border: 0.5px solid rgba(152, 137, 137, 0.507);
}

.feedback input[type=radio] {
    width: 18px;
    margin-top: 8px;
    accent-color: #ff0000;
    cursor: pointer;
}

.feedback .d-flex {
    flex-wrap: wrap;
}

.feedback .col-md-12 img {
    width: 26px;
}

.feedback button {
    color: #fff;
    width: 102px;
    height: 40px;
    border-radius: 0px;
}

    .feedback button.btn-grey {
        color: #2C2E3A;
        width: 102px;
        height: 40px;
        background-color: #CDD4E1;
        font-size: 18px;
    }


    .feedback button.btn-red {
        color: #fff;
        width: 102px;
        height: 40px;
        background-color: #FF0000;
        font-size: 18px;
    }

.feedback .col-md-12 {
    margin-top: 30px;
}

    .feedback .col-md-12:first-child {
        margin-top: 20px;
    }

    .feedback .col-md-12:nth-child(2) {
        margin-top: 12px !important;
    }


/*  what new page */

.accrdions-page h3 {
    margin-top: 37px;
    margin-bottom: 37px;
    font-size: 26px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.accrdions-page .card {
    border-radius: 0px;
}

    .accrdions-page .card .card-header {
        background-color: #2C2E3A;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-size: 24px;
        border-radius: 0px;
    }

        .accrdions-page .card .card-header a {
            color: #ffffff;
            text-transform: uppercase;
            font-weight: 600;
        }

.accrdions-page #col_accordion {
    padding: 0px 0px 0px 28px;
    margin-top: 0px;
    width: 100%;
}

    .accrdions-page #col_accordion:first-child {
        margin-top: 50px;
    }

.accrdions-page .card .card-body {
    color: #2C2E3A;
    /* color: #fff; */
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-align: left;
    background-color: #f4f6f8;
    padding: 0px;
}

.features-page .card-link.collapsed em {
    transform: rotate(-90deg);
    transition: 1s ease;
}

.features-page .card-link em {
    transform: rotate(0deg);
    transition: 1s ease;
}


.card-link.collapsed em {
    transform: rotate(-90deg);
    transition: 1s ease;
}

.card-link em {
    transform: rotate(0deg);
    transition: 1s ease;
}

.accrdions-page .card .table td {
    padding: 50px;
    vertical-align: inherit;
}

.accrdions-page .card .table th {
    padding: 35px;
}

.accrdions-page .card .table {
    margin-bottom: 0px;
    display: table;
}

.accrdions-page .col-md-12 {
    padding: 0px;
}

.actn {
    margin-top: 40px;
}

    .actn ul li {
        color: #2C2E3A;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
    }

    .actn ul {
        padding: 0px;
        list-style: none;
        margin-bottom: 0;
        overflow: auto;
        height: 57px;
        padding-top: 16px;
    }

.alphabet li {
    padding: 2px 11.5px;
}

.actn .col-md-12 {
    padding: 0px;
}

.phrases-tab {
    margin-top: 51px;
    margin-bottom: 64px !important;
}

    .phrases-tab li a {
        width: 110px;
        height: 40px;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        color: #2C2E3A;
        background: #CDD4E1;
        font-weight: 400;
        padding: 11.5px 34px;
        text-transform: none;
        text-decoration: none;
    }

        .phrases-tab li a.active {
            width: 110px;
            height: 40px;
            font-family: 'Montserrat', sans-serif;
            font-size: 16px;
            color: #fff !important;
            background: #eb0000 !important;
            font-weight: 400;
            padding: 11.5px 34px;
            transition: .8s ease-in-out;
        }

.actn .inner-list li:nth-child(odd) {
    font-size: 16px !important;
    font-weight: 300;
    background-color: #cdd4e179;
}

.actn .inner-list li:nth-child(even) {
    font-size: 16px !important;
    font-weight: 300;
    background-color: #CDD4E1;
}

.actn .inner-list li:has(> a.active) {
    font-size: 16px !important;
    font-weight: 300;
    color: #fff;
}

.actn .inner-list li a {
    color: #2C2E3A;
    text-decoration: none;
    padding: 5px 75px 5px 0px;
}

.actn .inner-list li .active {
    color: #0e0d0d;
}

.phrases-table tr:nth-child(odd) td:nth-child(even) {
    font-size: 16px !important;
    font-weight: 300;
    background-color: #cdd4e17c;
}

.phrases-table tr:nth-child(odd) td:nth-child(odd) {
    font-size: 16px !important;
    font-weight: 300;
    background-color: #CDD4E1;
}

.phrases-table tr:nth-child(even) td {
    font-size: 16px !important;
    font-weight: 300;
    background-color: #f2f2f2;
    color: #2C2E3A;
}

.phrases-table tr td:first-child {
    width: 30%;
    border-right: 1px solid #bcbcbc;
}

.phrases-table tr td:nth-child(2) {
    width: 70%;
}

.table-phs {
    width: 100%;
}

    .table-phs table {
        width: 100%;
    }

.phrases-table tr td {
    height: 30px !important;
}

.phrases-table tr {
    height: 30px !important;
}

.table-phs {
    display: none;
}

.phrases-tab ~ .tab-content ul {
    display: flex;
    flex-direction: column;
    width: 30%;
    height: auto;
    padding: 0px;
    padding-right: 10px;
}

.actn .tab-content {
    width: 100%;
}

.phrases-table p {
    margin: 0;
}

.inner-list li {
    padding: 3px;
    padding-left: 15px !important;
}

.pagi .text-center {
    width: 100%;
    margin: 40px 0px 40px 0px;
}

.alphabet .active {
    background-color: #eb0000;
    color: #fff;
    height: 30px;
}

.phrases-tab li {
    padding: 0px 5px 0 0;
}

.pagi a {
    color: #2C2E3A;
}

.search-dark {
    float: right;
    width: 313px;
    height: 40px;
    background-color: #2C2E3A;
    border-radius: 0;
}

.AcronymsPhra {
    margin-left: auto;
}

.search-dark:hover {
    box-shadow: 0px 11px 12px -16px black;
}

.phrases-table tr td {
    padding-left: 35px;
    vertical-align: baseline;
    font-size: 14px !imoirtant;
    text-align: left;
}

/*.accrdions-page .card .table tr td:nth-child(3) {
    color: #c90303 !important;
    font-weight: 500;
}*/

.accrdions-page .card .table tr td:nth-child(4) {
    color: #494444 !important;
    font-weight: 500;
}


.response {
    height: 400px;
}


.second-headerp .col-lg-2 {
    padding: 0;
}

.pro-header .welcome img {
    width: 32px;
    height: 32px;
    position: relative;
    bottom: 5px;
}

.branch .modal-content {
    border-radius: 0;
}

.features-page .card .card-header {
    background-color: #fff;
    border: none;
    padding-left: 0;
}

    .features-page .card .card-header a {
        color: #000000;
    }

.features-page .card {
    border: 0px;
}

    .features-page .card th {
        background-color: #343a40;
        color: #ffffff;
    }

    .features-page .card .table th {
        padding: 15px 15px;
        vertical-align: middle;
        white-space: nowrap;
    }

    .features-page .card .table td {
        padding: 27px;
        vertical-align: inherit;
    }

.features-page .bg-red {
    color: #c90303 !important;
    font-weight: 500;
}

.features-page .card .card-header a {
    font-size: 25px;
}

.features-page h3 {
    font-size: 32px
}

.features-page tr:nth-child(odd) td {
    background-color: #fff;
}

.bok .phrases-tab {
    margin-top: 12px;
    margin-bottom: 28px !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #cdd4e124;
}

.bok td {
    color: #535768;
    vertical-align: middle;
}

.table-striped th {
    background-color: #cdd4e124;
    white-space: nowrap;
    height: 33px;
}

.grey-area {
    height: 80px;
    background: #cdcdcd;
    align-items: center;
    padding-left: 3%;
    margin-left: -3%;
    width: 106%;
    font-size: 14px;
}

    .grey-area select {
        height: 33px;
        border-radius: 0;
        border: none;
        outline: none;
    }

.bok .card-header {
    font-weight: 600;
    color: #2C2E3A;
    background: #CCCCCC;
    font-size: 25px;
}

.bok .card {
    border-radius: 0;
}

.bok ol li {
    margin-bottom: 5px;
}

.bok-title {
    font-size: 32px;
    font-weight: 600;
}

.bok .btn-dark {
    margin: 32px auto;
}

.bok .search-dark {
    float: right;
    width: 267px;
    height: 46px;
    background-color: #2C2E3A;
    border-radius: 0;
}

.bok table tr th:first-child {
    padding-left: 45px;
}

.bok table tr td:first-child {
    padding-left: 45px;
}


.faqpage .card .card-header {
    background-color: #dee2e624 !important;
    line-height: 1;
    border-bottom: 0;
}

    .faqpage .card .card-header a {
        color: #2C2E3A !important;
        font-size: 14px;
        font-weight: 400;
        text-transform: inherit;
    }

.faqpage .card {
    border: 1px solid #3d3939;
    margin-bottom: 10px;
}

    .faqpage .card .card-body {
        text-align: left;
        padding: 20px;
        background-color: #fff;
    }

        .faqpage .card .card-body p {
            color: #2C2E3A !important;
            font-size: 16px;
            font-weight: 400;
            text-transform: inherit;
            margin-bottom: 15px;
        }

        .faqpage .card .card-body ol li {
            color: #2C2E3A !important;
            font-size: 16px;
            font-weight: 400;
            text-transform: inherit;
            margin-bottom: 5px;
        }

        .faqpage .card .card-body h3 {
            color: #2C2E3A !important;
            font-size: 23px;
            font-weight: 600;
            text-transform: inherit;
            margin-bottom: 5px;
            margin-top: 26px;
        }

.faqpage .fa-angle-up {
    float: right;
    width: 3%;
    font-size: 20px;
}

.faqpage .card-link.collapsed i {
    margin-top: 8px;
}

.faqpage .card-link.collapsed i {
    margin-top: 10px;
    transform: rotate(180deg);
    transition: 1s ease;
    margin-right: 10px;
}

.faqpage .card-link i {
    margin-right: -20px;
    margin-top: 0px;
}

.faqpage h3:first-child {
    margin-bottom: 40px;
}









.main-footer h3, .intra-main-footer h3 {
    font-family: 'Montserrat', sans-serif;
    /* text-align: center; */
    font-size: 16px;
    margin-bottom: 15px;
}

.main-footer ul, .intra-main-footer ul {
    padding: 0;
    list-style: none;
}

.main-footer li, .intra-main-footer li {
    margin-bottom: 7px;
    font-weight: 300;
}

    .main-footer li a, .intra-main-footer li a {
        color: #CDD4E1;
        font-size: 14px;
    }

.main-footer, .intra-main-footer {
    background-color: #373E4C;
    /* text-align: center; */
    color: #FFFFFF;
    padding-top: 18px;
    margin-top: 25px;
}

.copy-right {
    background: #535768;
    text-align: center;
    padding: 20px 0px 10px 0px;
    opacity: 1;
}

    .copy-right p {
        font-size: 13px;
        color: #CDD4E1;
        padding-top: 5px;
    }

.main-footer .col-md-4 {
    padding-left: 135px;
}

.intra-main-footer .col-md-4{
	padding-left: 40px;
}

.main-footer a, .intra-main-footer a {
    text-decoration: none;
    color: #fff;
    transition: all .6s;
}

    .main-footer a:hover, .intra-main-footer a:hover {
        font-weight: 300;
        color: #a08e8e;
    }

.contact ~ .main-footer, .contact ~ .intra-main-footer {
    margin-top: 0;
}

.what-version {
    color: rgb(50, 110, 222);
    white-space: nowrap;
    font-weight: 500;
}

.my-con {
    position: relative;
}

.search-container {
    position: relative;
}

.AcronymsPhra .search-dark {
    margin-top: -6px;
    color: white;
}



.psrch-x {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 27px;
    height: 27px;
}



.actn .inner-list li:has(> a.active) {
    font-size: 16px !important;
    font-weight: 300;
    /* background-color: #FF0000; */
    color: #1b1717;
    border-bottom: 5px solid #ff0000;
    transition: .3s ease;
}


.font-bold {
    font-weight: 600;
    color: #000;
}


.phrasesSerchs h1 {
    cursor: pointer !important;
}


.alphabet {
    height: 45px !important;
    padding-top: 0px !important;
}

.arrow-icons {
    cursor: pointer;
}

.phars .col-lg-10 {
    padding: 0;
}

.actn .container {
    padding: 0px !important;
}

.addPadd {
    padding: 57px 60px;
}

.pdf-page {
    margin-top: 38px;
    padding: 0 7%;
}

    .pdf-page button {
        color: #fff;
        float: right;
        width: 152px;
        height: 46px;
        background-color: #2C2E3A;
        text-align: revert;
        border: none;
        padding-right: 22px;
        margin-bottom: 25px;
    }

        .pdf-page button img {
            float: right;
            width: 15px;
        }

.pdf-page {
    margin-bottom: 100px;
}

.mfx .icon {
    float: right;
}

#noCount {
    display: none;
}

#footer {
    padding-right: 0px;
    padding-left: 0px;
}

#img1 {
    width: 102;
    height: 108.5;
}

#WhatsnewDescription {
    margin-left: -45px;
}

.navbar-brand {
    margin-left: 20px;
}

.login-text ~ .col-md-6 img {
    object-fit: cover;
    float: right;
    width: 102%;
    height: 100%;
}

.login-container {
    width: 70%;
    margin: 50px auto;
}

.login-text {
    font-family: 'Montserrat', sans-serif;
    margin-top: 45px;
}

    .login-text p {
        margin: 0;
    }

.forget-password .col-md-6 {
    padding: 0;
}

.login-text .btn {
    color: #fff;
    background-color: red;
    border-radius: 0;
    border: none;
}

.login-text h1 {
    padding-left: 35px;
    font-weight: 600;
    font-size: 32px;
    padding-bottom: 100px;
}

.login-text ~ .col-md-6 {
    padding: 0;
    height: 100%;
}

.lsfoot {
    background-color: #545768;
    margin-top: auto;   /* Pushes the footer to the bottom */
}

.footerlist {
    /* background-color: #454545; */
    padding: 10px;
    list-style: none;
    color: rgb(218, 216, 216);
    display: flex;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0;
}

    .footerlist a {
        color: rgb(218, 216, 216)
    }

.form-group {
    margin-bottom: 100px;
    margin-bottom: 28px;
}

.login-container .form-group {
    transition: .6s all ease-in-out;
    position: relative;
}

.imgSignup {
    position: relative;
}

    .imgSignup div {
        position: absolute;
        top: 10%;
        left: 10px;
    }

    .imgSignup h3 {
        color: #fff;
        font-family: 'Montserrat', sans-serif;
    }

    .imgSignup p {
        color: #fff;
        font-family: 'Montserrat', sans-serif;
    }

.login-container input:focus label {
    position: relative;
    transition: .6s all ease-in-out;
}

.login-container label {
    position: absolute;
    top: 8px;
    left: 15px;
    transition: .6s all ease-in-out;
}

.login-container p.text-danger {
    display: none;
}

.infoForget,.UnlockForget {
    background: #f5f6f9;
    border: 1px solid #b5b4b4;
    margin-bottom: 25px;
    padding: 10px;
    font-size: 14px;
}

    .infoForget .close,.UnlockForget .close {
        width: 8px;
        float: right;
    }

.infoForget,.UnlockForget {
    width: 100%;
    /*float: right;*/
}

    .infoForget ~ .form-group {
        position: static;
    }

.text-danger field-validation-error {
    color: red !important;
    font-family: 'Montserrat', sans-serif !important
}

#usremail-error {
    color: #dc3545!important;
}

#button {
    display: block;
    margin: 20px auto;
    padding: 10px 30px;
    background-color: #eee;
    border: solid #ccc 1px;
    cursor: pointer;
}

#overlay {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgb(0 0 0 / 23%);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px Red solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.is-hide {
    display: none;
}

}
/*--success pop starts here--*/
.success-pop {
    width: 100%;
    text-align: center;
}

    .success-pop h1 {
        font-size: 42px;
        margin-bottom: 25px;
        color: rgb(85, 175, 120);
    }

    .success-pop p {
        font-size: 20px;
        margin-bottom: 27px;
        color: #5C5C5C;
    }

    .success-pop p {
        font-size: 20px;
        margin-bottom: 27px;
        color: #5C5C5C;
    }

#footer {
    /*--success pop starts here--*/
    padding-right: 0px;
    .success-pop

{
    padding-left: 0px;
    width: 100%;
    text-align: center;
}

}

#img1 {
    .success-pop h1

{
    font-size: 42px;
    margin-bottom: 25px;
    color: rgb(85, 175, 120);
}

.success-pop p {
    font-size: 20px;
    margin-bottom: 27px;
    color: #5C5C5C;
}

.success-pop h3.cupon-pop {
    font-size: 25px;
    margin-bottom: 40px;
    color: #222;
    display: inline-block;
    text-align: center;
    width: 102;
    padding: 10px 20px;
    border: 2px dashed #222;
    clear: both;
    height: 108.5;
    font-weight: normal;
}

    .success-pop h3.cupon-pop span {
        color: #03A9F4;
    }

.success-pop a {
    display: inline-block;
    margin: 0 auto;
    padding: 9px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #8BC34A;
    border-radius: 17px;
}

    .success-pop a i {
        margin-right: 5px;
        color: #fff;
    }

#successmodal .modal-header {
    border: 0px;
}

}

#WhatsnewDescription {
    /*--thank you pop ends here--*/
    .col-md-3

{
    text-align: right;
    margin-left: -45px;
    padding: 0;
}

}

.navbar-brand {
    .col-md-9

{
    border-radius: 0;
}

#LblBankDescription {
    height: 90px;
}

.bank-form input {
    border-radius: 0;
    height: 32px;
}

.bank-form textarea {
    border-radius: 0;
}

.bank-form select {
    border-radius: 0;
    height: 32px;
}

.ProductMapping select {
    width: 30.2%;
    height: 32px;
    margin: 0 3px;
    /* float: left; */
}

.ProductMapping .form-control:first-child {
    margin-left: 20px;
    margin-left: 10px;
}

}

.home-content-row .col-md-8 h3 {
    margin-top: 50px
}

.ComponentMapping select, .ConfidentialMapping select {
    width: 49%;
    float: left;
    height: 32px;
}

.bank-form label {
    white-space: nowrap;
    font-size: 15px;
    margin-left: -30px;
}
/*.ComponentMapping select:first-child {
    margin-left: 15px;
}*/
.bank-form {
    margin: 0 auto;
    width: 50%;
}

.bank-geo-form {
    margin: 0 auto;
    width: 48.5%;
}

    .bank-geo-form .buttons .btn {
        background-color: red;
        color: #fff;
        border-radius: 0;
        border: none;
        width: 100px;
        margin-top: 20px;
    }

    .bank-geo-form input {
        border-radius: 0;
        height: 32px;
    }

.bank-form .buttons .btn {
    background-color: red;
    color: #fff;
    border-radius: 0;
    border: none;
    width: 100px;
    margin-top: 20px;
}

.bank-form img {
    position: absolute;
    top: 4px;
    right: 20px;
    width: 25px;
}


.d-flex {
    position: relative;
}

.ProductMapping {
    position: relative;
}

.proddiv select {
    width: 158px;
}

.myModalBank {
    /* width: 600px; */
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
    /*width: 50%; */
    border-radius: 1px;
}

#geo {
    position: absolute;
    top: 4px;
    right: -110px;
    text-decoration: underline;
    text-decoration-color: #007bff;
}

.delete-btn {
    /*background-image: url(Assets/images/dust.png);*/
    position: absolute;
    right: 0px;
    width: 1px;
    height: 1px;
    border: none;
    background-size: 24px;
    background-repeat: no-repeat;
}

.banDo .delete-btn {
    right: -4px !important;
}

.axdf {
    position: relative;
}

.checkbox-input {
    position: absolute;
    width: 1.375em;
    height: 1.375em !important;
    cursor: pointer;
}

.modal-geo-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.bank-edit-form input {
    border-radius: 0;
    height: 32px;
}

.bank-edit-form textarea {
    border-radius: 0;
}

.bank-edit-form select {
    border-radius: 0;
    height: 32px;
}

.bank-edit-form label {
    white-space: nowrap;
    font-size: 15px;
}

.bank-edit-form {
    margin: 20vh auto;
    width: 48%;
}

    .bank-edit-form .buttons .btn {
        background-color: red;
        color: #fff;
        border-radius: 0;
        border: none;
        width: 112px;
        margin-top: 20px;
    }

    .bank-edit-form img {
        position: absolute;
        top: 4px;
        right: 20px;
        width: 25px;
    }

.partner-add-form {
    margin: 8vh auto;
    width: 48%;
}

    .partner-add-form .buttons .btn {
        background-color: red;
        color: #fff;
        border-radius: 0;
        border: none;
        width: 112px;
        margin-top: 20px;
    }

    .partner-add-form img {
        position: absolute;
        top: 4px;
        right: 20px;
        width: 25px;
    }

    .partner-add-form input {
        border-radius: 0;
        height: 32px;
    }

    .partner-add-form textarea {
        border-radius: 0;
    }

    .partner-add-form select {
        border-radius: 0;
        height: 32px;
    }

    .partner-add-form label {
        white-space: nowrap;
        font-size: 15px;
    }

.div-info {
    text-align: center;
    font-weight: bold;
    color: gray;
}
/*--dropdown partner group starts here--*/
.partnerGroup-edit-form input {
    border-radius: 0;
    height: 32px;
}

.partnerGroup-edit-form textarea {
    border-radius: 0;
}

.partnerGroup-edit-form select {
    border-radius: 0;
    height: 32px;
}

.partnerGroup-edit-form label {
    white-space: nowrap;
    font-size: 15px;
}

.partnerGroup-edit-form {
    margin: 20vh auto;
    width: 48%;
}

.login-text2 {
    text-align: right;
}

.partnerGroup-edit-form .buttons .btn {
    background-color: red;
    color: #fff;
    border-radius: 0;
    border: none;
    width: 112px;
    margin-top: 20px;
}

.partnerGroup-edit-form img {
    position: absolute;
    top: 4px;
    right: 20px;
    width: 25px;
}
/*--dropdown partner group ends here--*/
.fa-eye {
    position: absolute;
    right: 2%;
    cursor: pointer;
    color: lightgray;
    top: 9px;
}

#loginemail-error {
    color: red;
}

@media only screen and (max-width: 1200px) {
    .footerlist {
        font-size: 10px;
    }

    .new-Slick h3 {
        width: 10em !important;
    }

    .v-card p {
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        margin: 0px 10px 0px 20px;
        line-height: 1.2;
    }

    #test {
        font-size: 13px;
    }

    #test1 {
        font-size: 13px;
    }
}

@media only screen and (max-width: 768px) {
    .footerlist {
        flex-direction: column;
        text-align: center;
        font-size: 13px;
    }

    .login-text2 {
        text-align: center;
    }
}

#eye {
    position: absolute;
    right: 2%;
    cursor: pointer;
    color: lightgray;
    top: 10px;
}



.slick-prev:before {
    content: '←' !important;
}

.slick-next:before {
    content: '→' !important;
}

.bank-form .col-md-3 {
    text-align: right;
}

.bank-form .form-control {
    display: block;
    width: 100%;
    height: 29px;
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #858585;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #474747;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.bank-form .fa {
    position: absolute;
    top: 8px;
    right: -9px;
}

.proddiv select {
    margin-right: 5px;
    width: 155px !important;
}

.compdiv select, .confidentialdiv select {
    margin-right: -1px !important;
    width: 49% !important;
}

.bank-form .col-md-3 .text-danger {
    color: #dc3545 !important;
    margin-left: -5px;
}

.compdiv select:first-child {
    margin-right: 9px !important;
}

.bank-form .mb-4 {
    margin-bottom: 10px !important;
}

.panel-left {
    padding: 0px 0px 0px 20px !important;
}

#charNum2, #charNum {
    font-weight: 400;
}

.what-new {
    margin-top: 60px;
}

#treeview .panel-left {
    white-space: normal !important;
}

.main-drop {
    padding: 5px;
    text-align: left;
    color: #493d3d;
    margin: 0px 5px !important;
    border-radius: 0;
}

    .main-drop img {
        width: 19px !important;
        height: 19px !important;
        margin: 0px 5px !important;
    }

.main-drop-f img {
    width: 35px !important;
    height: 35px !important;
    float: right;
}

.main-drop li {
    text-align: left !important;
    color: #493d3d;
}

.main-drop a {
    text-align: left !important;
    color: #493d3d;
}

.main-drop-f {
    padding: 18px !important;
    border-bottom: 1px solid #8a8a8a;
    text-align: right !important;
    color: darkolivegreen;
    line-height: 2;
}

    .main-drop-f a {
        color: #493d3d;
        margin-left: auto;
        text-align: right !important;
    }

.main-drop span {
    color: #dadada !important;
    margin: 0 !important;
}

.main-drop li {
    padding: 9px 8px;
}

.main-header .main-drop {
    width: 233px !important;
    top: 0px !important;
    left: -60px !important;
}

.main-header .UserHeader {
    margin-left: auto !important;
}

.main-header .main-drop li {
    position: relative;
}

    .main-header .main-drop li a {
        padding-left: 30px;
    }

.main-header .main-drop img {
    left: 0;
    height: 25px !important;
}

.main-header .welcome {
    position: relative;
}

.main-header .welcome {
    width: auto;
    padding-right: 49px;
}

#LblRequestby-error {
    margin-left: 170px;
}

#url {
    inline-size: 1150px;
}

.highlight {
    /* background: #e6e616;*/
    padding: 1px;
    /*border: #e6e616 dotted 1px;*/
    color: #000;
    font-weight: 700;
}


/*Profile Changes*/
.fin-profile {
    width: 100%;
    float: left;
    background-color: #4c4f5b;
}

.sub-profile {
    width: auto;
    position: relative;
}

.profile-set {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    padding: 0 20px 20px 20px;
}

    .profile-set h2 {
        font-family: 'Montserrat', sans-serif;
        font-size: 24px;
        color: #2c2e3a;
        padding: 0 5px;
        font-weight: bold;
    }

    .profile-set label {
        padding: 10px 0;
        color: #9b9b9b;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
    }

    .profile-set select {
        padding: 5px 0;
        border: none;
        border-radius: 5px;
        background-color: #f0f2f6;
        width: 300px;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #9b9b9b;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
    }

        .profile-set select:hover {
            border: none;
            border-style: 0px solid transparent;
        }

    .profile-set option {
        border: none;
        border-radius: 10px;
        background-color: #f0f2f6;
    }

.fin-close {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    z-index: 1;
    padding: 10px;
}

.doc-img {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.fin-close img {
    width: 16px;
    height: 16px;
}

.nav-modal a {
    margin-top: 10px;
    display: block;
}

.zmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    border: 1px solid #888;
    width: 40%;
    text-align: left;
}

.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    text-align: right;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
/*Intranet page styles*/
/* 20-02-2024 starts here */

.wrap-cont {
    display: flex;
}

.main-banking {
    width: 100%;
    display: inline-block;
}

.main-fin {
    width: 100%;
    margin: auto;
    padding: 0;
    float: left;
}

.update-fin {
    width: 100%;
    margin: auto;
    padding: 0;
}

.left-fin {
    width: 50%;
    float: left;
    background-color: #eeefef;
    padding-left: 0px;
    padding-top: 20px;
    padding-right: 0px;
    min-height: 380px;
}

.crmfin .left-fin {
    min-height: 510px;
}

.right-fin {
    width: 50%;
    float: left;
    background-color: #fff;
    min-height: 335px;
}

.min500 {
    min-height: 600px;
}

.main-update {
    width: 38%;
    float: left;
    min-height: 100px;
}

    .main-update a {
        color: #fff;
        text-decoration: none;
    }

.up-left {
    width: 10%;
    background-color: #2c2e3a;
    float: left;
    min-height: 100px;
}

.separator {
    background-color: #5c5d60;
    width: 1px;
    min-height: 70px;
    margin-top: 15px;
    margin-left: 40%;
}

.up-txt {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 25px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 500;
    background-color: #535768;
    width: 45%;
    float: left;
    min-height: 100px;
    padding-left: 15px;
    padding-top: 35px;
}

    .up-txt img {
        width: 30px;
        height: 30px;
    }

.new-txt {
    width: 45%;
    float: left;
    background-color: #2c2e3a;
    min-height: 100px;
    padding-left: 20px;
    padding-top: 30px;
}

ul.core1 {
    padding: 0 20px;
}

.ver-txt {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 18px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.version-txt {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 12px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.main-unive {
    width: 62%;
    float: left;
}

.padmar {
    margin: 0;
    padding: 0;
}

.main-universal {
    padding-left: 15px;
    background-color: #2c2e3a;
    min-height: 100px;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 15px;
    letter-spacing: 0px;
    color: #a4aab6;
}

ul.nav-fin {
    width: 100%;
    float: left;
    padding: 12px 0 0 0;
    padding-left: 10px;
}

    ul.nav-fin li {
        list-style: none;
        display: inline-block;
        padding-right: 15px;
        width: 48%;
    }

        ul.nav-fin li a {
            color: #FFFFFF;
            font-weight: bold;
            font-size: 12px;
            list-style: none;
        }

.fin-pay a {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
}

.fin-pag {
    width: 16%;
    float: left;
}

.pag-nav a {
    background-color: #515566;
    color: white;
    text-indent: -9999px;
    width: 9px;
    height: 9px;
    margin: 1px;
    display: inline-block;
    position: relative;
    top: 67px;
}

    .pag-nav a.active {
        background-color: #c20d11;
        color: white;
    }

.nav-univer {
    width: 100%;
    float: left;
}

.univer-head {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-size: 24px;
    color: #FF0000;
    padding: 10px 20px;
    font-weight: bold;
}

    .univer-head a {
        font-family: 'Montserrat', sans-serif;
        text-align: left;
        font-size: 24px;
        color: #c20d11;
    }

        .univer-head a span {
            font-family: 'Montserrat', sans-serif;
            text-align: left;
            font-size: 24px;
            color: #000;
        }

.sub-para {
    padding: 0px 20px;
}

    .sub-para p {
        font-family: 'Montserrat', sans-serif;
        text-align: left;
        font-size: 14px;
        color: #333;
        line-height: 24px;
    }

.nav-core {
    width: 100%;
    float: left;
}

.sub-core li {
    list-style: none;
    text-align: center;
    padding: 0;
    font-weight: bold;
    font-size: 12px;
    color: #51535d;

}

    .sub-core li a {
        list-style: none;
        text-align: center;
        font-weight: bold;
        font-size: 12px;
        color: #51535d;
        text-decoration: none;
    }

.sub-core {
    width: 100%;
    float: left;
    padding: 45px 0 0 0;
}

    .sub-core ul {
        display: inline-block;
        width: 23%;
        padding: 10px 0px;
    }

.enterprisefin .sub-core ul {
    display: inline-block;
    width: 30%;
    padding: 10px 0px;
}

.crmfin .sub-core ul {
    display: inline-block;
    width: 30%;
    padding: 10px 0px;
}

.billfin .sub-core ul {
    display: inline-block;
    width: 40%;
    padding: 10px 0px;
}

.digitalfin .sub-core ul {
    display: inline-block;
    width: 30%;
    padding: 10px 0px;
}

.treasuryfin .sub-core ul {
    display: inline-block;
    width: 40%;
    padding: 10px 0px;
}

.wmsfin .sub-core ul {
    display: inline-block;
    width: 40%;
    padding: 10px 0px;
}

.walfin .sub-core ul {
    display: inline-block;
    width: 40%;
    padding: 10px 0px;
}

.sub-trade {
    width: 100%;
    float: left;
}

.ul-core {
    text-align: left;
}



.update-img,
.arrow-img,
.update-txt {
    display: inline-block;
    padding: 0px;
}

    .update-img img {
        width: 35px;
        height: 35px;
    }

.ver-text {
    float: left;
}

.arrow-txt {
    padding-left: 20px;
    float: left;
    padding-top: 10px;
}

    .arrow-txt img {
        width: 30px;
        height: 30px;
    }
/* 20-02-2024 ends here  */
/* 21-02-2024 starts here  */
.fin-profile {
    width: 100%;
    float: left;
    background-color: #4c4f5b;
}

.sub-profile {
    width: auto;
    position: relative;
}

.profile-set {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    padding: 0 20px 20px 20px;
}

    .profile-set h2 {
        font-family: 'Montserrat', sans-serif;
        font-size: 24px;
        color: #2c2e3a;
        padding: 0 5px;
        font-weight: bold;
    }

    .profile-set label {
        padding: 10px 0;
        color: #9b9b9b;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
    }

    .profile-set select {
        padding: 5px 0;
        border: none;
        border-radius: 5px;
        background-color: #f0f2f6;
        width: 300px;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #9b9b9b;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
    }

        .profile-set select:hover {
            border: none;
            border-style: 0px solid transparent;
        }

    .profile-set option {
        border: none;
        border-radius: 10px;
        background-color: #f0f2f6;
    }

.fin-close {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    z-index: 1;
    padding: 10px;
}

.doc-img {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.fin-close img {
    width: 16px;
    height: 16px;
}

.nav-modal a {
    margin-top: 10px;
    display: flex;
    text-decoration: none;
}

.zmodal {
    display: none;
    position: fixed;
    z-index: 10;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    border: 1px solid #888;
    width: 40%;
    text-align: left;
}

.zclose {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
}

    .zclose:hover,
    .zclose:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
/*  21-02-2024 ends here   */
/* 22-02-2024 starts here  */
.user-guide {
    width: 100%;
    float: left;
    margin: 2% 0 0 0;
    text-align: center;
}

.user {
    width: auto;
    float: left;
    border: 1px solid #d1c8d0;
    padding: 5px 20px;
    margin: 5px;
    margin-right: 4px;
}

    .user .user-img img {
        width: 50px;
        height: 50px;
    }

    .user .user-txt {
        color: #fe2828;
        font-family: 'Montserrat', sans-serif;
        font-size: 11px;
        margin-top: 5px;
        font-weight: bold;
    }

        .user .user-txt a {
            color: #000;
            text-decoration: none;
        }

            .user .user-txt a.active {
                color: #fe2828;
            }

            .user .user-txt a:hover {
                color: #fe2828;
            }

.install {
    width: 10%;
    float: left;
    border: 1px solid #d1c8d0;
    padding: 6px 0;
    margin-left: 13px;
}

    .install .user-img img {
        width: 50px;
        height: 50px;
    }

    .install .user-txt {
        color: #4d4f59;
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        margin-top: 5px;
    }

        .install .user-txt a {
            color: #4d4f59;
        }

.sub-version {
    width: 99%;
    float: left;
    margin: 15px 5px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding-left: 10px;
}

    .sub-version .ver-table-row {
        width: 100%;
        float: left;
    }

        .sub-version .ver-table-row .ver-col {
            width: 8%;
            float: left;
            color: #000;
            font-family: 'Montserrat', sans-serif;
            font-size: 12px;
            font-weight: bold;
            border-right: 1px solid #ccc;
            margin-right: 2%;
            margin-top: 1%;
            margin-bottom: 1%;
        }

        .sub-version .ver-table-row .ver-coll {
            width: auto;
            float: left;
            color: #5188ff;
            font-family: 'Montserrat', sans-serif;
            font-size: 12px;
            font-weight: bold;
            margin-right: 2%;
            margin-top: 1%;
            margin-bottom: 1%;
        }

    .sub-version .ver-table-roww {
        width: 100%;
        float: left;
        background-color: #f6f7f7;
    }

        .sub-version .ver-table-roww .ver-col {
            width: 8%;
            float: left;
            color: #000;
            font-family: 'Montserrat', sans-serif;
            font-size: 12px;
            font-weight: bold;
            border-right: 1px solid #ccc;
            margin-right: 2%;
            margin-top: 1%;
            margin-bottom: 1%;
        }

        .sub-version .ver-table-roww .ver-coll {
            width: auto;
            float: left;
            color: #5188ff;
            font-family: 'Montserrat', sans-serif;
            font-size: 12px;
            margin-right: 2%;
            margin-top: 1%;
            margin-bottom: 1%;
            font-weight: bold;
        }
/*  22-02-2024 ends here    */
/*  23-02-2024 starts here  */
.uni-popup {
    width: 100%;
    float: left;
    padding: 0px;
    background-color: #fff;
}

.left-content,
.center-content {
    width: 31%;
    float: left;
    margin: 0 20px 0 0;
}

.right-content {
    width: 31%;
    float: left;
    margin: 0 0 0 0;
}

.lft-main {
    border-right: 1px solid #ccc;
    margin-bottom: 40px;
}

.right-content .lft-main {
    border-right: 0px solid #ccc;
}

.lft-main h2 {
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

    .lft-main h2 a {
        color: #000;
    }

ul.lft-txt li {
    list-style: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    display: inline-block;
    padding: 5px 0;
    color: #5188ff;
    width: 48%;
    letter-spacing: -0.4px;
}

ul.lft-txt {
    padding: 0;
    margin: 0;
}

.univer-up {
    width: 100%;
    border: 0;
    padding: 0;
}

.nav-uniform {
    padding-top: 0px;
    position: relative;
    background-color: transparent;
}

.frm-nav {
    padding: 10px;
}
/*  23-02-2024 ends here  */

/* carousel starts here 28-02-2024 */
.carousel-fin {
    width: 100%;
    float: left;
}

.pag-navi {
    text-align: right;
    position: absolute;
    right: 0;
    margin-top: 65px;
    margin-right: 20px;
}

.mySlides {
    display: none
}

img {
    vertical-align: middle;
}

.slideshow-container {
    max-width: auto;
    position: relative;
    margin: auto;
}

.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

.dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 1px;
    background-color: #515566;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .dot.active, .dot:hover {
        background-color: #c20d11;
    }

/*.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

    .fade:not(.show) {
        opacity: 1 !important;
    }*/

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}
/* carousel ends here 28-02-2024 */
/* carousel ends here 28-02-2024 */

.frm-nav {
    padding: 10px;
    position: relative;
    background: #f6f7f7;
    border-bottom: 8px solid #fe0000;
}

.nav-uniform {
    padding-top: 0px;
    background-color: transparent;
    position: absolute;
    /*height: 671px;*/
    overflow-y: scroll;
    margin-top: 30px;
}

.univer-up {
    width: 100%;
    border: 0;
    padding: 0;
    margin-top: 85px;
    border: 1px solid #ccc;
}

.uni-popup {
    width: 98%;
    float: left;
    padding: 0 1%;
    background-color: #fff;
}

.lft-main {
    border-right: 1px solid #ccc;
    margin-bottom: 10px;
}

ul.lft-txt li {
    list-style: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    display: inline-block;
    padding: 5px 0;
    color: #5188ff;
    width: 48%;
    letter-spacing: -0.4px;
}

#zmyBtn {
    position: relative;
    top: 6px;
    display: inline-flex;
}

.fin-produc {
    display: inline-block;
    line-height: 24px;
    padding: 0 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.search-container .icon {
    width: 100%;
    padding-left: 0px;
    float: right;
}
/* popup starts */
ul.mn-pop li {
    list-style: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    display: inline-block;
    padding: 5px 0;
    color: #5188ff;
    width: 48%;
    letter-spacing: -0.4px;
}

ul.mn-pop {
    width: 33%;
    padding: 0 16px;
    margin: 0;
    border-right: 1px solid #ccc;
    margin-bottom: 25px;
    display: inline-table;
}

.mn-pop h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

ul.bord-pop {
    border-right: 0px solid #ccc;
}

ul.noborder {
    border-right: 0px;
}

/*AddPartnerDetails*/


.col-md-3 {
    text-align: right;
    padding: 0;
}

.col-md-9 {
    border-radius: 0;
}

.bank-form input {
    width: 100%;
    border-radius: 0;
    height: 32px;
    border-radius: 0;
    border: 1px solid #7a7a7a;
}

    .bank-form input[type='checkbox'] {
        width: 18px !important
    }

.bank-form textarea {
    width: 100%;
    border-radius: 0;
}

.bank-form select {
    border-radius: 0;
    height: 32px;
}

.ProductMapping select {
    width: 31.2%;
    height: 32px;
    /* float: left; */
}

.ProductMapping .form-control:first-child {
    margin-left: 10px;
}

.Mapping select {
    width: 48%;
    float: right;
    height: 32px;
}

.bank-form label {
    white-space: nowrap;
    font-size: 14px;
}

.Mapping select:first-child {
    margin-left: 15px;
}

.bank-form {
    margin: 0 auto;
    width: 48%;
}

    .bank-form .buttons .btn {
        background-color: red;
        color: #fff;
        border-radius: 0;
        border: none;
        width: 112px;
        margin-top: 20px;
    }

    .bank-form img {
        position: absolute;
        top: 4px;
        right: 20px;
        width: 25px;
    }

i {
    position: absolute;
    right: 0;
    top: 9px;
    color: gray;
}

.d-flex {
    position: relative;
}

.ProductMapping {
    position: relative;
}

.myModalBank {
    /* width: 600px; */
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
    width: 60%;
    border-radius: 1px;
}

#geo {
    position: absolute;
    top: 0;
    right: -110px;
    text-decoration: underline;
}

/* AddPartnerGroup */


.col-md-3 {
    text-align: right;
    padding: 0;
}

.col-md-9 {
    border-radius: 0;
}

.partnerGroup-form input {
    width: 100%;
    border-radius: 0;
    height: 32px;
    border-radius: 0;
    border: 1px solid #7a7a7a;
}

    .partnerGroup-form input[type='checkbox'] {
        width: 18px !important
    }

.partnerGroup-form textarea {
    width: 100%;
    border-radius: 0;
}

.partnerGroup-form select {
    border-radius: 0;
    height: 32px;
}

.PartnerGroupMapping select {
    width: 31.2%;
    height: 32px;
    /* float: left; */
}

.PartnerGroupMapping .form-control:first-child {
    margin-left: 10px;
}

.PartnerComponentMapping select {
    width: 50.2%;
    height: 32px;
    /* float: left; */
}

.PartnerComponentMapping .form-control:first-child {
    margin-left: 3px;
}

.Mapping select {
    width: 48%;
    float: right;
    height: 32px;
}

.partnerGroup-form label {
    white-space: nowrap;
    font-size: 14px;
}

.Mapping select:first-child {
    margin-left: 15px;
}

.partnerGroup-form {
    margin: 0 auto;
    width: 48%;
}

    .partnerGroup-form .buttons .btn {
        background-color: red;
        color: #fff;
        border-radius: 0;
        border: none;
        width: 112px;
        margin-top: 20px;
    }

    .partnerGroup-form img {
        position: absolute;
        top: 4px;
        right: 20px;
        width: 25px;
    }


.d-flex {
    position: relative;
}

.PartnerGroupMapping {
    position: relative;
}

.PartnerComponentMapping {
    position: relative;
}

.myModalBank {
    /* width: 600px; */
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
    width: 60%;
    border-radius: 1px;
}

#geo {
    position: absolute;
    top: 0;
    right: -110px;
    text-decoration: underline;
}


/* EditBankDetails */


.jio #div1 div {
    width: 100%;
    height: 120px;
    padding: 10px;
    border: 1px solid #aaaaaa;
    overflow-y: scroll;
}

.geo-select {
    width: 100%;
    height: 120px;
    padding: 10px;
    border: 1px solid #aaaaaa;
}

.jio h3 {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.jio .col-md-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.jio {
    margin-bottom: 40px !important;
}

.box {
    width: 54px;
    height: 32px;
    border: 1px solid #8e8686;
    background-color: #ece7e7;
    text-align: center;
    margin: 18px auto 0px auto;
    padding: 5px;
    border-radius: 0;
}

.custom-trash {
    position: relative;
    top: calc(50% - 10px);
}


/* EditPartnerGroup */


.col-md-3 {
    text-align: right;
    padding: 0;
}

.col-md-9 {
    border-radius: 0;
}

.partnerGroup-form input {
    width: 100%;
    border-radius: 0;
    height: 32px;
    border-radius: 0;
    border: 1px solid #7a7a7a;
}

    .partnerGroup-form input[type='checkbox'] {
        width: 18px !important
    }

.partnerGroup-form textarea {
    width: 100%;
    border-radius: 0;
}

.partnerGroup-form select {
    border-radius: 0;
    height: 32px;
}

.PartnerGroupMapping select {
    width: 31.2%;
    height: 32px;
    /* float: left; */
}

.PartnerGroupMapping .form-control:first-child {
    margin-left: 10px;
}

.PartnerComponentMapping select {
    width: 50.2%;
    height: 32px;
    /* float: left; */
}

.PartnerComponentMapping .form-control:first-child {
    margin-left: 3px;
}

.Mapping select {
    width: 48%;
    float: right;
    height: 32px;
}

.partnerGroup-form label {
    white-space: nowrap;
    font-size: 14px;
}

.Mapping select:first-child {
    margin-left: 15px;
}

.partnerGroup-form {
    margin: 0 auto;
    width: 48%;
}

    .partnerGroup-form .buttons .btn {
        background-color: red;
        color: #fff;
        border-radius: 0;
        border: none;
        width: 112px;
        margin-top: 20px;
    }

    .partnerGroup-form img {
        position: absolute;
        top: 4px;
        right: 20px;
        width: 25px;
    }


.d-flex {
    position: relative;
}

.PartnerGroupMapping {
    position: relative;
}

.PartnerComponentMapping {
    position: relative;
}

.myModalBank {
    /* width: 600px; */
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
    width: 100%;
    border-radius: 1px;
}

#geo {
    position: absolute;
    top: 0;
    right: -110px;
    text-decoration: underline;
}



.partner-add-form #message_label {
    font-weight: bold;
    color: gray;
}

.chip-close{
    position: initial;
}

.sub-core li a:hover,
.ul-core ul:hover {
    color: #FF0000;
}

.sub-core {
    padding: 15px;
}

    .sub-core ul {
        width: 24%;
    }

.versionDiv {
    padding-top: 5px;
}

    .versionDiv select {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600 !important;
    }

.searchDiv {
    padding-top: 5px;
}

.product-div .fass-chevron-right {
    display: inline-block;
    float: right;
    padding-top: 8px;
}

h2.title-text {
    position: relative;
    left: -12px;
}

.modal .modal-content .modal-body img {
    height: 100%;
    width: 100%;
}
.forget-pwd {
    display: none !important;
}
/* 08-03-2024 starts here */
.noborder {
    border-right: 0px solid #ccc;
}

/* 10-04-2024 starts here */

.sub-admin {
    width: 100%;
    float: left;
    min-height: 440px;
}

    .sub-admin h2 {
        font-family: 'Montserrat', sans-serif;
        font-size: 24px;
        color: #000;
        font-weight: bold;
        padding: 25px 25px 5px 20px;
    }

.nav-admin ul {
    width: 17%;
    display: inline-table;
    padding: 0 0 0 20px;
}

.nav-admin li {
    color: #007bff;
    list-style: none;
    display: block;
    padding: 5px 0;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}

.nav-deactivate {
    width: 97%;
    float: left;
    margin: 0 20px;
}

    .nav-deactivate button {
        background-color: #cdd4e1;
        border: 1px solid #cdd4e1;
        color: #333;
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        padding: 8px 15px;
        float: right;
    }

        .nav-deactivate button:hover {
            background-color: #ff0000;
            border: 1px solid #cdd4e1;
            color: #fff;
            font-weight: 600;
            font-family: 'Montserrat', sans-serif;
            font-size: 12px;
            padding: 8px 15px;
            float: right;
        }

.user-details {
    width: 100%;
    float: left;
    margin: 20px 0;
}

    .user-details th {
        background-color: #f0f2f6;
        padding: 10px 20px;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #b8becc;
    }

    .user-details td {
        padding: 10px 20px;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        border: 1px solid #b8becc !important;
    }

input[type=checkbox]:checked {
    background-color: #ff0000 !important;
    color: #ff0000 !important;
}

/*table tr:nth-child(odd) td {
    background-color: #f0f2f6;
}*/

.zmodal .profile-set h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 19px;
    color: #2c2e3a;
    padding: 0 5px;
    font-weight: bold;
    text-align: center;
}

.zmodal .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    border: 1px solid #888;
    width: auto;
    text-align: left;
}

.zmodal .profile-set p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #2c2e3a;
    padding: 0 5px;
    text-align: center;
}

button.cancel {
    background-color: #fff;
    border: 2px solid #ff0000;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #ff0000;
    padding: 5px 20px;
    font-weight: 600;
}

button.deactivate {
    background-color: #ff0000;
    border: 2px solid #ff0000;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #fff;
    padding: 5px 15px;
    font-weight: 600;
    margin: 15px;
}

.zmodal .sub-profile {
    text-align: center;
}

.pdf a {
    background-color: #ff0000;
    border: 1px solid #cdd4e1;
    color: #fff;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    padding: 8px 15px;
    float: right;
    text-decoration: none;
}

.pdf-date {
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    padding: 5px 5px 5px 20px;
}

    .pdf-date input[type='date']::-webkit-calendar-picker-indicator {
        background: transparent;
    }

    .pdf-date input.pdfdat {
        border-left: none;
        border-right: none;
        border-top: none;
        margin-left: 10px;
        margin-right: 25px;
        background-image: url(../Icons/calender.png);
        background-repeat: no-repeat;
        background-position: right;
        background-size: 20px 20px;
        border-bottom: 1px solid #ccc;
        width: 150px;
        height: 31px;
        text-transform: uppercase;
    }

textarea:focus, input:focus {
    outline: none;
}
.pdf-date input.report {
    background-color: #cdd4e1;
    border: 1px solid #cdd4e1;
    color: #949aa8;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    padding: 6px 16px;
    margin-left: 0px;
}

/*.pdf-date input.report:hover {
    background-color: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    padding: 6px 16px;
}*/
.fin-producz {
    display: inline-block;
    line-height: 24px;
    padding: 0 6px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.sub-hkfps {
    width: 100%;
    float: left;
}

    .sub-hkfps h1 {
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
        margin-top: 30px;
        padding-left: 20px;
    }

    .sub-hkfps h2 {
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
    }

    .sub-hkfps p {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
    }

    .sub-hkfps ul li {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        list-style-type: square;
    }

li::marker {
    color: red;
}

.main-abstract {
    width: 96%;
    float: left;
    margin: 2%;
    padding: 50px 20px 20px 20px;
    border: 1px solid #ccc;
}

.sub-abstract {
    width: 60%;
    float: left;
    margin-right: 6%;
}

    .sub-abstract ul {
        padding: 0;
        padding-left: 20px;
    }

.sub-quick {
    width: 30%;
    float: left;
    margin: 0 2%;
}

    .sub-quick h2 {
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        margin-bottom: 10px;
        padding-left: 20px;
    }

    .sub-quick ul {
        border-left: 1px solid #d3d4d9;
        padding: 0;
        padding-left: 20px;
    }

        .sub-quick ul li {
            font-family: 'Montserrat', sans-serif;
            font-size: 14px;
            list-style-type: none;
            line-height: 24px;
            font-weight: normal;
            color: #659cf6;
        }

            .sub-quick ul li a {
                color: #659cf6;
            }

.most-view {
    width: 96%;
    float: left;
    margin: 0 2%;
}

.left-view {
    width: 49%;
    float: left;
    background-color: #f8f8f9;
    border: 1px solid #ccc;
    padding: 20px;
    margin-right: 2%;
}

.right-view {
    width: 49%;
    float: left;
    background-color: #f8f8f9;
    border: 1px solid #ccc;
    padding: 20px;
}

.most-view ul {
    padding: 0;
}

    .most-view ul li {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        list-style-type: none;
        line-height: 24px;
        font-weight: normal;
        color: #659cf6;
    }

        .most-view ul li a {
            color: #659cf6;
        }

.nav-admin ul li img {
    width: 15px;
    height: 15px;
}

.sub-abstract img {
    width: 30px;
    height: 40px;
    margin-right: 10px;
}

.most-view img {
    width: 50px;
    height: 30px;
    margin-right: 10px;
}

.right-view img {
    width: 25px;
    height: 35px;
    margin-right: 10px;
}
/* 10-04-2024 ends  here */

/* 18-04-2024 starts here */
@media screen and (min-width: 320px) and (max-width: 480px) {
    .pro-header .logo-ele img {
        width: 100%;
        height: auto;
    }

    .pro-header h3 {
        font-size: 12px;
        font-weight: normal;
    }

    .pro-header .welcome {
        font-size: 12px;
    }

    .sub-admin h2 {
        font-size: 18px;
        text-align: center;
    }

    .nav-admin ul {
        width: 100%;
        text-align: center;
    }

    .pdf-date label {
        width: 100%;
    }

    .pdf-date input.pdfdat {
        width: 90%;
    }

    .pdf-date input.report {
        margin-top: 10px;
    }

    .nav-deactivate {
        width: 92%;
    }

    .user-details th, .user-details td {
        display: flex;
        width: 100%;
        overflow-wrap: break-word;
        word-break: break-word;
    }

    .sub-abstract {
        width: auto;
    }

    .sub-quick {
        width: auto;
    }

        .sub-quick ul {
            border-left: 0px solid #d3d4d9;
            padding: 0;
            padding-left: 0;
        }

        .sub-quick h2 {
            padding-left: 0;
        }

    .left-view {
        width: 100%;
    }

    .right-view {
        width: 100%;
        margin-top: 10px;
    }

    .search-container {
        height: 112px;
    }
}

@media screen and (min-width: 481px) and (max-width: 1023px) {
}
/* 18-04-2024 ends here */
/* 18-04-2024 starts here */
.sub-core li a:hover,
.ul-core ul:hover {
    color: #FF0000;
}

.sub-core {
    padding: 15px;
}

    .sub-core ul {
        width: 24%;
    }

@media screen and (min-width: 320px) and (max-width: 480px) {
    .left-fin {
        width: auto;
        float: left;
        min-height: auto;
        display: table-row-group;
    }

    .sub-core ul {
        display: inline-block;
        width: 100%;
    }

    .right-fin {
        width: 100%;
        float: left;
        min-height: auto;
        display: table-footer-group;
    }

    .sub-core {
        padding: 10px 0;
    }

    .walfin .sub-core ul,
    .billfin .sub-core ul,
    .crmfin .sub-core ul,
    .enterprisefin .sub-core ul,
    .digitalfin .sub-core ul,
    .treasuryfin .sub-core ul,
    .wmsfin .sub-core ul {
        width: 100%;
    }

    .main-update {
        width: 100%;
        float: left;
        min-height: auto;
    }

    .up-left {
        display: none;
    }

    .new-txt {
        width: 100%;
        min-height: 100px;
        padding-left: 16%;
    }

    .up-txt {
        width: 100%;
        text-align: left;
        padding-left: 13%;
    }

    .slideshow-container {
        float: left;
        width: 100%;
    }

    .main-unive {
        width: 100%;
        float: left;
    }

    ul.nav-fin li {
        width: 100%;
    }

    .main-fin {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .right-fin {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .left-fin {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    ul.nav-fin {
        padding-left: 13%;
    }

    .main-header .icon {
        width: auto;
    }

    .main-header .title-text {
        font-size: 20px;
        margin-bottom: 10px;
        letter-spacing: normal;
    }

    .pag-navi {
        text-align: center;
        position: relative;
        right: 0;
        margin-top: 0;
        margin-right: 0;
        background-color: #2c2e3a;
        width: 100%;
        float: left;
        padding-bottom: 10px;
    }
}

@media screen and (min-width: 481px) and (max-width: 1023px) {
    .main-update {
        width: 100%;
        min-height: 100px;
    }

    .main-unive {
        width: 100%;
    }

    .slideshow-container {
        float: left;
        width: 100%;
    }

    .up-left {
        display: none;
    }

    .new-txt {
        width: 50%;
        min-height: 100px;
    }

    .up-txt {
        width: 50%;
    }

    .crmfin .sub-core ul {
        width: 40%;
    }

    .sub-core ul,
    .digitalfin .sub-core ul,
    .enterprisefin .sub-core ul {
        width: 45%;
    }
}
/* 18-04-2024 ends here  */
/* 18-04-2024 starts here sub pages */
@media screen and (min-width: 320px) and (max-width: 480px) {
    .user {
        width: 46%;
        min-height: 104px;
    }

    .user-guide {
        width: 100%;
        margin: 20px 0;
    }

    .sub-version .ver-table-row .ver-col,
    .sub-version .ver-table-roww .ver-col {
        width: 30%;
    }

    .sub-version {
        margin: 15px 0px;
        padding-left: 0;
    }

    .nav-uniform {
        height: auto;
    }

    ul.mn-pop {
        width: auto;
        border-right: 0px solid #ccc;
    }

    .univer-up {
        margin-top: 110px;
    }

    .my-padding .pl-lft {
        text-align: left;
        padding-bottom: 15px;
    }

    .sub-version .ver-table-row,
    .sub-version .ver-table-roww {
        padding: 5px 0;
    }
}

@media screen and (min-width: 481px) and (max-width: 1023px) {
    .sub-version .ver-table-row .ver-col,
    .sub-version .ver-table-roww .ver-col {
        width: 12%;
    }

    ul.mn-pop {
        width: 47%;
    }

    .my-padding .pl-lft {
        text-align: left;
        padding-bottom: 15px;
    }

    .univer-up {
        margin-top: 110px;
    }
}
/* 18-04-2024 ends here sub pages */
@media screen and (min-width: 320px) and (max-width: 480px) {
    .main-universal {
        min-height: auto;
        display: inline-block;
    }

    .pag-navi {
        margin-top: -7px;
    }
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}
#banner_div img {
    width: 100% !important;
    position: absolute;
    top: 0;
    right: 0;
}
/*deactivate bank users styles starts*/
.deactivate_user {
    padding: 25px 0px !important;
}

.main_heading h3 {
    color: #2c2e3a;
    font-weight: bold;
}

#user_tbl {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 12px;
}

    #user_tbl th, #user_tbl td {
        border: 1px solid #cdd4e1 !important;
        padding: 10px 0px;
    }

    #user_tbl tr:nth-child(odd) {
        background-color: #f0f2f6;
    }

.deactivate_alphabet {
    list-style: none;
}

    .deactivate_alphabet li {
        padding: 2px 7px;
    }

    .deactivate_alphabet li {
        color: #2C2E3A;
        font-family: 'Montserrat', sans-serif;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
    }

.deactivate_user .row .alpha-col ul {
    padding: 0px;
    list-style: none;
    margin-bottom: 0;
    overflow: auto;
}

.deactivate_user .alpha-row {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}

.deactivate_user .deactivate_alphabet .active {
    background-color: #eb0000;
    color: #fff;
    height: 30px;
}

#user_tbl td .isactive {
    accent-color: black;
}

.save-div {
    text-align: right;
    position: relative;
    top: 15px;
}

#msg_lbl {
    font-size: 15px;
    position: relative;
    bottom: 7px;
    font-weight: bold;
    color: #393b46;
    display: none;
}

@media screen only (min-width: 250px) and (max-width: 800px) {
    .deactivate_user .row .alpha-col {
        text-align: center;
    }
}

#save_usr {
    border: none;
    height: 30px;
    width: 55px;
    margin-left: 15px;
}

.deactivate_user .btn_save {
    background-color: #cdd4e1;
    color: #888d9c;
}

.deactivate_user .btn_save_active {
    background-color: red;
    color: white;
}
/*deactivate bank users styles ends*/
/*bok changes start*/
.bok-main {
    font-family: 'Montserrat', sans-serif;
    margin: 25px 0px;
}

.bok-head {
    color: #444141
}

.bok-discription {
    font-size: 15px;
    color: #707070;
}

.prod-select {
    background-color: #d4d5d9;
    padding: 15px 0px;
}

.bok-main .col {
    padding-left: 0px;
    padding-right: 0px;
}

#bok-product {
    margin-left: 25px;
    border: none;
    height: 24px;
}

#bok-table {
    width: 100%;
    border-collapse: collapse;
}

    #bok-table th {
        font-size: 10px;
    }

    #bok-table th, #bok-table td {
        border: none !important;
        border-bottom: 1px solid #abaaaa !important;
        text-align: left;
        padding: 10px 0px 10px 30px;
    }

    #bok-table tr:nth-child(odd) {
        background-color: #fafbfc;
    }

.main-box {
    border: 1px solid #abaaaa;
    margin: 15px 0px;
}

.box-title {
    background-color: #cccccc;
    padding: 10px 10px 10px 30px;
    color: #2c2e3a;
    font-weight: 600;
    font-size: 20px;
}

.box-content {
    padding: 0px 10px;
    color: #727272;
}

.submit_bok {
    display: none;
}

.doc-head {
    color: #2a6dff;
    font-size: 12px;
}

.doc-disc {
    color: #595959;
    font-weight: bold;
    font-size: 12px;
}

.doc-body {
    font-size: 12px;
    color: #595959;
}

.doc-cols {
    font-size: 13px;
    color: #595959;
}

#bok-overview {
    height: 30px;
    width: 90px;
    border: none;
    background-color: red;
    color: white;
    font-size: 15px;
    font-weight: bold;
}

#bok-submit {
    height: 30px;
    width: 100px;
    border: none;
    font-size: 15px;
    margin-left: 5px;
    font-weight: bold;
    color: #5a5a5a;
    background-color: rgb(205 212 225);
}

.download-img {
    height: 20px;
    width: 20px;
    position: relative;
    left: 5px;
}

#bok-download {
    background-color: rgb(44 46 58);
    height: 40px;
    width: 200px;
    border: none;
    color: white;
    border-radius: 3px;
}

.temp-download {
    text-align: center;
    margin-top: 25px;
}

.dt-text {
    position: relative;
    font-size: 15px;
}

.box-content ol li {
    padding: 5px 0px;
}

#bok-scroll {
    height: 30px;
    width: 30px;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: white;
    cursor: pointer;
    border-radius: 20px;
}

.bok-discription p {
    margin: 1rem 0rem;
}

.box-content li::marker {
    color: #727272;
}

#bok-download .dt-text a {
    color: white;
    text-decoration: none;
}

    #bok-download .dt-text a:hover {
        color: white;
        text-decoration: none;
    }
/*bok changes end*/

.tbl_usrdetails {
    overflow: auto;
    width: 100%;
}
.artifact-modal  .row .col-md-7 {
    display: grid;
}
/*Global Search */

#pagination-demo {
    padding: 69px 0 0 0;
    margin: 0 auto;
}

    #pagination-demo .disabled {
        cursor: no-drop;
        opacity: .2;
    }

    #pagination-demo .next {
        font-weight: 600;
    }

    #pagination-demo .prev {
        font-weight: 600;
    }

.phrases li a.active {
    font-weight: 600;
}

/*Document Detail Change*/
.abstract_doc {
    height: auto;
    width: 100%;
    border: 1px solid #ebebeb;
    margin: 0px !important;
}

.abstract_head {
    margin: 30px 0px 0px 20px;
}

.hkfps_heading {
    margin-top: 30px;
}

h4 {
    display: inline-block;
}

.vl {
    border-right: 1px solid #ebebeb;
    height: 220px;
    margin-top: 90px !important;
}

.abstract_doc .content {
    margin-top: 30px !important;
}

.abs_para, .abs_chptr {
    margin: 30px 0px 0px 20px;
}

#tbl_content, #mostviewed_ul, #relateddoc_ul {
    list-style-type: none;
    padding: 0;
    margin-top: 20px;
}

    #tbl_content li, #mostviewed_ul li, #relateddoc_ul li {
        padding: 5px 4%;
    }

        #tbl_content li a, #mostviewed_ul li a, #relateddoc_ul li a {
            text-decoration: none;
            display: block;
            width: 100%;
        }

.most_viewed {
    margin-top: 20px !important;
    margin-left: 0px !important;
}

.topics_div, .rel_docs_div {
    border: 1px solid #ebebeb;
    width: 49% !important;
    background-color: #f8f8f9;
    flex: auto;
    max-width: 49.3%;
}

.rel_docs_div {
    margin-left: 15px;
}

#mostviewed_img, #DocLanRelated_img {
    height: 50px;
}

.topics_div div h4, .rel_docs_div div h4, .abstract_head h4, .content div h4 {
    position: relative;
    vertical-align: bottom;
}
/*Document Detail Change End*/
/*Demo Videos Start*/
.dv_heading {
    margin-top: 30px;
}

.modal-content iframe {
    margin: 0 auto;
    display: block;
}

.dv_main {
    width: 100%;
    display: flex;
}

#vid_modal .modal-dialog {
    width: 95% !important;
}

.duration {
    border: 1px solid #ebebeb;
}

.vid_sec {
    height: 301px;
    width: 551px;
    border: 1px solid #ebebeb;
}

    .vid_sec video {
        height: 300px;
        width: 550px;
    }

#vid_modal .modal-header {
    border-bottom: none;
}

    

#vid_modal .modal-content {
    width: 85% !important;
}

span.vid_ttl {
    position: absolute;
    font-size: 15px;
    font-weight: 600;
    padding-left: 10px;
    padding-top: 10px;
}
iframe#vid_plyr {
    width: 95%;
    height: 450px;
}
/*Demo Videos End*/
.releaseNotesPL {
    position: absolute;
    right: 0;
}
.user-guide .user.active {
   border: 2px solid red; 
}
.PatchVersion {
    margin-left: 20px;
    font-size: 11px;
    display: inline-flex;
}
#multiplepatchversion {
    width: max-content;
    position: relative;
    left: 110px;
    top: -40px;
    font-size: x-small;
}
.carousel_main {
    max-width: fit-content;
}

.slide-sec h3{

	margin-bottom: 0px !important;

}
img.infoicon {
    height: 16px;
    margin-right: 5px;
}

/*style changes for new reqirements in admin pages start*/
.content_type {
    padding: 0px;
}

.content_type select {
    margin-left: 0px !important;
    width: 100%;
}

.content_type #pro .fa-plus {
    right: -20px;
}

.content_type .delete-btn {
    top: 0px !important;
    right: -10px;
}

#geo {
    right: 0px !important;
}

.proddiv select {
    width: 30% !important;
}

.compdiv select:first-child, .confidentialdiv select:first-child {
    margin-right: 7px !important;
}

.content_type #product-trash {
    top: 0px;
}

.content_type .delete-btn .fa-trash {
    right: -10px !important;
}

#swap-right, #swap-left {
    margin-left: 10px;
}

.content_type #product-plus .fa-plus {
    right: -20px;
}

.ComponentMapping .col-md-2, .DomainMapping .col-md-2, .ConfidentialMapping .col-md-2 {
    max-width: 10% !important;
    margin-left: 20px;
}
/*style changes for new reqirements in admin pages end*/

/*GPT Start*/
#gpt-container {
    position: fixed;
    bottom: 75px;
    right: 40px;
    z-index: 9999;
}

#gpt-icon {
    width: 70px;
    height: 70px;
    cursor: pointer;
}

#gpt-window {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 33.33%; /* 1/3 of the screen width */
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
}

#gpt-title {
    text-align: center;
    margin-bottom: 10px;
}

#gpt-conversation {
    height: calc(100% - 100px);
    overflow-y: auto;
    padding: 10px;
}

#gpt-text-input {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    margin-top: 20px;
    border-radius: 10px;
    padding-left: 20px;
    /*box-shadow: 0px 0px 40px rgb(79 79 79);
    border: none;
    font-weight: bold;*/
}

#gpt-new-chat, #gpt-close {
    padding: 5px 10px;
    background-color: #007bff;
    color: #fff;
    border: none;
    cursor: pointer;
    margin-right: 5px;
}

/*GPT End*/

/*Multiselect Start*/
.btn-group {
    max-width: 100%;
}
button.multiselect {
    height: 30px;
    padding-top: 0.1rem;
    border-radius: 0px;
    border-color: #474747;
}
.multiselect .multiselect-selected-text{
	color: #858585;
}
label.form-check-label {
    padding-top: 5px;
}
input.form-check-input, label.form-check-label {
    display: table-cell;
}
.multiselect-option .form-check-input {
    height: 18px !important;
}
.multiselect-native-select {
    width: 100%;
}
.content_type .delete-btn-partner .fa-trash {
    right: -20px;
}
.content_type .delete-btn .fa-close {
    right: -10px;
}
/*Multiselect End*/
/*Doc Label */
.card .badge {
    text-transform: lowercase;
    margin: 0px !important;
    font-size: 7px;
}
.card .badge:first-letter {
    text-transform: capitalize;
}
.card h3 sup {
    top: -1em !important;
}
.head_row{
    display: -webkit-box;
}
.card_heading{
    width: 85%;
}
/*Doc Label End*/
.media-upload {
    margin: 2% 0%;
}
#productReference {
    width: max-content;
    position: relative;
    left: 292px;
    top: 14px;
    font-size: 11px;
    font-weight: bold;
    margin: 10px 0px;
}
.prod_heading {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.dvn_searchbar {
    height: 50px;
    background-color: #e2e2e2;
    padding: 10px 10px;
    margin: 0px;
}

.dvn_ddprod {
    padding-right: 0px !important;
}

    .dvn_ddprod select {
        width: 100%;
        border-radius: 15px;
        height: 30px;
    }

.dvn_prodsearch .icon {
    position: relative;
    float: right;
    width: 100%;
}

.dvn_prodsearch input {
    width: 100%;
    border-radius: 15px;
    padding-left: 10px;
    border: 1px solid grey;
    height: 30px;
}

.dvn_prodsearch .fa-demo-search {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 20px;
}

.dvs_vidthumb img {
    width: 200px;
    height: 120px;
}

.dvsrch_table {
    margin-top: 20px;
}

    .dvsrch_table td {
        background-color: #fafbfc;
    }

    .dvsrch_table tr {
        border-bottom: 1px solid #d3dbe5;
        border-top: 1px solid #d3dbe5;
    }

.dvs_vid_details_head {
    color: #b51525;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
}

.dvs_vid_details_body {
    font-size: 12px;
    margin: 0px;
    padding-bottom: 15px;
}

.dvs_vmlink {
    color: #71a6fc;
    text-decoration: none;
    font-size: 12px;
}
.fa-demo-search:before {
    content: "\f002";
}
/*Demo Videos*/

.dvw_container {
    width: 96vw;
}

.dvn_heading {
    margin-top: 1rem;
}

    .dvn_heading h2 {
        padding: 0px;
    }

.dvn_filters {
    height: 50px;
}

.dvn_flter {
    background-color: #e2e2e2;
    text-align: center;
    padding: 15px;
}

select.dd_prod, .dd_ver {
    border-radius: 14px;
    width: 179px;
    height: 25px;
    padding: 0px 5px;
}

.dvn_pv, .dvn_search {
    background-color: #e2e2e2;
    padding: 15px;
}

    .dvn_search .icon {
        margin: 0px;
        width: 100%;
        padding-left: 0px;
        position: relative;
        float: right;
    }

    .dvn_search input {
        width: 100%;
        border-radius: 21px;
        border: 1px solid #aba6a6;
        padding: 5px 10px;
        font-size: 13px;
    }

    .dvn_search .fa-search {
        cursor: pointer;
        position: absolute;
        top: 5px;
        right: 8px;
        color: #50555e;
    }

.dvn_maintable {
    margin-top: 20px;
}

.dvn_table {
    display: contents;
}

.vid_thumb {
    padding-left: 2%;
}

.vid_thumb img {
     height: 100px;
    width: 180px;
    border: 1px solid lightgrey;
}

.vid_details_head {
    color: #b51525;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
}

.vid_details {
    padding-left: 0px !important;
    margin-left: 2%;
}

.vid_details_body {
    font-size: 12px;
}

.prod_head, .ver_head, .vt_head {
    font-size: 12px;
    font-weight: bold;
}

.prod_name, .ver_name, .vt_name {
    font-size: 12px;
}

.filter_img {
    width: 20px;
    height: 20px;
    position: relative;
    top: -2px;
}

.dv_block {
    width: 50%;
    padding: 10px 0px;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    display: flex;
}

.dvn_prodlist .col-12 {
    padding: 0px;
}

.dvw_container .arw-pn {
    position: relative;
    right: 5px;
    top: 0px;
    color: gray;
}

.dvw_container .fa-disabled{
    display: none;
}

.dvn_search i {
    right: 8px;
    top: 6px;
}

.dvw_container .pagi a{
    text-decoration: none;
}
.demo-tabs {
    width: 100%;
}

.demo-tab-nav-wrapper {
    width: 100%;
    overflow-x: auto;
    position: relative !important;
    z-index: 999 !important;
    top: 17px;
    border-bottom: 1px solid silver;
}

.demo-tab-content-wrapper {
    position: relative !important;
    //z-index: 1 !important;
    padding: 20px;
    min-height: 40px;
}

.demo-tab-nav-wrapper ul {
    margin-bottom: 0px;
}

.demo-tab-nav-wrapper ul li {
    padding: 5px 10px;
    border-radius: 2px;
}

.demo-tab-nav-wrapper ul li:hover {
    background-color: #e4e5eb;
}

.demo-tab-nav-wrapper ul li.active {
    border-bottom: 2px solid red;
}

.demo-tab-nav-wrapper ul li a {
    text-decoration: none;
}

/*Content Guideline start*/

.word_icon, .pdf_icon, .excel_icon, .link_icon, .html_icon {
    position: inherit;
    font-size: 25px !important;
    margin-right: 5px;
    top: 3px;
}

.pdf_icon, .link_icon, .html_icon{
    color: red;
}

.word_icon{
    color:dodgerblue;
}

.excel_icon{
    color:green;
}

.domain-api ul li img {
    margin-right: 5px;
}

.pdf_file {
    margin-left: 4px;
}

.cg_heading{
    margin-top: 2%;
    display: flex;
}

.cg_heading #excel {
    position: absolute;
    right: 15px;
}

.cg_details {
    margin-top: 2%;
    width: 100%;
}

#tblExcel {
    width: 100%;
    border: none;
}

.tdColumnHeader {
    padding: 10px 20px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    background-color: #f0f2f6;
    border: 1px solid #b8becc;
}

.tdCellData {
    padding: 10px 20px;
    font-size: 12px;
    color: #000000;
    border: 1px solid #b8becc;
}


#excel a {
    background-color: #ff0000;
    border: 1px solid #cdd4e1;
    color: #fff;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    padding: 8px 15px;
    float: right;
    text-decoration: none;
}


/*Content Guideline end*/

#headingOne{
    margin-bottom: 0px;
}

.file_label {
    width: 170px;
    text-align: right;
}

#FileUploadPath1 {
    height: 30px;
}

.dvviewer {
    margin-top: 20px;
}

.vid_section {
    width: 100%;
}

.dvviewer_container {
    margin-top: 20px;
    padding: 0px;
}

.dvviewer_table {
    padding: 0px;
}

/* FKC GPT Start*/
.main_gpt_body {
    display: flex;
    width: 100%;
    margin-top: 10px;
}

.sidebar {
    width: 20%;
    border-right: 1px solid grey;
    padding-top: 20px;
}

.gpt_menu_bars {
    position: relative;
    top: 0px;
}

.chat {
    width: 100%;
    padding-top: 20px;
}

.chat .col-11 {
    margin-top: 10px;
}

.btn-newchat {
    background: none;
    border: none;
    padding-left: 0px;
}

#newchat_span {
    background-color: #eeefef;
    padding: 3px 8px 8px 2px;
    border-radius: 20px;
    display: block;
    width: 122px;
    height: 28px;
}

.newchat-plus {
    position: relative;
    margin-left: 10px;
    top: 0;
}

.go-home {
    text-align: right;
    font-size: 25px;
}

.my_que {
    margin-top: 10px;
    float: right;
    display: flex;
    background-color: grey;
    z-index: -12;
    position: sticky;
    border-radius: 10px;
    color: white;
    padding-right: 20px;
    padding-left: 20px;
}

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

.my_que img {
    margin-left: 10px;
}

.gpt_reply {
    margin-top: 10px;
    display: -webkit-box;
}

.gpt_reply img {
    width: 40px;
}

.que_ans {
    padding: 0px;
    min-height: 25vh;
}

.ans_time {
}

.detail_que {
    display: inline-block;
    background-color: grey;
    color: white;
    width: auto;
    vertical-align: middle;
    border-radius: 10px 0px 0px 10px;
    height: max-content;
    position:relative;
    text-align:justify;
    padding: 10px 25px 10px 20px;
    min-height: 40px;
}
.blank{
    display: inline-block;
    background-color: grey;
    color: white;
    width: auto;
    border-radius: 10px;
    height: -webkit-fill-available;
    position:relative;
    padding: 0px;
    z-index: -1;
}

.blank:after {
	width: 52px;
	height: -webkit-fill-available;
	border-radius: 20px 0px 0px 0;
	background-color: #ffffff;
	display: inline-block;
	vertical-align: middle;
	/* margin-right: 20px; */
	content: '';
	min-height: 40px;
	position: absolute;
}

.search {
    width: 100%;
    margin: 0px;
}

.gpt-text-input {
    width: 100%;
    border: 1px solid #aba6a6;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 17px;
}

.gpt-text-input {
    border: 1px solid #aba6a6;
    color: red;
    caret-color: black;
}

.ask_que i {
    position: absolute;
    right: 25px;
    font-size: 20px;
    margin-top: 2px;
}

.gpt_info {
    font-size: 12px;
    color: #6e6c6c;
}

.menu {
    position: relative;
    top: 0px;
    margin-bottom: 20px;
}

.recent_chats .fa-message {
    margin-right: 5px;
}

.recent_chats span .fa-comment-o {
    position: relative;
    top: 0px;
    margin-right: 5px;
}

#chat_text, .detail_ans {
    height: 100%;
    border-radius: 0px 10px 10px 0px;
    background-color: rgb(244 245 245);
    position: relative;
    padding-right: 20px;
    display: flex;
}

#chat_text{
    width: max-content;
    margin-bottom: 0px;
}

.detail_ans{
    width: 96%;
    text-align: justify;
}

#chat_text:before {
    width: 30px;
    height: auto;
    border-radius: 0 20px 0px 0;
    background-color: #FFF;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    content: '';
    min-height: 40px;
}

.chat .loader {
    display:none;
}

img.send_icon {
	position: absolute;
	right: 1.5rem;
	top: 20%;
	height: 25px;
}

img.chat_balloon {
    height: 12px;
    margin-right: 5px;
}

.initialchat {
    margin: 20px 0px 10px 0px;
}

img#send_icon_active {
	display:none;
	cursor: pointer;
}

#gpt-text-input::-webkit-input-placeholder {
    color: lightgray;
}

.menu-list {
    list-style-type: disc;
    padding-left: 20px;
    margin-top: 10px;
}

.menu-list li {
    margin-bottom: 8px;
}

.my_que_wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /*gap: 10px;*/
    padding: 10px;
}

#chat-user-icon {
    width: 32px; /* Set image size */
    height: 32px;
    /*margin-left: 10px;*/
}

.chat-truncate-text {
    display: inline-block;
    max-width: 180px; /* Adjust width as needed */
    white-space: nowrap; /* Prevents wrapping */
    overflow: hidden; /* Hides overflowed text */
    text-overflow: ellipsis; /* Adds "..." at the end */
    vertical-align: middle;
    cursor: pointer;
    color: lightslategrey;
    font-size: 13px;
}

.recent_chat {
    display: flex;
    align-items: center;  
    margin: 7px 0px;
}

.menu-list li::marker {
    color: black
}

.reply_feedback {
    margin: 10px 0px 10px 50px;
}

.reply_feedback img {
    height: 20px;
    width: 20px;
    margin: 0px 5px;
}

.close_feedback {
    position: relative;
    top: 0px;
    float: right;
    font-size: 25px;
    margin-bottom: 10px;
}

.btn_group button {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
}

#feedback_submitBtn, #feedback_clearBtn {
    background-color: #cdd4e1;
    color: white;
    cursor: not-allowed;
}

.btn_group {
    position: relative;
    float: right;
    margin-top: 10px;
}

#feedback_cancelBtn {
    background-color: #cdd4e1;
}

.reference_files .col-3 {
    font-size: 12px;
    color: grey;
    margin-top: 10px;
}

.row.reference_files {
    margin-left: 55px;
}

.reference_files .col-12 {
    font-size: 12px;
    color: grey;
    margin-top: 10px;
    font-weight: bold;
}

.blank_before {
    display: inline-block;
    background-color: #f4f5f5;
    color: white;
    width: auto;
    border-radius: 10px;
    height: -webkit-fill-available;
    position: relative;
    padding: 0px;
}

.blank_before:before {
     width: 15px;
     height: -webkit-fill-available;
     border-radius: 0 20px 0px 0;
     background-color: #FFF;
     display: inline-block;
     vertical-align: middle;
     margin-right: 15px;
     content: '';
     min-height: 40px;
}
	
/* FKC GPT End*/

/*Cookies Start*/
.cookie_consent_box {
    position: fixed;
    bottom: 0;
    background-color: white;
    border: none;
    padding: 15px;
    align-items: center;
    z-index: 9999;
    max-width: 100%;
}

.consent_message_box {
    font-size: 13px;
    font-weight: bold;
    width: 65%;
}

.consent_message_box p {
    margin-bottom: 0px;
}

.cookie_setting_buttons {
    float: right;
    width: 35%;
}

.cookie_settings {
    color: #007bff;
    font-size: 12px;
    text-decoration: underline;
    margin-right: 10px;
    font-weight: bold;
    border: none;
    background: transparent;
}

a.cookie_policy {
    text-decoration: underline;
    color: #007bff;
}

.accept_all_cookies {
    font-size: 12px;
    border-radius: 5px;
    padding: 5px;
    font-weight: bold;
}

.privacy_heading, .consent_pre {
    font-weight: 600;
}

.privacy_text, .necc_cookie_text {
    font-size: 11px;
    text-align: justify;
    font-weight: bold;
}

.cookie_modal .modal-header {
    background-color: #cdd4e1;
    height: 50px;
}

.cookie_modal .modal-content {
    padding: 0px;
}

.necc_cookies {
    border: 1px solid grey;
    padding: 10px;
}

.necc_cookies i {
    position: static;
    font-size: 10px;
}

.strict_cookie, .always_active {
    font-size: 12px;
    font-weight: 600;
}

.always_active {
    position: relative;
    float: right;
    top: 5px;
}

.cookie_modal_close {
    border: none;
    background: transparent;
    right: 20px;
    font-size: 20px !important;
    color: black;
    top: 15px;
}

.cookie_modal .modal-body {
    padding: 10px;
}

.cp_main_heading {
    text-align: center;
    padding: 1.5rem 0rem 0.5rem 0rem;
    font-weight: 600;
}

.cp_wing_text p {
    text-align: justify;
}

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

.font-24 {
    font-size: 1.5rem;
}

@media (min-width: 1200px) {
    .media__resources--container-heading {
        font-size: 3.125rem;
    }
}

.media__resources--container-heading {
    color: #2c2e3a;
    font-size: calc(2rem);
    font-weight: 600;
    line-height: 4.0625rem;
}

.media__resources--container-description {
    color: #535768;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0;
}
/*Cookies End*/


/*To push the footer to the bottom*/
.FKC2Container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
/*End*/

/*unauthorized access on admin pages*/

#redirectmodal {
    background-color: #ebebeb;
}

.redirectClose {
    height: 25px;
    width: 25px;
    font-weight: bold;
    border: none;
    background-color: transparent;
    font-size: 29px;
    position: absolute;
    float: right;
    right: 2pc;
    top: 1pc;
}

#redirectmodal .modal-content {
    width: 70%;
    margin-top: 11%;
    background-color: #ebebeb;
    padding: 2rem;
    border: none;
}

#redirectmodal.fade {
    transition-duration: 0s;
    transition: none;
}

#redirectmodal .modal-body {
    padding: 0px;
}

#redirectmodal .modal-body {
    text-align: center;
}

#redirectmodal img {
    width: 10%;
    height: 10%;
}

#redirectmodal .success-pop h2 {
    color: black;
    margin: 10px 0px;
}

#redirectmodal .success-pop p {
    font-size: 24px;
}


/*End*/

/*privacy consent start*/

.consent_div {
    margin-bottom: 65px;
}

#AcceptTerms {
    position: absolute;
    left: 0px;
}

#consent_text {
    left: 25px;
    top: -5px;
    font-size: 13px;
}

/*privacy consent end*/

/*media upload start*/

#submitBtn {
    color: #fff;
    background-color: red;
    border-radius: 0;
    border: none;
    margin-top: 20px;
}

.file_label span {
    color: red;
}


/*media upload end*/

/*password strength start*/
#strength-text {
    font-size: 13px;
    font-weight: bold;
    color: #666;
}
/*password strength end*/

#confirmPassword-error, #usrpassword-error, #password-error {
color:#dc3545 !important
}