.search-existing-users h5,
thead {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
}

tbody,
thead {
    text-align: center;
    font-family: inter-regular;
    vertical-align: middle !important
}

#the-textarea,
tbody {
    background: #e3f5ff;
}

#the-count,
.external_user_btn {
    float: right
}

#msform .action-button,
#msform .action-button-previous {
    width: 100px;
    font-weight: 700;
    padding: 10px 5px;
    cursor: pointer
}

.checkbox-custom,
.checkbox-custom-label {
    vertical-align: middle;
    display: inline-block
}

.bg-body-tertiary {
    background-color: #c6f68d33 !important;
    padding: 5px 10px
}

#SearchExistingUser,
#SearchInternalUser,
#addmasterstate,
#serachmasterstate,
.breadcrumb-bg,
.external_user_creation,
.internal_user_creation,
.user-radio {
    padding: 0 20px
}

.bg-back_arrow {
    width: 9px;
    height: 9px;
    background: url('../assests/images/back-arrow.png')
}

.checkbox_select,
.main-breadcrumb {
    position: relative
}

.bg-home_icon {
    width: 20px;
    height: 20px;
    background: url('../assests/images/home.webp');
    position: absolute;
    top: 7px;
    right: 0
}

#msform,
#msform fieldset,
#progressbar li,
.card,
.selectbox-content ul,
.selectwrap {
    position: relative
}

.breadcrumb-bg {
    background: #c6f68d;
    margin: 30px 0
}

.breadcrumb {
    align-items: center;
    margin-bottom: 0
}

.breadcrumb-item {
    font-size: 13px;
    line-height: 33px;
    letter-spacing: 0;
    color: #000000DE;
    font-family: inter-medium
}
.form-or-label {
    padding: 15px;
    font-size: 20px;
}
.remarks-btn {
    background: #17479e !important;
    font-size: 13px;
    color: #fff !important;
    border-radius: 2px;
    padding: 2px;
    line-height: 0.8;
}
.bookediconRemark {
    background-image: url("../../../../public/assests/images/remark.png");
    height: 10px;
    width: 11px;
    display: inherit;
    background-size: cover;
}
.create-new-user-btn,
.form-check-label,
.head-label,
.search-btn,
tbody {
    line-height: 23px;
    letter-spacing: 0
}

.breadcrumb-item a {
    color: #000000DE;
    text-decoration: none
}

.search-existing-users h5,
tbody {
    color: #000 !important
}

#progressbar li.active:after,
#progressbar li.active:before,
.form-check input::after {
    background: #17479e
}

.radio-1 {
    padding-left: 0
}

.create-new-user-btn {
    width: 50%;
    background: #98272b !important;
    font-size: 13px !important;
    color: #fff !important;
    border-radius: 8px;
    font-family: inter-medium !important;
    float: right
}

.create-new-user-btn:focus,
.download_template_btn:focus,
.edit-btn:focus,
.external_user_btn:focus,
.internal_user_btn:focus,
.nextbtn:focus,
.remark-btn:focus,
.reset-uuid-btn:focus,
.search-btn:focus,
.submitbtn:focus,
.submitlink_btn:focus,
.upload_bulk_users_btn:focus {
    box-shadow: none !important;
    outline: 0 !important
}

.SearchMasterType,
.search-existing-users {
    background: #e3f5ff;
    padding: 40px;
    margin: 16px 0
}

.search-existing-users h5 {
    letter-spacing: 0;
    font-family: inter-medium
}

.existing-users {
    padding-right: 26px
}

.form-control,
.form-select {
    border: 1px solid #00000099;
    font-size: 13px;
    color: #000;
    height: 37px
}

select {
    font-family: inter-regular
}

.form-select:focus {
    border-color: #62655d;
    outline: 0;
    box-shadow: none
}

.form-check-label,
.head-label {
    font-size: 13px;
    color: #000000de
}

.existing-users input::placeholder {
    font-size: 13px;
    line-height: 23px;
    letter-spacing: 0;
    color: #00000099 !important;
    font-family: inter-regular
}

