body {
    height: 100%
}

body {
    background: #ffffff12;
    color: var(--black);
    font-size: 16px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: 'robotoregular'
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.m-h {
    margin: .5rem !important
}

.mt-h {
    margin-top: .5rem !important
}

.mr-h {
    margin-right: .5rem !important
}

.mb-h {
    margin-bottom: .5rem !important
}

.ml-h {
    margin-left: .5rem !important
}

.m-1 {
    margin: 1rem !important
}

.mt-1 {
    margin-top: 1rem !important
}

.mr-1 {
    margin-right: 1rem !important
}

.mb-1 {
    margin-bottom: 1rem !important
}

.ml-1 {
    margin-left: 1rem !important
}

.m-2 {
    margin: 1.5rem !important
}

.mt-2 {
    margin-top: 1.5rem !important
}

.mr-2 {
    margin-right: 1.5rem !important
}

.mb-2 {
    margin-bottom: 1.5rem !important
}

.ml-2 {
    margin-left: 1.5rem !important
}

.m-3 {
    margin: 3rem !important
}

.mt-3 {
    margin-top: 3rem !important
}

.mr-3 {
    margin-right: 3rem !important
}

.mb-3 {
    margin-bottom: 3rem !important
}

.ml-3 {
    margin-left: 3rem !important
}

.m-4 {
    margin: 4rem !important
}

.mt-4 {
    margin-top: 4rem !important
}

.mr-4 {
    margin-right: 4rem !important
}

.mb-4 {
    margin-bottom: 4rem !important
}

.ml-4 {
    margin-left: 4rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.p-h {
    padding: .5rem !important
}

.pt-h {
    padding-top: .5rem !important
}

.pr-h {
    padding-right: .5rem !important
}

.pb-h {
    padding-bottom: .5rem !important
}

.pl-h {
    padding-left: .5rem !important
}

.p-1 {
    padding: 1rem !important
}

.pt-1 {
    padding-top: 1rem !important
}

.pr-1 {
    padding-right: 1rem !important
}

.pb-1 {
    padding-bottom: 1rem !important
}

.pl-1 {
    padding-left: 1rem !important
}

.p-2 {
    padding: 1.5rem !important
}

.pt-2 {
    padding-top: 1.5rem !important
}

.pr-2 {
    padding-right: 1.5rem !important
}

.pb-2 {
    padding-bottom: 1.5rem !important
}

.pl-2 {
    padding-left: 1.5rem !important
}

.p-3 {
    padding: 3rem !important
}

.pt-3 {
    padding-top: 3rem !important
}

.pr-3 {
    padding-right: 3rem !important
}

.pb-3 {
    padding-bottom: 3rem !important
}

.pl-3 {
    padding-left: 3rem !important
}

.p-4 {
    padding: 4rem !important
}

.pt-4 {
    padding-top: 4rem !important
}

.pr-4 {
    padding-right: 4rem !important
}

.pb-4 {
    padding-bottom: 4rem !important
}

.pl-4 {
    padding-left: 4rem !important
}

html {
    scrollbar-color: var(--maindark) var(--mainlight);
    scrollbar-width: thin;
}

.h1 {
    text-align: center;
    text-transform: capitalize;
    font-size: 28px;
    font-weight: 700;
    color: var(--maindark)
}

.h3 {
    margin-bottom: 22px;
    font-size: 20px;
    color: var(--maindark)
}

.h4 {
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
}

.h5 {
    padding: 10px 0;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.vcontainer {
    max-width: 94%;
    margin: 0 auto
}

.gridBox {
    padding: 50px;
    background-color: aliceblue;
    border: 1px solid;
    text-align: center;
    font-weight: 600
}

.vRow {
    display: flex;
    flex-wrap: nowrap;
    width: 100%
}

.vtotCol1, .vtotCol2, .vtotCol3, .vtotCol4, .vtotCol5.vtotCol6, .vColumn10, .vColumn20, .vColumn30, .vColumn40, .vColumn50, .vColumn60, .vColumn70, .vColumn80, .vColumn90, .vColumn100, .vColumn15, .vColumn15, .vColumn25, .vColumn35, .vColumn45, .vColumn55, .vColumn65, .vColumn75, .vColumn85, .vColumn95 {
    padding: 6px 2px;
}

.vColumn10 {
    width: 10%
}

.vColumn20 {
    width: 20%
}

.vColumn30 {
    width: 30%
}

.vColumn40 {
    width: 40%
}

.vColumn50 {
    width: 50%
}

.vColumn60 {
    width: 60%
}

.vColumn70 {
    width: 70%
}

.vColumn80 {
    width: 80%
}

.vColumn90 {
    width: 90%
}

.vColumn100 {
    width: 100%
}

.vColumn5 {
    width: 5%
}

.vColumn15 {
    width: 15%
}

.vColumn25 {
    width: 25%
}

.vColumn35 {
    width: 35%
}

.vColumn45 {
    width: 45%
}

.vColumn55 {
    width: 55%
}

.vColumn65 {
    width: 65%
}

.vColumn75 {
    width: 75%
}

.vColumn85 {
    width: 85%
}

.vColumn95 {
    width: 95%
}

.vtotCol1 {
    width: 100%
}

.vtotCol2 {
    width: 50%
}

.vtotCol3 {
    width: 33.33%
}

.vtotCol4 {
    width: 25%
}

.vtotCol5 {
    width: 20%
}

.vtotCol6 {
    width: 16.66%
}

.mr-t6 {
    margin-top: 6px;
}
/* color_guid*/
.colorWrap {
    position: relative
}

.colorDemoBox .color-block {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 5px;
    border: 1px solid #000;
    vertical-align: top;
    margin-top: 0;
}

.colorDemoBox .color-row {
    margin-bottom: 20px
}

.colorDemoBox .color-label {
    display: inline-block;
    width: 100px;
    font-weight: 700;
    vertical-align: top
}

.colorDemoBox .color-container {
    display: inline-block;
    text-align: center
}

.colorDemoBox .color-number {
    display: block;
    text-align: center;
    margin-top: 5px
}

.color_guid {
    position: absolute;
    right: 10px;
    top: 10px;
}

    .color_guid li {
        list-style-type: decimal;
        padding-left: 4px;
        margin-bottom: 6px;
    }

    .color_guid ul {
        margin-left: 20px;
        margin-top: 10px;
    }

    .color_guid li::marker {
        font-size: 14px;
        font-weight: bold;
    }
/* color_guid*/


.themchng {
    cursor: pointer;
    display: flex;
    justify-content: flex-end
}

    .themchng img {
        max-width: 30px;
    }

.lanList {
    background-color: var(--white);
    padding: 8px 6px;
    position: relative;
    top: 6px;
    box-shadow: 0 10px 35px #1a2c7140;
    position: absolute;
    top: 44px;
    width: 160px;
    left: -88px;
    z-index: 9;
    opacity: 0;
    box-shadow: 0 0 10px -2px rgba(0,0,0,0.5);
    transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    -o-transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
}

.languageBox {
    position: relative;
}

    .languageBox:hover .lanList {
        transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }

.lanList li {
    font-size: 14px;
    color: var(--black);
    padding: 6px 12px;
    cursor: pointer;
    position: relative;
}

    .lanList li.active, .loginList li.active {
        background-color: #f9f9f9
    }

    .lanList li:hover, .loginList li:hover {
        background-color: #f9f9f9
    }

.loginBox {
    position: relative
}

.loginList {
    background-color: var(--white);
    padding: 8px 6px;
    position: relative;
    top: 6px;
    box-shadow: 0 10px 35px #1a2c7140;
    position: absolute;
    top: 44px;
    width: 240px;
    left: -188px;
    z-index: 9;
    opacity: 0;
    box-shadow: 0 0 10px -2px rgba(0,0,0,0.5);
    transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    -o-transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
}

    .loginList .mode {
        border-top: 2px solid #f1f1f4
    }

.loginBox:hover .loginList {
    transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1
}

.profinfoLi {
    border-bottom: 2px solid #f1f1f4;
    margin-bottom: 10px;
}

.profSmalBox {
    display: flex;
    align-items: flex-start;
}

.profinfo {
    margin-left: 16px;
    margin-top: -2px;
}

    .profinfo span {
        font-size: 14px;
    }

/*Header Menu Start*/

.logoname {
    color: #000;
    padding: 4px 20px;
    background-color: #fff;
    box-shadow: 0 10px 35px #1a2c7140;
    border-radius: 20px;
    font-size: 12px;
    margin-right: 20px;
    position: relative;
    top: 4px;
}

.header .headerLeft {
    display: flex;
    align-items: center;
}

.header .headerRight > ul {
    display: flex;
    align-items: center;
}

.header .headerRight ul li {
    padding: 6px 20px;
    cursor: pointer
}

.header .headerRight .loginImg, .header .headerRight .smallProfile {
    width: 35px;
    height: 35px;
}

.header {
    padding: 2px 26px 2px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    background-color: var(--maindark);
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .header .navWrapper li a, .header .navWrapper li a:after, .header .navWrapper li .innerNav, .header .navWrapper li .innerNav .SubinnerNav, .subArrowRight, .downArrow, .trnsBoxDtl, .lanList li:after, .loginList, .lanList {
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out
    }

    .header .navWrapper {
        width: auto;
        display: flex
    }

        .header .navWrapper li {
            padding: 0 12px;
            position: relative
        }

            .header .navWrapper li a {
                font-size: 14px;
                text-transform: capitalize;
                font-weight: 500;
                position: relative;
                color: var(--white)
            }

            .header .navWrapper li.active > a {
                font-weight: 700
            }

            .header .navWrapper li a:after {
                content: '';
                width: 0;
                height: 2px;
                background-color: var(--white);
                position: absolute;
                bottom: -8px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%)
            }

            .header .navWrapper li:hover a, .header .navWrapper li.active a {
                color: var(--white);
            }

                .header .navWrapper li:hover a:after, .header .navWrapper li.active a:after {
                    width: 100%
                }

            .header .navWrapper li:first-child {
                padding-left: 0
            }

            .header .navWrapper li .innerNav, .header .navWrapper li .innerNav .SubinnerNav {
                position: absolute;
                top: 30px;
                left: 0;
                width: auto;
                padding: 2px 0px;
                /*padding: 6px 10px;*/
                -webkit-box-shadow: 0 0 10px -2px rgba(0,0,0,0.5);
                box-shadow: 0 0 10px -2px rgba(0,0,0,0.5);
                transform-origin: 50% 0 0;
                -moz-transform-origin: 50% 0 0;
                -ms-transform-origin: 50% 0 0;
                -o-transform-origin: 50% 0 0;
                -webkit-transform-origin: 50% 0 0;
                transform: rotateX(-90deg);
                -moz-transform: rotateX(-90deg);
                -ms-transform: rotateX(-90deg);
                -o-transform: rotateX(-90deg);
                -webkit-transform: rotateX(-90deg);
                opacity: 0;
                background-color: var(--white);
                width: 120px;
                z-index: 3
            }

                .header .navWrapper li .innerNav .SubinnerNav {
                    left: 110px;
                    top: 10px
                }

.subArrowRight {
    position: absolute;
    right: 10px;
    top: 4px;
    transform: scale(0.8)
}

.header .navWrapper li .innerNav ul li:hover .subArrowRight {
    right: 2px;
    fill: var(--maindark)
}

.header .navWrapper li .innerNav li:hover .SubinnerNav {
    transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1
}

.header .navWrapper li .innerNav ul {
    width: 100%
}

    .header .navWrapper li .innerNav ul li {
        padding: 4px 6px 4px 12px;
        width: 100%
    }

        .header .navWrapper li .innerNav ul li a {
            text-transform: none;
            color: var(--black)
        }

            .header .navWrapper li .innerNav ul li a:after {
                display: none
            }

        .header .navWrapper li .innerNav ul li:hover {
            color: var(--maindark);
            background-color: #f9f9f9
        }

.header .navWrapper li:hover .innerNav {
    transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1
}


/*Mobile Hearedr*/

.mobile-menu {
    display: none;
}
/*Header End*/
.pt-b7 {
    padding-bottom: 7px;
}
/* Horizantal Tab Start - bank remove*/
.tabVT {
    background-color: #fff;
}

.tabHZ, .tabVT {
    padding: 6px 0
}

    .tabHZ .tabHZList ul, .tabVT .tabVTList ul {
        text-align: left
    }

        .tabHZ .tabHZList ul li, .tabVT .tabVTList ul li {
            display: inline-block;
            cursor: pointer;
            background-color: var(--general_background);
            /* margin-bottom: 2px;*/
            margin: 5px 1px 2px 0px;
            position: relative;
            z-index: 1;
            font-size: 16px;
            color: var(--black);
            border-radius: 4px;
        }

            .tabHZ .tabHZList ul li img, .tabVT .tabVTList ul li img {
                display: inline-block;
                position: relative;
                z-index: 3;
                vertical-align: middle;
                padding-left: 10px;
                width: 30px;
            }

            .tabHZ .tabHZList ul li span, .tabVT .tabVTList ul li span {
                position: relative;
                z-index: 2;
                padding: 6px 14px;
                display: inline-block
            }

            .tabVT .tabVTList ul li span {
                width: 70%
            }

    .tabVT .tabHZList ul li {
        position: relative
    }

    .tabHZ .tabHZList .tabHZUl {
        white-space: nowrap;
        overflow: auto;
        width: 100%;
    }

    .tabHZ .tabHZList .tabHZUl {
        scrollbar-color: var(--maindark) var(--mainlight);
        scrollbar-width: thin;
    }

.hoverBg li {
    position: relative;
    z-index: 1
}

    .hoverBg li:after {
        content: '';
        width: 0;
        height: 100%;
        position: absolute;
        background: var(--tab);
        left: 0;
        top: 0;
        z-index: 1;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        border-radius: 4px;
    }

    .hoverBg li:hover:after {
        width: 100%
    }

    .hoverBg li:hover span {
        color: var(--white)
    }

    .hoverBg li span {
        position: relative;
        z-index: 2
    }

.tabHZ .tabHZList ul li.active, .tabVT .tabVTList ul li.active {
    background-color: var(--tab)
}

    .tabHZ .tabHZList ul li.active span, .tabVT .tabVTList ul li.active span {
        color: var(--white)
    }

.tabHZ .tabShow .hTadin, .tabVT .tabShow .vTadin {
    display: none;
    width: 100%;
    box-shadow: rgba(149,157,165,0.2) 0 8px 24px;
}

.tabHZ .tabShow {
    margin-top: 0
}

.tabHZ .tabCopy, .tabVT .tabCopy {
    padding: 0px 15px 15px 15px;
    width: 50%;
    width: 100%;
    border: 1px solid var(--maindark);
}

/* Vertical Tab Start*/
.tabVTBox {
    display: flex;
    justify-content: space-between
}

    .tabVTBox .tabVTList {
        width: 16%
    }

    .tabVTBox .tabShow {
        width: 82%
    }

.tabVT .tabVTList ul li {
    width: 100%
}

/*next Prev Tab Start*/
.nextPrevTab {
    padding: 30px 0
}

    .nextPrevTab .npTabList ul {
        text-align: left
    }

        .nextPrevTab .npTabList ul li {
            display: inline-block;
            cursor: pointer;
            background-color: var(--mainlight)
        }

            .nextPrevTab .npTabList ul li span {
                padding: 6px 22px;
                display: inline-block;
                width: 100%;
            }

    .nextPrevTab .hoverBg li:after {
        background-color: var(--maindark);
    }

    .nextPrevTab .npTabList ul li.active {
        background-color: var(--maindark);
    }

        .nextPrevTab .npTabList ul li.active span {
            color: var(--white)
        }

    .nextPrevTab .npTabShow .npTadin {
        display: none;
        width: 100%;
    }

    .nextPrevTab .npTabShow {
        margin-top: 14px;
    }

    .nextPrevTab .npTabCopy {
        background: var(--white);
        padding: 30px;
        width: 50%;
        border: 1px solid #000;
        width: 100%
    }

.nextPrev {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
}

    .nextPrev .btnn {
        display: inline-block;
        color: var(--white);
        background-color: var(--maindark);
        font-size: 14px;
        font-family: 'robotomedium';
        position: relative;
        padding: 12px 58px;
        cursor: pointer;
        text-transform: uppercase;
        margin: 0 4px;
    }



/*card Box Start - persnDtail - Card   */
.card {
    width: 100%;
    padding: 24px 20px;
}

.planBox img {
    height: 120px;
    object-fit: cover
}

.card .cardBox {
    background-color: var(--white);
    -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1);
    transition: all .6s cubic-bezier(.165,.84,.44,1);
    box-shadow: rgba(149,157,165,0.2) 0 8px 24px;
}

    .card .cardBox:hover {
        -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1);
        transition: all .6s cubic-bezier(.165,.84,.44,1);
        box-shadow: 0 10px 35px #1a2c7140;
        transform: translateY(-3px);
    }

    .card .cardBox .cardData p {
        font-size: 12px;
        font-weight: bold;
        color: var(--blacklight);
        text-transform: uppercase
    }

    .card .cardBox img {
        width: 100%;
        height: 100px;
        object-fit: cover
    }

    .card .cardBox .cardData abbr {
        color: var(--maindark);
        font-size: 22px;
        font-weight: bold
    }

    .card .cardBox .cardData ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        text-align: center;
        position: relative
    }

        .card .cardBox .cardData ul li {
            width: 50%;
            padding: 18px 0;
            border-right: 1px solid #dfdfdf;
            border-bottom: 1px solid #dfdfdf;
        }

    .card .cardBox .h4 {
        color: var(--maindark)
    }

