.err-msg {
   font-size: 12px;
   color: red;
}

body {
   color: #000;
   font-family: 'Inter', sans-serif;
}

* {
   font-size: 15px;
}

a {
   color: #D03B01;
}

.content-wrapper {
   background: #FFFBEA;
}

.login-logo img {
   max-width: 250px;
}

.login-box,
.register-box {
   max-width: 550px;
   width: 100%;
}

.login-box .card {
   position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;
   background-color: #fff;
   border-radius: 30px;
   outline: 0;
   border-radius: 20px;
   padding: 20px;
   box-shadow: 0px 10.4px 5px rgba(0, 0, 0, 0.25);
}

.main-footer {
   text-align: center;
   border: 0;
   color: #fff;
   background: #802400;
}

input,
optgroup,
select,
textarea {
   border: solid 1px #d9d6d6;
   background: #fbfbfb;
   border-radius: 8px;
   /*min-height: 35px;
    height: 35px;*/
   font-size: 14px;
   transition: all 0.3s ease-in-out;
   padding: 15px;
}

.login-card-body input {
   min-height: 50px;
   height: 50px;
}

.login-card-body .btn-primary {
   background: #4e8300;
   border: 1px solid #4e8300;
   border-radius: 8px;
   width: 100%;
   height: 50px;
}

.login-card-body .btn-primary:hover {
   background: transparent;
   color: #4e8300;
   transition: all 0.3s ease-in-out;
   border: 1px solid #4e8300;
   color: #4e8300;
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) {
   background: #fff;
   padding: 10px 0;
}

.brand-link .brand-image {
   margin: 0;
}

.brand-link .brand-image {
   max-height: 40px;
}

.navbar {
   min-height: 61px
}

.main-sidebar {
   background: #D03B01;
}

.navbar-light .navbar-nav .nav-link {
   color: #000
}

.main-sidebar .nav-item a,
.main-sidebar .info a {
   color: #fff
}

.sidebar .user-panel {
   border-color: #fff;
}

.dt-length select {
   margin-right: 10px
}

.btn {
   padding: 5px 25px;
}

.btn-primary {
   border: 1px solid #105100;
   background: #105100;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
   border: 1px solid #105100;
   background: #fff;
   color: #105100;
}

.btn-danger:hover {
   border: 1px solid #dc3545;
   background: #fff;
   color: #dc3545;
}