.multiselect.form-select:disabled,
.search-btn:disabled {
    background: #00000033 !important;
    font-family: inter-medium;
    color: #00000061 !important
}

.search-btn {
    width: 20%;
    background: #17479e !important;
    font-size: 16px;
    color: #fff !important;
    border-radius: 4px;
    margin-top: 40px;
    font-family: inter-medium ;
}

.search-btn:disabled {
    border: 1px solid #00000033
}

.multiselect.form-select:disabled {
    border: 1px solid #00000099
}

thead {
    background: #17479e;
    letter-spacing: 0
}

tbody {
    font-size: 13px
}

.user-status {
    background: #fff0;
    border: none
}

.edit-btn,
.remark-btn,
.reset-uuid-btn {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 13px;
    color: #fff !important;
    border-radius: 4px;
    background: #17479e !important;
    letter-spacing: 0;
    font-family: inter-regular
}

.actions,
.form-horizontal .control-label {
    text-align: left
}

.reset-uuid-btn {
    margin-top: 5px
}

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

.modal-header {
    border-bottom: 0;
    padding: 10px
}

.modal-body {
    padding: 0 30px
}

.form_title {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0;
    color: #000;
    font-family: inter-medium;
    margin-bottom: 0
}

#the-count,
.submitlink_btn {
    font-size: 13px;
    line-height: 23px;
    font-family: inter-medium
}

#the-textarea {
    width: 100%;
    padding: 8px;
    border: none
}

#the-textarea:focus-visible {
    outline: 0
}

.modal-body textarea::placeholder {
    font-size: 13px;
    line-height: 23px;
    letter-spacing: 0;
    color: #00000061 !important;
    font-family: inter-medium
}

#the-count {
    padding: .1rem 0 0;
    color: #00000061
}

.modal-footer {
    border-top: 0;
    padding: 0 40px 40px
}

.modal-footer>* {
    margin: 0
}

.submitlink_btn {
    width: 23%;
    background: #17479e !important;
    letter-spacing: 0;
    color: #fff !important;
    border-radius: 8px;
    margin-top: 10px
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    background: #fffFFF33
}

.table-bordered {
    border: 1px solid #707070
}

.uuid-title {
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 0;
    color: #000;
    font-family: inter-medium;
    text-align: center;
    margin-bottom: 0
}

.external_user_btn,
.internal_user_btn {
    width: 47%;
    background: #17479e !important;
    font-size: 13px;
    line-height: 23px;
    color: #fff !important;
    border-radius: 8px;
    margin-top: 10px;
    font-family: inter-medium;
    letter-spacing: 0;
    padding: 6px 30px;
}

.fs-title,
.steps {
    font-size: 25px;
    font-weight: 400
}

#AddMasterSearch,
#SearchExistingUser,
#addmasterstate,
#admin-role,
#admin-role1,
#claims-role,
#claims-role1,
#edit-admin-role,
#edit-admin-role1,
#edit-claims-role,
#edit-claims-role1,
#edit-mobility-role,
#edit-mobility-role1,
#edit-payment-recon-role,
#edit-payment-recon-role1,
#edit-policy-role,
#edit-policy-role1,
#edit-reports-role,
#edit-reports-role1,
#existing-user-table,
#existing-user-table1,
#external-user-creation,
#external-user-creation-edit,
#internal-user-creation,
#internal-user-creation-edit,
#last-step::before,
#master-management,
#mastermanagement-table,
#mobility-role,
#mobility-role1,
#msform fieldset:not(:first-of-type),
#nextbtn1,
#payment-recon-role,
#payment-recon-role1,
#policy-role,
#policy-role1,
#reports-role,
#reports-role1,
#user-creation-2,
#user-management,
.checkbox_select_search,
.hide,
.main-form #fieldset-step-2::before,
.mobile-sec-view {
    display: none
}

#heading {
    text-transform: uppercase;
    color: #17479e;
    font-weight: 400
}

#msform {
    text-align: center
}

#msform fieldset {
    background: #fff;
    border: 0;
    border-radius: .5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px
}

.form-card {
    text-align: left;
    background: #e3f5ff;
    margin: 5px;
    padding: 35px 45px
}