.card.cardRound .cardBox {
    border-radius: 24px;
    box-shadow: none;
    border: 1px solid #778ad7;
    overflow: hidden
}

    .card.cardRound .cardBox h4 {
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4)
    }
/*Persone Box End*/

/*trnsBox start - ListCard*/
.listCard {
    width: 100%;
}

    .listCard .listBoxDtl {
        background-color: var(--white);
        padding: 14px;
        margin: 10px;
    }

    .listCard h3 {
        color: var(--black);
        font-weight: normal;
        text-transform: capitalize
    }

    .listCard p {
        color: var(--black);
        line-height: 26px
    }

    .listCard li {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--black);
        padding: 10px;
    }

        .listCard li:last-child {
            border: 0
        }

    .listCard .listBoxDtl:hover {
        box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);
        ;
    }

/*Scheme Box Start - ScmCard*/
.scmWrap {
    width: 100%;
}

.sceepin {
    padding: 24px 20px;
}

.scmcard {
    position: relative;
    padding: 0 16px;
}

    .scmcard .scardTop {
        width: 100%;
        text-align: center;
        padding: 20px 20px 100px;
        border-radius: .625rem;
        background-color: var(--maindark);
    }

        .scmcard .scardTop p {
            font-size: 18px;
            color: var(--white);
            font-weight: 600;
            padding-left: 14px;
            padding-bottom: 20px;
        }

        .scmcard .scardTop abbr {
            color: var(--white);
            font-size: 14px;
            display: block;
        }

        .scmcard .scardTop span {
            display: block;
            text-align: center;
            font-size: 36px;
            color: var(--white);
            font-weight: 600;
        }

    .scmcard .scardIn {
        background-color: var(--white);
        padding: 10px 20px;
        box-shadow: rgba(149,157,165,0.2) 0 8px 24px;
        border-radius: 4px;
        max-width: 90%;
        margin: -70px auto 0
    }

    .scmcard .scardInBox {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 0;
        position: relative
    }

        .scmcard .scardInBox:before {
            content: "";
            background: transparent linear-gradient(90deg,#670967 0%,#e16d3800 100%) 0 0 no-repeat padding-box;
            opacity: .3;
            width: 100%;
            height: 2px;
            position: absolute;
            left: 0;
            bottom: 0
        }

        .scmcard .scardInBox p {
            font-size: 16px;
            color: var(--blacklight);
            font-weight: 700
        }

        .scmcard .scardInBox abbr {
            color: var(--maindark);
            font-size: 14px;
            display: block
        }

        .scmcard .scardInBox span {
            font-size: 24px;
            color: var(--blacklight);
            font-weight: 600
        }

    .scmcard .scardIn {
        max-height: 32vh;
        overflow-y: auto
    }

    .scmcard .scardGray {
        background-color: #676666
    }

    .scmcard .scardIn {
        scrollbar-color: var(--maindark) var(--mainlight);
        scrollbar-width: thin;
    }


    .scmcard .scard:hover {
        -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1);
        transition: all .6s cubic-bezier(.165,.84,.44,1);
        transform: translateY(-3px)
    }