.card-header {
   font-size: 24px;
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover,
.content div.dt-container .dt-paging .dt-paging-button:hover {
   background: #F7BD01 !important;
   border-radius: 5px !important;
   color: #000 !important;
}

div.dt-container .dt-paging .dt-paging-button {
   padding: 0.3em 0 !important;
   min-width: 32px !important;
   min-height: 32px !important;
   text-align: center;
}

[type=search] {
   outline-offset: 0px;
}

thead th {
   background: #707070;
   color: #fff;
}

.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link {
   height: 61px;
}

/*user*/
.card-head {
   width: 90%;
   height: 10%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.innertitle {
   font-weight: 500;
   text-align: center;
   color: #D03B01;
   font-size: 30px;
}

.p-pageNum {
   margin-top: 10px;
   display: flex;
   flex-direction: row;
   gap: 50px;
   align-content: center;
   justify-content: center;
}

.p-pageNum .num {
   width: 31px;
   height: 31px;
   border: 1px solid #707070;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   overflow: visible;
}

.p-pageNum .num::after {
   content: "";
   border-bottom: 1px solid #707070;
   position: absolute;
   left: calc(100% + 5px);
   align-items: center;
   width: 43px;
}

.p-pageNum .num.active {
   border-bottom: 1px solid #4E8300;
   padding: 1px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.p-pageNum .num:last-child:after {
   content: "";
   border: 0;
}

.p-pageNum .num b {
   font-weight: 600;
   color: #707070;
   font-size: 14px;
}

.p-pageNum .num.active b {
   display: flex;
   align-items: center;
   justify-content: center;
   background: #4E8300;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   overflow: hidden;
   width: 100%;
   height: 100%;
   color: #fff;
}

.basic-details,
.verf-form {
   padding: 20px;
}

.basic-details .form-group,
.basic-details .form-check,
.verf-form {
   width: 100%;
   justify-content: flex-start;
   gap: 20px;
   align-items: baseline;
}

.basic-details .form-group .location-bl {
   width: calc(100% - 210px);
}

.verf-form {
   display: flex;
}

.location-bl .checkLocation {
   margin-top: 5px;
   position: absolute;
   background: #fff;
   z-index: 1;
   overflow: auto;
   width: auto !important;
   white-space: nowrap;
}

.form-check-group {
   display: flex;
   flex-wrap: wrap;
   gap: 0 5px
}

.basic-details .form-inline {
   display: flex;
   flex-direction: column;
   align-items: self-start;
   justify-content: flex-start;
   gap: 15px;
}

.basic-details .form-control,
.verf-form .form-control {
   border: solid 1px #d9d6d6;
   background-color: #fbfbfb;
   border-radius: 8px;
   font-size: 13px;
   color: #000;
}

.basic-details textarea {
   resize: none;
   height: 100px;
   width: 350px !important;
}

.btn-sec {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   gap: 20px
}

.btn-sec .btn {
   /*color: #000;*/
   border-radius: 8px;
}

.basic-details .form-check .form-check-label {
   width: auto;
   margin-right: 15px;
}

.basic-details label,
.verf-form label {
   max-width: 165px;
   width: 100%;
   font-size: 14px;
   color: #000;
   font-weight: 500 !important;
   justify-content: start;
}

.form-inline .form-check {
   margin: 5px;
}

.form-inline .btn {
   display: flex;
   align-items: center;
   gap: 20px;
   font-size: 17px;
}

.form-inline .btn a {
   color: black;
   font-size: 20px;
}

.user-details .sub_data {
   font-size: 14px;
   font-weight: 500;
   line-height: 24px;
}

.user-details .sub_title {
   font-size: 14px;
   font-weight: 500;
   line-height: 24px;
   color: #333;
}

/* .flex-column .sub_title {  
   font-weight: 800;
}  */

.user-details .title {
   font-size: 16px;
   font-weight: 500;
   line-height: 19px;
   color: #D03B01;
   margin-top: 10px;
}

.user-details hr {
   border: 1px solid #D03B01
}

.leftnav {
   background: #fff09b;
   padding: 0;
   min-height: 500px;
   position: sticky;
   top: 0;
}

.leftnav h4 {
   background: #D03B01;
   color: #fff;
   font-size: 18px;
   padding: 15px;
   font-weight: 500;
   margin-bottom: 0;
}

.leftnav ul {
   padding: 0;
}

.leftnav li {
   color: #000;
   font-size: 16px;
   font-weight: 500;
   margin: 5px;
   list-style-type: none;
   padding: 8px 12px;
}

.leftnav li:hover,
.leftnav li.active {
   color: #fff;
   background: #802400;
   border-radius: 5px;
}

.leftnav li a {
   cursor: pointer;
}

.leftnav li:hover a:hover {
   color: #fff;
}

.basic_preference_outer {
   background: #fff;
   border-radius: 15px;
   padding: 20px;
   width: 100%;
   box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
}

.basic_preference_outer .form-group {
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid #A9A9AC;
}

.basic_preference_outer .form-group label {
   color: #333333;
   font-size: 14px;
}

.basic_preference_outer .form-group span {
   font-weight: 500;
   font-size: 16px;
}

.drinking_habits .row {
   flex-direction: column;
}

#preferenceModal .modal-body {
   padding: 30px 50px;
   max-height: 80vh;
   overflow: auto;
}

#preferenceModal .modal-dialog {
   max-width: 700px;
}

#preferenceModal .modal-content {
   border-radius: 20px;
}

#preferenceModal label {
   max-width: 150px;
   font-size: 14px;
   color: #000;
   text-align: left;
   font-weight: 500;
}

#preferenceModal .form-control {
   width: 100%;
   height: 36px;
   min-height: 36px;
   font-size: 13px;
   color: #000;
   max-width: 340px;
}

.drinking_habits label,
.drinking_habits .form-control,
#preferenceModal .multiselect label,
#preferenceModal .multiselect .form-control {
   width: 100%;
   max-width: 100%;
   flex: 100%;
}