#msform .action-button {
    background: #17479e;
    color: #fff;
    border: 0;
    border-radius: 0;
    margin: 10px 0 10px 5px;
    float: left
}

#msform .action-button:focus,
#msform .action-button:hover {
    background-color: #311b92
}

#msform .action-button-previous {
    background: #616161;
    color: #fff;
    border: 0;
    border-radius: 0;
    margin: 10px 5px 10px 0;
    float: right
}

#progressbar .active,
.fs-title,
.purple-text {
    color: #17479e
}

#msform .action-button-previous:focus,
#msform .action-button-previous:hover {
    background-color: #000
}

.card {
    z-index: 0;
    border: none
}

.fs-title {
    margin-bottom: 15px;
    text-align: left
}

.purple-text {
    font-weight: 400
}

.steps {
    color: gray;
    margin-bottom: 10px;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: #d3d3d3
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 50%;
    float: left;
    font-weight: 400
}

#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f13e"
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #fff;
    background: #d3d3d3;
    border-radius: 50%;
    margin: 0 auto 10px;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #d3d3d3;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

.progress {
    height: 20px
}

.progress-bar {
    background-color: #17479e
}

.fit-image {
    width: 100%;
    object-fit: cover
}

fieldset {
    margin-bottom: 0 !important;
    padding-bottom: 40px;
    display: block !important;
    opacity: 1 !important
}

.main-form #fieldset-step-1 {
    padding-bottom: 0
}

.main-form #fieldset-step-2 {
    margin-top: 40px;
    padding-bottom: 0
}

.main-form #fieldset-step-1::before {
    content: "";
    position: absolute;
    left: 15px;
    background: #ddd;
    height: 100%;
    width: 2px;
    top: 0;
    margin-top: 35px
}

.main-form #fieldset-step-1::after {
    background: #17479e !important
}

.main-form #fieldset-step-1.active::before {
    background: #17479e
}

.design::before {
    color: #fff;
    content: "" !important;
    background-image: url(../assests/images/check-wh.webp) !important;
    background-position: center !important;
    background-repeat: no-repeat, repeat !important;
    top: 0 !important;
    left: 5px !important;
    height: 30px !important;
    width: 20px !important
}

.mobile-view-content {
    display: flex !important
}

.landing-mobile-view-content {
    display: flex !important;
    padding-bottom: 35px;
    position: relative
}

.landing-mobile-view-content::before {
    content: "";
    position: absolute;
    background: #ddd;
    height: 30px;
    width: 1px;
    top: 33px;
    left: 15px
}

.number-count,
.number-count.active {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px
}

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

.heading-content {
    padding-left: 10px;
    font-size: 14px;
    padding-top: 5px;
    font-family: inter-medium
}

#adhaar-otp,
#sec-3 .form-card,
#sec-4 .form-card,
.adhar-card-section {
    padding-left: 35px
}

.mobile-sec-view-2 {
    padding-left: 35px;
    display: none
}

.number-count.active {
    background: #17479e;
    color: #000000DE
}

.number-count {
    background: #ddd;
    text-align: center;
    color: #000;
    z-index: 9999
}

.number-count::before {
    content: "";
    position: absolute;
    top: 0;
    height: 10px;
    width: 1px
}

.nextbtn,
.submitbtn {
    width: 20%;
    background: #17479e !important;
    font-size: 13px;
    line-height: 23px;
    letter-spacing: 0;
    color: #fff !important;
    border-radius: 8px;
    margin-top: 20px;
    font-family: inter-medium;
    float: left
}

.nextbtn:disabled,
.searchbtn:disabled,
.submitbtn:disabled {
    background: #00000033 !important;
    color: #00000061 !important;
    border: 1px solid #00000033;
    font-family: inter-medium
}

.filled-bg {
    background: #0000001a;
    color: #00000061
}

.filled-bg:disabled,
.filled-bg:focus {
    background: #0000001a;
    color: #00000061 !important
}

#user-creation-1 h5,
#user-creation-2 h5 {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0;
    color: #000 !important;
    font-family: inter-regular;
    margin-top: 35px
}

