body{
  font-family: 'Roboto', sans-serif;
  background: #efeff0 !important;
}
a:hover{
color: #297ea1;
}
#main-wrapper{
height: 100%;
}
.login-section{
  margin: 1%;
  border-radius: 5px;
  display: flex;
  height: calc(100% - 96px);
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.login-form{
  background-color: #f8f8f8;
  padding: 40px;
}

.login-form fieldset,.search-form fieldset{
  margin: 10px 0;
  position: relative;
}
.login-form fieldset input,.login-form select {
  width: 100%;
  height: 52px;
  margin-bottom: 15px;
  border-radius: 10px;
  padding: 15px 40px 15px 15px;
  border-radius: 5px;
  font-size: 14px;
  outline: none !important;
 border : unset;
 width: 430px;
 box-shadow: 1px 2px 4px -1px #3a2f2f29;
 -webkit-box-shadow: 1px 2px 4px -1px #3a2f2f29;
}
.recapcha_static{
  border-radius: 10px;
  margin-bottom: 15px;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.18);
  padding: 7px;
  -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.18);
}
.recapcha_img{
 background-color: #e2e2e2;
 padding: 10px;
 border-radius: 10px 10px 0px 0px;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 7px;
}
.login-form  fieldset input::placeholder,.login-form select{
    font-size: 16px;
    color: #6c6c6c !important;
}
.login-form fieldset::after {
  font-family: Font Awesome\ 5 Free;
  position: absolute;
  font-weight: 900;
  right: 15px;
  top: 9px;
  z-index: 2;
  font-size: 23px;
  width: 20px;
  color: rgba(0, 0, 0, 0.2);
  text-align: center;
}

.user::after {
  content: '\f0e0';

}
.user1::after{
  content: '\f007';
}
.phone::after {
  content: "\f3cd";

}
.password::after {
  content: '\f023';
}
.theme-btn-danger{
    background-color: #d3604a;
    font-size: 27px;
    color: #fff;
    border-radius: 10px;
}
.theme-btn-danger:hover,.theme-btn-danger:focus,.theme-btn-danger:active{
  background-color: #de5b42;
  color: #fff;
}
.input-group button{
    background-color: #fff;
    color: #5c5b5b !important;
}
.input-group input::placeholder{
  color:  #8d8d8dc9 !important;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-addon, .input-group-btn {
  white-space: nowrap;
  vertical-align: middle;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
  display: table-cell;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
  z-index: 2;
  margin-left: -1px;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.sidebar-nav ul .sidebar-item .sidebar-link img{
  width: 30px;
  height: 30px;
  margin-right: 15px;
}
.sidebar-nav ul .sidebar-item .sidebar-link i{
  font-size: 25px;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d25f49 !important;

}
.sidebar-nav ul .sidebar-item .sidebar-link span{
  font-size: 17px;
  font-weight: 500;
}
.sidebar-nav ul .sidebar-item .sidebar-link{
  border-left: 6px solid transparent
}

ul.collapse{
background-color: #fbf2e9 !important;
}
ul.collapse li a{
border: unset !important;
background-color: #f4eee7;
}
ul.collapse li a:hover{
border: unset !important;
background-color: #e1d5c8 !important;

}
ul.collapse li a:hover{
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
ul.collapse li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 80%;
  bottom: 0;
  background: #d3604a;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
ul.collapse li a:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

ul.collapse .sidebar-item .sidebar-link.active{
background-color: #e1d5c8;

}

ul.collapse li a{
display: flex;
justify-content: center;
}
ul.collapse li{
border-top: 2px solid white;
}
.sidebar-nav ul .sidebar-item .sidebar-link:not(.accordion_item):not(:first-child).active:after {
content: "\f105" !important;
color:#fbd0c0 !important;
}



.sidebar-nav ul .sidebar-item:not(:first-child):not(:last-child):not(.single-item) .sidebar-link:not(.accordion_item):after {
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
right: 32px;
position: absolute;
font-size: 1.5rem;
color:#d4d4d4
}
.breadcrumb li{
position: relative;
margin-right: 33px;
display: flex;
    align-items: center;
}
.breadcrumb li a{
font-size: 16px;
}

.breadcrumb li:not(:last-child) a{
color: #d3604a !important; 
}
.breadcrumb li a{
color: #565555 !important; 
}
.breadcrumb li:not(:last-child) a:after{
content: "\f105";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
float:right;
position: absolute; 
right: -19px;

}
.navbar-nav li a{
font-size: 22px;
color:#6c6c6c;
cursor: pointer;
}
.navbar-nav{
position: relative;
height: 60px;
padding-right: 15px;
}
.navbar-nav li a img{
height: 30px;
width: 31px;
}
.navbar-nav li{
padding: 5px 15px;
border-radius: 7px;
cursor: pointer;
border: 1px solid transparent;
}
.navbar-nav li:not(.note-btn):hover{
  background-color: #ffecd9;
}
.border-raduis1{
border-radius: 7px;
}


.card-body .login-form fieldset input::after {
font-family: Font Awesome\ 5 Free;
position: relative;
font-weight: 900;
right: 44px;
top: 1px;
z-index: 2;
font-size: 23px;
width: 20px;
color: rgba(0, 0, 0, 0.2);
text-align: center;
}
.card-body .login-form fieldset input{
width: 100%;
}
.btn-genric{
color: white;
border-radius: 7px;
padding: 10px 30px;
margin: 10px;
height: 52px;
font-size: 17px;
}
.btn-blue{
background-color: #297ea1 !important;
}
.btn-blue:hover{
color:white;
background-color: #2f9dcbeb !important;
}
.btn-grey{
background-color: #e1e3e4 !important;
color: #000;
}
.btn-grey:hover{
background-color: #c8ccce !important;
}
.login-section img[alt="matchg-me-logo"]{
width: 10% !important;
}
@media only screen and (min-width: 768px) and (max-width: 769px){

 html .highcharts-figure #container{
    min-width: 500px !important; 
  }

}

@media (max-width: 991.98px){
#main-wrapper.show-sidebar .left-sidebar {
    left: 0;
    z-index: 999;
}
}
@media only screen and (min-width: 768px) and (max-width: 1365px){
.search-form .btn.btn-genric{
  padding: 7px 15px !important;
  font-size: 13px !important;

}
#preSubmit{
  margin-bottom: 12px !important
}