.multiselect ul {
   width: 100%;
   border: 1px solid #d9d6d6;
   border-radius: 5px;
   margin-top: 5px;
   max-height: 200px;
   overflow: auto;
   padding-left: 30px;
}

.multiselect .form-check-input {
   position: static;
   height: auto;
   min-height: auto;
}

.multiselct_item,
.multiselct_item_select {
   font-size: 13px;
}

.multiselct_item label,
.multiselct_item_select label {
   padding: 3px 6px;
}

.multiselect ul label {
   margin-bottom: 0;
}

.mutiselect_list {
   margin-bottom: 15px;
   max-height: 200px;
   overflow: auto;
}

.mutiselect_list span {
   color: #000;
   font-size: 13px;
}

.modal-header .close span {
   font-size: 30px;
   line-height: 20px;
}

.modal-footer {
   justify-content: center;
}

.input-col {
   display: flex;
   gap: 5px;
   white-space: nowrap;
   min-height: 22px;
   align-items: center;
}

#city_table td {
   max-width: 300px;
   min-width: 150px;
}

table td:last-child button,
table td:last-child a {
   margin-bottom: 8px;
}

.img_preview,
.gallery_preview .profile_image {
   border: 1px dashed #d9d6d6;
   border-radius: 8px;
   background: #fbfbfb;
   height: 140px;
   width: auto;
}

.img_preview img,
.gallery_preview .profile_image {
   border-radius: 8px;
   object-fit: cover;
   height: 140px;
   width: 130px;
}

.img_preview img {
   width: 100%;
   height: 100%;
}

.fileUploder .custom-file-upload {
   align-items: center;
   background: #fbfbfb;
   border: 1px dashed #d9d6d6;
   border-radius: 8px;
   display: flex;
   flex-direction: column;
   height: 140px;
   width: 130px;
   justify-content: center;
   position: relative;
   text-align: center;
   cursor: pointer;
}

.uploadtext {
   color: #909090;
   font-size: 10px;
   font-weight: 500;
   line-height: 13px;
   padding-top: 5px;
   width: 75%;
}

.fileUploder .fa-icon {
   font-size: 50px;
   color: #D03B01;
}

.img_delete {
   font-size: 16px;
   color: #D03B01;
   position: absolute;
   top: 5px;
   right: 5px;
   background: #fff;
   border-radius: 12.5px;
   box-shadow: 0 1px 6px rgba(0, 0, 0, .4);
   height: 25px;
   width: 25px;
   line-height: 25px !important;
}

.p-createdby {
   color: #666;
   font-size: 12px;
   margin: 0 0 5px;
}

.p-verified {
   color: #4e8300;
   font-size: 14px;
   font-weight: 600;
}

.u-name {
   color: #000;
   font-size: 22px;
}

.u-job,
.u-sts,
.u-loc {
   font-size: 14px;
   color: #333333;
   margin-bottom: 5px;
}

.u-job i,
.u-sts i,
.u-loc i {
   color: #4e8300;
}

.description_blk textarea {
   display: block;
   width: 100%;
   height: 100px;
   resize: none;
}

.nav-sidebar .nav-item>.nav-link .right {
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
}

.nav-sidebar .menu-is-opening>.nav-link i.right,
.nav-sidebar .menu-open>.nav-link i.right {
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
}

.nav-sidebar .nav-treeview a {
   padding-left: 35px;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
   color: #fff;
   width: 100%;
}

#branch_table td {
   overflow-wrap: break-word;
   word-wrap: break-word;
   -ms-word-break: break-all;
   word-break: break-all;
   word-break: break-word;
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
   min-width: 150px;
}

#branch_table td:nth-child(6),
#branch_table td:nth-child(7),
#branch_table td:nth-child(8) {
   min-width: 250px;
}

.data1 p {
   margin-bottom: 5px;
}

.fa-person-dress {
   color: #f14261 !important;
   font-size: 24px !important;
}

.fa-person {
   color: #009aee !important;
   font-size: 24px !important;
}

.actions a {
   font-size: 16px;
   margin-right: 2px;
}

td .fa-edit,
td .fa-trash {
   font-size: 15px !important;
   margin-right: 5px;
   cursor: pointer;
}

td .fa-check {
   font-size: 18px !important;
}

