/*
@font-face {
  font-family: 'Lato';
  src: url("../fonts/lato/lato-black.eot");
  src: url("../fonts/lato/lato-black.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-black.woff") format("woff"), url("../fonts/lato/lato-black.ttf") format("truetype"), url("../fonts/lato/lato-black.svg#latoblack") format("svg");
  font-weight: 900;
  font-style: normal;
}
*/

.navbar-toggler-icon{
  display: none !important;
}


.navbar{
  background-color: #C0392B !important;
  border-radius: 0;
  color: #ECF0F1;
  margin-bottom: 0 !important;
}

/*
.front-page .navbar{
  margin-bottom: 0 !important;
}

.preference-page .navbar{
  margin-bottom: 0 !important;
}
*/



.navbar a.navbar-brand, .navbar a.nav-link{
    color: #ECF0F1 !important;
}



.footer-section{
	min-height: 300px;
	background-color: #2C3E50;
	margin-top: 25px;
  padding-bottom: 20px;
}

.footer-section-bottom{
	min-height: 50px;
	background-color: #2C3E50;
	border-top: 1px solid #34495E;
}

.copyright-div{
	text-align: center;
	color: #ffffff;
	padding-top: 10px;
  padding-bottom: 10px;
}


#reg_process .col-form-label{
	text-align: right;
}


.reg-left-info-box p{
	text-align: center;
}


#user_photo {
    border: 5px dashed rgba(0, 0, 0, 0.3);
    text-align: center;
    width: 100%;
    min-height: 150px;
    cursor: pointer;
    padding: 4%;
}


#app .main-container{
	min-height: 900px;
	overflow: auto;
}


#reg_process .main-container{
	min-height: 700px;
}

#progress_bar_div{
	margin: 10px auto 15px;
}


.form-check-label {
    margin-bottom: 5px;
    background-color: #efefef;
    padding: 0 10px;
    cursor: pointer;
}

.check-active {
    background-color: #16A085;
}


#dashboard_sidebar{
	width: 19%;
	display: inline;
	float: left;
}


#dashboard_content{
	width: 80%;
	display: inline;
	float: left;
}


.search-page  .card, .preference-page  .card{
  border:none !important;
}


.search-page  .card-header{
  border: 1px solid rgba(0, 0, 0, 0.125)
}


.reg-section  .card-body{
  padding: 0 !important;
}

.search-page  .reg-section h5{
  font-size: 16px;
  margin-top: 0;
  display: none;
}

.search-page .btn-group label{
  margin-right: 25px;
}

.search-page .btn-group label{
  padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}


.search-page p{
  margin: 0 0 0 !important;
}


.search-page .btn-group-toggle{
  margin-bottom: 20px;
}

.search-page label.col-form-label{
  font-weight: bold;
}

.btn-secondary.active{
  color: #fff !important;
  background-color: #0062cc !important;
  border-color: #005cbf !important;
}


.prodile-edit  .card{
  border:none !important;
}



.profile-box{
  width: 14rem;
  display: inline-block;
  margin-right: 10px;
}

.profile-box .card-title{
  margin: 0 !important;
}

.search-profile-box{
  margin-bottom: 20px;
  border: 5px solid #1abc9c !important;
  border-radius: 15px;
}

.search-profile-box:last-child{
  margin-bottom: 0;
}

.search-profile-box .profile-title{
  font-weight: bold;
  font-size: 18px;
}

.profile-image-div{
  width: 100%;
}

.profile-image-div img{
  max-width: 100%;
  height: auto;
}

.owl-carousel .nav-btn{
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 100px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
pointer-events: none;
opacity: 0.2;
}

.owl-carousel .prev-slide{
  background: url('../images/icons/nav-icon.png') no-repeat scroll 0 0;
  left: -20px;
}
.owl-carousel .next-slide{
  background: url('../images/icons/nav-icon.png') no-repeat scroll -24px 0px;
  right: -20px;
}
.owl-carousel .prev-slide:hover{
 background-position: 0px -53px;
}
.owl-carousel .next-slide:hover{
background-position: -24px -53px;
}