.search-profile-btn{
  justify-content: flex-end !important;
}
}
@media only screen and (min-width: 1281px) and (max-width: 1399px){

.login-section img[alt="matchg-me-logo"]{
  margin-bottom: 10px !important;
  width: 12% !important;
}
.login-section .login-form{
  padding: 20px !important;
  margin-bottom: 12px !important;
}
.login-section .login-form fieldset input{
  height: auto !important;
  margin-bottom: 0 !important;
}
.recapcha_img {
  padding: 1px !important;
}
}
@media only screen and (max-width: 767px){

  .Picture-label label:nth-child(2) span{
    font-size: 12px;
  }


  #add_image1,#add_image2{
    margin-left: 0px !important;
    width: calc(100% - 10px) !important;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
  }
  input[type="file" i]::-webkit-file-upload-button{
    margin-left: 0px !important;
    height: 38px !important;
    padding: 7px 10px !important;
    font-size: 15px !important;
  }
  #file-upload-button span{
    padding-left: 2px;
  }
.login-section .login-form{
  padding: 18px !important;
  margin-bottom: 12px !important;
}
.recapcha_img {
  padding: 1px !important;
}
.login-section .login-form fieldset input{
  height: auto !important;
  margin-bottom: 0 !important;
}
.login-section img[alt="matchg-me-logo"]{
  width: 36% !important;
  margin-bottom: 5px !important;
}

}
@media only screen and (max-width: 992px){
.high-index-div {
  z-index: 2 !important; 
}
.topbar{
  height: 90px !important;
}

}
@media only screen and (max-width: 992px){

.ti-close{
  font-size: 28px;
}
.topbar .nav-toggler{
  margin-top: 30px !important;
}
.white-box .datepicker.input-group{
  margin-top: 7px;
}
}
@media only screen and (max-width: 1200px){

  .dashboard-event-calender{
    margin-top: 20px;
  }
}
@media only screen and  (min-width: 768px) and (max-width: 1200px){
  .calender-section .card-body{
    height: calc(100% - 35px);
  }

}
.card .login-form select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.select-option::after{
content: '\f078';
font: normal normal normal 17px/1 Font Awesome\ 5 Free;
color: #0ebeff;
right: 24px !important;
top: 4px !important;
z-index: 2 ;
font-size: 1.2rem !important;
height: 34px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
}
@media only screen and (min-height:737px) and (max-height:800px)
{
.footer{
  position: relative !important;
}
.login-section img[alt="matchg-me-logo"]{
  width: 16% !important;
  margin-bottom: 10px !important;
}
.login-section .login-form{
  padding: 30px !important;
  margin-bottom: 12px !important;
}
.login-section .login-form fieldset input{
  height: 50px !important;
  margin-bottom: 0 !important;
}
.recapcha_static {
  margin-bottom: 8px !important;
}
.recapcha_img {
  padding: 2px !important;
}
.login-section{
  margin: 0%;
}
}
.search-form fieldset input:not([type="checkbox"]),.search-form select,.search-form select:focus {
width: 100%;
height: 52px;
margin: 15px;
border-radius: 10px;
padding: 15px 7px 15px 15px;
border-radius: 5px;
font-size: 14px;
background-color: #f6fafd;
outline: none !important;
border : 1px solid #2a7ea242;
width: 100%;
}
.search-form select,.search-form select:focus{
  padding: 15px 32px 15px 15px !important;
}
.search-form select option{
  cursor: pointer;
  background-color: #f6fafd;
  border-bottom: 1px solid #d4d4d4;
}
.search-form select option:hover{
  background-color: #d3604b;
  color:white 
}

.search-form .btn{
margin: 12px;
}
.search-result-table  .table thead th{
  background-color: #f5a496;
color: #fff;
font-size: 1rem;
}
.search-result-table .table-bordered td{
color: #000;
font-size: 1rem;

}
.search-result-table .table-bordered td:not(:last-child){
border-right: 1px solid #efd6d0;
}
.search-result-table  .table thead th:not(:last-child){
border-right: 1px solid #fff;
}
.search-result-table .table-striped tbody tr:nth-of-type(odd) {
background-color: #fff;
}
.search-result-table .table-striped tbody tr:nth-of-type(even) {
background-color: #fcf4ed;
}

.search-result-table .table thead th:first-child{
border-radius: 7px 0px 0px 0px;
}
.search-result-table .table thead th:last-child{
border-radius: 0px 7px 0px 0px;
}
/* .search-result-table table tbody tr:last-child td:first-child{
border-radius: 0px 0px 7px 0px;
} */
a.log{
  padding: 0px 5px;
}