.dt-layout-full table.dataTable thead th {
   text-align: center;
}

.dataTable th span {
   font-size: 13px;
}

.dataTable td {
   font-size: 14px;
   vertical-align: middle;
}

div.dt-container .dt-info {
   color: #816f6f !important
}

.modal-body label {
   font-weight: 400 !important;
}

#delete_form .form-group {
   text-align: center;
}

.horo-table {
   display: flex;
   justify-content: center;
   margin: 20px 0;
   gap: 50px
}

.horo_rasi_outer {
   width: 375px;
   height: 375px;
   background: url(../images/chart1.png) no-repeat center;
   background-size: cover;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-template-rows: auto;
   padding: 18px;
}

.horo-box {
   width: 85px;
   height: 85px;
   background: transparent;
}

.horo-box.empty {
   grid-column: span 2;
   width: 0;
   height: 0;
}

.rasi2 .horo_rasi_outer {
   background: url(../images/chart2.png) no-repeat center;
   background-size: cover;
}

#horoscopeModal .modal-dialog {
   max-width: 850px;
}

.horo-actions {
   margin-top: 20px;
   text-align: center;
}

.horo-actions select {
   padding: 5px 10px;
   border-radius: 5px;
   min-width: 125px;
   margin: 0 5px 10px;
}

.add_sec {
   margin-bottom: 10px;
}

.rasiKattam,
.amsaKattam {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   gap: 5px 0;
   padding: 5px 2px;
   line-height: 15px;
   position: relative;
   align-items: center;
   justify-content: center;
}

.rasiKattam .fa-trash,
.amsamVal .fa-trash {
   color: #dc3545
}

.rasiKattam span,
.amsamVal span {
   font-size: 15px;
}

.laknam_line {
   position: absolute;
   border: 1px solid #000;
   height: 1px;
   padding: 1px;
   width: 19px;
   transform: rotate(-45deg);
   top: 6px;
   left: -2px;
   border-left: 0;
   border-right: 0;
}

.horo-actions .btn {
   padding: 4.5px 10px;
   font-size: 13px;
   min-width: 75px;
   background: #dc3545;
   border: 0;
   color: #fff;
   border: 1px solid #dc3545;
   height: 31px;
}

.horo-actions .btn:hover {
   background: transparent;
   color: #dc3545;
}

.horo-actions .btn.addbtn {
   background: #4e8300;
   border: 1px solid #4e8300;
}

.horo-actions .btn.addbtn:hover {
   background: transparent;
   color: #4e8300;
}

.form-select {
   position: relative;
}

.form-select select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 100%;
   padding-right: 25px;
   cursor: pointer;
   width: 100% !important;
}

.u-job i {
   margin-right: 5px;
}

/* Custom Arrow */
.form-select::after {
   content: "";
   position: absolute;
   top: 17px;
   right: 10px;
   transform: translateY(-50%);
   width: 0;
   height: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 6px solid #333;
   pointer-events: none;
}

/* Hide default arrow in IE */
.form-select select::-ms-expand {
   display: none;
}

.error {
   color: red !important;
   font-size: smaller !important;
   font-weight: 400 !important;
   font-size: 12px !important;
}

.basic-details .error {
   font-weight: 400 !important;
   white-space: nowrap;
}

#cropperModal button {
   margin-top: 15px;
   background: #D03B01;
   color: #fff;
   border: 1px solid #D03B01;
   border-radius: 5px;
}

#cropperModal button:hover {
   opacity: 0.8;
}

#cropperModal button#cropCancel {
   background-color: #6c757d;
   border-color: #6c757d;
   margin-left: 10px;
}

.basic-details .education .multiselct_item_select input {
   display: none;
}

.basic-details.edit-form .education .multiselct_item_select input {
   display: inline-block;
}

.education .multiselct_item_select label {
   max-width: 100%;
}

.basic-details .multiselect {
   gap: 0;
   background-color: #fbfbfb;
   border: 1px solid #d9d6d6;
   border-radius: 8px;
   padding: 10px;
   width: 400px;
}

.basic-details .multiselect ul {
   position: absolute;
   background: white;
   width: 400px;
   z-index: 10;
   padding-left: 10px;
}