/*Scheme Box end*/


/*form start */
.hTadin, .vTadin {
    background-color: var(--white);
    width: 100%
}

.formWrap {
    width: 100%
}

    .formWrap .formWrapIn {
        padding: 24px 20px;
        ;
        width: 100%
    }

input {
    width: 100%;
    -webkit-appearance: none;
    -ms-expand: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0px;
}

.formWrap input, select, .formWrap textarea {
    font-size: 15px;
    line-height: 21px;
    padding: 6px 10px 6px 10px; /*10*/
    border: 1px solid var(--maindark);
    background-color: var(--white);
    color: var(--blacklight);
    text-align: left;
    width: 100%
}

input.inputBtB {
    border: 0;
    border-bottom: 1px solid #060c83;
    background-color: transparent;
}

.dropdownn {
    width: 100%;
    position: relative;
    max-width: 100%;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 0 auto 6px
}

    .dropdownn select {
        width: 100%;
        position: relative;
        -webkit-appearance: none;
        -ms-expand: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        border-radius: 0;
        background-color: var(--white);
        text-transform: uppercase;
        font-weight: 500;
    }

        .dropdownn select optopn {
            padding: 10px 0;
        }

    .dropdownn:after {
        position: absolute;
        content: '';
        width: 36px;
        height: 100%;
        background-color: var(--maindark);
        right: 0;
        top: 0;
        pointer-events: none
    }

    .dropdownn:before {
        position: absolute;
        content: '';
        width: 13px;
        height: 9px;
        background-image: url(../images/slect-arrow.png);
        right: 11px;
        top: 50%;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        z-index: 9;
        pointer-events: none
    }

    .dropdownn.dropdownn2 select {
        border: 0;
        border-bottom: 1px solid #060c83;
        background-color: transparent;
        background-image: url(../images/down-arrow.png);
        background-position: 10px;
        background-repeat: no-repeat;
        background-position: right 18px;
        background-repeat: no-repeat;
    }


    .dropdownn.dropdownnBtB:before, .dropdownn.dropdownnBtB:after {
        display: none
    }