.dateicon {
    right: 11px;
    top: 0;
    color: #8e8e8e;
    float: right;
    margin-top: -35px;
    padding-right: 7px;
    font-size: 22px;
    pointer-events: none
}

#user-creation-3 h5 {
    width: 120px;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0;
    color: #000000DE;
    font-family: inter-medium;
    background: #c6f68d;
    padding: 4px 10px
}

.claims-select-role,
.select-module {
    margin-top: 15px
}

.select-role {
    margin-bottom: 18px
}

.download_template_btn,
.upload_bulk_users_btn {
    width: 40%;
    background: #17479e !important;
    line-height: 23px;
    color: #fff !important;
    border-radius: 8px;
    font-family: inter-medium;
    margin-bottom: 5px;
    float: right
}

.select-module label {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0;
    color: #000000DE;
    font-family: inter-medium
}

.check-box-mode label,
.download_template_btn,
.form-select,
.upload_bulk_users_btn {
    font-size: 13px;
    letter-spacing: 0
}

.check-box-mode label {
    line-height: 30px;
    color: #000000DE;
    font-family: inter-medium
}

.select-module h5 {
    width: 105px;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0;
    margin: 15px 0;
    color: #000000DE;
    font-family: inter-medium;
    background: #c6f68d;
    padding: 4px 10px
}

.download_template_btn {
    margin-right: 15px
}

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

.selectbox-title.form-control {
    padding-left: 16px
}

.selectbox-content {
    border: 1px solid #d5d5d5;
    max-height: 205px;
    display: none;
    border-top: none
}

.selectbox-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background: #fff
}

.selectbox-content ul li {
    padding-top: 10px;
    width: 100%;
    display: inline-block
}

.selectbox-content ul li:last-child {
    border-bottom: none
}

.selectbox-content ul li:first-child {
    border-top: none
}

.selectbox-content .input-group {
    padding: 5px
}

.loadbutton {
    padding: 10px
}

.loadbutton .btn-primary {
    padding-top: 8px;
    padding-bottom: 8px
}

.ul-list label {
    padding-left: 20px
}

#box {
    height: 34px
}

.control-label-pad .control-label {
    padding-top: 0
}

.input-group-addon {
    border-radius: 0;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #091d3a;
    background-color: #e6e6e6;
    border: 1px solid #d5d5d5
}

.check-box-child,
.check-box-mode {
    padding-left: 10px;
    box-shadow: 0 3px 6px #00000029
}

.form-group .control-label {
    color: #535353
}

.selectwrap {
    float: left;
    width: 100%
}

.edit-icon,
.remark-icon,
.reset-icon {
    width: 11px;
    background-size: cover;
    height: 10px
}

.custom-checkbox-label .checkbox-pad {
    padding-top: 7px
}

.custom-checkbox label {
    font-weight: 400
}

.checkbox-custom {
    opacity: 0;
    position: absolute;
    margin: 0;
    cursor: pointer
}

.checkbox-custom-label {
    margin: 0;
    cursor: pointer;
    position: relative
}

.checkbox-custom+.checkbox-custom-label:before {
    content: '';
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    padding: 0;
    text-align: center;
    border: 1px solid #00000099;
    border-radius: 0;
    margin-bottom: 4px;
    margin-right: 10px
}

.checkbox-custom:checked+.checkbox-custom-label:before {
    content: "\f00c";
    font-family: FontAwesome;
    background: #17479e;
    border: 1px solid #17479e;
    color: #00000099;
    font-size: 12px;
    font-weight: 100;
    line-height: 5px;
    padding-top: 6px
}

.checkbox-custom:focus+.checkbox-custom-label {
    outline: #dddddd solid 0
}

.check-box-mode {
    background-color: #fff;
    position: relative
}

.check-box-child {
    background-color: #fff;
    display: none;
    position: relative
}

.check-box-mode label.checked::after {
    content: "";
    position: absolute;
    height: 15px;
    background-image: url(../assests/images/agri-images.webp);
    background-position: 919px 848px;
    width: 19px;
    right: 7px;
    top: 5px;
    transform: rotate(0) translate(0, -1px);
    pointer-events: none
}

