/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
    font-family: Poppins-Regular;
    src: url('fonts/poppins/Poppins-Regular.ttf');
}

@font-face {
    font-family: Poppins-Medium;
    src: url('fonts/poppins/Poppins-Medium.ttf');
}

@font-face {
    font-family: Poppins-Bold;
    src: url('fonts/poppins/Poppins-Bold.ttf');
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url('fonts/poppins/Poppins-SemiBold.ttf');
}

/*////////////////////////////////Theme Customization///////////////////////////////*/
.content-w {
    background-color: #FEFDFF !important;
}

.head-black {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    letter-spacing: 0.1em;
    color: #2F3250 !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Poppins-Regular, sans-serif;
}

.sub-head {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.03em;
    color: #3F3B6B;
}

.element-wrapper .element-header:after {
    background-color: transparent !important;
    border-bottom: none !important;
}

.element-wrapper .element-header {
    border-bottom: none !important;
}

.color-style-bright {
    background-color: #3F3B6B !important;
}

.h-menu-98 {
    height: 98px;
}

.top-bar > ul li.active a, .top-bar > ul li:hover a {
    /*color: #F87B77 !important;*/
    text-decoration: none;
}

.top-bar > ul li a {
    color: #FEFDFF;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.05em;
    font-weight: bold;
}

    .top-bar > ul li a:after {
        display: none;
    }

.content-i {
    background: #FEFDFF !important;
    min-height: 99vh;
    padding: 2rem;
}


/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    font-family: Poppins-Regular, sans-serif !important;
    background: #FEFDFF;
    letter-spacing: 0.03em;
}

/*---------------------------------------------*/
a {
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    margin: 0px;
}

    a:focus, button:focus {
        outline: none !important;
    }
/*---------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    margin: 0px;
}

p {
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    margin: 0px;
}

ul, li {
    margin: 0px;
    list-style-type: none;
}


/*---------------------------------------------*/
input {
    outline: none;
    border: none;
}

textarea {
    outline: none;
    border: none;
}

    textarea:focus, input:focus {
        border-color: transparent !important;
    }

        input:focus::-webkit-input-placeholder {
            color: transparent;
        }

        input:focus:-moz-placeholder {
            color: transparent;
        }

        input:focus::-moz-placeholder {
            color: transparent;
        }

        input:focus:-ms-input-placeholder {
            color: transparent;
        }

        textarea:focus::-webkit-input-placeholder {
            color: transparent;
        }

        textarea:focus:-moz-placeholder {
            color: transparent;
        }

        textarea:focus::-moz-placeholder {
            color: transparent;
        }

        textarea:focus:-ms-input-placeholder {
            color: transparent;
        }

input::-webkit-input-placeholder {
    color: #adadad;
}

input:-moz-placeholder {
    color: #adadad;
}

input::-moz-placeholder {
    color: #adadad;
}

input:-ms-input-placeholder {
    color: #adadad;
}

textarea::-webkit-input-placeholder {
    color: #adadad;
}

textarea:-moz-placeholder {
    color: #adadad;
}

textarea::-moz-placeholder {
    color: #adadad;
}

textarea:-ms-input-placeholder {
    color: #adadad;
}

/*---------------------------------------------*/
button {
    outline: none !important;
    border: none;
    background: transparent;
}

    button:hover {
        cursor: pointer;
    }

iframe {
    border: none !important;
}


/*//////////////////////////////////////////////////////////////////*/
.txt1 {
    font-family: Poppins-Regular;
    font-size: 15px;
    color: #999999;
    line-height: 1.5;
}

.txt2 {
    font-family: Poppins-Regular;
    font-size: 15px;
    color: #57b846;
    line-height: 1.5;
}

/*//////////////////////////////////////////////////////////////////
[ login ]*/

.wrapper-p {
    width: 100%;
    margin: 0 auto;
}

.container-login {
    width: 100%;
    min-height: 100vh;
    padding: 15px;
}

.wrap-login {
    width: 500px;
    background: #3B3F6B;
    padding: 50px 80px;
    border-radius: 15px;
    margin: 0 auto;
}

.p-logo {
    display: inline-flexbox;
    padding: 30px 0;
}

.login-welcome-t {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.03em;
    color: #F7F7FB;
}

.wrap-login a {
    color: #80D2AB;
    text-decoration: underline;
}

    .wrap-login a:hover {
        color: #A3F3E4;
    }
/*------------------------------------------------------------------
[ Form ]*/

.login100-form {
    width: 100%;
}

.login100-form-title {
    display: block;
    font-family: Poppins-Bold;
    font-size: 39px;
    color: #333333;
    line-height: 1.2;
    text-align: center;
}


/*------------------------------------------------------------------
[ Button ]*/
.container-login100-form-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 40px 0 10px;
}