a.delete{
color: #d3604b;
}
a.edit,a.log{
color: #297ea1;
}
a.delete:hover{
color: #ff4220;
}
a.edit:hover,a.log:hover{
color: #3ac1f8;
}
.horizontal_line_small{
width: 27px;
margin: 0px 10px;
border-top: 4px solid #d3604b;
}
.btn_small_red{
background-color: #d3604b;
color: white;
cursor: pointer;
border-radius: 7px;

}
.btn_small_red:hover{
background-color: #de5b42;
color: white;
}
.btn_small_blue{
background-color: #297ea1;
color: white;
cursor: pointer;
border-radius: 7px;
white-space: nowrap;
}
.btn_small_blue:hover{
color: white;
}
.vertical-divider{
border-left: 2px solid #e0e0e0;
height: 53px;
}
.high-index-div{
z-index: 500;
position: relative;
}
input[type="date"]{
border: 1px solid #75777969;
border-radius: 7px;
}
select.date_filter{
font-size: 16px;
padding: 10px 40px 11px 15px;
border: unset;
color: #373434;
background-color: #fbf2e9;
border-radius: 7px;
}
.date-picker-option select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.date-picker-option::after{
content: '\f078';
font: normal normal normal 17px/1 Font Awesome\ 5 Free;
color: #d3604a;
right: 36px !important;
top: 13px !important;
z-index: 2;
font-size: 0.9rem !important;
height: 34px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
font-weight: 600;
}
.icon-circle1{
padding: 15px;
background: #fff;
border-radius: 50%;
}
.usp-card1{
  background-color: #fcfc98;
}
.usp-number1{
font-size: 40px;
color: #8c8c0a;
font-weight: 900;
margin-bottom: 0px;
}
.usp-section .card .card-text{
font-size: 1rem;
color: #3a3939;
}
.icon-circle2{
padding: 15px;
background: #fff;
border-radius: 50%;
}
.usp-card2{
  background-color: #74b62e;
}
.usp-number2{
font-size: 40px;
color: #c8f598;
font-weight: 900;
margin-bottom: 0px;
}
.icon-circle3{
padding: 15px;
background: #fff;
border-radius: 50%;
}
.usp-card3{
  background-color: #98bf64;
}
.usp-number3{
font-size: 40px;
color: #ccffca;
font-weight: 900;
margin-bottom: 0px;
}

.usp-section .card .card-body{
  padding: 10px;
  position: relative;
  left: 12%;
}

.icon-circle4{
padding: 15px;
background: #fff;
border-radius: 50%;
}
.usp-card4{
  background-color: #ffdee3;
}
.usp-number4{
font-size: 40px;
color: #fc6f55;
font-weight: 900;
margin-bottom: 0px;
}

.icon-circle5{
  padding: 19px 27px;
  background: #fff;
  border-radius: 50%;
  font-size: 2.4rem;
  height: 80px;
  width: 80px;
  }
  .icon-circle5{
    color: #e8707e;
  }
  .usp-card5{
    background-color: #ff8896;
  }
  .usp-number5{
  font-size: 40px;
  color: #ffdee3;
  font-weight: 900;
  margin-bottom: 0px;
  }

  .icon-circle6{
    padding: 21px 17px;
    background: #fff;
    border-radius: 50%;
    font-size: 2.4rem;
    height: 80px;
    width: 80px;
    }
    .icon-circle6{
      color: #676702;
    }
    .usp-card6{
    background-color:  #fefe6e;
    }
    .usp-number6{
    font-size: 40px;
    color: #676702;
    font-weight: 900;
    margin-bottom: 0px;
    }
    .usp-section .card-body img[alt="Card image"] + div, .usp-section .card-body i + div{
      padding-top: 0.25rem!important;
      padding-bottom: 0.25rem!important;
    }
    .dashboard-event-calender .card {
     
      min-height: 83px;
    }
.grey-bg{
background-color: #f7f7f7 !important;
}
.white-bg{
background-color: white !important;
}
.calender-section .card-body .table-condensed tr:nth-child(2) .prev,.calender-section .card-body .table-condensed tr:nth-child(2) .next{
  border-radius: 7px;
  color: #fff;
  position: relative;
  padding: 4px 10px;
  font-size: 31px;
  background-color: #297ea1 !important;
  line-height: 16px;
  height: 28px;
  text-align: center;
  width: auto;
}
.calender-section .card-body  .table-condensed tr:nth-child(2) .prev{
  position: absolute;
  right: 81px;
  top: 8px;
}
.calender-section .card-body .table-condensed tr:nth-child(2) .next{
  position: absolute;
  top: 8px;
  right: 30px;
}
.table-striped:not(.table-condensed) tbody tr:nth-of-type(odd){
      background-color: #fff !important;
}
.btn-blue{
color: white !important;
}
.btn-link{
color: #b4b5b5;
font-size: 16px;
}
.red-dot{
background-color: #d3604a;
border-radius: 50%;
height: 10px;
width: 10px;
display: inline-block;
}

.blue-dot{
background-color: #2064ec;
border-radius: 50%;
height: 10px;
width: 10px;
display: inline-block;
}

.green-dot{
background-color: #389254;
border-radius: 50%;
height: 10px;
width: 10px;
display: inline-block;
}

.meeting-reminder1{
background-color: #f8c8b1;
}
.meeting-number-circle1{
padding: 5px;
background: #d3604a;
border-radius: 50%;
font-size: 27px;
height: 50px;
color: white;
width: 50px;
line-height: 40px;
text-align: center;
margin-left: 1%;
display: inline-table;

}
.meeting-number{
font-size: 1rem;
color: #010101;
font-weight: 900;
}
.meeting-timings{
font-size: 14px;
color: #010101;
}

.meeting-reminder2{
background-color: #aec9fc;
}
.meeting-number-circle2{
padding: 5px;
background: #2064ec;
border-radius: 50%;
font-size: 27px;
height: 50px;
color: white;
width: 50px;
line-height: 40px;
text-align: center;
margin-left: 1%;
display: inline-table;

}
.meeting-reminder3{
background-color: #b7e6ff;
}
.meeting-number-circle3{
padding: 5px;
background: #389254;
border-radius: 50%;
font-size: 27px;
height: 50px;
color: white;
width: 50px;
line-height: 40px;
text-align: center;
margin-left: 1%;
display: inline-table;

}
.datepicker td, .datepicker th {
width: 2.5rem;
height: 2.5rem;
font-size: 0.85rem;
}