.profile-text{
  font-size: 17px;
}

.profile-span-label{
  font-weight: bold;
  margin-right: 5px;
}


.profile-actions{
  margin-top: 10px;
}

.profile-actions a{
  font-size: 16px;
  font-weight: bold;
}

.special-offer{
  margin-bottom: 20px;
}

.special-offer .card-header{
  background-color: #16A085;
  color: #ECF0F1;
}


.special-offer .card-body{
  min-height: 300px;
}

.inline-dropdown{
  display: inline;
}

@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(5deg);
  }
  70% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes sonar {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
body {
  font-size: 0.8rem;
}
.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*----------------page-wrapper----------------*/

.page-wrapper {
  /*height: 100vh;*/
}

.page-wrapper .theme {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 4px;
  margin: 2px;
}

.page-wrapper .theme.chiller-theme {
  background: #1e2229;
}

/*----------------toggeled sidebar----------------*/

.page-wrapper.toggled .sidebar-wrapper {
  left: 0px;
}

@media screen and (min-width: 768px) {
  .page-wrapper.toggled .page-content {
    padding-left: 300px;
  }
}
/*----------------show sidebar button----------------*/
#show-sidebar {
  position: fixed;
  left: 0;
  /*top: 10px;*/
  border-radius: 0 4px 4px 0px;
  width: 35px;
  transition-delay: 0.3s;
}
.page-wrapper.toggled #show-sidebar {
  left: -40px;
}
/*----------------sidebar-wrapper----------------*/

.sidebar-wrapper {
  width: 100%;
  /*
  height: 100%;
  max-height: 100%;
  */

  position: relative;
  /*top: 0;*/
  left: -300px;
  z-index: 999;
}

.sidebar-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidebar-wrapper a {
  text-decoration: none;
}

/*----------------sidebar-content----------------*/

.sidebar-content {
  /*max-height: calc(100% - 30px);
  height: calc(100% - 30px);
  */
  overflow-y: auto;
  position: relative;
}

.sidebar-content.desktop {
  overflow-y: hidden;
}

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {
  padding: 10px 20px;
  display: flex;
  align-items: center;
}

.sidebar-wrapper .sidebar-brand > a {
  text-transform: uppercase;
  font-weight: bold;
  flex-grow: 1;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
  cursor: pointer;
  font-size: 20px;
}
/*--------------------sidebar-header----------------------*/

.sidebar-wrapper .sidebar-header {
  padding: 20px;
  overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic {
  float: left;
  width: 60px;
  padding: 2px;
  border-radius: 12px;
  margin-right: 15px;
  overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.sidebar-wrapper .sidebar-header .user-info {
  float: left;
}

.sidebar-wrapper .sidebar-header .user-info > span {
  display: block;
}

.sidebar-wrapper .sidebar-header .user-info .user-role {
  font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status {
  font-size: 11px;
  margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status i {
  font-size: 8px;
  margin-right: 4px;
  color: #5cb85c;
}

/*-----------------------sidebar-search------------------------*/

.sidebar-wrapper .sidebar-search > div {
  padding: 10px 20px;
}

/*----------------------sidebar-menu-------------------------*/

.sidebar-wrapper .sidebar-menu {
  padding-bottom: 10px;
}

.sidebar-wrapper .sidebar-menu .header-menu span {
  font-weight: bold;
  font-size: 14px;
  padding: 15px 20px 5px 20px;
  display: inline-block;
}

.sidebar-wrapper .sidebar-menu ul li a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  position: relative;
  padding: 8px 30px 8px 20px;
}

.sidebar-wrapper .sidebar-menu ul li a i {
  margin-right: 10px;
  font-size: 12px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}

.sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
  display: inline-block;
  animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  font-style: normal;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  background: 0 0;
  position: absolute;
  right: 15px;
  top: 14px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
  padding: 5px 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
  padding-left: 25px;
  font-size: 13px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  font-size: 8px;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
  float: right;
  margin-top: 8px;
  margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
  float: right;
  margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
  display: none;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
  transform: rotate(90deg);
  right: 17px;
}

/*--------------------------side-footer------------------------------*/

.sidebar-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
}

.sidebar-footer > a {
  flex-grow: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  position: relative;
}

.sidebar-footer > a .notification {
  position: absolute;
  top: 0;
}

.badge-sonar {
  display: inline-block;
  background: #980303;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 0;
}

.badge-sonar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #980303;
  opacity: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: sonar 1.5s infinite;
}