.login100-form-btn {
    font-family: Poppins-Medium;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    background-color: #57b846;
    border-radius: 25px;
    box-shadow: 0 10px 30px 0px rgba(87, 184, 70, 0.5);
    -moz-box-shadow: 0 10px 30px 0px rgba(87, 184, 70, 0.5);
    -webkit-box-shadow: 0 10px 30px 0px rgba(87, 184, 70, 0.5);
    -o-box-shadow: 0 10px 30px 0px rgba(87, 184, 70, 0.5);
    -ms-box-shadow: 0 10px 30px 0px rgba(87, 184, 70, 0.5);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

    .login100-form-btn:hover {
        background-color: #333333;
        box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
        -moz-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
        -webkit-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
        -o-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
        -ms-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
    }

.input100:-webkit-autofill,
.input100:-webkit-autofill:hover,
.input100:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: none;
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
    background-color: rgb(232, 240, 254) !important;
}

.input100:-internal-autofill-selected {
    border: none;
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0 0 0px 1000px #3b3f6b inset !important;
    transition: background-color 5000s ease-in-out 0s;
}
/*------------------------------------------------------------------
[ Alert validate ]*/
.validate-input {
    position: relative;
}

.alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
    pointer-events: none;
    font-family: Poppins-Regular;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.alert-validate::after {
    content: "\f06a";
    font-family: FontAwesome;
    font-size: 16px;
    color: #c80000;
    display: block;
    position: absolute;
    background-color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
}

.alert-validate:hover:before {
    visibility: visible;
    opacity: 1;
}

.top-bar .top-menu-controls .element-search:before, .top-bar .top-menu-controls .element-search input {
    color: white;
}

.top-bar.color-scheme-light .top-menu-controls .element-search input, .top-bar.color-scheme-transparent .top-menu-controls .element-search input {
    background-color: rgba(121, 138, 185, 0.2);
}

.element-top-10 {
    padding-top: 10rem;
}

.element-top-9 {
    padding-top: 9rem;
}

@media (max-width: 992px) {
    .alert-validate::before {
        visibility: visible;
        opacity: 1;
    }
}

.logo-iPerform {
    padding: 0 25px;
}
/*//////////////////////////////////////////////////////////////////
[ Login more ]*/
.login-more li {
    position: relative;
    padding-left: 16px;
}

    .login-more li::before {
        content: "";
        display: block;
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #cccccc;
        top: 45%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
    }

/*///////////////////////////Checkbox line border white///////////////////////*/

.form-group-w {
    display: block;
    margin-bottom: 15px;
}

    .form-group-w input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .form-group-w label {
        position: relative;
        cursor: pointer;
        color: #DCE7F9;
    }

        .form-group-w label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1.5px solid #DCE7F9;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 10px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 8px;
            border-radius: 4px;
        }


    /* ===============================================
Checkbox check sign style
===============================================  */
    .form-group-w input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: -6px;
        left: 13px;
        width: 10px;
        height: 23px;
        border: solid #DCE7F9;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        transition: all 0.4s;
    }
/* ===============================================
Checkbox filled style
===============================================  
  .form-group-w input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    width: 22px;
    height: 20px;
    border-width: 0 2px 2px 0;
    transition: all 0.4s;
    background: #DCE7F9;
    border-radius: 3px;
  }*/
.bold-16 {
    font-weight: 600;
    font-size: 16px;
    font-family: inherit;
}

.btn-p {
    width: 208px;
    height: 44px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

    .btn-p:hover {
        cursor: pointer;
    }

.gray-btn {
    background: #F5F3F8;
    border-radius: 5px;
    color: #3B3F6B;
    border-radius: 5px;
}

    .gray-btn:hover, .gray-btn:active {
        background: #F87B77;
        color: white;
        transition: all 0.4s;
    }

.ques-icon {
    position: absolute;
}
/*///////////////////////top menu style///////////////////////*/
.nav-primary {
    background: #3B3F6B;
    box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.05);
    height: 98px;
}

    .nav-primary ul li {
        display: inline-block;
        padding: 0 20px;
    }

    .nav-primary a {
        font-weight: 600;
        font-size: 16px;
        line-height: 27px;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-family: Poppins-Regular;
    }

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #F87B77 !important;
}

.nav-primary a:hover, .nav-primary a:active, .nav-primary a:focus {
    color: #F87B77 !important;
}


@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {
        color: #fff;
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

.role {
    color: #F5F3F8;
    font-size: 12px;
    padding-left: 62px;
    top: 40px;
    position: absolute;
}

.nav-hr .dropdown-menu {
    border-radius: 0;
    background: transparent;
    border: none;
    padding-top: 0px;
    width: max-content;
    left: 0px;
}

.nav-hr .dropdown-item {
    display: inline;
    font-size: 18px;
    padding: 10px;
}

.user-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.03em;
    color: #F5F3F8;
}

.dropdown-menu-right {
    border-radius: 0;
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
    border-bottom: 3px solid #F87B77;
}

.dropdown-item.active, .dropdown-item:active {
    background: #DCE7F9 !important;
}

.greeting-wrapper {
    width: 756px;
    height: auto;
    padding: 30px 20px;
    color: white;
    background: #3B3F6B;
    border-radius: 15px;
}

    .greeting-wrapper h1 {
        font-weight: 600;
        font-size: 36px;
        line-height: 54px;
        letter-spacing: 0.1em;
        color: #F5F3F8;
    }

    .greeting-wrapper h6 {
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0.03em;
        color: #F7F7FB;
    }