.datepicker.input-group {
  border-radius: 7px;
}

.datepicker input.form-control {
  border-radius: 7px;
border: none;
}

.datepicker input.form-control:focus {
box-shadow: none;
}

.datepicker input.form-control::placeholder {
font-style: italic;
}

.datepicker .input-group-text {
  border-radius: 7px;
border: none;
}

.datepicker .datepicker-dropdown {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1134px) and (max-width: 1437px){
.datepicker input{
  width: 162px !important
}
.datepicker input.form-control::placeholder{
  font-size: 12px !important;
}
.datepicker .input-group-text{
  padding: 9px 10px !important;
}
}
/*Add Enquiry input boxed*/
.add_enquiry,.add-profile{
padding: 40px;
}

.add_enquiry fieldset,.add_enquiry fieldset{
margin: 10px 0;
position: relative;
}
.add_enquiry fieldset input,.add_enquiry select {
width: 100%;
height: 52px;
margin-bottom: 15px;
background-color: #f6fafd;
border-radius: 10px;
padding: 15px 40px 15px 15px;
border-radius: 5px;
font-size: 14px;
outline: none !important;
border : unset;
width: 100%;
box-shadow: 1px 2px 4px -1px #3a2f2f29;
-webkit-box-shadow: 1px 2px 4px -1px #3a2f2f29;
}
.add_enquiry select:focus,.add_enquiry select:active{
background-color: #f6fafd;
}
.add_enquiry fieldset input::placeholder,.add_enquiry select{
font-size: 16px;
color:  #8d8d8dc9 !important;
}
.card-body .add_enquiry fieldset input{
width: 100%;
}
.add_enquiry .select-option select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: unset !important;
}
.add_enquiry .select-option select option{
border-radius : 7px;
background-color: #ebf0f4;
border-bottom: 1px solid black;
}
.add_enquiry .select-option::after {
content: '\f078';
font: normal normal normal 17px/1 Font Awesome\ 5 Free;
color: #0ebeff;
right: 18px !important;
top: 32px !important;
z-index: 2;
font-size: 1.2rem !important;
height: 34px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
font-weight: 900;
color: rgba(0, 0, 0, 0.2);
}


/*add enquiry form*/

.meeting_list{
padding: 40px;
}

.meeting_list fieldset,.meeting_list fieldset{
margin: 10px 0;
position: relative;
}
.meeting_list fieldset input,.meeting_list select,.meeting_list textarea {
width: 100%;
height: 52px;
margin-bottom: 15px;
background-color: #ffedd9 !important;
border-radius: 10px;
padding: 15px 40px 15px 15px;
border-radius: 5px;
font-size: 14px;
outline: none !important;
border : unset;
width: 100%;
box-shadow: 1px 2px 4px -1px #3a2f2f29;
-webkit-box-shadow: 1px 2px 4px -1px #3a2f2f29;
}
.meeting_list select:focus,.meeting_list select:active{
background-color: #ffedd9;
}
.meeting_list fieldset input::placeholder,.meeting_list select,.meeting_list textarea::placeholder{
font-size: 16px;
color:  #8d8d8dc9 !important;

}

.bg-red{
background-color: #d3604b;
color:#fff;
}
.meeting-time-date .btn-group{
border: 1px solid #d3604b;
border-radius: 7px;
}
.bg-red:focus:hover,
.bg-red:active:hover,
.bg-red:hover{
color: #fff !important;
}
.meeting-time-date .btn-group button:focus,
.meeting-time-date .btn-group button:active{
background-color: #d3604b;
color: #fff;
}
.card-navigation{
background-color: #ffedd9;
border: unset;
border-radius: 7px !important;
box-shadow: 1px 2px 4px -1px #3a2f2f29;
-webkit-box-shadow: 1px 2px 4px -1px #3a2f2f29;
}
.card-navigation i{
color: #cfc3b5;
font-size: 1.5rem;
line-height: 30px;
}
.card-navigation a{
padding: 0px 10px;
border-radius: 7px;
}
.card-navigation a:hover{
background-color: #f8a69b;
}
.card-navigation a:hover i{
color: #d25f49;
} 
.add-profile h4{
color: #cf3f3e;
}


/*add profile*/
.add-profile{
padding: 40px;
}

.add-profile fieldset{
margin: 10px 0;
position: relative;
}
.add-profile fieldset input,.add-profile select,.add-profile textarea {
width: 100%;
height: 52px;
margin-bottom: 15px;
background-color: #f6fafd;
border-radius: 10px;
padding: 15px 40px 15px 15px;
border-radius: 5px;
font-size: 14px;
outline: none !important;
border : unset;
width: 100%;
box-shadow: 1px 2px 4px -1px #3a2f2f29;
-webkit-box-shadow: 1px 2px 4px -1px #3a2f2f29;
}
.add-profile select:focus,.add-profile select:active{
background-color: #f6fafd;
}
.add-profile fieldset input::placeholder,.add-profile select, .add-profile textarea::placeholder,.meeting_list  select{
font-size: 16px;
color:  #6c6c6c !important;
}
.card-body .add-profile fieldset input{
width: 100%;
}
.add-profile .select-option select,.meeting_list .select-option select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: unset !important;
}
.add-profile .select-option select option{
border-radius : 7px;
background-color: #ebf0f4;
border-bottom: 1px solid black;
}
.add-profile .select-option::after, .meeting_list .select-option::after {
content: '\f078';
font: normal normal normal 17px/1 Font Awesome\ 5 Free;
color: #0ebeff;
right: 18px !important;
top: 32px !important;
z-index: 2;
font-size: 1.2rem !important;
height: 34px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
font-weight: 900;
color: #6c6c6c;
}
.meeting_list fieldset input:read-only {
background-color: #f1edea !important;
}