/*--------------------------page-content-----------------------------*/

.page-wrapper .page-content {
  display: inline-block;
  width: 100%;
  padding-left: 0px;
  padding-top: 20px;
}

.page-wrapper .page-content > div {
  padding: 20px 40px;
}

.page-wrapper .page-content {
  overflow-x: hidden;
}

/*------scroll bar---------------------*/

::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #525965;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #525965;
}
::-webkit-scrollbar-thumb:active {
  background: #525965;
}
::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: transparent;
}
::-webkit-scrollbar-track:active {
  background: transparent;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


/*-----------------------------chiller-theme-------------------------------------------------*/

.chiller-theme .sidebar-wrapper {
    background: #31353D;
}

.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-search,
.chiller-theme .sidebar-wrapper .sidebar-menu {
    border-top: 1px solid #3a3f48;
}

.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    border-color: transparent;
    box-shadow: none;
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer>a {
    color: #ffffff;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info,
.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,
.chiller-theme .sidebar-footer>a:hover i {
    color: #ffffff;
}

.page-wrapper.chiller-theme.toggled #close-sidebar {
    color: #bdbdbd;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
    color: #ffffff;
}

.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
    color: #16c7ff;
    text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5);
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    background: #2C3E50;
}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
    color: #6c7b88;
}

.chiller-theme .sidebar-footer {
    background: #3a3f48;
    box-shadow: 0px -1px 5px #282c33;
    border-top: 1px solid #464a52;
}

.chiller-theme .sidebar-footer>a:first-child {
    border-left: none;
}

.chiller-theme .sidebar-footer>a:last-child {
    border-right: none;
}




/*pagination */



.pagination li:first-child > a, .pagination li:first-child > span{
   border-left: 2px solid #e4e7ea;
}


.pagination li > a, .pagination li > span{
  border: 2px solid #e4e7ea;
}


.pagination li > a{
  font-weight: bold;
  color: #3490dc;
}

.page-item.active .page-link{
  background-color: #1abc9c;
  border-color: #1abc9c;
}

#dashboard_content .pagination{
  margin-top:0;
}

.pagination li > a:hover, .pagination li > span:hover{
  background-color: #3490dc;
}
/*end of pagination*/


.master-message-container{
  position: fixed;
  top: 60px;
  right: 50px;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding: 20px;
}


.card-header{
  font-weight: bold;
}


/* profile actions*/

.btn-shortlisted{
  background-color: #16a085 !important;
  border-color: #16a085 !important;
  color: #fff !important;
}


.btn-interest-rejected{
  background-color: #c44133 !important;
  border-color: #c44133 !important;
  color: #fff !important;
}

.btn-interest-accepted{
  background-color: #16a085 !important;
  border-color: #16a085 !important;
  color: #fff !important;
}

.btn-interest-sent{
  background-color: #2c81ba !important;
  border-color: #2c81ba !important;
  color: #fff !important;
}
/* end of profile actions */


.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}


/* settings */

.settings-item{
  padding-bottom: 5px;
  border-bottom: solid 1px #bdc3c7;
}

.setting-title{
  font-weight: bold;
}


.setting-description{
  font-size: 14px;
}

/* end of settings */


.profile-info-div{
  margin-bottom: 7px;
}

.profile-about-me{
  font-size: 18px;
  margin-bottom: 10px;
}