.white-icon:hover path {
    box-sizing: border-box;
    stroke: #F87B77;
}

.blue-icon:hover path {
    box-sizing: border-box;
    stroke: #3B3F6B;
}

.right-menu-sm {
    background: #3B3F6B;
    width: 70px;
    text-align: center;
    right: -16px;
    box-shadow: none;
    border: none;
    border-radius: 0 0 0 5px;
}

    .right-menu-sm a {
        font-size: 9px;
        color: #FEFDFF;
        text-transform: initial;
        font-weight: normal;
        letter-spacing: 0.03em;
        line-height: 13px;
    }

        .right-menu-sm a:hover {
            color: #fff !important;
            cursor: pointer;
            background: #F87B77;
            width: 113px;
        }

.dropdown-toggle::after {
    display: inline-block !important;
    margin-left: .5em;
    vertical-align: .255em;
    content: "";
    border: 2px solid;
    border-right: 0;
    border-bottom: 0;
    transform: rotate(225deg);
    height: 16px;
    width: 16px;
    border-radius: 1px;
}

.custom-arrow::after {
    display: inline-block !important;
    margin-left: .5em;
    vertical-align: .255em;
    content: "";
    border: 2px solid;
    border-right: 0;
    border-bottom: 0;
    transform: rotate(225deg);
    height: 16px;
    width: 16px;
    border-radius: 1px;
}

.dropdown-menu {
    min-width: min-content;
}

.user-profile-menu ul li {
    padding: 20px 0 0 0;
}

/*///////////////////////////////////File Manager styles////////////////////////////////////*/
.blue-btn {
    background: #3F3B6B;
    border-radius: 5px;
    padding: 0 50px;
    color: #FEFDFF;
    margin: 5px 15px;
    letter-spacing: 0.03em;
    height: 35px;
}

    .blue-btn:hover {
        background: #F87B77;
        transition: all 0.4s;
        color: white;
    }

.active-page {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.03em;
    color: #F87B77;
    text-transform: uppercase;
}

label {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0.03em;
    /* Dark Grey */
    color: #717173;
}

.select-sm {
    width: 97px;
    height: 33px;
    background: #E4E4E4;
    border-radius: 5px;
    border: none;
    padding: 0 10px;
}

    .select-sm:active, .select-sm:focus {
        outline: none !important;
    }

.input-lg {
    width: 328px;
    height: 33px;
    background: #E4E4E4;
    border-radius: 5px;
    border: none;
    padding: 0 10px 0 35px;
}

.search-in {
    position: absolute;
    left: 24px;
    top: 8px;
}

.icon {
    height: 35px;
    width: 40px;
    margin: 0 5px;
}

.no-arrow:after {
    display: none !important;
}
/*//////////////////////////////////Sticky Header CSS ////////////////////////////////////////*/
header {
    background: #fff;
    height: 50px;
    position: fixed;
    top: 96px;
    transition: top 0.2s ease-in-out;
    width: 100%;
    left: 0;
    z-index: 99;
}

.nav-up {
    /* top: -50px; */
    opacity: 0;
    transition: all 0.3s;
}

header ul {
    background: white;
}

    header ul li a {
        color: #3F3B6B !important;
        letter-spacing: .05rem;
    }

        header ul li a:hover {
            color: #F87B77 !important;
            background: none;
        }

.top-bar > ul {
    padding: 0px 0 0 50px;
}

.top-bar .messages-notifications, .top-bar .top-icon {
    color: white;
}

.os-dropdown {
    background: #3F3B6B;
}

.os-dropdown {
    bottom: -5px;
}

.img-responsive {
    width: 100%;
    height: auto;
}

.dropzone {
    border: 2px dashed #3F3B6B;
    border-radius: 6px;
}

/*table.dataTable thead, table.table thead, .file-table table thead {
    background: #3F3B6B !important;
}*/
table.dataTable thead {
    background: #3F3B6B !important;
}

.table.table-padded thead tr th {
    color: white;
    padding: 20px 10px;
    text-align: left !important;
}

    .table.table-padded thead tr th:first-child {
        border-radius: 5px 0 0 0;
    }

    .table.table-padded thead tr th:last-child {
        border-radius: 0 5px 0 0;
    }

.form-control[type="checkbox"] {
    width: 20px;
    display: inline-block;
}

.table {
    position: relative;
    overflow: hidden;
}

main {
    background: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPklEQVQYV2O8dOnSfwYg0NPTYwTRuAAj0QqxmYBNM1briFaIzRbi3UiRZ75uNgUHGbfvabgfsHqGaIXYPAMAD8wgC/DOrZ4AAAAASUVORK5CYII= ) repeat;
    height: 2000px;
}



/*//////////////////////////Sticky Header Ends///////////////////////////////////////////////*/