.meeting_list fieldset input:read-only::placeholder{
color: #676767 !important;
}

.birthdate input{
width: 25% !important;
}
.birthdate input,.birthtime input{
padding: 15px 5px !important;
text-align: center;
}
.birthage input{
padding: 15px 15px !important;
}
.birthage input::placeholder{
text-align: right;
}
.birthtime input{
width: 40% !important;
}
.birthdate span,.birthtime span {
font-size: 1rem;
padding: 0px 5px;
}
.form-group {
display: inline-block;

}

.form-group input[type="checkbox"] {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}

.form-group label {
position: relative;
cursor: pointer;
margin-bottom: 0px !important;
}
.form-group:not(:last-child) label{
margin-right: 0.75rem;
}
.form-group label:not(.error):before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #84cbe4;
padding: 10px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
border-radius: 5px
}

.form-group input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 4px;
left: 9px;
width: 6px;
height: 14px;
border: solid #0079bf;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
hr.horizontal-line{
border-top: 1px solid #949392;
width:100%;
text-align:left;
margin-left:0;
}

.file1,.file2 {
display: none;
}

.file-name {
position: relative;
overflow: hidden;
line-height: 30px;
padding: 5px;
box-sizing: border-box;
font-size: 15px;
vertical-align: middle;
width: 300px;
border: 2px solid #dbdbdb;
border-radius: 0;
height: calc(2em + 0.75rem + 2px);
width: 80% !important;
}
.input-file .btn{
width :auto !important;
margin: 0px !important;
margin-left: 1rem !important;
text-align: center;
padding: 15px !important;
width: 20% !important;
}
label span:not(.img-text) {
opacity: 0.6;
}
.add-profile h3 {
font-size: 1.2rem;
font-weight: 700;
}
.error{
border-radius: 5px;
color: #fff;
position: relative;
left: 27%;
bottom: -33%;
background-color: #d25f49;
padding: 3px 10px;
font-size: 12px;
}
.error:before{
content: '';
width: 0px;
height: 0px;
border-style: solid;
border-bottom: 10px solid #d25f49;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
bottom: 100%;
left: 45%;
position: absolute;

}

input[type="radio"] + label.error{
bottom: -2%;
left: 25%;
}
#Pre-Attractive + label.error{
  position: absolute;
  bottom: 3% !important;
}
textarea + label.error{
bottom: -17%;
}
#TermsConditions + label.error,#terms-condition1 + label.error,#TermsConditions1 + label.error{
  position: absolute;
  bottom: 34%;
  left: 19%;
}

#maleName + label.error,
#femaleName + label.error
{
  left: 55% !important;
  bottom: 55px !important;
  position: absolute;
}
#maleName + label.error:before,
#femaleName + label.error:before
{
  border-top: 8px solid transparent;
  border-bottom: unset;
  border-right:8px solid transparent;
  border-top: 10px solid #d25f49;
  bottom: -10px !important; 
}
#TermsConditions + label.error:before,#terms-condition1 + label.error::before,#TermsConditions1 + label.error::before{
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent; 
  border-right:10px solid #d25f49;
  left: -13%;
  bottom: 25%;
}
#dob_age + label.error{
bottom: -35%;
width: 132.5px;
left: 0%;
}
#dob_day + label.error,#dob_month + label.error,#dob_year + label.error,
input[name="dob_hours"]  + label.error,input[name="dob_minutes"]  + label.error,
input[name="gender"]  + label.error
{
  position: absolute;
}
#nationality + label.error{
left: 43%;

}
input[name="dob_hours"] + label.error,
input[name="dob_minutes"] + label.error{
left: 14%;
}



#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link{
color: #313131 !important;
}
.sidebar-nav{
height: 100%;
background-color: white;
}
.scroll-sidebar{
overflow-x: hidden;
height: calc(100% - 171px);
position: relative;
overflow-y: auto;
}
.scroll-sidebar::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.scroll-sidebar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background: rgba(0, 0, 0, 0.05);
}
.scroll-sidebar::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(0, 0, 0, 0.2);
}
.scroll-sidebar::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.4);
}
.scroll-sidebar::-webkit-scrollbar-thumb:active {
background: rgba(0, 0, 0, 0.9);
}

.search-form .select-option::after {
content: '\f078';
font: normal normal normal 17px/1 Font Awesome\ 5 Free;
color: #6c6c6c;
right: 3px !important;
top: 17px !important;
z-index: 2;
font-size: 1rem !important;
height: 34px;
/* padding: 15px 0px 0px 8px; */
position: absolute;
pointer-events: none;
font-weight: 600;
}



.search-form .select-option select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.add_enquiry fieldset::after {
font-family: Font Awesome\ 5 Free;
position: absolute;
font-weight: 900;
right: 15px;
top: 38px;
z-index: 2;
font-size: 23px;
width: 20px;
color: rgba(0, 0, 0, 0.2);
text-align: center;
}
.calendar::after {
content: '\f073';
}
.add_connection .select-option::after {
content: '\f078';
font: normal normal normal 17px/1 Font Awesome\ 5 Free;
color: #0ebeff;
right: 18px !important;
top: 32px !important;
z-index: 2;
font-size: 1.2rem !important;
height: 34px;
padding: 15px 0px 0px 8px;
position: absolute;
pointer-events: none;
font-weight: 900;
color: rgba(0, 0, 0, 0.2);
}
.add_connection .select-option input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: unset !important;
}
.input-container {
display: -ms-flexbox; /* IE10 */
display: flex;
width: 100%;
margin-bottom: 15px;
}
.input-container .icon {
padding: 10px;
background: #fde0da;
color: #d45f4d;
min-width: 50px;
height: 52px;
border-radius: 5px 0px 0px 5px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 1px 2px 4px -1px #3a2f2f29;
-webkit-box-shadow: 1px 2px 4px -1px #3a2f2f29;
}
.input-container input{
border-radius: 0px 5px 5px 0px !important;
}
.age input{
width: 45% !important;
}
.date-month-time{
position: relative;
display: inline-block;
font-size: 1.6rem;
}