.profile-sub-menu{
  font-size: 18px;
  font-weight: bold;
  margin: 20px auto 10px;
  border-bottom: 1px solid #dcdcdc;
}

.profile-sub-menu:first-child{
  margin-top: 0;
}


.profile-span-info-segment{
  background-color: #efefef;
  padding: 5px 10px;
  margin: 0 5px 5px 0;
  display: inline-block;
}

.profile-span-label .fas{
  color: #1abc9c;
}

.profile-span-label .fas.fa-minus{
  color: #aaaaaa;
}

.your_match_score{
  font-size: 18px;
}

/*
.home-reg-form-row{
  margin-top: -250px;
  opacity: 0.9;
}
*/


.home-search-form-row .form-group{
  margin-right: 10px;
}

.message-header{
  border: 1px solid #dedede;
  padding: 5px 10px;
  margin: 0 auto 5px;
}


.message-part{
  width: 60%;
  border: 10px solid rgba(0, 0, 0, 0.125);
  padding: 10px;
  border-radius: 20px;
  margin: 0 auto 10px;
}


.message_float_right{
  float: right;
  text-align: left;
  border-color: #48c9b0;
}


.message_float_left{
  float: left;
  text-align: left;  
  border-color: #add8e6;
}


.message-statistics{
  display: inline-block;
  float: right;
}

.message-part .btn{
  margin-left: 10px;
}

.message-part .btn:first-child{
  margin-left: 0;
}


.register-form-container{
  width: 100%;
  padding: 100px 0;
  padding-left: 0;
  padding-right: 0;
  background-image:url('../images/home_slide_n.jpg');
  background-repeat: no-repeat;
}


.home-features .card{
  border: 5px solid rgba(0,0,0, 0.03)
}

.home-slogan{
  color: #fff;
}

.home-slogan-2{
  color: #1abc9c;
  text-align: center;
}

.home-features  .bg-success{
  background-color: #dff0d8 !important;
}

.home-features .card.one{
  background-color: #ff726f;
  color: #fff;
  text-align: center;
}

.home-features .card.two{
  background-color: #C0392B;
  color: #fff;
  text-align: center;
}

.home-features .card.three{
  background-color: #ffcccc;
  color: #fff;
  text-align: center;
}


.home-features .card{
  background-color: #C0392B;
  color: #fff;
  text-align: center;

}


.home-search-form-row{
  /*background-image:url('../images/home_slide_m.jpg');
  padding: 50px 20px;*/
  background-position: center;
  margin: 0 auto;
}

.home-search-form-row-2{
  background-image:url('../images/abstract.jpg');
  padding: 50px 20px;
}

.home-search-form-row .card{
  border: 10px solid rgba(0, 0, 0, 0.125);
  
}

.home-reg-form-row .card-body{
  padding-top: 0;
}


.home-search-form-row .card-body{
  padding-top: 0;
}

/*
.home-reg-form-row .card{
  border: 10px solid rgba(0, 0, 0, 0.125);
}
*/

.custom-card{
    border: 1px solid rgba(0,0,0,.125); /* Custom border style */
    border-radius: 10px; /* Rounded corners */
    padding: 15px; /* Inner spacing */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1); /* Shadow for 3D effect */
    background-color: #ffffff; /* Ensure the card has a white background */
    transition: transform 0.2s, box-shadow 0.2s; /* Smooth hover effect */
}

.custom-card:hover {
    transform: translateY(-5px); /* Slight lift on hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 8px 30px rgba(0, 0, 0, 0.15); /* Stronger shadow on hover */
}


.home-search-form-row  .card-title {
    margin-bottom: 1.5rem;
}

.home-search-form-row  .col-form-label {
    padding-right: 5px;
}


.footer-section{
  color: #ffffff;
  font-size: 14px;
}

.footer-section h3{
  text-decoration: underline;
}

.footer-section h4{
      font-size: 18px;
}


.footer-section ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-section ul li a{
  color: #ffffff;
}