.select2-container {
    width: 100%;
    display: block
}

    .select2-container .select2-selection--single {
        height: auto;
        padding: 7px
    }

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none
}

.select2-container:after {
    position: absolute;
    content: '';
    width: 36px;
    height: 100%;
    background-color: var(--maindark);
    right: 0;
    top: 0;
    pointer-events: none
}

.select2-container:before {
    position: absolute;
    content: '';
    width: 13px;
    height: 9px;
    background-image: url(../images/slect-arrow.png);
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    z-index: 9;
    pointer-events: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    padding-right: 8%;
    font-size: 24px;
}

.select2-results__option {
    padding-right: 20px;
    vertical-align: middle
}

    .select2-results__option:before {
        content: "";
        display: inline-block;
        position: relative;
        height: 20px;
        width: 20px;
        border: 2px solid #e9e9e9;
        border-radius: 4px;
        background-color: #fff;
        margin-right: 20px;
        vertical-align: middle
    }


    .select2-results__option[aria-selected=true]:before {
        display: inline-block;
        padding-left: 3px;
        background-image: url(../images/check-box-img.png);
        background-repeat: no-repeat;
        background-position: 4px 4px;
    }

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727
}

.select2-container--default .select2-selection--multiple {
    margin-bottom: 10px
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #272727;
    border-width: 2px
}

