/* .company_keys_table.table-responsive{
  overflow-x : initial;
} */

.alert-success{
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

#tbl_invite_user_list_filter{display: none;;}

.div_company_perform_Action {
  /** Remove By Sahejad **/
  /* float: left; */
  margin-bottom: 20px;
  /** Remove By Sahejad **/
}
.div_company_perform_Action > a > i {
  margin-right: 0.5rem;
}
.icon-button:hover {
  cursor: pointer;
}

.icon-button:active {
  background: #cccccc;
}

.icon-button__badge {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 25px;
  height: 25px;
  background: #fff;
  color: #000;    border: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size : inherit !important;
}
#campaign-login-form .input-group-addon{
  background-color: #fff;
  border: 0;
  padding: 13px 12px;    font-size: 20px;
}


#holder {
  /* width: 11em;
  height: 13em; */
  width: 150px;
  height: 150px;
  border-radius: 10px;
  border: 1px solid #a6a6a6;
  padding: 2px 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
#holder > img {
  /* max-width: 100%;
  width: 100%;
  max-height: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #a6a6a6; */

  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
}
.sample_csv_template{
  text-decoration: underline;
    font-weight: bold;
}

#saveCompanyProfile .form-control-label,#sendInviteToUsers .form-control-label,#change_password_form .form-control-label{
  font-size: 1.1rem;
  font-weight: 700;
}

#viewReportPopup h2 ,
#main_print_div h2{
  color: #8050f2;
  font-weight: 650;
}

#viewReportPopup h5{
  width: 100%;
  font-weight: 700;
  font-size: 1.5rem;
}
/* #viewReportPopup img{
  width: 10vw;
  max-width: 100%;
} */
 
#sendInviteToUsers .form-group{
  padding: 0 !important;
}
#ViewReport{
  margin-top: 3em;
}
.invite_user_text_mail{
  padding: 0px;
  margin: 0px;
  color: #525f7f;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
}

.btn-warning{
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-success{
  background-color: #28a745;
  border-color: #28a745;
}

.campaign_login_detail {
  border: 3px #879afd;
  padding: 20px;
  margin-top: 3em;
  border-radius: 9px;
  border-style: dashed;
}

.campaign_login_detail b{
  font-weight: bold;
}

.forgot_password {
  text-align: center;
}
a.fr_pass {
  font-size: 1.1rem;
  font-weight: 700;
  text-decoration: underline;
}

.StepForSaveCampaingnDetail{
  text-align: left;
    color: #000;
}
.StepForSaveCampaingnDetail p, .stepToSaveDetail li{
  font-weight: bold;line-height: 30px;
}

.label-agree-term{
  display: inline-flex;
}
.label-agree-term input{
  display: initial;
  position: relative;
  top: 2px;
  width: 2em;
  margin: 0;
  padding: 0;
  font-size: 1em;
}
.label-agree-term p{
  margin: 0px;
    text-align: left;
    line-height: normal;
    cursor: pointer;
    padding: 2px 7px;
    color: #000000;
    font-weight: bold;
}

.div_button_list{
	position: relative;
  /* z-index: 999; */
  z-index: 1;
  padding: 0;
}

.send_all_yeallo_btn{
  color: #000;
  border-color: #f4ff00;
  background-color: #f4ff00;
}

.not_registered_label {
  color: #000;
  border-color: #f4ff00;
  background-color: #f4ff00;
  padding: 0.25rem 0.5rem;
  border-radius: 30px;
  font-weight: 600;
}

.registered_label {
  color: #fff;
  border-color: #28a745;
  background-color: #28a745;
  padding: 0.25rem 0.5rem;
  border-radius: 30px;
  font-weight: 600;
}

.sweet-alert p{
  display: block  !important;
  color: green !important;
  font-size: 20px  !important;
  font-weight: 700  !important;
}


/** Media Responsive Screen is starting from here....**/

@media (min-width: 1200px) and (max-width: 1380px) {

   
}

@media (min-width: 992px) and (max-width: 1199px) {

   
}

@media (min-width: 768px) and (max-width: 991px) {

   
}

@media (min-width: 280px) and (max-width: 400px) {
   
}

@media (max-width: 991px) {
   

}

@media (max-width: 767px) {
 
}