.footer-section a:hover{
  text-decoration: underline;
}


.reg-process-page .card-body{
  padding: 1.25rem !important;
}


.page-header {
    margin: 30px 0 10px;
}


.home-features .card{
  height: 340px;
}

.home-features .card-text{
  min-height: 200px;
}


.profile-box .profile-images .carousel-item{
  height: 150px;
  text-align: center;
} 

.profile-images .carousel-item img.profile-box-img{
  max-height: 150px;
  width: auto;
  margin: 0 auto;
} 



.carousel-control-prev-icon, .carousel-control-next-icon{
  background-color: #1abc9c;
}


.profile-box .card-body{
  height: auto;
}


.profile-marks .fa-star{
  color: #1abc9c;
}


.form-control[disabled]{
    background-color: #fff;
    border-color: #bdc3c7; 
    color: #34495e;
    cursor: default;
    opacity: unset;
}


.chiller-theme .sidebar-wrapper {
    background: #34495e;
}


.sidebar-wrapper .sidebar-menu ul li a i{
  color: #34495e;
}


.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i{
  background-color: #ffffff;
}


.about-us-section p{
  font-size: 14px;
}

.message-inner-image{
  display: inline-block;
  width: 20%;
  float: left;
}


.message-inner-body{
  display: inline-block;
  width: 80%;
  float: left;
  padding-left: 10px;
}


.type-interest .message a{
  font-size: 18px;

}

.type-interest_r .message a{
  font-size: 18px;

}

.load-previous-items{
  text-align: center;
  margin-bottom: 20px;
}


.message-part .message-inner .message{
  font-size: 18px;
}

.message-part .message-inner .author{
  font-size: 14px;
  color: #aaaaaa;
}

.message-compose-text{
  min-height: 100px;
}




.request-info{
  color: #761b18;
  background-color: #f9d6d5;
  border-color: #f7c6c5;
  padding: 5px;
  cursor: pointer;
}


.blank-info{
  padding: 5px 10px;
  border: solid 1px #dedede;
}



.reply-title{
  color: #16a085;
}



.reply-rejected-title{
  color: #761b18;
  background-color: #f9d6d5;
  border-color: #f7c6c5;
  padding: 0 5px;
  cursor: pointer;
  display: inline-block;
}


.message-inner-body .message{
  border-bottom: 1px solid #dedede;
  margin-bottom: 10px;
  padding-bottom: 10px;
}


.message_thread_header{
  font-size: 18px;
  text-align: center;
}

.message-person-whearabouts{
  font-size: 14px;
  color: #34495e;
}




#carouselHomePage .carousel-inner{
  width:100%;
  max-height: 500px !important;
}

/*
#carouselHomePage .carousel-item{
  position: relative;
    height:100%;
}
*/

#carouselHomePage .carousel-item img{
  transform: translateY(-20%);
}

.carousel-inner>.item{
  z-index: -999999;
}


.success-archive-item{
  
  border-bottom: 1px solid #dedede;
  padding: 15px;
}


.success-archive-item-img{
  display: inline-block;
  width: 25%;
  float: left;
  text-align: center;
}


.success-single-img img{
  max-height: 300px;
  width: auto;
}

.success-archive-item-text{
  width: 73%;
  display: inline-block;
  padding: 0 10px 10px 15px;
  font-style: italic;
  font-weight: bold;
  float: left;
}


.home-success-link a{
  color: #34495e;
}

.home-success-link a:hover{
  text-decoration: underline;
}


.success-block .card .success-img-div{
  max-height: 300px;
  width: auto;
  text-align: center;
}

.success-block .card .success-img-div img{
  height: 100%;
  width: auto;
}


.promotion-register{
  text-align: center;
}