/* Rahul csss  Start @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


.Rhsec {
    margin-bottom: 23px;
    margin-top: 86px;
    margin-left: 20px;
}

.porthead1 {
    background: #7E7F83;
    border-radius: 5px;
    width: 558px;
    height: 690px;
    margin-left: 34px;
}

.portheadinner {
    position: absolute;
    width: 540px;
    height: 639px;
    background: #FFFFFF;
    margin-left: 9px;
    margin-top: 51px;
    background: #FFFFFF;
}

    .portheadinner .file-pdf {
        position: absolute;
        width: 120px;
        height: 48px;
        left: 39%;
        top: 40%;
    }

        .portheadinner .file-pdf p {
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            letter-spacing: 0.03em;
            color: #3F3B6B;
        }

.porthead2 {
    margin-top: 20px;
}

    .porthead2 p {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.03em;
        margin-top: 3px;
        color: #000000;
    }

.porthead2inner {
    border: 2px solid #3F3B6B;
    border-radius: 5px;
    margin-top: 20px;
    height: 210px;
    width: 741px;
}

    .porthead2inner .a1 {
        width: 167px;
        margin-right: -5px;
    }

    .porthead2inner .a2 {
        width: 120px;
        margin-left: -1px;
        margin-right: -4px;
    }

    .porthead2inner div {
        display: inline-block;
        text-align: center;
    }

        .porthead2inner div h6 {
            padding: 13px 0px;
            background: #3F3B6B;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            color: #FEFDFF;
        }

.mtform input.form-control {
    height: 50px;
}

.mtform {
    display: table;
    width: 162px;
    padding: 14px 7px;
}

    .mtform .form-control:focus {
        box-shadow: none !important;
        outline: none !important;
    }

.mtform2 .form-control:focus {
    box-shadow: none !important;
    outline: none !important;
}

.mtform2 select.form-control {
    height: 50px;
    margin-bottom: 1rem;
    width: 103px;
}

.mtform2 {
    display: table;
    padding: 14px 0px;
}

.porthead2inner h6.border1 {
    border-right: 3px solid #ffffff;
}

.porthead2inner h6.border2 {
    border-right: 1px solid #ffffff;
}

.porthead2inner h6.border3 {
    border-right: 1px solid #ffffff;
}

.porthead2inner h6.border4 {
    border-right: 1px solid #ffffff;
}



.portheadex {
    margin-top: 23px;
}

    .portheadex .btn-split {
        background: #3F3B6B;
        border-radius: 5px;
        width: 200px;
        height: 39px;
        color: #FEFDFF;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.03em;
    }

    .portheadex p {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.03em;
        margin-top: 3px;
        color: #3F3B6B;
    }

.multishowafter button {
    background: #3F3B6B;
    color: #ffffff;
    margin: 5px;
    border-radius: 10px;
}

    .multishowafter button:hover {
        color: #ffffff;
        text-decoration: none;
    }

.nav-hr .dropdown-item.rhdrop {
    display: inline;
    font-size: 14px;
    padding: 60px 87px 0px 87px;
}

.prog-h h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    letter-spacing: 0.1em;
    color: #2F3250;
}

.prog-h {
    margin-top: 74px;
    margin-left: 20px;
}

    .prog-h a.joint-popup {
        display: inline;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0.03em;
    }

    .prog-h a.popup-2 {
        color: #F87B77;
    }


    .prog-h a.popup-1 {
        color: #3F3B6B;
    }

    .prog-h .popup-inner img.lineLG {
        height: 17px;
        width: 11px;
        margin-bottom: 2px;
    }

    .prog-h .popup-inner {
        margin-top: 9px;
        margin-left: 3px;
    }

.multi-show {
    width: 100%;
    height: 600px;
    position: relative;
    margin-top: 78px;
}

.multi-show-inner {
    width: 545px;
    height: 165px;
    left: 0px;
    top: 0px;
    background: #3F3B6B;
    border-radius: 5px 5px 0px 0px;
    position: absolute;
    left: 1%;
    top: 21%;
}

.multi-show-inner2 {
    width: 545px;
    height: 165px;
    left: 0px;
    top: 0px;
    background: #3F3B6B;
    border-radius: 5px 5px 0px 0px;
    position: absolute;
    left: 1%;
    top: 57%;
}

.multishowafter .button {
    background: #3F3B6B;
    color: #ffffff;
}



.multishowafter button.btntogle1
.multishowafter .button.btntogle2

.multi-show-inner img.frame1 {
    width: 47px;
    /* height: 80px; */
    position: absolute;
    top: 23%;
    left: 44%;
}

.multi-show-inner .multi-msg {
    position: absolute;
    font-style: normal;
    left: 21%;
    top: 58%;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.03em;
    color: #FEFDFF;
}

.multi-show-inner2 .multi-msg {
    position: absolute;
    font-style: normal;
    left: 21%;
    top: 58%;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.03em;
    color: #FEFDFF;
}

.outpara {
    position: absolute;
    left: 1%;
    top: -15%;
    font-size: 14px;
    color: #848181;
}

.htmain {
    display: none;
}

.htmainsecond {
    display: none;
}

.multi-show-inner svg.frame-both {
    right: 1%;
    position: absolute;
    top: 3%;
    width: 19px;
}

.ht svg.frmfit {
    position: absolute;
    left: 43%;
    top: 15%;
}


.multi-show-inner2 svg.vec1 {
    right: 48%;
    position: absolute;
    top: 23%;
    width: 45px;
}