.check-box-mode.activechecked label.checked::after {
    transform: rotate(-180deg) translate(0, -1px);
    pointer-events: none
}

.label-main {
    padding: 20px 15px !important
}

.btn-group ul {
    box-shadow: 0 3px 6px #00000029;
    border: none
}

.edit-icon {
    background-image: url(../assests/images/edit.png);
    display: inherit
}

.remark-icon {
    background-image: url(../assests/images/remark.png);
    display: inherit
}

.reset-icon {
    background-image: url(../assests/images/share.png);
    display: inherit
}

.form-select {
    line-height: 23px;
    color: #00000099;
    font-family: inter-regular;
    border: 1px solid #00000099
}

.nav-item-li,
.searchbtn {
    font-size: 13px;
    letter-spacing: 0;
    font-family: inter-medium
}

.form-select option {
    color: #000 !important
}

.MultiCheckBox {
    border: 1px solid #00000099;
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #fff
}

.MultiCheckBoxDetail {
    display: none;
    position: absolute;
    border: 1px solid #e2e2e2;
    overflow-y: hidden;
    background-color: #fff;
    width: 21.5%
}

.MultiCheckBoxDetailHeader>div {
    position: absolute;
    top: 12px;
    left: 15px;
    color: #000
}

.MultiCheckBoxDetailHeader {
    overflow: hidden;
    position: relative;
    height: 55px;
    background-color: #fff
}

.MultiCheckBoxDetail .cont {
    clear: both;
    overflow: hidden;
    padding: 7px;
    border-bottom: 1px solid #00000029
}

.MultiCheckBox .k-icon {
    font-size: 15px;
    float: right;
    font-weight: bolder;
    margin-top: -7px;
    height: 10px;
    width: 14px;
    color: #787878
}

.MultiCheckBoxDetailBody {
    overflow-y: scroll
}

.MultiCheckBoxDetail .cont:hover {
    background-color: #cfcfcf
}

.MultiCheckBoxDetailBody>div>div {
    float: left;
    margin-left: 7px;
    font-size: 10px
}

.MultiCheckBoxDetailHeader>input {
    position: absolute;
    top: 4px;
    left: 3px
}

.cell-1 {
    cursor: pointer
}

.hiddenRow {
    padding: 0 !important
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    font-weight: 600;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, ">");
    color: #000000de
}

.file-upload .file-select .file-select-button,
.file-upload .file-select .file-select-name,
.file-upload .file-select.file-select-disabled:hover .file-select-name {
    padding: 0 10px;
    display: inline-block;
    line-height: 40px
}

.nav-item-li {
    line-height: 33px;
    padding-right: 15px;
    color: #fff;
}

.fa-angle-down {
    background-image: url(../assests/images/agri-images.webp);
    height: 15px;
    width: 17px;
    position: relative;
    background-position: 868px 848px;
    display: block;
    left: 15px;
    top: 5px
}
.fa-angle-up {
    background-image: url(../assests/images/agri-images.webp);
    height: 15px;
    width: 17px;
    position: relative;
    background-position: 868px 848px;
    display: block;
    left: 15px;
    top: 5px;
    transform: rotate(180deg);
}
select::placeholder {
    font-size: 13px;
    line-height: 23px;
    letter-spacing: 0;
    color: #00000099 !important;
    font-family: inter-regular
}

.searchbtn {
    width: 90% !important;
    background: #17479e  !important;
    line-height: 23px !important;
    color: #fff !important;
    border-radius: 8px !important;
    margin-top: 40px !important;
}

.file-upload {
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    position: relative
}

.file-upload .file-select {
    display: block;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: #17479e;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    color: #fff
}

.file-upload .file-select .file-select-button {
    background: #dce4ec;
    height: 40px
}