.datepicker-inline,.datepicker table {
  width: 100% !important;
  height: 100%;
}
.datepicker-inline,.datepicker-days{
height: 100%;
}
.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active
{
background-color: #d3604b !important;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{
background-image: unset !important;
}
.meeting-time-date .table-condensed thead tr:nth-child(2){
background-color: #ffedd9;
border: unset;
border-radius: 7px !important;
box-shadow: 1px 2px 4px -1px #3a2f2f29;
-webkit-box-shadow: 1px 2px 4px -1px #3a2f2f29;

}
.meeting-time-date .table-condensed thead tr:nth-child(2) th{
padding: 0.75rem 1.57rem;
border-radius: unset;
  height: auto;

}
.meeting-time-date .table-condensed thead tr:nth-child(2) th.prev,
.meeting-time-date .table-condensed thead tr:nth-child(2) th.next{
color: #cfc3b5;
font-size: 1.5rem;
line-height: 30px;
padding: 0px 10px;

}
.dashboard-event-calender .datepicker-days{
background-color: white;
border-radius: 0px 0px 5px 5px;
}
.dashboard-event-calender .datepicker-inline{
padding: 0px;
} 
.dashboard-event-calender .card-header{
background-color: white;
border-radius: 5px 5px 0px 0px;
}
.datepicker th.dow{
padding: 15px 0px !important;
}
.breadcrumb{
  margin-top:0px !important
}
.white-box{
  padding: 10px 25px;
}
.meeting-time-date .card .card-body{
  height: 100%;
}
.match-result-card{
  background-color: transparent;
  text-align: center;
  color: #000 !important;
}
.match-result-card .card-body{
  background-color: #ceffce;
  color: #fff;
  padding: 12px;
  border-radius: 7px;
  text-align: center;
  font-size: 1rem;
  color: #263238;
}
.match-result-card span{
padding:10px;
}
.profile_result h4{
  color: #cf3f3e;
}
.text-black{
  color: #263238 !important;
}
.label-block{
  width: 100%;
  background-color: #f9a79c;
  padding: 5px;
  position: absolute;
    left: 0px;
    box-shadow: 1px 2px 4px -1px #3a2f2f29;
    -webkit-box-shadow: 1px 2px 4px -1px #3a2f2f29;
    padding-left: 42px;
}
.add-profile input:disabled,.add-profile textarea:disabled  {
  background: #f7f7f7 !important;
}
.left-sidebar{
  -webkit-transition: all 0.6s ease;
  -moz-transition:  all 0.6s ease;
  -o-transition:  all 0.6s ease;
  -ms-transition:  all 0.6s ease;
  transition: all 0.6s ease;
}


/* Apply the gradients */
/* 
.highcharts-color-0 .highcharts-area {
	fill-opacity: 1;
	fill: #d65f4b;
} */

input[type="file" i]::-webkit-file-upload-button{
  background-color: #297ea1 !important;
  color: white !important;
  border-radius: 7px;
  padding: 10px 30px;
  margin: 10px;
  height: 52px;
  font-size: 17px;
  display: inline-block;
    font-weight: 400;
    cursor: pointer;
    border: unset;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
input[type="file" i]::-webkit-file-upload-button:hover{

  background-color: #2f9dcbeb !important;
}
#activityLogTable .table-responsive, .table-fixed .table-responsive{
  overflow-y: auto;
  height: 400px;
}
.table-fixed .table-responsive{
  height: auto !important;
  max-height:372px;
  margin-bottom: 1rem;
  min-height: 244px;
}
.table-fixed .table-responsive table{
  margin-bottom: 0px !important
}
#activityLogTable .table thead th,.table-fixed .table thead th{
  position: sticky;
  top: 0px;
  z-index: 99;
}
.table-responsive{
  border-radius : 7px;
} 
.text-red{
  color: #ff4220 !important;
}
.text-red:hover,.text-red:focus,.text-red:active{
  color: #ff4220 !important;
}
.text-green{
  color: #72b54e !important;
}
.text-green:hover,.text-green:active.text-green:focus{
  color: #72b54e !important;
}
.add_enquiry fieldset::after {
  font-family: Font Awesome\ 5 Free;
  position: absolute;
  font-weight: 900;
  right: 15px;
  top: 38px;
  z-index: 2;
  font-size: 23px;
  width: 20px;
  color: rgba(0, 0, 0, 0.2);
  text-align: center;
}


.search-form .calender::after {
  content: '\f073';
  font: normal normal normal 17px/1 Font Awesome\ 5 Free;
  color: #6c6c6c;
  right: 3px !important;
  top: 32px !important;
  z-index: 2;
  font-size: 1rem !important;
  height: 34px;
  /* padding: 15px 0px 0px 8px; */
  position: absolute;
  pointer-events: none;
  font-weight: 600;
}
.progress {

  height: 1rem;
  width: 200px;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .25rem;
}