.select2-container--default .select2-selection--multiple {
    border-width: 2px
}

.select2-container--open .select2-dropdown--below {
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5)
}

.select2-selection .select2-selection--multiple:after {
    content: 'hhghgh'
}

.select-icon .select2-selection__placeholder .badge {
    display: none
}

.select-icon .select2-results__option:before, .select-icon .select2-results__option[aria-selected=true]:before {
    display: none !important
}

.select-icon .select2-search--dropdown {
    display: none
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    padding-right: 5%
}

.formWrap .textarea {
    box-sizing: border-box;
    color: var(--blacklight);
    height: 50px;
    position: relative;
    width: 100%;
}

.cloneBox {
    position: relative
}

.addFunLibtn {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: none
}

.cloneBox:first-child .addFunLibtn {
    display: block
}

.remFunLibtn {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 20px 0;
}

.cloneBox:first-child .remFunLibtn {
    display: none;
}

.formWrap .formField ul li {
    position: relative
}

label {
    width: 100%;
    text-align: left;
    display: block;
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 500;
    color: var(--maindark)
}

    label.labelUp {
        display: inline-block;
        padding: 0 6px;
        position: absolute;
        top: -10px;
        width: auto;
        left: 10px;
        font-size: 12px;
    }

.inlablebox {
    display: flex;
    align-items: center;
    background-color: var(--maindark);
}

    .inlablebox label {
        color: var(--white);
        height: 100%;
        text-align: center
    }

.formWrap .formField ul li, .formField ul li .cloneBox {
    margin-bottom: 14px
}

.formWrap .h1 {
    margin-bottom: 4px;
}

.formWrap .formBox {
    width: 100%;
    max-width: 92%;
    margin: 0 auto;
    padding: 16px 34px;
    box-shadow: 0px 3px 8px 3px var(--maindark50);
    border-radius: 15px;
}

/*btn start*/
input[type=file] {
    cursor: pointer;
    padding: 0
}

    input[type=file]::file-selector-button {
        background-color: var(--white);
        border: 0;
        border-right: 1px solid #e5e5e5;
        padding: 10px 15px;
        margin-right: 20px;
        transition: .5s
    }

        input[type=file]::file-selector-button:hover {
            background-color: var(--maindark);
            border: 0;
            border-right: 1px solid #1a3a90;
            color: var(--white);
        }

.custbtn {
    background-color: var(--maindark);
    font-size: 16px;
    padding: 12px 44px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--white);
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    margin: 4px 8px;
    position: relative
}

.btn:focus, .formWrap .btn1.btn2:focus {
    outline: 0
}

.custbtn.btnFull {
    width: 100%
}