.file-upload .file-select:hover {
    border-color: #34495e;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

.file-upload .file-select:hover .file-select-button {
    background: #34495e;
    color: #fff;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

.file-upload.active .file-select {
    border-color: #17479e;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    background-color: #fff;
    border: 1px solid #00000099;
    color: #00000061 !important
}

.checkbox_select_dropdown ul li,
.multiselect-container.dropdown-menu.show li {
    border-bottom: 1px solid #00000029
}

.file-upload.active .file-select .file-select-button {
    background: #3fa46a;
    color: #fff;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.file-upload .file-select.file-select-disabled {
    opacity: .65
}

.file-upload .file-select.file-select-disabled:hover {
    display: block;
    border: 1px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #fff;
    overflow: hidden;
    position: relative
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px
}

.upload-btn,
.upload-btn1,
.upload-btn2 {
    border: none;
    background-color: #17479e;
    color: #fff;
    padding: 3px 15px;
    border-radius: 3px
}

.checkbox_select_dropdown {
    position: absolute;
    width: 100%;
    left: 0;
    top: 37px;
    box-shadow: 0 3px 6px #00000029;
    z-index: 99;
    display: none;
    background: #fff
}

.checkbox_select_dropdown>::-webkit-scrollbar {
    display: none !important
}

.checkbox_select_dropdown>::-webkit-scrollbar-track {
    background: #e9ecef !important
}

.checkbox_select_dropdown>::-webkit-scrollbar-thumb {
    background: #00000029 !important
}

.checkbox_select_dropdown>::-webkit-scrollbar-thumb:hover {
    background: #707070 !important
}

div.checkbox_select .select_input {
    width: 100%;
    cursor: pointer
}

.btn-group,
.checkbox_select_dropdown.show {
    display: block
}

.checkbox_select_dropdown ul {
    max-height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    border-top: 0;
    border-bottom: 0
}

.checkbox_select_dropdown ul li {
    list-style: none;
    position: relative;
    padding: 5px 20px;
    color: #666
}

.checkbox_select_dropdown ul li label {
    position: relative;
    display: block;
    cursor: pointer;
    margin-left: 20px
}

.checkbox_select_dropdown ul li input {
    position: absolute;
    left: 23px;
    z-index: 1;
    display: inline-block;
    top: 10px
}

.checkbox_select_anchor {
    text-decoration: none;
    color: #999
}

.checkbox_select_search {
    width: 200px;
    padding: 10px 5px 5px;
    border: 1px solid #999;
    border-top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.checkbox_select_submit {
    background: #00a600;
    color: #fff;
    padding: 10px 5px 5px;
    border: 0;
    width: 100%;
    font-size: 14px;
    cursor: pointer;
    display: none !important
}

.label-text {
    color: #000;
    font-size: 15px;
    padding-left: 23px;
    padding-top: 20px
}

.icons-upload {
    background-image: url(../assests/images/upload.png);
    height: 15px;
    width: 15px;
    display: inherit;
    opacity: .5;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    top: 2px;
    left: -5px
}

.icons-upload-white,
.icons-upload-white-tick {
    display: inherit;
    opacity: 1;
    position: relative;
    top: 2px;
    left: -5px;
    height: 13px;
    width: 13px;
    background-repeat: no-repeat;
    background-size: cover
}

.icons-upload-white {
    background-image: url(../assests/images/upload-white.png)
}

.icons-upload-white-tick {
    background-image: url(../assests/images/check-wh.png)
}

.icons-uploaded {
    background-image: url(../assests/images/check-wh.webp);
    height: 13px;
    width: 13px;
    background-size: cover;
    background-repeat: no-repeat
}

.clear-field,
.clear-field1,
.clear-field2 {
    height: 15px;
    background-image: url(../assests/images/close.png);
    background-size: cover;
    width: 15px;
    position: absolute;
    right: 14px;
    display: none;
    top: 13px;
    background-color: transparent;
    border: none;
    z-index: 999
}

.multiselect.form-select.btn {
    background-color: #fff;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    text-align: left
}

.multiselect.form-select.btn:active,
.multiselect.form-select.btn:focus-visible,
.multiselect.form-select.btn:hover {
    border: 1px solid #666
}

.success-img {
    height: 50px;
    width: 50px;
    margin: auto
}

.multiselect-container.dropdown-menu.show {
    width: 100%;
    border-radius: 0;
    height: 200px;
    overflow: auto
}

.multiselect-container.dropdown-menu.show::-webkit-scrollbar {
    display: none !important
}