.multi-show-inner2 svg.frame-ex {
    right: 50%;
    position: absolute;
    top: 32%;
    width: 26px;
}

.multi-show-inner2 svg.frame-both {
    right: 1%;
    position: absolute;
    top: 3%;
    width: 19px;
}

/* Rahul csss END       @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.btn-primary {
    padding: 10px 60px;
    background: #3F3B6B;
    border-radius: 5px;
    color: #FEFDFF;
    margin: 10px;
}

.btn-outline {
    border: 2px solid #3F3B6B;
    box-sizing: border-box;
    border-radius: 5px;
    color: #3F3B6B;
    margin: 10px;
    padding: 10px 60px;
}

.btn:hover {
    background: #F87B77;
    color: white;
    transition: all 0.4s;
    border-color: #F87B77;
}
/*------------------------wizard---------------------------------*/
body {
    margin: 0;
}

.page-content {
    width: 100%;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.wizard-v1-content {
    background: #fff;
    widows: 100%;
    margin: 20 auto;
    position: relative;
    display: flex;
    display: -webkit-flex;
}

    .wizard-v1-content .wizard-form {
        width: 100%;
        padding: 15px 25px;
    }

.wizard-form .wizard-header h3 {
    color: #333;
    font-size: 36px;
    font-weight: 800;
    margin: 0;
}

.wizard-form .wizard-header p {
    color: #666;
    font-size: 16px;
    font-weight: 600;
    margin: 6px 0 26px;
}

.form-register .steps {
    margin-bottom: 1px;
}

    .form-register .steps ul {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -o-justify-content: center;
        -ms-justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        list-style: none;
        padding-left: 0;
    }

    .form-register .steps li,
    .form-register .steps li.current {
        outline: none;
        -o-outline: none;
        -ms-outline: none;
        -moz-outline: none;
        -webkit-outline: none;
        position: relative;
        padding-bottom: 3px;
        padding-right: 63px;
    }

        .form-register .steps li:last-child {
            padding-right: 0;
        }

        .form-register .steps li .current-info {
            display: none;
        }

        .form-register .steps li::before {
            position: absolute;
            content: "";
            background: #717173;
            width: 224px;
            height: 4px;
            top: 17%;
            left: 35%;
        }

        .form-register .steps li:last-child::before {
            content: none;
        }

        .form-register .steps li.current::after {
            position: absolute;
            content: "";
            width: 45px;
            height: 3px;
            /*background: #ccc;*/
            top: 100%;
            left: 25%;
        }

        .form-register .steps li a {
            text-decoration: none;
            outline: none;
            -o-outline: none;
            -ms-outline: none;
            -moz-outline: none;
            -webkit-outline: none;
        }

            .form-register .steps li a .title {
                text-align: center;
            }

                .form-register .steps li a .title span {
                    display: block;
                    font-size: 16px;
                    text-transform: capitalize;
                }

                .form-register .steps li a .title .step-icon {
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    -o-border-radius: 50%;
                    -ms-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -webkit-border-radius: 50%;
                    background: #717173;
                    margin: 0 auto;
                    position: relative;
                    outline: none;
                    -o-outline: none;
                    -ms-outline: none;
                    -moz-outline: none;
                    -webkit-outline: none;
                    color: #fff;
                    font-size: 20px;
                }

            .form-register .steps li a .step-icon i {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
            }

        .form-register .steps li.current a .step-icon,
        .form-register .steps li.current a:active .step-icon,
        .form-register .steps .done::before,
        .form-register .steps li.done a .step-icon,
        .form-register .steps li.done a:active .step-icon {
            background: #F87B77;
        }

        .form-register .steps li.current a .step-icon,
        .form-register .steps li.current a:active .step-icon {
        }

        .form-register .steps li a .step-number {
            color: #666;
            font-weight: 400;
            padding: 17px 0 8px;
        }

        .form-register .steps li a .step-text {
            color: #3f3b6b;
            font-weight: 600;
            padding-bottom: 8px;
        }

.form-register .content {
    padding: 0px 115px 23px 75px;
}

    .form-register .content h2 {
        display: none;
    }

.inner .form-row {
    display: flex;
    margin: 0 -13px;
    position: relative;
}

    .inner .form-row.form-row-2 {
        width: 80.6%;
    }

    .inner .form-row .form-holder {
        width: 50%;
        padding: 0 13px;
        margin-bottom: 22px;
        position: relative;
    }

        .inner .form-row .form-holder.form-holder-2 {
            width: 100%;
            position: relative;
        }

        .inner .form-row .form-holder.form-holder-3 {
            width: 100%;
        }

        .inner .form-row .form-holder label {
            font-size: 16px;
            font-weight: 500;
            color: #fff;
            padding-bottom: 11px;
            display: block;
        }

        .inner .form-row .form-holder input,
        .inner .form-row .form-holder select {
            width: 100%;
            padding: 13px 25px;
            border: none;
            background: #2f8be0;
            border-radius: 5px;
            -o-border-radius: 5px;
            -ms-border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            appearance: unset;
            -moz-appearance: unset;
            -webkit-appearance: unset;
            -o-appearance: unset;
            -ms-appearance: unset;
            outline: none;
            -moz-outline: none;
            -webkit-outline: none;
            -o-outline: none;
            -ms-outline: none;
            font-family: 'Raleway', sans-serif;
            font-size: 16px;
            color: #fff;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
        }

            .inner .form-row .form-holder input::placeholder {
                color: rgba(255,255,255,0.6);
                font-size: 15px;
            }

            .inner .form-row .form-holder input:-ms-input-placeholder { /* Internet Explorer 10-11 */
                color: rgba(255,255,255,0.6);
                font-size: 15px;
            }

            .inner .form-row .form-holder input::-ms-input-placeholder { /* Microsoft Edge */
                color: rgba(255,255,255,0.6);
                font-size: 15px;
            }

        .inner .form-row .form-holder select {
            background: #2f8be0 url('../images/wizard_v2_icon.png') no-repeat scroll;
            background-position: right 16px center;
            z-index: 1;
            cursor: pointer;
            color: rgba(255,255,255,0.6);
            position: relative;
        }

            .inner .form-row .form-holder select option {
                background: #fff;
                color: #000;
            }

        .inner .form-row .form-holder.form-holder-2 .select-btn {
            top: 27%;
            right: 6.5%;
        }

        .inner .form-row .form-holder .ui-datepicker-trigger {
            background: transparent;
            border: none;
            color: #666;
            font-size: 19px;
            position: absolute;
            cursor: pointer;
            right: 10.5%;
            top: 27.5%;
            outline: none;
            -o-outline: none;
            -ms-outline: none;
            -moz-outline: none;
            -webkit-outline: none;
        }

.inner h3 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 11px;
}