.custbtn.btnRounf {
    border-radius: 50px;
    background-image: linear-gradient(#00b2f0, #00559e);
}

.custbtn.btnWhite {
    background-color: var(--white);
    color: var(--maindark);
    border: 1px solid #434343;
}

.custbtn.btnCut {
    border-radius: 0 0 14px 14px;
    background: #253e5b;
}

.btnShadow {
    box-shadow: 4px 3px 10px 0 #00559e;
    background-color: #1c4f7c;
}

.btnIconBox {
    display: flex;
    align-items: center
}

    .btnIconBox img {
        padding: 0 6px
    }

.custbtn.btnBlueR {
    background-color: #1b9aaa;
    border-radius: 10px;
}

.custbtn.btnSkew {
    background-color: #318f9b;
    transform: skewX(340deg);
}

.custbtn.btnSkewCrs {
    transform: skewX(340deg);
    z-index: 2
}

    .custbtn.btnSkewCrs:before {
        content: '';
        position: absolute;
        z-index: 1;
        background-color: #00559e99;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        transform: skew(35deg)
    }
/*radio*/
.radioBox {
    position: relative;
    margin-top: 10px;
}

    .radioBox .radio {
        font-size: 30px;
        font-weight: 500;
        display: inline-flex;
        align-items: center;
    }

    .radioBox input[type="radio"] {
        display: none
    }

    .radioBox .radio input:checked ~ .circle:after {
        opacity: 1
    }

    .radioBox input[type="radio"]:checked + label, .dealer-form [type="radio"]:not(:checked) + label {
        position: relative;
        cursor: pointer;
        display: inline-block
    }

    .radioBox .fieldbox label {
        display: inline;
        font-size: 1.1em;
        line-height: 100%;
        position: relative;
        padding-left: 26px;
        cursor: pointer;
        line-height: 12px;
    }

    .radioBox [type="radio"]:checked + label:before, .radioBox [type="radio"]:not(:checked) + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: -3px;
        width: 16px;
        height: 16px;
        border: 2px solid var(--maindark);
        border-radius: 100%;
        background: var(--white)
    }

    .radioBox [type="radio"]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .radioBox [type="radio"]:checked + label:after, .radioBox [type="radio"]:not(:checked) + label:after {
        content: '';
        height: 6px;
        width: 6px;
        background-color: var(--maindark);
        position: absolute;
        top: 4px;
        left: 7px;
        border-radius: 100%;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }

    /*radioBox2 se start*/
    .radioBox.radioBox2 [type="radio"]:checked + label:before, .radioBox.radioBox2 [type="radio"]:not(:checked) + label:before {
        border: 2px solid #fff;
        background-color: var(--mainlight)
    }

    .radioBox.radioBox2 [type="radio"]:checked + label:after, .radioBox.radioBox2 [type="radio"]:not(:checked) + label:after {
        background-image: url(../images/check-box-img.png);
        width: 14px;
        height: 11px;
        background-repeat: no-repeat;
        background-color: transparent;
        left: 4px;
        top: 1px;
    }

    .radioBox.radioBox3 [type="radio"]:checked + label:before, .radioBox.radioBox3 [type="radio"]:not(:checked) + label:before {
        border: 2px solid #fff;
        background-color: var(--maindark)
    }

    .radioBox.radioBox3 [type="radio"]:checked + label:after, .radioBox.radioBox3 [type="radio"]:not(:checked) + label:after {
        background-color: var(--white)
    }

    .radioBox.radioBox4 [type="radio"]:checked + label:before, .radioBox.radioBox4 [type="radio"]:not(:checked) + label:before {
        border-radius: 0;
    }

    .radioBox.radioBox4 [type="radio"]:checked + label:after, .radioBox.radioBox4 [type="radio"]:not(:checked) + label:after {
        border-radius: 0;
    }
    /*radioBox2 se End*/

    .radioBox [type="radio"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    .radioBox .locate_head img {
        margin: 0 auto
    }

    .radioBox .wrap_fields {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 10px 0 0;
    }

    .radioBox .fieldbox {
        margin: 0 5px;
        display: flex;
        align-items: center;
        cursor: pointer
    }

/* Chekbox start*/
.checkboxTik {
    margin-top: 30px;
    text-align: left
}

    .checkboxTik .chekbxTkIn {
        display: inline-block;
        margin-bottom: 15px
    }

        .checkboxTik .chekbxTkIn input {
            padding: 0;
            height: initial;
            width: initial;
            margin-bottom: 0;
            display: none;
            cursor: pointer
        }

        .checkboxTik .chekbxTkIn label {
            position: relative;
            cursor: pointer
        }

            .checkboxTik .chekbxTkIn label:before {
                content: '';
                -webkit-appearance: none;
                background-color: transparent;
                border: 2px solid var(--maindark);
                padding: 7px;
                display: inline-block;
                position: relative;
                vertical-align: middle;
                cursor: pointer;
                margin-right: 5px
            }

        .checkboxTik .chekbxTkIn input:checked + label:after {
            content: '';
            display: block;
            position: absolute;
            top: 6px;
            left: 6px;
            width: 4px;
            height: 8px;
            border: solid var(--maindark);
            border-width: 0 2px 2px 0;
            transform: rotate(45deg)
        }

.checkboxOut {
    font-size: 14px;
    padding-left: 20px;
    padding-top: 10px;
    border: 1px solid #898989;
}

    .checkboxOut input[type="checkbox"] {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer
    }

    .checkboxOut label {
        position: relative;
        cursor: pointer;
        padding-left: 0
    }

        .checkboxOut label:before {
            content: "";
            -webkit-appearance: none;
            background-color: transparent;
            border: 1px solid #1a3a90;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0 -15px 10px -12px rgba(0,0,0,0.05);
            padding: 7px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 12px;
            margin-top: -3px
        }

    .checkboxOut input:checked + label:after {
        content: "";
        display: block;
        position: absolute;
        top: -1px;
        left: 9px;
        width: 6px;
        height: 14px;
        border: solid var(--maindark);
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }



.checkboxBg {
    display: inline-block
}

    .checkboxBg > label {
        position: relative;
        cursor: pointer;
        padding-left: 30px;
        margin-bottom: 0
    }

        .checkboxBg > label:before {
            content: "";
            background-color: var(--white);
            width: 20px;
            height: 20px;
            position: absolute;
            top: 2px;
            left: 0;
            z-index: 1;
            border: 1px solid #b4b7b9
        }

        .checkboxBg > label:after {
            content: "";
            position: absolute;
            top: 6px;
            left: 8px;
            z-index: 1;
            opacity: 0;
            width: 4px;
            height: 8px;
            border: solid var(--maindark);
            border-width: 0 2px 2px 0;
            transform: rotate(45deg)
        }

    .checkboxBg > input:checked + label:after {
        opacity: 1
    }

    .checkboxBg > input {
        visibility: hidden;
        position: absolute
    }
/* Chekbox End*/

/* ComboBox Start*/
.comboBox {
    position: relative;
    width: 100%;
    border-bottom: 1px solid var(--white);
    ;
    background-color: var(--white);
    margin: 14px 0;
    border: 1px solid #898989;
}

    .comboBox .combo-menu {
        display: inline-block;
        cursor: pointer;
        width: 100%;
        padding: 10px;
        position: relative;
        border: 1px solid #898989;
    }

        .comboBox .combo-menu span.menudownarrow:before {
            content: "";
            width: 1px;
            height: 10px;
            background-color: var(--white);
            position: absolute;
            top: 16px;
            right: 9px;
            transform: translateX(-50%) rotateZ(-45deg)
        }

        .comboBox .combo-menu span.menudownarrow:after {
            content: "";
            width: 10px;
            height: 1px;
            background-color: var(--white);
            position: absolute;
            top: 20px;
            right: -7px;
            transform: translateX(-50%) rotateZ(-45deg)
        }


    .comboBox .combotab {
        display: none;
        z-index: 1;
        background-color: var(--white);
        width: 100%;
        position: relative
    }

.downArrow {
    display: inline-block;
    width: 50px;
    height: 100%;
    margin-left: .75em;
    cursor: pointer;
    background-color: var(--maindark);
    position: absolute;
    right: 0;
    top: 0;
}

    .downArrow:after {
        content: '';
        display: inline-block;
        margin-top: 13px;
        width: 14px;
        height: 14px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        top: -4px;
        left: 17px;
    }

    .downArrow.reverceArrow:after {
        -moz-transform: rotate(310deg);
        -webkit-transform: rotate(310deg);
        transform: rotate(310deg);
        margin-top: 21px;
    }

/* ComboMulty Start*/

/* ListMulty Start*/
.listMulty {
    position: relative;
    width: 100%;
    border: 1px solid #898989;
    background-color: var(--white);
    margin: 14px 0;
}

    .listMulty .list-menu {
        display: inline-block;
        cursor: pointer;
        width: 100%;
        padding: 10px
    }

    .listMulty .listtab, .comboBox .combotab {
        border-top: 1px solid #434343
    }
/* ListMulty End*/


/*form end*/


/* Table start - Table1, Table2, Table3, Table4, Table5*/
.table1, .table2 {
    padding: 2px;
    width: 100%
}

    .table1 table, .table2 table {
        width: 100%;
        table-layout: fixed
    }

    .table1 th, .table2 th, .tabBtn {
        background-color: var(--top_title);
    }

.table1 {
    width: 100%;
    text-align: center;
    padding: 14px 0
}

    .table1 .table1Box {
        max-width: 100%;
        margin: 0 auto;
    }

    .table1 table {
        width: 100%;
        text-align: center;
        vertical-align: middle;
        position: relative;
        z-index: 2;
    }

    .table1 th {
        color: var(--white);
        vertical-align: middle;
        font-weight: 700;
        font-size: 16px;
    }

    .table1 td {
        background-color: var(--white);
        vertical-align: middle;
        margin: 10px;
        font-size: 14px
    }

        .table1 td.leftt {
            text-align: left
        }

    .table1.table3 td, .table1.table3 th {
        border: 0;
        border-bottom: 1px solid #0c376a
    }

.table2 {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.table2Box {
    max-width: 100%;
    margin: 0 auto
}

.table2 table tr:nth-child(even) {
    background-color: var(--gray10)
}

.table2 th {
    color: var(--white)
}

.tableTop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.tb_search {
    width: 25%;
    display: flex;
    justify-content: flex-end;
}

    .tb_search input {
        padding: 10px 20px;
        border: 1px solid var(--maindark);
    }

.tabBtn {
    color: var(--white);
    outline: 0;
    border: 0;
    /* padding: 10px 20px;*/
    padding: 8px 10px 6px 10px;
}

.table2 th, .table1 th, .table2 td, .table1 td {
    text-align: center;
    padding: 10px 6px;
    border: 1px solid #898989;
    word-wrap: break-word;
    white-space: normal
}
/* Table End */

/* Datepicker Start - .Mydate */
.ui-datepicker .ui-datepicker-title select {
    margin: 0 2px;
}

.ui-widget-header {
    background-color: var(--general_background)
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        color: #000;
        text-align: center
    }

        .ui-state-default.ui-state-active {
            color: var(--maindark)
        }

        .ui-state-default.ui-state-hover {
            color: var(--maindark)
        }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid var(--maindark);
        background: var(--maindark);
        color: var(--white);
    }

.ui-datepicker td:hover {
    background: var(--maindark);
    color: var(--white);
}
/* Datepicker End */

/*Image upload and Show - Myimage Vayakimage - Vimage --*/
.vImageUpld {
    position: relative;
    max-width: 150px;
}

.vImageUpld1 {
    position: relative;
    max-width: 275px;
}

.vImageUpld-horizantal {
    position: relative;
    max-width: 250px;
}

.vImageUpld .vImg-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px
}

    .vImageUpld .vImg-edit input {
        display: none
    }

        .vImageUpld .vImg-edit input + label {
            display: inline-block;
            width: 34px;
            height: 34px;
            margin-bottom: 0;
            border-radius: 100%;
            background: #FFF;
            border: 1px solid transparent;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
            cursor: pointer;
            font-weight: 400;
            transition: all .2s ease-in-out
        }

            .vImageUpld .vImg-edit input + label:after {
                content: '';
                background-image: url("../images/pencil.png");
                position: absolute;
                top: 8px;
                left: 3px;
                right: 0;
                text-align: center;
                margin: auto;
                width: 20px;
                height: 20px;
                background-repeat: no-repeat;
                background-size: 18px;
            }