.suggestionDiv{
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 305px;
    height: auto;
    overflow-y: auto;

}
.suggestionDiv ul{
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.suggestionDiv ul li{
  padding: 10px;
  cursor: pointer;
  background-color: #f7f3f0; 
  border-bottom: 1px solid #d4d4d4; 
}
.suggestionDiv ul li:hover{
  background-color: #d3604b;
  color:white
}
.search-profile-heading{
  color: #cf3f3e;
}
/* .accordion .card-header:not(.collapsed) i:after {
  font-family: Font Awesome\ 5 Free;
  content: "\f068" !important;
  float: right; 
  font-weight: 900;
  color: white;
}
.accordion .card-header.collapsed i:after {

  content: "\f067" !important ; 
} */
.accordion .card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: #ffedd945;
  border-bottom: 1px solid rgba(0,0,0,.125);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  cursor: pointer;
}
.accordion .card-header i{
  color: #263238;
}
.accordion .collapse{

  overflow: hidden;
  -webkit-transition-property: height, display;
  transition-property: height, display;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.accordion .card .card-header .card-title,.accordion .card .card-header .card-title:hover{
  color: #263238;
}
.accordion .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #e1d5c8;
  border-radius: .25rem;
}
.accordion{
  position: relative;
  width: 100%;
}
.calender-section .datepicker-inline{
  height: 380px;
}
.table td{
  padding: 0.6rem 0.4rem !important;
  vertical-align: middle !important;
}
.dashboard-overview-datepicker,.dashbord-overview-nav{
  display:inline-flex;
  align-items: center;
  justify-content: center;
}
.table-condensed.table-bordered.table-striped,.table-condensed.table-bordered thead td,.table-condensed.table-bordered thead th{
  border: unset;
} 
.table-condensed.table-bordered.table-striped tbody tr:nth-of-type(odd) {
  background-color: unset;
}
.table-condensed.table thead th,.table-condensed.table tr td:not(.active){
  color: #263238 !important;
}
.table-condensed.table thead th.prev,.table-condensed.table thead th.next{
  color: #fff !important;
}

@media only screen and (max-width:413px){

}

@media only screen and (max-width:576px){
  .time-slot-section select{
    margin-right: 0px !important;
    width: 48%;
    margin-left: 3px;
}

  select.date_filter{
    font-size: 12px !important;
  }
 html .date-picker-option::after{
  right: -61px !important;
  top: -29px !important;
  position: relative;
  }
  .user-preference-accordion .card .card-header .card-title h4{
    font-size: 13px !important;
  }
  .user-preference-accordion .card .card-header i {
    font-size: 13px !important;
}
}
@media only screen and (min-width:414px) and  (max-width:415px){
  html .date-picker-option::after{
    right: 36px !important;
    top: 9px !important;
    position: absolute !important
    }
}
@media only screen and (max-width:768px){
  html .search-profile-btn button {
    margin-top: 10px !important;
}
#preID{
  margin-top: 15px !important;
}
html .p-5{
  padding: 1rem!important;
}

}
@media only screen and (min-width:768px) and (max-width:991px){
  
}
@media only screen and (min-width:992px) and (max-width:1199px){
  
}
@media only screen and (min-width:1200px) {
  
}
@media only screen and  (max-width:767px){
  .dashboard-overview-datepicker, .dashbord-overview-nav{
    display: inline-block !important;
    flex: 1 1 100%;
  }  
 .dashboard-overview-datepicker .horizontal_line_small, .dashbord-overview-nav .vertical-divider{
   display: none;
 }
 .white-box .dashboard-overview-filter{
  width: 100%;
  display: inline-block !important;
 }
 html .page-wrapper .white-box{
  justify-content: start !important;
  flex-wrap: wrap !important;
}
}
@media only screen and  (max-width:992px){
  .search-profile-btn label{
display: none;
  }
  .search-profile-btn button{
    margin-top: 38px !important;
  }
}
@media only screen and (max-width:992px) {
  .login-form{
    padding: 20px !important;
  }
  #submitBtn{
    margin-left: 15px !important;
  }
  .search-form fieldset input, .search-form select{
    margin: 0px !important;
  }
 html .search-form .calender::after{
    right: 20px !important;
    top: 18px !important;
  }
 
 
  .search-form .select-option::after{
    right: 18px !important;
    top: 5px !important;
  }
  .action-btn{
    display: flex;
  }
  .action-btn a{
    padding: 11px 10px;
  }

  .theme-nav-tabs nav>div a.nav-item.nav-link, .theme-nav-tabs nav>div a.nav-item.nav-link.active{
    width: 100%;
  }
  .theme-nav-tabs nav>div a.nav-item.nav-link:not(:last-child){
    border-right: unset !important;
  }
  .theme-nav-tabs nav>div a.nav-item.nav-link, .theme-nav-tabs nav>div a.nav-item.nav-link.active{
    border-top: 2px solid #f9a79c !important;
  }
  .add-profile {
    padding: 20px !important;

    
}

html .search-form .row .col-sm-6,html .search-form .row .col-sm-3{
  padding-right: 15px !important; 
}
.page-wrapper>.container-fluid{
  padding: 15px !important;
}
/* .card .card-body{
  padding: 15px !important;
} */
.add_enquiry,.meeting_list,.search-form .col-sm-10,.search-card ,#userForm .col-sm-12{
  padding: 0px !important;
}
.ring-img{
  width: 25% !important;
}
.table-bordered td, .table-bordered th {
    border: unset;
}
#enquiryForm,#searchForm,#connectionForm,#XploreForm,#userForm,#preID{
  padding: 20px !important;
}
html .login-section .login-form fieldset input{
  width:100% !important;
}
.white-box{
  padding: 10px;
}
.blank-label{
  display: none;
}
.highchart-body{
  padding: 0px !important;
}
.calender-section .card-body .table-condensed tr:nth-child(2) .prev, .calender-section .card-body .table-condensed tr:nth-child(2) .next{
  padding: 6px 10px !important;
}
}
@media only screen and (max-width:1200px) {
  .dashboard-overview-datepicker, .dashbord-overview-nav{
    margin-top: 10px;
  }
}