.promotion-register-text{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.promotion-register-image{
  margin-bottom: 30px;
}

.home-personalized-row{

}


.home-personalized-row .card{
  border: 10px solid rgba(0, 0, 0, 0.125);
}

.home-personalized-row .card-body{
  padding: 0;
}


.home-personalized-row .card-body img{
   
}


.profile-edit .card .card{
  border: none;
  border-bottom: 1px solid #dedede;
}

.interest-notification-badge{
  color: #fff;
  background-color: #dc3545;
  font-size: 75%;
  border-radius: 10rem;
  margin-left: 5px;
}

.profile-box-about-link{
  color: #34495e;
}


.profile-box-name-link{
  color: #34495e;
}


.profile-box-about-link:hover{
  color: #34495e;
  text-decoration: underline;
}


.profile-box-name-link:hover{
  color: #34495e;
  text-decoration: underline;
}

.no-change-anchor{
  color: unset;
}


.no-change-anchor:hover{
  color: unset;
  text-decoration: underline;
}


.profile-span-label .fas {
  min-width: 25px !important;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 750px;
    left: 90%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.login-button, .more-button {
    position: absolute;
    top: 8%; /* Adjust as needed */
    z-index: 10;
    font-size: 16px;
    color: white;
    text-decoration: underline;
}

.login-button, .service-button {
    left: 87%;
}

.more-button {
    left: 93%;
}

.service-button {
    position: absolute; /* Position relative to the carousel container */
    top: 12%; /* Center vertically */
}

/* Adjust for small screens */
@media (max-width: 768px) {
    .login-button {
        left: 75%; /* Move buttons closer to prevent overlap */
    }
    .more-button {
        top: 20%; /* Adjust as needed */
        left: 75%;
    }
    .service-button {
        top: 25%;
        left: 65%;
    }
}

#nav-service {
    display: none;
    margin: 10px 0;
}

#nav-service a {
    display: block;
    margin: 5px 0;
    text-decoration: none;
    color: black;
}

.overlay-image {
    position: absolute;
    top: 10%; /* Center vertically */
    left: 10%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Perfect centering */
    z-index: 10; /* Ensure it appears above the carousel image */
    max-width: 150px; /* Adjust size */
    height: auto; /* Maintain aspect ratio */
    pointer-events: none; /* Make it non-clickable if needed */
}

/*
.login-button:hover {
    background-color: #0056b3; 
}
*/

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.146.146a.5.5 0 0 1 .708 0L8 7.293 15.146.146a.5.5 0 0 1 .708.708L8.707 8l7.147 7.146a.5.5 0 0 1-.708.708L8 8.707l-7.146 7.147a.5.5 0 0 1-.708-.708L7.293 8 .146.854a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") center / 1em auto no-repeat;
    border: none;
    border-radius: 0.25rem;
    opacity: 0.5;
}

.modal-logo {
  width: 80px;
  height: auto;
  margin-bottom: 10px;
}

.side-navbar-toggler {
    position: absolute;
    left: 70%; /* Adjust the left distance as needed */
    top: 5%; /* Vertically center the button */
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    #dashboard_sidebar,
    #dashboard_content {
        width: 100%;
        float: none;
        display: block;
    }
    .sidebar-menu {
        display: none;
    }
    .side-navbar-toggler {
        top: 50%;
     }
}

@media (max-width: 768px) {
    #dashboard_sidebar {
        order: 2;
    }
    #dashboard_content {
        order: 1;
    }
    .message-part {
        width: 100%
    }
}

.message-tooltip {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}

.message-tooltip i {
    color: #555;
}

/* Tooltip container */
.message-tooltiptext {
    visibility: hidden;
    opacity: 0;
    width: max-content;
    max-width: 280px;
    background-color: #333;
    color: #fff;
    text-align: left;
    padding: 10px 14px;
    border-radius: 6px;
    position: absolute;
    bottom: -70px; /* Lower to make room for increased padding */
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.3s;
    white-space: pre-line;
    font-size: 1rem; /* Increased from 0.9em */
    line-height: 1.4;
    z-index: 10;
}

/* Show tooltip on hover */
.message-tooltip:hover .message-tooltiptext {
    visibility: visible;
    opacity: 1;
}