.vImageUpld .vImg-preview {
    width: 150px;
    height: 150px;
    position: relative;
    border: 1px solid #cfcbcb;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1)
}

 .vImg_horizantal {
    width: 250px !important;
    height: 150px !important;
}

.vImageUpld .vImg-preview > div {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

/*Accordeian  */
.accordiann {
    padding: 20px 24px
}

    .accordiann .net_accord .accfaqSubMenu {
        display: none;
        font-size: 14px;
        color: var(--white);
        padding-right: 24px;
        text-align: left
    }

    .accordiann .net_accord {
        width: 100%;
        max-width: 100%;
    }

        .accordiann .net_accord .accFaqLink {
            cursor: pointer;
            display: block;
            padding: 8px 14px;
            color: var(--white);
            font-size: 14px;
            position: relative;
            background-color: var(--middle_title);
            margin-bottom: 8px;
            background-image: none;
        }

        .accordiann .net_accord li.accFaqOpen .accFaqLink {
            background-color: var(--top_title);
        }

        .accordiann .net_accord li.accopen .accFaqLink {
            background-image: none
        }

        .accordiann .net_accord li {
            position: relative
        }

            .accordiann .net_accord li .accFaqLink:after {
                position: absolute;
                content: '';
                right: 12px;
                top: 6px;
                background-image: url(../images/plus-white.png);
                background-repeat: no-repeat;
                width: 22px;
                height: 22px;
            }

            .accordiann .net_accord li.accFaqOpen .accFaqLink:after {
                background-image: url(../images/minus-white.png);
                width: 22px;
                height: 2px;
                top: 15px
            }

    .accordiann .accFaqLink .acc_submenu_copy {
        padding-top: 0;
        padding-bottom: 0;
    }

    .accordiann .acc_submenu_copy {
        width: 100%;
        position: relative;
        align-items: center;
        padding: 10px 14px 20px;
    }

        .accordiann .acc_submenu_copy p {
            color: var(--maindark);
            font-size: 14px;
            line-height: 24px
        }

.iconBox {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between
}

    .iconBox li {
        padding: 10px;
        display: flex;
        width: 20%;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left
    }

        .iconBox li img {
            padding-right: 10px;
        }


/* Membership Form  start */

.memberForm .memberSubTitle {
    text-align: center
}

.meberButn {
    text-align: center;
    border-top: 1px solid #000;
    padding-top: 20px;
    position: relative;
    top: 8px;
}
/* Membership Form  end */

/*signBox*/
.signBox canvas {
    background: #fff;
    display: block;
    margin: 10px 0;
    border-radius: 5px;
    cursor: default;
    border: 3px solid #898989;
}

.controls .custbtn {
    background-color: #e7effe;
    color: #665f65;
    padding: 10px 18px
}

.red {
    color: #ea3223
}

b.red {
    display: block;
    font-size: 22px;
    margin: 20px 0;
    text-align: center
}

.formWrap .formField ul li .h4 {
    border-bottom: 1px solid #ededf1;
    margin: 20px 0;
    padding: 20px 0;
    color: #2C3345;
    font-size: 1.25em;
}


.topSearch {
    position: relative
}

.searchPopup {
    box-shadow: 0 2px 8px 2px rgba(0,0,0,0.2);
    position: absolute;
    top: 40px;
    left: -450px;
    width: 500px;
    background-color: #FFF;
    padding: 24px 30px 24px;
    opacity: 1;
    background-color: #FFF;
    z-index: 9;
    border: 1px solid var(--maindark);
    border-radius: 4px;
    display: none
}

    .searchPopup input[type="text"] {
        width: 100%;
        display: inline-block;
        position: relative;
        left: 0;
        background-color: #FFF;
        padding: 10px;
        border: 0;
        border-bottom: 1px solid #222;
        color: #222;
        font-size: 15px;
        line-height: normal;
        padding-left: 0;
    }

    .searchPopup .searchPopupClose {
        display: block;
        position: absolute;
        right: 8px;
        top: 5px;
        cursor: pointer
    }

    .searchPopup .searchIcon {
        position: absolute;
        top: 35px;
        right: 32px;
        cursor: pointer
    }

/*Extra CSS Start*/

.formWrap .formField ul li > ul > li {
    margin-bottom: 0
}
/*Timepicker*/

.ui-timepicker-container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box
}

