:root {
   --primary-color : #df314d;
   --secondary-color : #220053;
}

.err-msg{
   font-size: 12px;
   color: red;
}
body {
   color:#000;
   font-family: 'Inter', sans-serif;
}
* {
   font-size:15px;
}
a{ 
   color:var(--primary-color);
}
.content-wrapper {
   background: var(--secondary-color);
}
.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: var(--primary-color);
    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: #fff;
    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:var(--primary-color);
   padding:10px 0;
}
.brand-link .brand-image {
   margin:0;
}
.brand-link .brand-image {
   max-height:40px;
}
.navbar {min-height:61px}
.main-sidebar {
   background:var(--primary-color);
}
.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 #4e8300;
    background: #4e8300;
}
.btn-primary:focus,.btn-primary:active,.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled):active{
   border: 1px solid #4e8300;
    background: #fff;
    color:#4e8300;
}
.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:var(--primary-color) !important;
   border-radius: 5px !important;
   color:#fff !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: var(--primary-color);
   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: var(--primary-color);
   margin-top:10px;
} 
.user-details hr {
   border: 1px solid var(--primary-color)
} 
.leftnav{
   background: #fff09b;
   padding: 0;
   min-height: 500px;
   position: sticky;
   top: 0;
}
.leftnav h4{
   background: var(--primary-color);
   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:var(--primary-color);
}
 .img_delete{
   font-size: 16px;
   color:var(--primary-color);
   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: var(--primary-color);
   color:#fff;
   border: 1px solid var(--primary-color);
   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 var(--primary-color);
   color: var(--primary-color);
   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: var(--primary-color);
}
.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: #b12587;
   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;
}

@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;
}
#chart {
   background:#fff;
   padding:8px;
}
.login-card-body .input-group .input-group-text, .register-card-body .input-group .input-group-text {
   background: #fff;
}
.login-card-body, .register-card-body {
   background: var(--primary-color);
}
.login-logo h2{
   color:#fff
}
.layout-navbar-fixed .wrapper .brand-link {
   display: flex;
    vertical-align: middle;
    justify-content: left;
    align-items: center
}