#overlay {
  background: #ffffff;
  color: #666666;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  padding-top: 25%;
  opacity: .80;
}

.spinner {
    margin: 0 auto;
    height: 64px;
    width: 64px;
    animation: rotate 0.8s infinite linear;
    border: 5px solid firebrick;
    border-right-color: transparent;
    border-radius: 50%;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.loader svg {
  width: 100px;
  display: block;
  margin: 40px auto 0;
}
.loader .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.loader .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.loader .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.loader .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.loader p {
  text-align: center;
  margin: 20px 0 60px;
  font-size: 1.25em;
}
.loader p.success {
  color: #73AF55;
}
.loader p.error {
  color: #D06079;
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

.progress-bar{
  padding:2px;
}
.border-grey{
  border: 1px solid #f8f8f8 !important;
}
.activeClass::after{
  background-color: #d3604a !important;
}
.laterDate::after{
  background-color: #2064ec !important;
}
.DistantDate::after{
  background-color: #389254 !important;
}
.activeClass::after,.laterDate::after,.DistantDate::after{
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  position: relative;
  left: 6px;
  top: 11px;
}
.dashboard-event-calender .card-footer{
  padding: 0.5rem 1.2rem;
}
.dashboard-event-calender .meeting-cards{
  max-height: 376px;
  overflow-y: auto;
  padding: 0px 6px;
}

.dashboard-event-calender .meeting-cards::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  }
  .dashboard-event-calender .meeting-cards::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.05);
  }
  .dashboard-event-calender .meeting-cards::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  }
  .dashboard-event-calender .meeting-cards::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
  }
  .dashboard-event-calender .meeting-cards::-webkit-scrollbar-thumb:active {
  background: rgba(0, 0, 0, 0.9);
  }
  @media print {
    body {-webkit-print-color-adjust: exact;}
    .left-sidebar,.topbar{
      display: none;
    }
    .page-wrapper{
      margin-left:0px !important ;
    }
    html .page-wrapper{
      margin: unset !important;
      padding: 0px 148px !important;
    }
    .white-box{
      display: none;
    }

 }


 .member-dot{
  background-color: #cdffcd;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  display: inline-block;
 }
 .non-member-dot{
  background-color: #fbe3cb;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  display: inline-block;
 }
 .closed-dot{
  background-color:  #e3e6e3;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  display: inline-block;
 }

 /*multiple checkbox*/
 .selectBox {
    position: relative;
  }
  
  .selectBox select {
    width: 100%;
    color: #525f7f;
  }
  
  .overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  
  #checkboxes {
    display: none;
    border: 1px #dadada solid;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  
  #checkboxes label {
    display: block;
    cursor: pointer;
    background-color: #f6fafd;
    padding: 5px;
    color: #525f7f;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
  }
  #checkboxes label input{
    margin-right: 7px;
  }
  #checkboxes label:hover {
    background-color: #1e90ff;
    color:white;
  }
  .table-bordered td .dropdown .btn-blue{
    background-color: #6ea7bf !important;
  }
  .navbar-collapse .navbar-nav li .btn_small_blue{
    background-color: #c5c4c4 !important;
  }
  /* .search-result-table .table-bordered td a i{
    color: #2cabe3;
  }
  .search-result-table .table-bordered td a:hover i{
    color: #297ea1;
  } */

  .greenClass{
    background-color: #72b54e !important;
  }

  .greenClass a{
  	color: #fff !important;
  }
  html .search-result-table .table-striped tbody .closed{
    background-color: #a2a2a254;
  }
  html .search-result-table .table-striped tbody .closed td{
    color: #00000078 !important;
   }
   html .search-result-table .table-striped tbody .closed td .dropdown .btn-blue{
    background-color: #a7acafa6 !important;
   }
   html .search-result-table .table-striped tbody .closed td a.edit, 
    html .search-result-table .table-striped tbody .closed td a.log,
    html .search-result-table .table-striped tbody .closed td a{
      color: #00000078 !important
    }
    html .search-result-table .table-striped tbody .closed td a.delete{
      color: #00000078 !important
    }
    .table td, .table th{
      padding: 0.65rem 0.4rem !important;
      font-weight: 400 !important;
    }

   /* html .table-striped:not(.table-condensed) tbody tr.connection-list{
    background-color: #ffcbc166 !important;
    } */

    #pagination{
      display: flex;
    }
    input[type=radio]{
      height: 20px;
      width: 20px;
      cursor: pointer;
    }
    #add_image1,#add_image2{
      width: calc(100% - 150px);
      text-overflow: ellipsis;
      position: relative;
      overflow: hidden;
    }
    
     #loderDisplay{
      display: none;
      background-color: #297ea1b3 !important;
    }
    #loderDisplay .spinner-border {
    margin-bottom: 2px;
    }
    .loader-btn:after {
      content: ' .';
      animation: dots 1s steps(5, end) infinite;
      left: -4px;
      position: relative;
    }
    
    @keyframes dots {
      0%, 20% {
        color: rgba(0,0,0,0);
        text-shadow:
          .25em 0 0 rgba(0,0,0,0),
          .5em 0 0 rgba(0,0,0,0);}
      40% {
        color: white;
        text-shadow:
          .25em 0 0 rgba(0,0,0,0),
          .5em 0 0 rgba(0,0,0,0);}
      60% {
        text-shadow:
          .25em 0 0 white,
          .5em 0 0 rgba(0,0,0,0);}
      80%, 100% {
        text-shadow:
          .25em 0 0 white,
          .5em 0 0 white;}}
    


          html .meeting_list fieldset input::placeholder{
            color: #6c6c6c !important;
          }