.ui-timepicker {
    box-sizing: content-box;
    display: block;
    height: 205px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center
}

.ui-timepicker-viewport {
    box-sizing: content-box;
    display: block;
    height: 205px;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden
}

.ui-timepicker-standard {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    background-color: #121528;
    border: 0;
    color: #fff;
    margin: 0;
    padding: 2px
}

    .ui-timepicker-standard a {
        color: #fff;
        display: block;
        padding: .2em .4em;
        text-decoration: none;
        background-color: #121528
    }

    .ui-timepicker-standard .ui-state-hover {
        background-color: var(--maindark);
        border: 0;
        font-weight: 400;
        color: #fff
    }

    .ui-timepicker-standard .ui-menu-item {
        margin: 0;
        padding: 0;
        background-color: #121528;
    }

.ui-timepicker-corners, .ui-timepicker-corners .ui-corner-all {
    border-radius: 0
}

.ui-timepicker-hidden {
    display: none
}

.ui-timepicker-no-scrollbar .ui-timepicker {
    border: none
}

.ui-datepicker .ui-datepicker-title select {
    margin: 0 2px;
}



.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid var(--maindark);
    margin: 0;
}

.select2-container .select2-selection--multiple {
    min-height: auto;
    border-radius: 0
}

.formWrap .formField ul li.select2-search {
    padding: 6px;
}

.formWrap .formField ul .select2 li {
    margin-bottom: 0;
}

.select2-container .select2-search--inline .select2-search__field {
    margin: 0;
    font-size: 15px
}

.formWrap input, select, .formWrap textarea {
    line-height: normal
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
    margin: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    padding-right: 8%;
    margin: 0;
    font-size: 24px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 7px;
    margin-left: 4px
}

.dropdownn {
    margin-bottom: 0
}

.listMulty .list-menu {
    position: relative
}

.resetBtn {
    background-color: var(--maindark);
    font-size: 16px;
    padding: 4px 20px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    color: var(--white);
    position: absolute;
    right: 12%;
    top: 50%;
    transform: translateY(-50%)
}

/* Datepicker Start - .Mydate */
.ui-datepicker .ui-datepicker-title select {
    margin: 0 2px;
}

.ui-widget-header {
    background-color: var(--general_background)
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        color: #000;
        text-align: center
    }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid var(--maindark);
        background: var(--general_background);
        color: var(--black);
    }

.ui-state-default.ui-state-active {
    color: var(--white);
    background: var(--maindark);
}

.ui-state-default.ui-state-hover {
    color: var(--white);
    background: var(--maindark);
}
/* Datepicker End */

.closeCirle {
    display: inline-block;
    border-radius: 100%;
    background: #FFF;
    border: 1px solid transparent;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
    cursor: pointer;
    transition: all .2s ease-in-out;
    padding: 6px;
}

.closePhoto {
    position: absolute;
    left: 0;
    top: 40px
}

.closeFile {
    position: absolute;
    right: 9px;
    top: 31px;
    border-radius: 0;
    z-index: 9
}

/*Multi Select*/
.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    padding: 0;
    background-color: transparent;
    line-height: normal;
    border: 0;
    display: block;
    -webkit-appearance: checkbox;
    -ms-expand: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;
    appearance: checkbox;
    width: auto;
    top: 9px;
    cursor: pointer
}

.ms-options-wrap {
    width: 100%
}

    .ms-options-wrap > button:focus, .ms-options-wrap > button {
        padding: 10px;
    }


/*Custom Css Added ruby NNV/JJ*/
.hide {
    display: none
}