.inner .form-row.table-responsive {
    border: none;
    border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 24px 26px 31px;
    margin: 0;
    margin-bottom: 22px;
    background: #2f8be0;
}

.inner .table-responsive .table {
    width: 100%;
}

.inner .table-responsive tbody {
    text-align: left;
}

.inner .table-responsive tr.space-row > td,
.inner .table-responsive tr.space-row > th {
    padding-bottom: 18px;
}

.inner .table-responsive tbody th {
    color: rgba(255,255,255,0.6);
    font-size: 16px;
    font-weight: 400;
}

.inner .table-responsive tbody td {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

/*.actions ul {
    list-style: none;
    padding-left: 0;
    margin: 15px 0 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
}*/

.actions ul li.disabled {
    opacity: 0;
}

.actions ul li {
    background: #3F3B6B;
    color: #E4E4E4;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    padding: 10px 60px;
    border-radius: 5px;
}

    .actions ul li:hover {
        background: #F87B77;
    }

    .actions ul li:first-child {
        background: transparent;
        border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .actions ul li a {
        color: #fff;
        text-decoration: none;
        padding: 15px 20px;
    }

    .actions ul li:first-child a {
        color: #666;
    }

    .actions ul li a i {
        font-size: 18px;
    }
/* Responsive */
@media screen and (max-width: 1199px) {
    .wizard-v1-content {
        margin: 180px 20px;
    }

    .form-register .content {
        padding: 32px 75px 23px 75px;
    }
}

@media screen and (max-width: 991px) {
    .inner .form-row {
        flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        margin: 0;
    }

        .inner .form-row.form-row-2 {
            width: 100%;
        }

        .inner .form-row .form-holder {
            padding: 0;
            width: 100%;
        }

            .inner .form-row .form-holder .ui-datepicker-trigger {
                right: 5%;
            }

            .inner .form-row .form-holder .select-btn {
                right: 6%;
            }
}

@media screen and (max-width: 575px) {
    .wizard-v1-content .wizard-form {
        padding: 40px 20px;
        width: auto;
    }

    .form-register .content {
        padding: 32px 30px 23px 30px;
    }

    .form-register .steps li, .form-register .steps li.current {
        padding-right: 5px;
    }

        .form-register .steps li::before {
            width: 65px;
            top: 15%;
            left: 70%;
        }

        .form-register .steps li.current::after {
            left: 28%;
        }

    .inner .form-row .form-holder .ui-datepicker-trigger {
        right: 0;
    }

    .inner .form-row .form-holder .select-btn {
        right: 6.5%;
    }

    .inner .table-responsive tr.space-row,
    .inner .table-responsive tbody th {
        display: block;
    }

        .inner .table-responsive tr.space-row > th {
            padding-bottom: 10px;
        }

        .inner .table-responsive tr.space-row > td {
            padding-bottom: 30px;
        }
}


/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid #d9d9d9;
}

.input100 {
    font-family: inherit;
    font-size: 15px;
    color: #fff;
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 52px;
    background: transparent;
    padding: 0 5px;
}

/*---------------------------------------------*/
.focus-input100 {
    font-family: Poppins;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

    .focus-input100::before {
        content: "";
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 2px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        letter-spacing: 0.03em;
        background: #80D2AB;
    }
.resetbut {
    background-color: #3f3b6b;
    padding: 4px 10px;
    border: 2px solid #717173 !important;
    border-radius: 5px;
}
.resetbut a {
    color: #ffffff;
    text-decoration:none;
}
input100:-webkit-autofill {
    border-bottom: 2px solid #d9d9d9;
    background-color: #3b3f6b !important;
}

input100:autofill {
    border-bottom: 2px solid #d9d9d9;
    background-color: #3b3f6b !important;
}

    .focus-input100::after {
        font-family: poppins-regular;
        font-size: 15px;
        color: #fff;
        line-height: 1.2;
        letter-spacing: 0.03em;
        content: attr(data-placeholder);
        display: block;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        padding-left: 5px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }

.input100:focus + .focus-input100::after {
    top: -10px;
    font-size: 14px;
}

.input100:focus + .focus-input100::before {
    width: 100%;
}

.has-val.input100 + .focus-input100::after {
    top: -20px;
    font-size: 15px;
}

.has-val.input100 + .focus-input100::before {
    width: 100%;
}
/* header css */
.nav-hr .dropdown-menu.sub-menu-custom {
    display: none;
}

.nav-hr ul.dropdown-menu.sub-menu-custom.show {
    display: block;
}

@media screen and (max-width: 767px) {
    .top-bar.color-style-bright.h-menu-98.fixed-top {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        flex-direction: row;
    }

    .top-bar > ul.navbar-nav.nav-hr {
        padding: 0;
    }

    .top-bar > ul li a {
        padding: 15px 10px;
        margin: 0px 5px;
    }

    .logo-iPerform {
        padding: 12px 25px 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .logo-iPerform a {
            display: inline-block;
        }

    .top-bar > ul li a {
        font-size: 15px;
    }

    [data-letters]:before {
        margin-right: 0;
    }
}

@media screen and (max-width: 568px) {
    .top-bar > ul li a {
        font-size: 12px;
    }

    [data-letters]:before {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.4em;
        width: 2.0em;
        height: 2.0em;
        line-height: 2.5em;
    }

    [data-letters] {
        margin-bottom: 5px;
    }

    .top-bar > ul li a {
        padding: 8px 5px;
        margin: 0px 5px;
    }
}

.wrapper-p .container-login .text-center.p-logo {
    padding: 8px 0 15px;
}

.wrapper-p .container-login .wrap-login {
    padding: 35px 50px;
    position: relative;
}

    .wrapper-p .container-login .wrap-login > .row.text-right.m-r--30 svg.white-icon {
        position: absolute;
        bottom: 15px;
        right: 15px;
        max-width: 28px;
    }

    /*.wrapper-p .container-login .wrap-login .error-bubble {
        bottom: 128px;
    }*/

.top-bar.color-style-bright {
    background: #fff !important;
    box-shadow: none;
    padding-right: 0;
}

    .top-bar.color-style-bright ul.navbar-nav li a {
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.03em;
        color: #3F3B6B !important;
        padding: 5px 10px;
        border-bottom: 3px solid transparent;
    }

.top-bar.color-style-bright ul.navbar-nav li a.nav-link:hover {
    border-bottom: 3px solid #F87B77;
}

.top-bar.color-style-bright ul.navbar-nav {
padding-left: 26px;
}

.top-bar.color-style-bright ul.navbar-nav li a:hover {
    color: #f87b77 !important;
}

h1.element-header.element-inner-header {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
}

h1.element-header.element-inner-header .right-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 50%;
}

    h1.element-header.element-inner-header .right-btn button {
        margin: 0;
    }

h1.element-header.element-inner-header span.left-sec {
    display: block;
    width: 50%;
}
.table-bordered td table tbody tr td:last-child .icon {
    padding-top: 5px;
}


/*============================================================================
=========================Media Cabinet Styles===============================*/
.dropdown-gray {
    background: #F3F5F7;
    width: 265px;
    padding: 10px;
    border-radius: 4px;
    border: none !important;
    margin: 20px 0;
}

table {
    width: 100%;
}

    table.dataTable th, .file-table table th, table.table th {
        background: #3F3B6B;
        /* font-family: Poppins; */
        text-transform: uppercase;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.03em;
        color: #FEFDFF;
        padding: 12px;
    }

    table.dataTable thead th:first-child, table.table thead th:first-child, .file-table table thead th:first-child {
        border-radius: 3px 0 0 0;
    }

    table.dataTable thead th:last-child, table.table thead th:last-child, .file-table table thead th:last-child {
        border-radius: 0 3px 0 0;
    }

    table.dataTable tr td, table.table tr td, .file-table table tr td {
        padding: 12px;
        border-bottom: solid 1px #3F3B6B;
    }

span#btnDownloadIndividual {
    margin: 0;
    padding: 8px 60px;
}

.w-20 {
    width: 20px;
}

.btn-prime {
    background: #3F3B6B;
    border-radius: 5px;
    width: auto;
    height: 39px;
    color: #FEFDFF;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.1em;
    padding: 5px 10px;
    text-transform: uppercase;
}

.btn:hover {
    background: #F87B77;
    color: white;
    transition: all 0.4s;
    border-color: #F87B77;
}

.w-45 {
    width: 45px;
    height: 45px;
    padding: 10px;
}

.svg-icon {
    height: 26px;
    float: left;
    width: 34px;
}

.filters {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

.filter-col {
    background: #3F3B6B;
    border-radius: 20px;
    width: auto;
    padding: 0px 10px;
    color: #FEFDFF;
    font-weight: normal !important;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .filter-col .fa {
        color: white;
        font-size: 14px;
        font-weight: 400 !important;
    }

.media-modal {
    color: #3F3B6B;
    font-weight: 600;
}

    .media-modal .modal-dialog {
        max-width: 600px !important;
    }

    .media-modal label {
        font-size: 14px;
        padding-left: 10px;
    }

    .media-modal h6 {
        font-weight: 600;
    }

.media-btn {
    text-align: left;
}

    .media-btn .fa {
        float: right;
    }

.filters a {
    line-height: 21px;
    text-decoration: underline;
    font-weight: 600;
    color: inherit;
    padding-left: 10px;
}

    .filters a:hover {
        text-decoration: none;
    }
/*===========file Details ====================*/
.file-detail .file-detail-modal {
    max-width: 1050px !important;
    margin: 20px auto;
    max-height: 90%;
    overflow: auto;
}

.file-detail .modal-header {
    background: #3F3B6B;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.file-detail .fa-times {
    font-weight: 400 !important;
    font-size: 20px;
    border: solid 2px white;
    border-radius: 50%;
    padding: 5px 7px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.lbl-big {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.03em;
    color: #3F3B6B;
}

.lbl-sm {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.03em;
    color: #717173;
}

.lbl-content {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 27px;
    letter-spacing: 0.03em;
    color: #3F3B6B;
}

.file-detail .search-row .fa-search {
    position: absolute;
    left: 24px;
    top: 10px;
}

.p-l-30 {
    padding-left: 30px;
}

::placeholder {
    color: rgb(190, 190, 190) !important;
    font-weight: 400 !important;
}

::-webkit-input-placeholder { /* Edge */
    color: rgb(190, 190, 190) !important;
    font-weight: 400 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgb(190, 190, 190) !important;
    font-weight: 400 !important;
}

.p-0 {
    padding: 0 !important;
}

.file-preview {
    background: white;
    padding: 15px;
    text-align: left;
    min-height: 300px;
}

.file-preview-frame {
    background: gray;
    padding: 17px 7px 12px 7px;
    border-radius: 4px;
    width:100%;
    overflow:hidden;
}

    .file-preview-frame .file-preview {
        width: 100%;
        /*height: 300px;*/
        object-fit: cover;
        object-position: center;
        overflow: hidden;
    }
.file-detail .file-detail-modal {
    margin: 10px auto !important;
    overflow: hidden;
    max-height: 100%;
}

    .file-detail .file-detail-modal .modal-body {
        max-height: 500px;
        overflow: auto;
        padding-bottom: 15px;
    }

.btn-primary {
    border: 2px solid transparent;
}

button#btnDownloadAll {
    font-family: Poppins-Regular;
}
/*css update for scroll remove */
.top-bar .logged-user-w .logged-user-menu .logged-user-avatar-info {
    padding: 0px 15px 10px 15px;
    border-bottom: 1px solid #E8E6E6;
}
table tbody#dtBody tr td:first-child{/*text-align:center;*/}
a.btn.btn-primaryrounded.bootbox-accept {
    padding: 5px 30px;
    font-size: 13px;
    line-height: 18px;
}

/* loader Css*/
#analytic-loader {
    position: fixed;
    z-index: 104110 !important;
    /* background: #3F3B6B; */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    background: rgb(63 59 107/0.30);
}
   

  #analytic-loader .spinner-border {
        width: 200px;
        height: 200px;
        border-right-color: transparent !important;
        border: 7px solid #FEFDFF;
    }

    #analytic-loader .spinner-parent {
        position: absolute;
        top: 36%;
        left: 50%;
        transform: translate(-50%, -40%);
        z-index: 999;
    }
        #analytic-loader .spinner-parent .sk-circle {
            margin-top: 0;
        }
    #analytic-loader div.spinner-parent p {
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0.1em;
        color: #3F3B6B;
    }

        #analytic-loader div.spinner-parent p + p {
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            line-height: 27px;
            letter-spacing: 0.1em;
            color: #3F3B6B;
        }


/* loader Css End*/

.sk-circle {
    margin: 100px auto;
    width: 100px;
    height: 100px;
    position: relative;
}

    .sk-circle .sk-child {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .sk-circle .sk-child:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            /* background-color: #fff; */
            background: #3F3B6B;
            border-radius: 100%;
            -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
            animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
        }

    .sk-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .sk-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .sk-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sk-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .sk-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .sk-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sk-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .sk-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .sk-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .sk-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .sk-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .sk-circle .sk-circle2:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .sk-circle .sk-circle3:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .sk-circle .sk-circle4:before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .sk-circle .sk-circle5:before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .sk-circle .sk-circle6:before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .sk-circle .sk-circle7:before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .sk-circle .sk-circle8:before {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .sk-circle .sk-circle9:before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .sk-circle .sk-circle10:before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .sk-circle .sk-circle11:before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .sk-circle .sk-circle12:before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/* loader csss end @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.payment-cart-contener > .col-12.left {
    text-align: center !important;
}