.edit-form.basic-details .multiselect ul {
   position: static;
   padding-left: 30px;
   width: 100%;
}

.edit-form.basic-details .multiselect {
   width: 100%;
}

.basic-details .education.multiselect .form-control {
   width: 100%;
}

.basic-details .education.multiselect .mutiselect_list {
   margin-bottom: 0;
   margin-top: 8px
}

.basic-details .education .multiselct_item_select {
   padding: 5px 10px;
   margin: 1px;
}

.basic-details .education .multiselct_item_select:hover {
   background: hsla(0, 0%, 40%, .2);
}

.basic-details .education .multiselct_item_select label {
   cursor: pointer;
}

.basic-details .education .multiselct_item_select:active {
   background: #909090;
}

.education .mutiselect_list .multiselect_badge {
   background: #fff !important;
   border: 1px solid #d03b01;
   color: #d03b01;
   font-size: 11px;
   font-weight: 400;
   margin: 2px;
   padding: 6px 10px;
   border-radius: 50rem;
   display: inline-block;
}

.logout-icon {
   font-size: 25px;
   color: #dc3545;
   margin-right: 10px;
}

.education .multiselect_badge i {
   align-items: center;
   background: #4e8300;
   border-radius: 7.5px;
   display: inline-flex;
   height: 15px;
   justify-content: center;
   margin-left: 10px;
   overflow: hidden;
   width: 15px;
   color: #fff;
   font-size: 10px;
   line-height: 7px;
   cursor: pointer;
}

.p-verified {
   gap: 20px
}

.user-details .mt-0 {
   margin-bottom: 10px;
}

.user-details .sub_title.about_few {
   font-size: 14px;
   color: #D03B01;
}

.sub-det_outer {
   display: flex;
   margin-bottom: 5px;
}

.sub-det_outer .sub_title {
   width: 40%;
   flex-shrink: 0;
}

.payment-type-badge {
   color: white;
   text-align: center;
   font-size: 12px;
   border-radius: 7px;
   padding: 3px;
}

.pointer {
   cursor: pointer;
}

#donut {
   display: flex;
}

#bar {
   display: flex;
   gap: 20px;
}

.statistics_filter .active-link {
   background-color: #D03B01;
   color: #fff !important;
   padding: 8px 15px;
   text-decoration: none;
}


.statistics_filter {
   padding: 5px;
   justify-content: start;
   align-items: center;
   margin-bottom: 10px;
   border-radius: 5px;
}
.statistics_filter .yearly a,
.statistics_filter .monthly a,
.statistics_filter .weekly a {
   color: #495057;
}

.statistics_filter .yearly .form-control,
.statistics_filter .monthly .form-control,
.statistics_filter .weekly .form-control {
   border-color: #D03B01;
}

.statistics_filter .weekly .form-control {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-right: 0;
}

.statistics_filter .monthly .form-control {
   border-radius: 0;
}

.statistics_filter .yearly .form-control {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   border-left: 0;
}

/* filter*/
/* .filter {
   display: flex;
   justify-content: end;
   gap: 10px;
   align-items: center;
   margin-right: 280px;
   position: relative;
   z-index: 1;
}

.filter input {
   height: 29px;
   width: 15px;
   position: static;
}

.filter label {
   font-size: 16px;
   cursor: pointer;
}

.dt-empty-footer {
   margin-top: -43px
}

#state-table_wrapper.dt-empty-footer,
#city_table .dt-empty-footer {
   margin-top: -65px
}

.dt-layout-row {
   padding: 0 15px;
}

.fliter-status {
   display: flex;
   align-items: center;
   gap: 5px
} */

@media screen and (max-width: 1400px) {
   .profil_img {
      width: 100%;
   }
}

@media screen and (max-width: 850px) {
   .horo-table {
      flex-direction: column;
      align-items: center;
   }
}


@media (min-width: 768px) {
   .horo-table {
      gap: 50px;
   }

   .horo_rasi_outer {
      max-width: 400px;
      grid-template-columns: repeat(4, 1fr);
   }
}

@media (max-width: 480px) {
   .horo_rasi_outer {
      max-width: 297px;
      padding: 13px;
      max-height: 297px;
      margin: auto;
   }

   .horo-box {
      width: 68px;
      height: 68px;
   }
}

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