body{font-family: 'Roboto', sans-serif; background-color:#ebebeb  ; font-size: 14px !important; font-weight: 400 !important;  }

a{color:#0000ee }
a:hover,a:active,a:focus{outline:none;text-decoration:none;color:#72afd2 !important}
.padR0{ padding-right: 0;   }
.padL0{ padding-left: 0;  }
.marTN{ margin-top: -20px !important; }
.pad10{ padding: 10px; }
.fontBold{ font-weight: bold !important; }
.primaryLink{ text-decoration: underline !important;  }
.form-control, .input-group-addon{ font-size: 14px;   }
.form-group .input-group.date input{ border-right: 0;  }
button, button:focus, input[type="button"], .addPhotosBtn, input[type="submit"],a.btn{ border-radius: 4px !important; color: #fff;       }
button.grey, a.grey{ background-color: #fff !important; border-color: #626060 !important; color: #000; }
input[type="text"],input[type="password"],input[type="email"], select{ font-weight: normal; box-shadow: none;   }
textarea{ border:1px solid #d2d6de !important; padding: 5px; width: 100%; resize: none; }
hr{ border:1px solid #a1a1a1; border-top:none;  margin-top: 3px; margin-bottom: 3px;}
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]{  color: #fff;  }
.nav-tabs li a{ color: #6d6d6d; border-radius: 0; }
.whiteBg{ background-color: #fff;  }

.fnt16 { font-size: 16px; }

.radio label{ line-height: 23px; }

 .progress{ background-color:#e9eaee; } 


.gridFormBg{ background-color: #fff;  padding: 20px; margin-bottom: 20px; border-radius: 4px;   }


.gridFormBg2{ background-color: #fff; box-shadow: 3px 3px 5px #ccc;  margin-bottom: 20px;   }
.gridFormBg2 h3{    font-size: 20px !important; line-height: 50px;padding-left: 10px;border-bottom: 1px solid #ccc; }
.budgetManagementBox{ background-color: #fff; box-shadow: 3px 3px 5px #ccc;margin-bottom: 20px;   }
.budgetManagementBox .cell{ text-align: center; border-right: 1px solid #ccc; font-size: 18px; padding: 10px 0    }
.budgetManagementBox .cell:last-child{ border-right: none; }

.pointSummaryBox{ margin-bottom: 20px;   }
.pointSummaryBox h3{ font-size: 20px !important; line-height: 50px; padding-left: 10px; border-bottom: 1px solid #ccc }

.pointSummaryBox .cell{ border-right: 1px solid #ccc; font-size: 14px; line-height: 30px    }
.pointSummaryBox .cell:last-child{ border-right: none; }
.pointSummaryBox .innerData{ padding:0 10px 10px 10px }

header { background-color: #e21d39; padding: 4px 15px 4px 15px; position: fixed; width: 100%; z-index: 1000;    }
header a{ display: block;   }
footer{ height: 20px;  }
header .navbar { margin-bottom: 0; min-height:10px  }
.removeRounded{ border-radius: 0;   }
g[Attributes Style] {
display: none;
}
.padTop10{ margin-top: 20px !important; }
.bs-example{margin: 20px; }
.marL{ margin-left: 20px; }
.marB{ margin-bottom: 10px }
/*tr:nth-child(n+2)
 {
  background: #dddddd;
} */
p { margin: 0 0 0px;}

.lineheight30{ line-height: 32px;  }
.btn-group .dropdown-menu{ background-color: #d5d4d4; }
.btn-group .dropdown-menu a{ color: #e41c3a; display: block; padding: 2px 0px 2px 10px; font-size: 14px;       }
.profileImg { text-align: center; width: 34px; cursor: pointer; }
.profileImg img { border: 2px solid #fff; border-radius: 50%; height:32px; width: 32px;     }
.profileImg .nav li a{ padding: 0; line-height: 12px;  }
.profileImg .nav li a:focus{ background:transparent;  }
.profileImg .nav li a i{ font-size: 20px; color: #fff; line-height: 12px   }
.profileImg .nav li a:hover,.profileImg .nav li a:active, .profileImg .nav .open  a{ background-color: transparent;  }
.profileImg .dropdown-menu ul{ padding: 0; }
.profileImg .dropdown-menu{ box-shadow: 2px 2px 2px #ccc; padding: 0; top: 128%; }
.profileImg .dropdown-menu li{ padding-left: 30px; border-bottom: 1px solid #d5d5d5;    }
.profileImg .dropdown-menu li:hover, .profileImg .dropdown-menu li:hover a{  color: #e21d39; background-color: transparent !important;    }
.profileImg .dropdown-menu li a{ line-height:48px; color: #777;  }
.profileImg .dropdown-menu li{ position: relative;list-style: none;    padding-left: 56px;    line-height: 50px;    font-size: 14px;    box-shadow: none;    background-position: 20px 14px !important;    min-width: 240px; }
.profileImg .dropdown-menu li:first-child{  background: none; color: #000;  }

.profileImg .dropdown-menu li:last-child{ border: none; }

.profilePicDropdown .arrow-up {width: 0;    height: 0;    border-left: 8px solid transparent;border-right: 8px solid transparent;    border-bottom: 16px solid #fff;    position: absolute;
    right: 6px;
    top: -14px;
}

.profilePicDropdown{ padding: 20px !important; border-bottom: 1px solid #d5d5d5; }
.profilePicDropdown img{ float: left; width: 40px; height: 40px;  }
.profilePicDropdown .profileText{ float: left; margin-left: 10px;   }
.profilePicDropdown .profileText strong{ color: #383853; font-size: 14px;line-height: 21px; }
.profilePicDropdown .profileText span{ color: #7B8191; font-size: 12px; line-height: 18px; }
.profilePicDropdown .profileText strong, 
.profilePicDropdown .profileText span{ display: block;  }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

#modal-dialog { width: 350px; margin: 30px auto; }

.notify {height:350px;overflow-y: scroll;}
.popover {font-size: 14px;}
.popover-content {padding: 3px 3px;}
.topNav{  text-align: right;  }
.topNav li{ line-height: 20px;    }
.topNav li:last-child{ border:none;  }
.topNav li a{ color: #fff; font-size: 14px; font-weight: normal; padding-top: 0; padding-bottom: 0; line-height: 56px;     }
.topNav li a:hover, .topNav li a:focus{ background-color: transparent; color: #890015;  }
.topNav li.topActive a{ position: relative;  }
.topNav li.topActive a:after{position: absolute; content: ''; left: 15px; right: 15px; border-bottom: 3px solid #fff; bottom: 0;}

.leftBar{ background-color: #fff; margin-top: 20px;    }
.leftBar .panel{ box-shadow: none; }
.leftBar .panel .panel-title{  font-size: 15px; }
.leftBar .panel-heading{ position: relative; padding: 0 }
.leftBar .panel-heading a, .leftBar .singleLink{   display: block; padding: 10px;  }
.leftBar .panel-heading a.collapsed{  position: relative; }
.leftBar .panel-heading a.heading:after{ position: absolute; right: 5px;  top: 0; bottom: 0; font-size: 12px; line-height: 40px; font-family: "FontAwesome"; content: "\f078"; }
.leftBar .panel-heading a.collapsed:after{content: "\f054"; }
.leftBar .singleLink{ color: #191919;  }
.leftBar .singleLink:hover{ color: #fff !important }


.leftBar li a{ padding: 0; display: block;  color: #000;  font-size: 14px; background-size: 25px; background-repeat: no-repeat; background-position: 5px center;  padding-left: 20px    }
.leftBar li a span{  line-height: 36px;   }

.leftBar li:hover a:before, 
.leftBar li.active a:before {background-repeat: no-repeat; background-position: 5px center;height: 100%; width: 100%; content: "";  left: 0; top: 0; right: 0; bottom: 0; position: absolute; }
.leftBar li:hover a, .leftBar li.active a{ color: #e41c3a; background-color: #e41c3a; }
.totalBudget{ padding-left: 20px;   }
/*
.leftBar li a.submenu_9 { background-image: url("../img/companyProfileBtn1.png");  }
.leftBar li:hover a.submenu_9, .leftBar li.active a.submenu_9 { background-image: url("../img/companyProfileBtn2.png");}
.totalBudget{ padding-left: 20px;   }
.totalBudget h2, .titleHeader h2{ border-bottom: 1px solid #ccc; font-size: 24px; margin: 0; margin-top: 20px; padding-bottom: 10px; margin-bottom: 10px;        }
.totalBudget{ padding-left: 20px;   }


.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover{ background-color: #e41c3a; border-color: #e41c3a;}

/*.formBg{ background-color: #eeecec; }*/
.formBg .easy-autocomplete input{ border-radius: 0; }
.formBg label{ font-weight: normal;  }


.actionBtn .dropdown-menu, .table_wrapper .dropdown-menu a,
#DataTables_Table_0_wrapper .dropdown-menu, #table_wrapper1_wrapper .dropdown-menu{ background-color: #fff; line-height: 30px;  box-shadow: 3px 3px 3px #ccc    }
#table_wrapper .dropdown-menu a, .actionBtn .dropdown-menu a, #DataTables_Table_0_wrapper .dropdown-menu a  { color: #000;     }
#table_wrapper .dropdown-menu a:hover, .actionBtn .dropdown-menu a:hover, #DataTables_Table_0_wrapper .dropdown-menu a:hover, #table_wrapper1_wrapper .dropdown-menu a:hover{ background-color: #d8d5d5; color: #e41c3a;    }

#table_wrapper_dep .dropdown-menu, .table_wrapper .dropdown-menu { background-color: #fff;   box-shadow: 3px 3px 3px #ccc    }
#table_wrapper_dep .dropdown-menu a, .table_wrapper .dropdown-menu a{ color: #000;     }
#table_wrapper_dep .dropdown-menu a:hover, .table_wrapper .dropdown-menu a:hover{ background-color: #d8d5d5; color: #e41c3a;    }

#table_wrapper_des .dropdown-menu{ background-color: #fff; line-height: 30px;  box-shadow: 3px 3px 3px #ccc    }
#table_wrapper_tag .dropdown-menu{ background-color: #fff; line-height: 30px;  box-shadow: 3px 3px 3px #ccc    }
#table_wrapper_mood .dropdown-menu{ background-color: #fff; line-height: 30px;  box-shadow: 3px 3px 3px #ccc    }
#table_wrapper_notifi .dropdown-menu{ background-color: #fff; line-height: 30px;  box-shadow: 3px 3px 3px #ccc    }
#table_wrapper_des .dropdown-menu a{ color: #000;     }
#table_wrapper_tag .dropdown-menu a{ color: #000;     }
#table_wrapper_mood .dropdown-menu a{ color: #000;     }
#table_wrapper_notifi .dropdown-menu a{ color: #000;     }
#table_wrapper_des .dropdown-menu a:hover{ background-color: #d8d5d5; color: #e41c3a;    }
/* my budget page */

.my_budget_header{ background-color: #fff; padding:20px 23px; line-height: 30px; color: #000; font-size: 24px; font-weight: 500; margin-top: 23px; box-shadow: 2px 3px 3px #ccc; margin-bottom: 10px;       }




.budgetBox{ vertical-align: middle;       }
.budgetBox #budgetPie{  background:url("../img/budgetIcon.jpg") no-repeat center ;  }
.budgetBox .legends{ margin-top: 20px; margin-bottom: 28px;  }
.budgetBox .legends li{ list-style: none; position: relative; padding-left: 37px; margin-bottom:15px;    }
.budgetBox .legends li:before{ position: absolute; content: ""; background-color: #a4a4a4; height: 20px; width: 20px; left: 0     }
.budgetBox .legends li.grey1:before{ background-color:#d1d1d1;     }
.budgetBox .legends li.grey2:before{ background-color:#575656;     }

.budgetBox .budgetDetails, .budgetBox .distributed,.budgetBox .expired, .budgetBox .balance
{ font-size: 18px; border:1px solid #d5d5d5;  min-height: 80px; background-color: #e2e1e1;    padding:10px; padding-left: 70px; text-align: center; position: relative; font-weight: bold; background-color: #fff;   }
.budgetBox .budgetDetails:before,.budgetBox .distributed:before,.budgetBox .expired:before,.budgetBox .balance:before
{ position: absolute; left: 10px; top: 10px;  bottom: 10px; width: 65px;  content: "";          }

.budgetBox  span, .claimSummery span{  font-weight: normal; line-height: 35px; display: block; font-size: 14px;    }

.budgetTransaction{  display: block;  border-radius: 0;  }
.budgetTransaction h3{ margin: 0;  background-color: #d5d4d4; margin:0; line-height: 50px; font-size: 20px; font-weight:800; padding-left: 15px;  }
.budgetTransaction h4{ padding-left: 15px; border-bottom: none !important;line-height: 35px;padding-bottom: 0 !important;margin: 0 !important; }
.budgetTransaction .img{ text-align: center; display: table; width: 100%;     }
.budgetTransaction .img .inner{ display: table-cell; vertical-align: middle;  height: 200px; text-align: center;  }
.budgetTransaction .img img{ max-height: 100%; max-width: 100%; }

.claimSummery{border:1px solid #d5d5d5;  min-height: 75px; padding-left: 70px;  font-weight: bold; background-color: #fff;     font-size: 20px; float: left; margin-right: 14px; width: 18.5%; position: relative; padding-top:10px; line-height:20px  }
.claimSummery:before{background: url(../img/submitted.svg) no-repeat center !important; position: absolute; content: ''; height: 50px; width: 50px; left: 10px; top: 10px; }
.claimSummery.claimApproved:before{background: url(../img/approved.svg) no-repeat center !important;}
.claimSummery.claimRejected:before{background: url(../img/rejected.svg) no-repeat center !important;}
.claimSummery.claimPending:before{background:  url(../img/pending.svg) no-repeat center !important;}
.claimSummery.claimDiscarded:before{background: url(../img/discarded.svg) no-repeat center !important;}

.claimSummery span{ font-size: 14px; }
.claimSummery:last-child{ margin: 0; }
h4.myBudget{ margin-bottom: 10px; border-bottom: 1px solid #ccc; line-height: 40px; position: relative;  }

.noDataFound { position: relative; text-align: center; padding-top: 120px;   }
.noDataFound:after{    background: #ebebeb url(../img/noDataFound.svg) no-repeat center;    position: absolute;    margin: 0 auto;    left: 0;    top: 0;    bottom: 0;    right: 0;    text-align: center;    content: "";    padding: 0;    width: 100px;    height: 100px;    border-radius: 50%;    background-size: 64%;}

.noDocFound { position: relative; text-align: center; padding-top: 120px;   }
.noDocFound:after{    background: #ebebeb url(../img/noDataFound.svg) no-repeat center;    position: absolute;    margin: 0 auto;    left: 0;    top: 0;    bottom: 0;    right: 0;    text-align: center;    content: "";    padding: 0;    width: 100px;    height: 100px;    border-radius: 50%;    background-size: 64%;}

.noHierarchy { position: relative; text-align: center; padding-top: 120px;   }
.noHierarchy:after{    background: #ebebeb url(../img/hierarchy.svg) no-repeat center;    position: absolute;    margin: 0 auto;    left: 0;    top: 0;    bottom: 0;    right: 0;    text-align: center;    content: "";    padding: 0;    width: 100px;    height: 100px;    border-radius: 50%;    background-size: 64%;}


/* setting page */


.settingsTiles{box-shadow: 3px 3px 3px #ccc; margin-top: 23px; display: block; text-align: center; color: #777777;background:#fff url("../img/Budget-Management.png") no-repeat center 22px; height: 220px; font-size: 20px; position: relative;   }
.settingsTiles span{  position: absolute; bottom: 0; left: 0; right: 0; line-height: 30px; padding: 42px 5px;   }
.settingsTiles:hover, .settingsTiles:focus{ color: #e41c3a;   }
.settingsTiles.budget{ background:#fff url("../img/Budget-Management.png") no-repeat center 22px; background-size: 120px 120px;  } 
.settingsTiles.access_control{ background-image:url("../img/accessControl.png")  } 
.settingsTiles.department{ background-image:url("../img/departmentManagement.png") }
.settingsTiles.mood_o_meter{ background-image:url("../img/moodometer.png"); background-size: 120px 120px;  } 
.settingsTiles.theme{ background-image:url("../img/theme-icon (1).png"); background-size: 120px 120px; } 
.settingsTiles.badges{ background-image:url("../img/badgesSettings.png"); } 
.settingsTiles.certificates{ background-image:url("../img/Certificates.png"); background-position-y: 50px;}

/*.settingsTiles.settings{ background-image:url("../img/companyProfileIcon.png")  } 
.settingsTiles.access_control{ background-image:url("../img/accessControl.png")  } 
.settingsTiles.department{ background-image:url("../img/departmentManagement.png") }
.settingsTiles.mood_o_meter{ background-image:url("../img/departmentManagement.png")   } 
*/
.settingsTiles.settings{ background-image:url("../img/Company-Profile.png");  } 
.row:nth-child(13).settingsTiles.settings{ background-image:url("../img/reward_catalog_1.png") ;  }
.settingsTiles.access_control{ background-image:url("../img/Access-Control.png")  } 
.settingsTiles.department{ background-image:url("../img/Dept-designation.png")  } 
.settingsTiles.programs{ background-image:url("../img/programBtn.png")  } 

.settingsTiles.rewardsCatelogue { background-image:url("../img/reward_catalog_large.png")!important; background-position-y: 22px ;}



.settingsTiles.behaviours{ background-image:url("../img/behaviour-management.png")  } 
.settingsTiles.user{ background-image:url("../img/user-management.png")  } 
.settingsTiles.email{ background-image:url("../img/email_notification.png")  } 
.settingsTiles.skill{ background-image:url("../img/skillManagement.png")  } 
.settingsTiles.setting{ background-image:url("../img/Dept-designation.png")  } 
.settingsTiles.knowledge{ background-image:url("../img/knowledgeManagement.png")  } 

.settings h4, .settings h3, .innerPages h3{ margin: 0; padding-bottom: 10px; font-size: 18px !important;  border-bottom: 1px solid #d5d5d5; color: #191919 !important; margin-bottom: 10px  }
.settings .accessControlList{ list-style: none; line-height: 30px;  font-size: 14px  }
.settings .accessControlList ul{ list-style: none; }
.totalBudget h2, .titleHeader h2{ background-color: #fff; box-shadow: 3px 3px 5px #ccc; padding: 20px; font-size: 24px;  }
.superchequesLink{ margin-bottom: 15px; font-size: 14px; }
.nav-tabs{ border-bottom: none;  }
.nav-tabs  li a{ border: none; border-radius: 0;  font-size: 14px;  color: #000;  }
.nav-tabs  li a:focus, .settings .nav-tabs  li a:hover{ border: none;}
.nav-tabs  li.active a{ font-weight: bold; border: none !important; }
.settings .show_add_btn { margin-bottom: 20px; }
.settings .modal h4 { border-bottom: none; margin-bottom: 0; padding-bottom: 0; color: #fff !important }
/* login page */


.login-page-main{ background-color: #fff !important; height: 100vh;display: flex; flex-direction: column; background-color: #ccc }
.login-page-main .ht100 { height: 100% }
.login-page-main h4{ margin:30px 0 15px 0; color: #111111;  font-size: 24px;      }
.login-page-main .subtitle{ font-size: 12px; margin-bottom: 18px; color: #6D6D6D; margin-left: 17px; }
.login-page-main .login-logo { background:url("../img/login-logo.jpg") no-repeat left top ;  height: 72px; margin-bottom: 0;    }

.login-page-main .login-box{ background-color: #fff;  }
.login-page-main .login-img{   position: absolute; background-size: cover; top:0; left:0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: 2;   }
.login-page-main .login-img-newuser{ background:#d4d4d4 url("../img/login page_newuser_image.png") no-repeat left center ;  width: 90%; background-size: contain;  }
.login-page-main .login-img-forgotpassword{ background:#d4d4d4 url("../img/forgotpassword.png") no-repeat left center ; background-size: contain;  }
.login-page-main .login-img-forgotpassword2{ background:#d4d4d4 url("../img/forgotpassword2.png") no-repeat left center ; background-size: contain;  }
.login-page-main .passwordEye,  .resetPasswordEye{position: relative;}
.login-page-main .passwordEye a, .resetPasswordEye a{ position: absolute; right: 8px; top: 7px; color: #000;background: url("../img/eyeClose.svg") no-repeat left center ; height: 20px; width: 20px ;    }
.login-page-main .passwordEye a.open, .resetPasswordEye a.open{background: url("../img/eyeOpen.svg") no-repeat left center ;}
.resetPasswordEye a{ height: 30px; z-index: 10; right: 10px;   }

.login-page-main .login-box-body{ padding-top: 30px; }

.login-page-main .login-box-body input[type="button"], 
.login-page-main .login-box-body input[type="submit"],
.login-page-main .login-box-body button
 { background-color: #111111 !important; color: #fff;}
.login-page-main .login-box-body .whiteBtn{ display: block; text-align: center; border:1px solid #d5d5d5;   line-height: 30px; margin-bottom: 20px; color: #191919  }



/* popup  */
.login-page-main .forgot_password{ line-height: 30px; margin-bottom: 10px; }

.resendContainer{position: absolute; top:30px; right:15px}
.resendContainer .resendotp{ color:#000EEE; font-size:12px;  }
.resendContainer .resendTxt{ font-size:12px; line-height:18px }
.resendContainer .green-timer{ color:#1F8400; font-weight:bold; }
.otpMsg .alert{ background: none;padding: 0;font-size: 12px;text-align: left;border: none;color: #000 !important;line-height: 20px; }
.otpMsg .alert button{ display:none; }
.otpMsg  .alert-danger{ color:#FF0000 !important }



.popUp .modal-header{ background-color:#e41c3a; color: #fff;    }
.popUp .modal-header h5{ float: left; font-size: 18px;  }
.popUp .modal-header button{  color: #fff; opacity: 1; font-size: 24px !important;   }
.popUp .modal-header button.close span:focus { border: none;  }
.popUp .modal-header button.close:focus { border: none;  }
.popUp .redeemValue{ padding-top: 15px; color:#e41c3a; font-weight: bold;   }


.profileImageBox,.profileImageBox1{ text-align: center; position: relative;  }
.profileImageBox:after, .profileImageBox1:after{ /*content: "";*/ background-color: #6d6d6d; opacity: 0.1; position: absolute; left: 0; top: 0; bottom: 0; right: 0;    }
.profileImageBox .img, .profileImageBox1 .img{ width: 138px; height: 138px; border-radius: 50%; border:4px solid #a1a1a1; margin-bottom: 10px;   }
.profileImageBox  #profileImg, .profileImageBox1  #profileImg1{ position: relative; z-index: 2; top: 0; bottom: 0; }
.profileImageBox1 a.editImage{background:#E21D39 url("../img/editProfile.svg") no-repeat center ; border-radius:50%; height:48px; width:48px; display:block; border:2px solid #fff; position:absolute; right:0; bottom:0  }

.profilePicBg a.memberType{ display:block; background-color:#FFFFFF; padding:5px; position:absolute; left: 5%; bottom:-26px; width:90%;  box-shadow:0 3px 6px #00000029; border-radius:4px; color:#191919; font-style:italic; z-index:2   }
.profilePicBg a.memberType:after{ content:'';background: url("../img/profileArrow.svg") no-repeat center ; width:10px;  rotate:-90deg; right:10px; top: 0; bottom: 0; display:inline-block; position:absolute;  }

.moodImageBox{ position:absolute; right: 50px; top:20px;  text-align: center; padding: 15px;  }
.moodImageBox img{ width: 90px; height: 90px; border-radius: 50%;  margin-bottom: 10px;   }

.userProfile{ padding-left: 20px;   }
.userProfile label{ font-weight: normal;   }
.userProfile .sec1{  padding: 15px;  }
.userProfile h3{ color: #828282; font-size: 16px;  }

#mood_upload{ display:none }



.companyProfileImage{ background-color: #e1e1e1; padding: 43px; border:1px solid #a1a1a1; display: table; width: 100%    }
.companyProfileImage .inner{ background-color: #fff; border:1px solid #a1a1a1; padding: 53px; text-align: center;    }
.companyProfileImage .inner img{ max-width: 100%;  }
.pencil span{ color: #525353; font-size:16px;   }


/* pulse page */

.pulseTabs a{ display: block; font-size: 14px; color: #000; padding:8px 20px; border-bottom: 1px solid #ccc; }
.pulseTabs a:hover, .pulseTabs a.active{ background-color: #d5d4d4; color: #535353;  }
.pulseTabs a span{ font-size: 18px; padding-right: 12px; display: inline-block !important;
                   width: 70px; }
.pulseTabs .pulseYear{ font-size: 18px; background-color: #d5d4d4; height: 50px;  }


.pulseView { padding: 20px; font-size: 14px; color: #848484   }
.pulseView a{ color: #848484; display: inline-block; padding:0  12px ; position: relative;     }
.pulseView a:hover, .pulseView a.active{ color: #e21d39  }
.pulseView a:hover:before, .pulseView a.active:before{ content: "\25B6"; position: absolute; left: 0; font-size: 12px; line-height: 20px  }

.pulseStatus{ border-left:10px solid #e21d39; background-color: #e1e1e1; color: #000; font-size: 16px; line-height: 50px; text-align: center; position: relative;      }
.pulseStatus span{ display: inline-block; text-align: center; width: 58%; font-size: 12px;  }
.pulseStatus span.num{  padding: 0 10px; font-size: 18px; width: 38.0%;    }
.pulseStatus i{ margin-left: 3px;   }

/* leader board */

.leaderBoardList .profilePic{ position: relative;  }
.leaderBoardList .profilebdr{ border:2px solid #505050;height: 95px; width: 95px; border-radius: 50%; }
.leaderBoardList .profilePic img{ height: 90px; width: 90px; border-radius: 50%;    }

.leaderBoardList .profilePic .rank{ position: absolute; bottom: 10px; right: 10px; border:1px solid #505050; border-radius: 50%; height: 40px; width: 40px; background-color: #fff; text-align: center ; color: #e21d39; padding-top: 8px;   }
.leaderBoardList .profilePic .rank strong{ font-size: 16px; }
.leaderBoardList .userlead{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #d5d5d5 }
.leaderBoardList .userlead h4{ margin: 0;  }
.leaderBoardList .userlead h4 a{ color: #191919; font-size: 15px; font-weight: bold; }
.leaderBoardList .userlead .mixedSlider .MS-controls .MS-left,
.leaderBoardList .userlead .mixedSlider .MS-controls .MS-right{ margin-top: 0; }
.leaderBoardList .userlead .mixedSlider .MS-content{ margin: 0 8%; }
.leaderBoardList .userlead p{ line-height: 20px; }
.count_buzz {color: #e21d39; font-size: 14px;     padding-bottom: 20px;}

 #pepBehaviour{ width: 90%; margin: 0 auto;     }
 #pepBehaviour .item{
      display: block;

      margin: 5px;
        -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
    }
    .owl-theme .owl-controls .owl-buttons div {   padding: 5px 9px;  }
    .owl-theme .owl-buttons i{    margin-top: 2px;   }

    /*To move navigation buttons outside use these settings:*/

    .owl-theme .owl-controls .owl-buttons div {   position: absolute;   }
    .owl-theme .owl-controls .owl-buttons .owl-prev{ left: -25px;  top: 28px;  }
    .owl-theme .owl-controls .owl-buttons .owl-next{  right: -25px; top: 28px; }

/* clearfix */
.owl-carousel .owl-wrapper:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}
/* display none until init */
.owl-carousel{  display: none;  position: relative;  width: 100%;  -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{  display: none;  position: relative;  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{  overflow: hidden;  position: relative;  width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}



/* home page */
 


.centerCol, .rightCol, .leftCol { padding: 6px;   }

.whiteBox{ background-color: #fff;  box-shadow: 2px 3px 3px #ccc; margin-bottom:13px; background-size:contain !important;       }
.deletedBlogs{ background-color: #ccc;  }



.userProfilePortlet { padding-top: 26px; text-align: center; position: relative;   }
.userProfilePortlet img,.userProfilePortlet  .userInitials{ width: 152px; height: 152px; border:4px solid #ccc;   }
.userProfilePortlet  .userInitials{ background-color: red; border-radius: 50%; margin: 0 auto; font-size: 30px; color: #fff; display: table; vertical-align: middle;  }
.userProfilePortlet  .userInitials div{ display: table-cell; vertical-align: middle;  }
.userProfilePortlet h3{ font-size: 18px; text-transform: capitalize; font-weight: 400;    }
.userProfilePortlet h3 a{color: #191919  }
.userProfilePortlet h4{ background-color: #929292; color: #fff; line-height: 40px; font-size: 16px; margin: 0 auto !important; width: 89%;      }
.userProfilePortlet h4 strong{ font-size: 25px  }
.userProfilePortlet .buzzRank{ margin:0px 7px 10px 7px; font-size: 12px;  border: 1px solid #ccc;   }
.userProfilePortlet .buzzRank h3{font-weight: normal;  background-color: #f8f8f8; color: #e21d39; font-size: 16px; margin:0; line-height: 30px;  margin-bottom: 5px; text-align: left;padding-left: 5px   }
.userProfilePortlet .buzzRank strong{ display: block; font-size: 18px   }
.userProfilePortlet .buzzRank a, .userProfilePortlet .badgesHome  a{ display: block; color: #191919 }
.userProfilePortlet .buzzRank a:hover, .userProfilePortlet .badgesHome  a:hover{ display: block; color: #72afd2 }
.userProfilePortlet .buzzRank .rank{ border-right: 1px solid #a1a1a1; }
.userProfilePortlet .buzzRank .rank:last-child{ border:none; }

.userProfilePortlet .buzzRankCircle{ margin: 0 auto; width: 80px; height: 1px; position: relative;  }
.userProfilePortlet .buzzRankCircle .inner { border:2px solid #ccc; height: 50px; width: 50px; border-radius: 50%; line-height: 50px; position: absolute; right: -50px; top:-50px; background-color: #fff; font-size: 14px;       }


.explorePortlet h3{ color: #e21d39; font-size: 16px; line-height: 30px;  border-bottom: 1px solid #b7b7b7; margin: 0; font-weight: bold; padding-left: 15px;   }
.explorePortlet li{ list-style: none; }
.explorePortlet a{ color: #484848; font-size: 14px; } 
.explorePortlet li, .explorePortlet ul{ margin: 0; padding: 0; }
.explorePortlet li{ padding-left:35px; line-height: 50px;  }
.explorePortlet li.Buzzzes{  background:url("../img/buzzzes.svg") no-repeat left center ;    background-size: 30px Auto;   } 
.explorePortlet li.Birthdays{  background:url("../img/birthdays.svg") no-repeat left center ;    background-size: 30px Auto;   } 
.explorePortlet li.Anniversaries{  background:url("../img/anniversaries.svg") no-repeat left center ;    background-size: 30px Auto;   } 
.explorePortlet li.News{  background:url("../img/news.svg") no-repeat left center ;    background-size: 30px Auto;   } 
.explorePortlet li.Gallery{  background:url("../img/gallery.svg") no-repeat left center ;    background-size: 30px Auto;   } 
.explorePortlet li.Polls{  background:url("../img/polls.svg") no-repeat left center ;    background-size: 30px Auto;   } 
.explorePortlet li.KnowledgeCenter{  background:url("../img/knowledgecenter.svg") no-repeat left center ;    background-size: 30px Auto;   } 
.explorePortlet li.Survey{  background:url("../img/survey.svg") no-repeat left center ;    background-size: 30px Auto;   } 
.explorePortlet li.Badges{  background:url("../img/badges.svg") no-repeat left center ;     background-size: 30px Auto;  } 
.explorePortlet li.MyPrograms{  background:url("../img/My-Programs.png") no-repeat left center ;      } 
.explorePortlet li.AllPrograms{  background:url("../img/All-Programs.png") no-repeat left center ; } 
.explorePortlet li.Configuration{  background:url("../img/Configurations.png") no-repeat left center ; } 
.explorePortlet li.Support{  background:url("../img/Support.png") no-repeat left center ;} 
.explorePortlet li.ProgramsReports{  background:url("../img/Program-Reports.png") no-repeat left center ;    } 
.explorePortlet li.Certificates{  background:url("../img/certificates.svg") no-repeat left center ;    background-size: 30px Auto;   } 
.explorePortlet li.NominationEvent{  background:url("../img/nominationevent.svg") no-repeat left center ;    background-size: 30px Auto;   } 


.behavioursPortlet h3{ color: #e21d39; font-size: 16px; margin:0; border-bottom: 1px solid #b7b7b7; line-height: 30px; font-weight: bold; padding-left: 15px;  }
.behavioursPortlet .controls{text-align: right; border-top: 1px solid #b7b7b7;   }
.behavioursPortlet .controls a{ color: #e11f3b; font-size: 18px;    }
.behavioursPortlet .carousel-inner{ min-height: 100px;   }
.behavioursPortlet .miniDropdown{ line-height: 13px; padding-right: 10px;  }
#behaviours{ padding: 10px;   }
#behaviours .item h4 img{ height:20px; width: 20px;   }



.badgesHome{     border: 1px solid #ccc; margin:0px 7px 10px 7px;  position: relative;       }

.badgesHome h3{ background-color: #f8f8f8; color: #e21d39; font-size: 16px; margin:0; line-height: 30px; font-weight: normal; margin-bottom: 20px; text-align: left; padding-left: 5px   }
.badgesHome .carousel-inner{ min-height: 100px;   }
.badgesHome .miniDropdown{ line-height: 13px; padding-right: 10px; position: absolute; right: 0;   }
.badgesHome .owl-controls{ height: 35px; position: relative; border-top: 1px solid #ccc; margin-top: 10px;   }
.badgesHome .owl-controls .owl-buttons{ position: absolute; top: 0; width: 100%; height: 100%;  }
.badgesHome .owl-buttons .owl-prev{ left:auto !important; top: 0 !important; right: 20px; font-size: 18px   }
.badgesHome .owl-buttons .owl-next{ right: 0 !important; top: 0 !important; font-size: 18px   }
.badgesHome .images3 .singleImg{ display: inline-block; padding-bottom: 5px; }
.badgesHome .images3 .singleImg img{ width:50px; height: 50px;    }
.badgesHome .padBtm{ padding-bottom: 15px !important;    }

#badges .item img{ display: inline-block;height: 50px;width: 50px; }
#badges .owl-stage {  display: flex;  align-items: center;}

.myBadges .nav-tabs > li.active > a, 
.myBadges .nav-tabs > li.active > a:focus,
.myBadges .nav-tabs > li.active > a:hover,
.myBadges ul li a:hover, 
.myBadges ul li a:focus,  
.myBadges ul li a, 
.myBadges ul li:hover, .myBadges ul li{ margin: 0; border:0; background: none;  }
.myBadges table tr{ border-bottom: 1px solid #ccc;  }
.myBadges{ background-color: #fff;   }
.myBadges ul li{ font-size: 18px; border:none;  }
.myBadges ul li.active { border-bottom: 3px solid #e41c3a }

.myEarnedBadges .badgesEarned{ text-align: center; border-right: 1px solid #000; font-size: 18px;   }
.myEarnedBadges .badgesEarned.noborder{ border: none; }
.myEarnedBadges  h4{ margin-top: 20px }
.myEarnedBadges .badgesEarned strong{ font-size: 24px }

.miniDropdown{   }
.miniDropdown a{ color: #919191; font-size: 22px; font-weight: normal; text-shadow: 1px 1px 1px #fff }
.miniDropdown ul{ box-shadow: 1px 1px 3px #ccc; border-radius: 0;}
.miniDropdown li a{ font-size: 14px;  }
.miniDropdown li a:hover{  color: #e21d39;  }

#organizationPulse{ width: 100%; margin: 10px auto; padding: 10px;     }
#organizationPulse .item{   display: block;   text-align: center;  }
#organizationPulse .owl-controls .owl-buttons .owl-prev{  top: auto; left: auto; right: 14px;  }
#organizationPulse .owl-controls .owl-buttons .owl-next{  top: auto; left: auto; right: 0px;  }
#organizationPulse .owl-controls { border-top: 1px solid #b7b7b7; height:20px; font-size: 18px; color: #e11f3b;   }

.leaderBoard{ margin-top: 16px;   }
.leaderBoard .row{ margin: 15px 0; border-bottom: 1px solid #b7b7b7; padding-bottom: 10px   }
.leaderBoard .profilebdr, .leaderBoardView .profilebdr{ position: relative; height: 55px; width: 55px; }
.leaderBoard .profilebdr img, .leaderBoardView .profilebdr img{ height: 55px; width: 55px; border-radius: 50%; border:1px solid #000;      }
.leaderBoard .profilebdr .rank, .leaderBoardView .profilebdr .rank{ line-height: 23px;  border-radius: 50%; height: 21px; width: 21px;text-align: center; font-size: 14px; position: absolute; bottom: 0;  right: -5px;         }
.leaderBoard  h5, .leaderBoardView h5{ margin: 0; font-size: 14px; font-weight: bold;   }
.leaderBoard  h5 a, .leaderBoardView h5 a{ color: #191919;   }
.leaderBoard  p, .leaderBoardView p{ font-size: 12px;  }
.leaderBoard .points, .leaderBoardView .points{ text-align: center; padding: 0; font-size: 12px;  }
.leaderBoard .points strong, .leaderBoardView .points strong{ font-size: 14px; display: block; }

.leaderBoardView .block{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #b7b7b7; margin-right: 5px; }
.leaderBoardView .profilebdr{ position: relative; height: 80px; width: 80px; }
.leaderBoardView .profilebdr img{ height: 80px; width: 80px; border-radius: 50%; border:1px solid #000;      }
.leaderBoardView h5{ margin: 0; font-size: 18px; line-height: 30px; font-weight: bold;   }
 .leaderBoardView .points, .leaderBoardView .points strong { font-size: 18px; display: block; }

.buzzNow h4{ margin:0; background-color: #929292; color: #fff; line-height: 38px; padding-left: 18px; font-size: 16px; font-weight: bold;    }
.buzzNow .inner{ padding: 16px;   }
.buzzNow .behaviourBtn a{ color: #000; background-color: #e0dede; margin-right: 3px; margin-bottom: 3px; display: inline-block; border-radius: 0; box-shadow: none;    }
.buzzNow .behaviourBtn a.active, .buzzNow .behaviourBtn a:hover{ color: #fff; background-color: #e21d39;   }
.buzzNow .selectBehaviour{ font-weight: bold; line-height: 40px;  }
.buzzNow h5{ border-bottom: 1px solid #d5d5d5;line-height: 30px; }

.postNav{  font-size: 14px; font-weight: bold; margin-bottom: 10px; padding-left: 18px;  }
.postNav a{ color:#484848;   }
.postNav a.active, .postNav a:hover{ color:#e21d39;    }

.userHeader{ padding-bottom: 0;  }
.userHeader img{ height: 44px; width: 44px;  }
.userHeader img.img-circle{ border:2px solid #000;}
.userHeader span{display: inline-block !important; color: #1b1b1b;   }
.userHeader a.name{ color: #1b1b1b; font-weight: bold; text-transform: capitalize;     }
.userHeader .username{ padding-left: 10px;   }
.userHeader .username span.dt{ color: #6d6d6d; font-size: 13px;  }
.userHeader  .date{ line-height: 46px; padding: 0 20px;   }
.userHeader  .date a{ color: #191919 }
.userHeader hr{border-bottom: 1px solid #ccc; margin: 5px 0;  }
.userFooter { padding: 10px 0;    }
.userFooter img, .box-comments .img-circle{ border: 2px solid #000;  }
.userFooter .form-group { width: 91%;  }
.userFooter .form-group  input{ width: 100%; height: 31px; }

.relatedPosts .box-footer, .relatedPosts .box-comments{ border:none; background-color: transparent; }
.relatedPosts .box-footer{ padding: 0 10px; }
.relatedPosts .box-comments{ padding: 5px 0;    }
.relatedPosts .box-comments .comment-text  a, .relatedPosts .posted-comment-foot a{ color: #191919 }
.relatedPosts .box-comments .comment-text  a:hover, .relatedPosts .posted-comment-foot a:hover{ color: #72afd2 }

.relatedPosts .box-comments .comment-text{ border-bottom: 1px solid #d5d5d5; padding-bottom: 5px;  }
 .relatedPosts .box-comments:last-child .comment-text{  border-bottom: none; }

.relatedPosts .box-comments .comment-text .dt{ font-weight: normal; font-size: 12px; }
.relatedPosts .userFooter .btn{  background:url("../img/send.svg") no-repeat center; background-size: 20px;  text-indent: -9999px; width: 55px;    }

.relatedPosts .likeComments{margin-top: 10px;}
.relatedPosts .likeComments, .relatedPosts .likeComments a{  color: #191919;    }
.relatedPosts .likeComments .count{ font-size: 15px; }
.relatedPosts .likeComments a { text-decoration: none;font-size: 15px;  }
.relatedPosts .likeComments hr{ border-bottom: 1px solid #d5d5d5; margin: 5px 0; }
.relatedPosts .likeComments button{ background-color: transparent !important; color:#383853; padding: 0; margin-right: 14px; font-size: 14px;    }
.relatedPosts .behaviourTitle{ color: #1b1b1b; font-weight: bold; padding-bottom: 5px;    }
.relatedPosts .behaviourTitle span{ color: #e21d39;  }
.relatedPosts .behaviourTitle  img { width: 15px; height: 15px;   }
.relatedPosts .singlePost { padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid #D5D5D5; }

.mixedSlider2{  position: relative; width: 90%; margin: 0 auto; padding:0;  }
.mixedSlider{  position: relative; width: 90%; margin: 0 auto; padding: 10px 0;  }
.mixedSlider .MS-content {   white-space: nowrap;   overflow: hidden;   margin: 0 5%; text-align: center; }
.mixedSlider .MS-content .item {   display: inline-block;    width: 90px;  position: relative;   vertical-align: top;
  overflow: hidden;   height: 100%;   white-space: normal;   padding: 0 10px; }


.mixedSlider2{  position: relative; width: 90%; margin: 0 auto; padding: 10px 0;  }
.mixedSlider2 .MS-content {   white-space: nowrap;   overflow: hidden;   margin: 0 5%; text-align: center; }
.mixedSlider2 .MS-content .item.anni_userList {   display: inline-block;    width: 130px;  position: relative;   vertical-align: top;
  overflow: hidden;   height: 100%;   white-space: normal;   padding:15px 10px; }
  .mixedSlider2 .MS-content .item {   display: inline-block;    width: 110px;  position: relative;   vertical-align: top;
  overflow: hidden;   height: 100%;   white-space: normal;   padding: 0 10px; }

.mixedSlider2 .MS-content .item img {height:80px; width: 80px;   border:3px solid #e2203c; }
.mixedSlider .MS-content .item img,
.mixedSlider2 .MS-content .item img {height:70px!important; width: 70px!important;  }

.mixedSlider {   position: relative; width: 90%; margin: 0 auto; padding:0; }
.mixedSlider .MS-content .item { text-align: center;   display: inline-block;    width: 110px;  position: relative;   vertical-align: top;
	overflow: hidden;   height: 100%;   white-space: normal;   padding: 0 10px; }
.mixedSlider .MS-content .item.anni_userList { text-align: center;   display: inline-block;    width: 140px;  position: relative;   vertical-align: top;
	overflow: hidden;   height: 100%;   white-space: normal;   padding:15px 10px; }

.mixedSlider .MS-content .item img {height:90px; width: 90px; z-index: +10; position: relative; border:3px solid #e2203c; }
.mixedSlider .MS-content .item .userList, .mixedSlider2 .MS-content .item .userList{ text-align: center;  padding-top: 10px; }
.mixedSlider .MS-content .item .userList a, .mixedSlider2 .MS-content .item .userList a{ font-weight: normal !important; float: none; margin: 0; color: #000; font-style: normal; font-size: 12px;         }

.mixedSlider .MS-content .item .anni_userList a, .mixedSlider2 .MS-content .item .anni_userList a{ font-weight: normal !important; float: none; margin: 0; color: #000; font-style: normal; font-size: 12px;         }
.mixedSlider .MS-content .item .userList, .mixedSlider2 .MS-content .item .userList{ text-align: center; padding: 5px; padding-top: 10px }
.mixedSlider .MS-content .item .userList a, .mixedSlider2 .MS-content .item .userList a{ font-weight: normal !important; float: none; margin: 0; color: #000; font-style: normal; font-size: 14px; letter-spacing: 0;   }


@media (max-width: 991px) { 
  .mixedSlider .MS-content .item {    width: 50%;  }
}
@media (max-width: 767px) {
  .mixedSlider .MS-content .item {     width: 100%;   }
}
.mixedSlider .MS-content .item .imgTitle {   position: relative;}
.mixedSlider .MS-content .item .imgTitle .blogTitle {   margin: 0;   text-align: left;
  letter-spacing: 2px;
  color: #252525;
  font-style: italic;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 0 0 2px 10px;
}
.mixedSlider .MS-content .item .imgTitle img {   height: auto;  width: 100%;}
.mixedSlider .MS-content .item a {   /*float: right;*/    font-size: 16px;   
 
  font-weight: bold;
  letter-spacing: 1px;
  transition: linear 0.1s;
}
.mixedSlider .MS-content .item a:hover {   text-shadow: 0 0 1px grey; }
.mixedSlider .MS-controls button {   position: absolute;   border: none;   background-color:#fff !important;
  outline: 0;
  font-size: 24px !important;
  top: 28px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
}
.mixedSlider .MS-controls button:hover {   color: rgba(0, 0, 0, 0.8); }
@media (max-width: 992px) {
  .mixedSlider .MS-controls button {     font-size: 30px;   }
}
@media (max-width: 767px) {
  .mixedSlider .MS-controls button {     font-size: 20px;  }
}
.mixedSlider .MS-controls .MS-left {  left: 0px;  font-size: 24px; margin-top: 60px; border: 1px solid #d5d5d5 }
@media (max-width: 767px) {
  .mixedSlider .MS-controls .MS-left {     left: -10px;  }
}
.mixedSlider .MS-controls .MS-right {   right: 0px;  font-size: 24px; margin-top: 60px; border: 1px solid #d5d5d5 }
@media (max-width: 767px) {
  .mixedSlider .MS-controls .MS-right {     right: -10px;  }
}
.leaderBoardChart .MS-content .item p { font-size: 12px; text-align: center;  }

.leaderBoardChart.mixedSlider .MS-controls button{ top: 50%; margin-top: 0; }

#select4_ajax{ height: 30px;  }


.birthdaySec .profileSec{ margin: 80px auto 0 auto; width: 100%; text-align: center;   }
.birthdaySec .profileSec2{ margin: 0px auto 0 auto; width: 100%; text-align: center;   }
.birthdaySec .profileSec2 h3{font-size:26px; font-style: normal ; font-weight: 600; margin-top: 40px; }
.birthdaySec .profileSec2 h4{color: #6d6d6d; font-size: 16px; font-weight: normal; }
.birthdaySec .profileSec .img img{ border-radius: 50%; height: 76px; width: 76px; border:3px solid #fff;   }
.birthdaySec .box-header .box-tools{ position:relative; width: 100%; left: 0; top: 0;    }
.birthdaySec .box-header hr{display: none;  }
.birthdaySec .miniDropdown{ margin-right: 10px; margin-top: 10px;  }
.birthdaySec .box-header .mixedSlider2 {padding-top: 80px; min-height: 250px}
.birthdaySec .box-header .mixedSlider {padding-top: 80px; min-height: 250px}
.birthdaySec .box-body p{ text-align: center; }

.anniversarysec .profileSec{ margin: 80px auto 0 auto; width: 100%; text-align: center;   }
.anniversarysec .profileSec2{ margin: 0px auto 0 auto; width: 100%; text-align: center;   }
.anniversarysec .profileSec2 h3{font-size:26px; font-style: normal ; font-weight: 600; margin: 0  }
.anniversarysec .profileSec2 h4{ color: #6d6d6d;font-size: 16px; font-weight: normal; }
.anniversarysec .profileSec .img img{ border-radius: 50%; height: 76px; width: 76px; border:3px solid #fff;   }
.anniversarysec .box-header .box-tools{ position:relative; width: 100%; left: 0; top: 0;    }
.anniversarysec .box-header hr{display: none;  }
.anniversarysec .miniDropdown{ margin-right: 10px; margin-top: 10px; } 
.anniversarysec .box-header {padding: 0}
.anniversarysec .box-body p{ text-align: center; }

.newsImage{ max-width: 100% }


/* rewards page */

.rewardFilterCriteria{ background-color: #efefef; padding: 20px; border-radius: 4px; position: relative; }
.rewardFilterCriteria .arrowPointer{position: absolute;right: 13px;top: -25px;width: 0;height: 0;border-left: 28px solid transparent;    border-right: 28px solid transparent;   border-bottom: 42px solid #efefef;}
.filterBtn{ border: 1px solid #d5d5d5; font-size: 14px; border-radius: 4px; padding: 8px 13px; color: #7B8191 !important; float: right;  background:#fff url("../img/filter.svg") no-repeat right 10px center; padding-right: 35px; line-height: 28px;
    height: 44px;
     }
.filterBtn.filterChk{ position: relative; }
.filterBtn.filterChk:before{ position: absolute; content: '';  background:#fff url("../img/scope/check-circle.svg") no-repeat  center; right: 6px;top: 6px;  display: block; height: 14px; width: 14px;}
.placeOrderBtn{ background-color: #EFEFEF; padding: 25px 0; margin: 0 -20px -20px -20px ;  }
.placeOrderBtn .totalPoints{ float: left; width:40%; padding-left: 20px; font-size: 12px; color: #7B8191;  }
.placeOrderBtn .totalPoints strong{ display: block; font-size: 18px; color: #383853; }
.placeOrderBtn  input{ width: 168px; height: 48px; }
.catalogueList .product img{ max-width: 100%; }
.catalogueList .product h5{ border: none; line-height: normal; margin-bottom: 0;}
.catalogueList .product .productCode {color: #7B8181;}
.catalogueList .product { border: 1px solid #d5d5d5; border-radius: 4px; padding: 10px; min-height: 265px; position: relative; text-align: center;}
.catalogueList .product .redeem{ position: absolute; bottom: 18px; left: 0; right: 0; } 
.catalogueList  .productWrapper{  float: left; width: 25%; padding-right: 20px; padding-bottom: 20px; }

.deliveryDetails{ line-height: 25px; font-size:14px;   }
.deliveryDetails h3{ text-align: left; padding-left: 10px !important; margin-bottom: 15px !important;   }
.deliveryDetails .address { width: 100%; }
.deliveryDetails .address td{ padding: 5px;  }
.deliveryDetails h6{ font-size: 17px; padding-left: 10px; font-weight: bold; color: #e21d39; margin-bottom: 10px;   }
.deliveryDetails .cash { text-align: center; border: 1px solid #656565; margin-bottom: 10px; font-weight: bold; }
.deliveryDetails .inner { padding: 0 10px 10px 10px;  }
.productImg{ border: 1px solid #ccc; border-radius: 4px; width: 260px; height: 260px; text-align: center; vertical-align: middle; }
.productImg img{ max-width: 100%; max-height: 100%; padding: 10px; }
.productDetails .productImg img{ max-width: 100%;  }
.productDetails h4{ margin: 0; margin-bottom: 10px; color: #656565; font-weight: bold;  }
.walletBalance{ float: right; position: relative; padding-left: 38px; line-height: 30px;  }
.walletBalance:before{ position: absolute; content: ''; height: 30px; width: 30px; background: url(../img/leftpanel/walletAmt.svg) no-repeat center ; background-size: 18px; left: 0; top: 0; border-radius: 50%; }
.productDetails p, .myApprovalDetails p, .myApprovalDetails .row1 {   margin: 0; margin-bottom: 10px;  }
.productDetails p span, .myApprovalDetails p span, .myApprovalDetails .row1 span{ display: inline-block; width: 150px;  }
.productDetails p span{ width: 130px; }
.productDetails p strong, .myApprovalDetails p strong, .myApprovalDetails .row1 div { display: inline-block; padding-left: 20px; }
.productDetails h5{ font-weight: bold; margin: 0   }
.productDetails input[type="submit"]{ border-radius: 0; position: absolute; bottom: 0; right: 14px;  }
.orderHistory{ border:1px solid #d5d5d5; margin-bottom: 18px; padding-bottom: 10px;  }
.orderHistory .header{ background-color: #ebebeb; padding: 5px;    }
.orderHistory .productImg{ height: auto; width: auto; padding: 20px; margin: 15px; text-align: center; background-color: #ebebeb; border:1px solid #d5d5d5;    }
.orderHistory h5{ line-height: 40px;   }

.myApprovalDetails p span,  .myApprovalDetails .row1 span{ width: 200px;   }
.myApprovalDetails .pending{ color: blue }
.myApprovalDetails .reject{ color: red; }
.myApprovalDetails p strong img {border: 1px solid #ff0000;    border-radius: 50%;    width: 30px;    height: 30px;}
.myApprovalDetails .emailBox span{ width: 200px; position: relative; display: inline-block; float: left; margin-right: 25px;}
.myApprovalDetails .emailBox span:after, .semiCols:after{ position: absolute; content: ":"; right: -3px; }
.myApprovalDetails p strong{ float: right; width: 75%; }
.myApprovalDetails p u{    text-decoration: none;padding-left: 10px; }


.reportsAccordian .panel{ border-radius: 0;  }
.reportsAccordian .panel h6 a:after{  content: "\f106"; position: absolute; right:30px; font-family:"FontAwesome";    }
.reportsAccordian .panel h6 a.collapsed{ color:#191919 !important  }
.reportsAccordian .panel h6 a.collapsed:after{   content: "\f107"; }


.behaviourImg{ max-width: 100%   }

.alert {margin-bottom: 10px; padding-left: 40px;font-size: 16px; position: relative; padding-right: 30px;}
.alert-success{   background:#fff url("../img/tick.svg") no-repeat 10px 16px; color: #00a65a !important;background-size:22px; border: 1px solid #008000}
.alert-danger{ background:#fff url("../img/err.svg") no-repeat 10px 16px;     color: #ff0000 !important; background-size:22px; border: 1px solid #ff0000}
.alert-warning{background:#fff url("../img/warning.svg") no-repeat 10px 16px;     color:#000 !important; background-size:22px; border: 1px solid #faebcc}
.alert .close, .login-page-main .login-box-body .alert .close, .alert-note .close { color: #000;   background: url(../img/closeBtnBlack.svg) no-repeat center center !important;    font-size: 0 ; height: 12px; width: 12px; opacity: 1; position: absolute; right: 10px; top: 8px; margin: 0;   }      


.alert a{ font-size: 14px; font-style: italic}


.alert-note{position: relative; margin-bottom: 10px; padding: 12px; font-size: 16px;  border: 1px solid #faba7c; background-color: #fbecbb; line-height: 24px; border-radius:0; padding-right: 30px; margin-right: -10px; margin-left: -10px}
.alert-note .close{ top: 10px; bottom: auto; height: 14px; }
#newsPreview .modal-header, .popUpBox .modal-header { background-color: #e21d39; color: #fff; }
#newsPreview .modal-header h5, .popUpBox .modal-header h5 {font-size: 18px;   }
#newsPreview .modal-header button, .popUpBox .modal-header button{ opacity: 1 }
#newsPreview .modal-header button span, .popUpBox .modal-header button span{ font-size: 26px; color: #fff  }
 .popUpBox table td{ border:none; }

.reportsAccordian .panel{ border-radius: 0;  }
.reportsAccordian .panel h4 a{ color:#e21d39; display: block;  }
.reportsAccordian .panel h4 a.collapsed{ color:#000  }



.comm-content {overflow: hidden;height: 1.2em;line-height: 1.2em;width: 80%;}
.file{ border: 1px solid #ccc; padding: 5px; background-color: #fff; margin-bottom: 5px;  }
.downloadTemplate{ text-decoration: underline; }

/* home photo gallery  */

.gal{ height: 500px; width: 500px; position: relative; border: 1px solid #ccc; margin-top: 20px; background-color: #ccc; margin: 0 auto;     }     
.gal img,.imageSlider img, #imageGalPop .modal-body  img{ max-width: 100%;  }

.gal a{ display: block; position: absolute; }
.gal a div{ position: relative; }
.gal a span{ position: absolute; z-index: 30; font-size: 60px; left: 0; right: 0; text-align: center; color: #fff; line-height: 200px; text-shadow: 1px 1px 2px #000; background-color: #000; opacity: 0.8;        }
.gal a.videoThumb div:before{ position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.5; background-color: #000;}
.gal a.videoThumb div:after{    position: absolute; content: "";left: 0;top: 50%;right: 0;bottom: 0;background: #000 url(../img/play.svg) no-repeat center;background-size: 20px;border: 10px solid #000;border-radius: 50%;width: 50px;height: 50px;text-align: center;margin: -14px auto;vertical-align: middle;}
.gal a.img1{ left: 0; top: 0; width: 498px; height: 299px; overflow: hidden;     }
.gal a.img2{ left: 0; top:300px; width:165px; height: 198px;  overflow: hidden;    }
.gal a.img3{ left: 166px; top: 300px;  width:165px; height: 198px; overflow: hidden; }
.gal a.img4{ left: 332px; top: 300px; width:165px; height: 198px; overflow: hidden;  }
.gal a.img5{ left: 0; top: 0;   }

.gal3 a.img2{ left: 0; top:300px; width:249px; height: 198px;  overflow: hidden;    }
.gal3 a.img3{ left:250px; top: 300px;  width:249px; height: 198px; overflow: hidden; }
  
.gal2{ height: 200px;  }
.gal2 a.img1{ left: 0; top:0; width:249px; height: 198px;  overflow: hidden;    }
.gal2 a.img2{ left:250px; top: 0;  width:249px; height: 198px; overflow: hidden; }

.gal1{ height: 200px;  }
.gal1 a.img1{ left: 0; top:0; width:498px; height: 198px;  overflow: hidden;    }

/* inner gallery code */


.innerGal{ height: 222px; width: 396px; position: relative; border: 1px solid #ccc; margin-top: 20px; background-color: #ccc; margin: 0 auto;     }     
.innerGal img,.imageSlider img, #imageGalPop .modal-body  img{ max-width: 100%;  }

.innerGal a{ display: block; position: absolute; }
.innerGal a div{ position: relative; height: 100% }
.innerGal a span{ position: absolute; z-index: 30; font-size: 30px; left: 0; right: 0; text-align: center; color: #fff; line-height:116px; text-shadow: 1px 1px 2px #000; background-color: #000; opacity: 0.8;        }
.innerGal a.videoThumb div:before{ position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.5; background-color: #000;}
.innerGal a.videoThumb div:after{position: absolute;content: "";left: 0;top: 50%;right: 0;bottom: 0;background: #000 url(../img/play.svg) no-repeat center;background-size: 20px;border: 10px solid #000;border-radius: 50%;width: 50px;height: 50px;text-align: center;margin: -14px auto;vertical-align: middle;}
.innerGal a.img1{ left: 0; top: 0; width: 396px; height: 110px; overflow: hidden; border-bottom: 2px solid #fff;    }
.innerGal a.img2{ left: 0; top:110px; width:131px; height: 110px;  overflow: hidden; border-right: 2px solid #fff;    }
.innerGal a.img3{ left: 131px; top: 110px;  width:131px; height: 110px; overflow: hidden; border-right: 2px solid #fff; }
.innerGal a.img4{ left: 262px; top: 110px; width:131px; height: 110px; overflow: hidden;  }
.innerGal a.img5{ left: 0; top: 0;   }

.innerGal3 a.img2{ left: 0; top:110px; width:198px; height: 110px;  overflow: hidden;    }
.innerGal3 a.img3{ left:198px; top: 110px;  width:198px; height: 110px; overflow: hidden; }
  
.innerGal2{ height: 222px;  }
.innerGal2 a.img1{ left: 0; top:0; width:198px; height: 220px;  overflow: hidden; border-right: 2px solid #fff;    }
.innerGal2 a.img2{ left:198px; top: 0;  width:198px; height: 220px; overflow: hidden;border-bottom: 2px solid #fff; }

.innerGal1{ height: 222px;  }
.innerGal1 a.img1{ left: 0; top:0; width:396px; height: 222px;  overflow: hidden;    }






.pictures  a.videoThumb div:before{ position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.5; background-color: #000;}
.pictures  a.videoThumb div:after{ position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0;  background:url("../img/play.svg") no-repeat center;  background-size: 50px;}

#imgContainer{   }
#imageGalPop .modal-body{ text-align: center;  }
#imageGalPop .modal-content{background-color: #fff;  }
#imageGalPop a{ line-height: 400px; color: #fff }
#imageGalPop span.glyphicon { font-size: 30px; color: #6d6d6d }
#imageGalPop #imgContainer img{ border: 2px solid #6d6d6d  }
#imageGalPop .modal-header{ color: #fff; border-bottom: none; background-color: #000;    }
#imageGalPop .modal-header .close{  background-color: transparent !important; }
#imageGalPop .modal-header .close span{ font-size:24px; color: #fff;    }

.imageGallerySec .preview { text-align: center; background-color: #d5d3d4; min-height: 180px;  display: table; width: 100%; position: relative;   }
.imageGallerySec .preview a{ display: table-cell; vertical-align: middle; height: 180px;   }
.imageGallerySec .preview canvas{  position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    margin: auto; }
.imageGallerySec .galBox{ margin-bottom: 10px;  }
.imageGallerySec .buttons a{ font-size: 16px; background:#ff0000 url(../img/closeBtn.svg) no-repeat center center !important;    font-size: 0 ; width: 26px; height: 26px; position: absolute; top: -11px; right: 5px; border-radius: 50% !important; opacity: 1; background-size: 50% !important;    }
.imageGallerySec .buttons a:hover  span{ color: red  }


@media (max-width: 530px) {

.gal{ height: 450px; width: 450px;}     
.gal a.img1{ left: 0; top: 0; width: 450px;     }
.gal a.img2{ left: 0; top:300px; width:165px;     }
.gal a.img3{ left: 166px; top: 300px;  width:165px;  }
.gal a.img4{ left: 332px; top: 300px; width:165px;    }
.gal a.img5{ left: 0; top: 0;   }


.gal3 a.img2{ left: 0; top:300px; width:222px; height: 148px; }
.gal3 a.img3{ left:223px; top: 300px;  width:222px; height: 148px; }
  

}


@media (max-width: 430px) {

.gal{ height: 450px; width: 330px;}     
.gal a.img1{ left: 0; top: 0; width: 330px;     }
.gal a.img2{ left: 0; top:300px; width:165px;     }
.gal a.img3{ left: 166px; top: 300px;  width:165px;  }
.gal a.img4{ left: 332px; top: 300px; width:165px;    }
.gal a.img5{ left: 0; top: 0;   }


.gal3 a.img2{ left: 0; top:300px; width:173px; height: 148px; }
.gal3 a.img3{ left:174px; top: 300px;  width:173px; height: 148px; }
  

}



@media (max-width: 330px) {

.gal{ height: 350px; width: 320px;}     
.gal a.img1{ left: 0; top: 10px; width: 320px;     }
.gal a.img2{ left: 0; top:300px; width:165px;     }
.gal a.img3{ left: 166px; top: 300px;  width:165px;  }
.gal a.img4{ left: 332px; top: 300px; width:165px;    }
.gal a.img5{ left: 0; top: 0;   }


.gal3 a.img2{ left: 0; top:300px; width:173px; height: 148px; }
.gal3 a.img3{ left:174px; top: 300px;  width:173px; height: 148px; }
  

}



/* home photo gallery ends */


.dataTable td { word-break: break-word;   }
table.dataTable thead > tr > th{ padding-right: 22px;  }

#likedusers,  #likedusers1{ max-height: 300px; overflow: auto; }
#likedusers p, #likedusers1 p{ font-size: 16px; text-transform: capitalize; line-height: 37px; margin: 0 }
#likedusers .col-md-3, #likedusers1 .col-md-3{ padding-right: 0;  }
#likedusers .col-md-3 .widget-user-image, #likedusers1 .col-md-3 .widget-user-image{ float: right; font-size: 1px; }
#likedusers hr, #likedusers1 hr{ margin: 5px;  }
#likedusers .userList, #likedusers1 .userList{ border-bottom:1px solid #e5e5e5; padding: 5px 0;      }
#likedusers .userList:last-child, #likedusers1 .userList:last-of-type{ border:none;   }
.galleryBox { font-size: 14px; }
.galleryBox img{ max-width: 100%; }
.galleryBox hr{ margin: 0; margin: 5px 0; border-color: #ccc;    }


/* happyness index */
.modal-tagbox{
  background: white;
  color: #000;
  /*margin: 3% auto; 
  padding: 20px;*/
  /*border: 1px solid #888;*/
 
 
}


/*.tagBtn{
  color: #000; background-color: #e0dede; margin-right: 3px; margin-bottom: 3px; box-shadow: none;
}*/

.modal-tagbox .tagBtn a{ color: #000; background-color: #9c9c9c;; margin-right: 5px; margin-bottom: 10px; display: inline-block; border-radius: 0; box-shadow: none;  height:30px;}
.modal-tagbox .tagBtn a.active,.tagBtn a:hover{ color: #fff; background-color: #e21d39;   }


.iconCircle{ position: relative; height: 300px;  }
.iconCircle a{ position: absolute; display: block; }
.iconCircle a span{ display: block; font-size: 12px; color: #fff; font-weight: normal;   }
.iconCircle .img1{ left: 50%; top: 50%; margin-top:-25px; margin-left: -25px;    }
.iconCircle .img2{ left: 50%; top: 25px; margin-top:-25px; margin-left: -25px;    }
.iconCircle .img3{ left: 70%; top: 30%; margin-top:-25px; margin-left: -25px;    }
.iconCircle .img4{ left: 70%; top: 70%; margin-top:-25px; margin-left: -25px;    }
.iconCircle .img5{ left: 50%; top: 90%; margin-top:-25px; margin-left: -25px;    }
.iconCircle .img6{ left: 30%; top: 70%; margin-top:-25px; margin-left: -25px;    }
.iconCircle .img7{ left: 30%; top: 30%; margin-top:-25px; margin-left: -25px;    }

/*#happinessIndex .modal-content{ background-color: transparent;  }
#happinessIndex .modal-content p{  margin-bottom: 20px;  }
#happinessIndex .modal-body{ color: #fff; font-size: 22px; font-weight: bold; text-align: center;}*/
#happinessIndex .modal-backdrop.in{ opacity: 0.8;  }

#happinessThanks .modal-content{ background-color: transparent;position: relative; }
#happinessThanks .modal-content p{  margin-bottom: 20px;align-content: center; }
#happinessThanks .modal-body{ color: #fff; font-size: 15px;  text-align: center; top: 125px;}



#happinessRep .modal-content{ background-color: transparent;position: relative; }
#happinessRep .modal-content p{  margin-bottom: 20px;align-content: center; }
#happinessRep .modal-body{ color: #fff; font-size: 15px;  text-align: center; top: 125px;}
#after_award .modal-body{ color: #fff; font-size: 15px;  text-align: center; top: 125px;}

.modal-header{ background-color:#e41c3a; color: #fff;/*height: 50px; */   }
#happinessShareIdea .modal-backdrop.in{ opacity: 0.8;  }

/* happyness home whitebox */
.happiness .profilebdr{ text-align:center;}
.happiness .padR0{ width:30%;}
.happiness .dayText{text-align:center;padding:10px 0;}
.happiness img{ border:none !important; }
.dayText.highlight {color: #e21d4a;}

.hp_sidebar{text-align: center;margin-bottom:20px;padding:0;}
.hp_sidebar img{width:125px; height:125px;}
.hp_sidebar .legends p{padding: 10px 0;color: #e21d39;font-weight: bold;}

/* happiness calender */
.hp_calender{background: #ffffff;border:none;box-shadow: 3px 3px 3px #ccc;height: 540px;width:100%;}
.hp_calender sup{top:-1.5em;}
.hp_calender .daySup{float: left;padding: 25px 20px 20px 19px;}
.hp_calender .calCircle{left: 42px;border: 3px solid #078477;border-radius: 50%;height: 55px;width: 55px;position: relative;}
.hp_calender .prev_sign a, .next_sign a{color:#000;text-decoration: none;font-size:16px;}
.hp_calender .prev_sign{text-align:right;}
.hp_calender .signPipe{float: right;padding: 0 5px 0 5px;}
.hp_calender th, .hp_calender .header{height: 40px;background: #d5d4d4;font-size: 16px;}
.hp_calender th.monthName, .hp_calender .monthName{padding-left: 30px;color: #e21d39;}
.hp_calender th{border-style: hidden!important;}
.hp_calender .mark1{position: absolute;top: 52%;left: 171px;font-size: 11px;color: #e21d39;}
.hp_calender .mark2{position: absolute;top: 54%;left: 166px;font-size: 11px;color: #e21d39;}
.hp_calender td{width: 100px;height: 70px;text-align: center;border: 1px solid #e2e0e0;font-size: 18px;font-weight: bold;}

/*#happinessShareIdea .modal-body{ text-align: center;}*/

#happinessTags .modal-body{ text-align: center;font-size: 16px;color:#fff;}
#happinessTags .modal-content{background-color: white;}
#happinessTags .modal-header .close {color: #fff;opacity: 1;font-size: 24px !important;}
#happinessTags .tagBtn .btn{padding: 2px 24px;color:#000; background-color: #e1e1e1;}
#happinessTags .modal-backdrop.in{ opacity: 0.8;  }
#happinessIdea .modal-header .close {color: #fff;opacity: 1;font-size: 24px !important;}
#happinessIdea .modal-header .close {color: #fff;opacity: 1;font-size: 24px !important;}
#happinessIdea .modal-body{ text-align: center;font-size: 16px;background-color: white;/*color:#fff;*/}
/*#happinessIdea .modal-content{background-color: transparent;}*/
/*#happinessIdea .btn{padding: 2px 36px;}*/


#happinessShare .modal-body{ top: 125px;text-align: center;font-size: 16px;color:#fff;}
#happinessShare .modal-content{background-color: transparent;}
#happinessShare .btn{padding: 2px 36px;}
#happinessShareIdea .modal-header .close {color: #fff;opacity: 1;font-size: 24px !important;}

.hp_calender .greyHide{background-color:grey;opacity: 0.7;}
.hp_calender .greyScale{filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: gray;
    -webkit-filter: grayscale(100%);opacity: 0.7;}

.hp_homeGrey{
    background-color: white;
    opacity: 0.7;
    left: 2px;
    border: 3px solid #767777;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    position: relative;
}

.profilePicIcon{ float: right; margin-right: 6px;}
.topIconsTable{ display: table; float: right; height: 56px;   }
.topIconsTable .tableCell{ display: table-cell; vertical-align:middle; padding-left: 20px;   }


#calender{ background-color: #fff;  }
#calender .monthName{ padding-left: 30px;color: #e21d39;     height: 40px; background: #d5d4d4;  font-size: 16px; line-height: 40px;  }
#calender .weekDays{ line-height: 70px;  text-align: center;  font-size: 120%;  font-weight: bold; width: 14%; float: left;  }
#calender .weekDate{ width: 14%; float: left; text-align: center;  }
#calender .calCircle{left: 42px;border: 3px solid #078477;border-radius: 50%;height: 55px;width: 55px;position: relative;}
#calender .greyHide{background-color:grey;opacity: 0.7;}







/*  dashboard reports */

.reportsPage h2{ font-size: 22px;       }
.reportsPage .viewDetails{ margin-top: 30px; color: #000; font-weight: bold;  }
.reportsPage .filter{ float: right; margin-top: -10px; }
.dashboardReports .totalVisitors{  background:#71ba50 url("../img/drTotalVisitors.png") no-repeat center 20px; box-shadow: 3px 3px 5px #ccc  }
.dashboardReports .totalVisitors h5{ margin-top: 100px; font-size: 22px; font-weight: normal; text-align: center; color: #fff; border: none;    }
.dashboardReports .totalVisitors h6{  font-size: 45px; text-align: center; color: #fff;   }
.dashboardReports .totalBuzzzes{  background:#6a67ac url("../img/drTotalBuzzes.png") no-repeat center 20px;  }
.dashboardReports .engagement{  background:#66b7c8 url("../img/drTotalEngagement.png") no-repeat center 20px;  }
.dashboardReports .happiness{  background:#ff8d3a url("../img/drTotalHappiness.png") no-repeat center 20px;  }

.impTrends{ margin-bottom: 10px; border: 1px solid #d5d5d5       }
.impTrends h5{ margin: 0; margin-bottom: 10px; color: #191919; background-color: #ebebeb; line-height: 30px; padding-left: 10px;  }
.impTrends h5 a{ float: right; margin-right: 10px; font-size: 12px; }
.reportsTitle {padding:20px 0;     }
.reportsTitle h2, .reportsTitle h3, .reportsTitle h4{ margin: 0; }
.reportsTitle h2{ font-size: 22px; }

.reportDepartment td{ background-color: #fff; border-bottom: 10px solid #ccc;    }
.reportDepartment td .progress{ height: 7px; background-color: #e9ecef;  }
.reportDepartment td .progress .progress-bar{ background-color:#e21d39   }
.reportDepartment td span{ padding: 0 10px;  }
.breadCrum{ padding:0 0 10px 0   }
.breadCrum a{ color: #000 !important;  }
.breadCrum a:hover, .breadCrum span{ color:#e41c3a;  }

/*
.hideLogo svg g g:nth-child(2) g:nth-child(2) g  g:nth-child(3) g:nth-child(2), 
.hideLogo svg g g:nth-child(2) g:nth-child(2) g  g:nth-child(3) rect
 {  display: none;  }
*/

.hideLogo svg g g:nth-child(2) g:nth-child(2) g  g:nth-child(4) g:nth-child(2) path,
.hideLogo svg g g:nth-child(2) g:nth-child(2) g  g:nth-child(3) g:nth-child(2)  path 

{  display: none;  }


.hideLogo2 svg g g:nth-child(2) g:nth-child(2) g:nth-child(1)  g:nth-child(2) g:nth-child(2),
.hideLogo2 svg g g:nth-child(2) g:nth-child(2) g:nth-child(1)  g:nth-child(2) g:nth-child(1) path  {display: none;}


.hideLogo3 { position: relative;   }
.hideLogo3:after{ position: absolute; height: 20px; width: 60px;  content: ""; left: 0; bottom: 0; background-color: #fff;    } 



.width70{ width: 70%;  }



.keyStatistics h4 { font-size: 30px;   }
.keyStatistics h4 span{ font-size: 24px; color: #00a633;     }
.keyStatistics h4 span.red{ color: red;   }
.keyStatistics h4 strong{ font-weight: normal; font-size: 16px;  }

.keyStatistics .bdr{ border-right: 1px solid #ccc  }

hr.grey{ border:none;  border-top:1px solid #ccc;   }


#organizationPulseYear{ background-color: #fff; box-shadow:  3px 3px 5px #ccc; padding: 20px 0;    }
#organizationPulseYear .item{ border-right: 1px solid #ccc;  }

#organizationPulseYear h4, #organizationPulseYear p{ text-align: center; color: #e84e53; border: none;  }
#organizationPulseYear p strong{ font-size: 20px;   }
#organizationPulseYear p{ margin-bottom: 0;  }  
#organizationPulseYear .owl-controls .owl-buttons .owl-prev{ left: 0;  top: 40%; font-size: 20px;  }
#organizationPulseYear .owl-controls .owl-buttons .owl-next{  right: 0; top: 40%; font-size: 20px; }

.budgetUtilization .boxes{  padding: 10px; text-align: center; min-height: 255px;    }
.budgetUtilization .boxes h4{ border: none;  }
.budgetUtilization .boxes a{ color: #e21d39;    }

.barBg{ background-color:#e84e53;   }

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

.multiselect button, .multiselect button:hover, .multiselect button:focus{ background-color: #fff !important; color:inherit;   }

.multiselect .btn-group .dropdown-menu {/* background-color:#ccc; */background-color:#fff;border-radius: 0;   }
.multiselect  a {padding:0 !important;   }
.multiselect  a label{ padding-left: 30px !important;  }

.multiselect  .dropdown-menu>.active>a{ background-color:#b0afaf !important;    }

#datepicker{ padding: 10px; font-size: 20px; font-weight: 400;     }


.mom h3{ text-align: left; border-bottom: 1px solid #ccc; margin: 0; line-height: 40px;     }
.mom .tag{ text-align: left; }
.mom .tag div{ line-height: 30px;  }
.mom .tag span{ background-color: #d2d2d2; padding:5px 10px; margin-right: 5px; border-radius: 10px; font-weight: bold;      }
#ideas_table table{ margin-bottom: 0;   }
#ideas_table table hr{border: none; border-bottom: 1px solid #ccc;  }
/*
.momTabs{ border-bottom: 2px solid #464646; margin-bottom: 28px; padding-bottom: 15px; font-size: 20px;     }
.momTabs a{  display: inline-block; width: 20%; position: relative;  }
.momTabs a:after{ content: ""; position:absolute; ; left: 0; right: 0;  border-bottom: 4px solid red; bottom: -18px;     }*/



#userdat, .prog_main_owners{display: inline-block;background-color: white;}
#userdat .selectator_selected_item, .prog_main_owners .selectator_selected_item { background-color: #f2f2f2; border-bottom: 1px solid #ccc; padding: 5px;         }
#userdat .selectator_selected_item a, .prog_main_owners .selectator_selected_item a{ float: right; line-height: 30px;  }
#userdat .selected_item_left img, .prog_main_owners .selected_item_left img{ border-radius: 50%; width: 30px; margin: 0; margin-right: 5px;  }
#userdat .selected_item_right, .prog_main_owners  .selected_item_right{ margin-right: 5px; }

.approverUser{display: inline-block;background-color: white;}
.approverUser .selectator_selected_item{ background-color: #f2f2f2; border-bottom: 1px solid #ccc; padding: 5px;         }
.approverUser .selectator_selected_item a{ float: right; line-height: 30px;  }
.approverUser .selected_item_left img{ border-radius: 50%; width: 30px; margin: 0; margin-right: 5px;  }
.approverUser .selected_item_right{ margin-right: 5px; }

.usedBudget{color: #333 !important;line-height: 34px;text-decoration: underline;}
.usedBudget:focus{ text-decoration: underline; }

/* for responsive login page */
@media (max-width: 767px) {
.login-page-main .login-box{ left: 0 !important; right: 0 ;  }
.login-box{ width: auto !important; }
.login-img{ display: none;  }

}

.balanceBudget a{ font-size: 30px;   }
.balanceBudget a.plus{ color: green   }
.balanceBudget a.remove{ color: red   }


.pointsIndicator .indicatorBox{ color: #191919; background-color: #fff; padding: 15px 0 15px  70px; position: relative; height:85px; margin-bottom: 15px;  display: block; border-radius: 4px;  }
.pointsIndicator .indicatorBox:before{ position: absolute;left:15px;top: 17px;border-radius: 5px;width: 50px;content: "";height:50px; background: #DC0F55 url("../img/budgetAllocated.png") no-repeat center !important; }
.pointsIndicator .indicatorBox span{ color:#DC0F55; font-size: 24px; font-weight: normal;   }
.pointsIndicator .indicatorBox:before{  background: #DC0F55 url("../img/budgetAllocated.png") no-repeat center !important; }
.pointsIndicator .distributed:before{   background:#e41c3a url("../img/budgetDistributed.png") no-repeat center !important ; }
.pointsIndicator .expired:before{   background:#e41c3a url("../img/budgetExpired.png") no-repeat center !important ; }
.pointsIndicator .balance:before{   background:#e41c3a url("../img/budgetBalance.png") no-repeat center !important ; }
.pointsIndicator .calculated:before{   background:#e41c3a url("../img/budgetDistributed.png") no-repeat center !important ; }

.pointsIndicatorC_D{ display: flex; }

.pointsIndicatorC_D .indicatorBox{ position: relative; border: 1px solid #d5d5d5; margin-right: 10px; color: #191919;  padding: 15px 0 15px  74px; height:85px; margin-bottom: 15px;   border-radius: 4px; font-size: 12px; width:24%  }
.pointsIndicatorC_D a.indicatorBox:hover{ background-color:#f7f7f7; }
.pointsIndicatorC_D .indicatorBox:last-child{ margin-right: 0; }
.pointsIndicatorC_D .indicatorBox:before{ position: absolute;left:15px;top: 17px;border-radius: 5px;width: 50px;content: "";height:50px; background: #DC0F55 url("../img/budgetAllocated.png") no-repeat center !important;   }
.pointsIndicatorC_D .indicatorBox span{ color:#DC0F55; font-size: 24px; font-weight: normal;   }
.pointsIndicatorC_D .indicatorBox:before{  background: #e41c3a url("../img/referral/pointsEarned.svg") no-repeat center !important; background-size: 34px !important; }
.pointsIndicatorC_D .distributed:before{   background:#e41c3a url("../img/budgetDistributed.png") no-repeat center !important ; background-size: 34px !important;}
.pointsIndicatorC_D .expired:before{   background:#e41c3a url("../img/budgetExpired.png") no-repeat center !important ;background-size: 34px !important; }
.pointsIndicatorC_D .balance:before{   background:#e41c3a url("../img/budgetBalance.png") no-repeat center !important ; background-size: 34px !important;}
.pointsIndicatorC_D .calculated:before{   background:#e41c3a url("../img/calculated.svg") no-repeat center !important ; background-size: 34px !important; }




.activeProgram{ background-color: #fff; border: 1px solid #d5d5d5; border-radius: 4px;  }
.activeProgram h4{margin: 0; color: #e41c3a; font-size: 26px;    }
.activeProgram h6{ font-size: 16px; border-bottom:1px solid #d5d5d5;; background-color: #ebebeb;color: #000;margin: 0;line-height: 30px; padding-left: 10px; }
.activeProgram .inner{ padding: 10px; }
.activeProgram .startdate span{  }
.activeProgram .enddate{ float: right; }
.activeProgram .enddate span{ }
.activeProgram p{ margin: 10px 0; font-size: 14px; height: 40px; line-height: 20px; overflow: hidden;} 
.activeProgram .viewDetails{ float: right; text-decoration: underline;  }

.voucherTable{ margin-top: 10px;  }
.voucherTable td{ border:1px solid #000 !important; background-color: #fff}
.voucherTable th{ border:1px solid #000 !important; background-color: #ccc}

.pointsSummary{ background-color: #fff; padding: 15px; text-align: center; box-shadow: 3px 3px 5px #ccc; font-size: 18px; margin-bottom: 20px; position: relative;    }
.pointsSummary .points{border:none; border-radius: 50% !important; width:35px; height:35px; font-size: 35px !important; line-height: 35px; position: absolute; bottom: 10%;       }
.pointsSummary p{ font-size: 30px; }
.pointsSummary .plus{ left: 10px; background-color: #008000 !important }
.pointsSummary .remove{ right: 10px; background-color: #ff0000 !important }
.pointSummaryAuditrail{ position: absolute; right: 0; bottom: 0; font-size: 14px; text-decoration: none; font-weight: normal;}

.totalEarnedPoints{ font-size:20px; color: #000; margin: 0; margin-bottom: 24px;     }
.text-right{ text-align: left !important; }
#prog_configs .modal-content, #programpoints .modal-content, #auditTrail .modal-content{ max-height: 500px; overflow-y: auto; overflow-x: auto;   }

.marT20{ margin-top:20px }

.elementTitle{ padding:10px; background-color: #eee; font-size: 18px;    }

.mood-o-meter-submit-btn{padding:6px 36px;margin-bottom:14px}
.mood-o-meter-submit-container{text-align:center;padding-top:14px;display:none}
.mood-o-meter-survey-txt{text-decoration:underline;cursor:pointer;font-weight:700;}
.non-selected-mood{opacity:50%}
.mood-img{margin-bottom:8px}
.mood-table-container{padding:0 18px}
.mood-o-meter-ty-txt{margin-top:20px;margin-bottom:15px;font-size:15px}
.mood-o-meter-ty-ok-btn{padding-left:15px;padding-right:15px;}
.device-mood-name{display:inline-block;padding-left:10px;}
.device-mood-align-center{margin-left:33%;}
@media only screen and (max-width: 767px) {
  .mood-img{margin-bottom:8px}
}
@media (max-width: 991px) and (min-width: 768px){
    .device-mood-align-center{margin-left:40%;}
}
/* nominations */
.anni_userList{  margin: 11px 5px;   box-shadow: 1px 1px 15px #949494; background-color: #fff;   }
.anni_userList .img-circle{ border:2px solid red; position: relative; z-index: 2     }
.anni_userList .details{ padding:  15px 0 0 0;   }
.anni_userList .details p { background-color:#e41c39; border-radius: 50%; height: 30px; width: 30px; margin: 10px auto 5px auto; color: #fff; padding: 5px; text-align: center; line-height: 20px;   }
.anni_userList h4{ background-color: #ccc; }




.subTitle, .subTitle2{ border-bottom: 1px solid #d5d5d5; line-height: 30px; font-size: 16px;      }
 .subTitle2{ font-weight: normal;color: #191919 }
#certificateAllocation{ border-collapse: unset; }
#certificateAllocation td{ line-height: 30px;   }
#certificateAllocation td i{ font-size: 12px !important;  }
#certificateAllocation td.err{ border:none; border-bottom: 1px solid #ccc  !important;  background-color: #f9f9f9; color: red;   }




.certificatesPreview{ padding:30px 74px 0 60px; background-size: contain !important; min-height: 400px; word-break: break-all;  }
/*.certificatesPreview h1{text-transform:uppercase; color:#7b2432; font-size:30px; margin: 0; margin-top: 5px; font-family: 'Playfair Display', serif;}*/

.certificatesPreview h1{text-transform:uppercase; color:#7b2432; font-size:30px; margin: 0; margin-top: 5px;  font-family: 'Source Serif Pro', serif;}

/*.certificatesPreview h2{text-transform:uppercase; color:#7b2432;   font-size:17px; line-height:25px; margin: 0; font-family: 'Playfair Display', serif; }*/
.certificatesPreview h2{text-transform:uppercase; color:#7b2432;   font-size:17px; line-height:25px; margin: 0; font-family: 'Source Serif Pro', serif;}



/*.certificatesPreview .cnt{  text-transform: uppercase; line-height: 30px; font-family: 'Playfair Display', serif;   }*/
.certificatesPreview .cnt{  text-transform: uppercase; line-height: 30px;font-family: 'Source Serif Pro', serif; }
.certificatesPreview img { width: auto; height: auto; }
.certificatesPreview td{ font-weight: bold; }



.certificateBlog .mixedSlider2{ margin-top: -40px;  }

.certificateBlog .mixedSlider2 .userList a{ display: none;  }


#buzzTabs li a{  border-radius: 0; border:none; margin-right: 0; color: #191919       }
#buzzTabs li:first-child a{ border-right: none;   }
#buzzTabs li a.active{ background-color: #fff;     }
.userHeader .anni_userList a.name{ color: #1b1b1b; font-size: 12px; font-weight: bold; text-transform: capitalize;     }


#error_table {max-height: 350px; overflow-y: scroll; }

.selectedCertificateBtn{ border: 1px solid #ccc; position: relative; float: left;  }
.selectedCertificateBtn a { text-decoration: none; position: absolute; right: 0; top:0; z-index: 2; background-color: #fff; height: 20px; width: 20px; text-align: center;      }


.certificateThumbnail{ width: 142px; margin: 0 auto; position: relative; height: 100px;   }
.certificateThumbnail .transparent{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('../img/CertificateText.png') no-repeat center center; background-size: cover;  }
/* nominations */



.eventNavLeft { background-color:#fff;box-shadow: 2px 3px 3px#ccc;margin-bottom: 10px;  }
.eventNavLeft h4{ padding: 10px; border-bottom: 1px solid #d5d5d5; margin: 0; margin-bottom: 10px;    }
.eventNavLeft a { display: block; padding-left: 10px; color: #000; line-height: 50px; font-size: 16px;     } 

.eventMiddle h3{ margin: 0; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;       }
.arrowNav{ width: 100%; margin-bottom: 20px;  }
.arrowNav .arrow{  display: block; float: left;   position: relative; border-right: none; padding: 10px; font-size: 16px; padding-left: 25px;      }
.arrowNav .arrow span{ display: inline-block; border: 1px solid #fff; border-radius: 50%; width: 25px; height: 25px; text-align: center;    }
.arrowNav .arrow.finish{ background-color: #6b9802;  border:1px solid #6b9802; color: #fff; position: relative; z-index: 1    }
.arrowNav .finish:after{ position: absolute; content: "";  right: -20px; background: url("../img/stageArrow1.png") no-repeat right center; top: 0; bottom: 0; width: 20px; z-index: 2; }

.arrowNav .arrow.wip{ background-color: #d1dabc; border:1px solid #d1dabc; color:#6b9802;  }
.arrowNav .arrow.wip span{ border-color:#6b9802     }
.arrowNav .wip:after{ position: absolute; content: "";  right: -20px; background: url("../img/stageArrow2.png") no-repeat right center; top: 0; bottom: 0; width: 20px; z-index: 2; }


.arrowNav .arrow.pending{ background-color:transparent; border:1px solid #6d6d6d; border-right: none; }
.arrowNav .arrow.pending span{ border-color: #000 !important;   }
.arrowNav .pending:after{ position: absolute; content: "";  right: -17px; background: url("../img/stageArrow3.png") no-repeat right center; top: 0; bottom: 0; width: 20px; z-index: 2; }

.eventStages label{ font-size: 12px; font-weight: normal;   }
/*.eventStages .instruction h4{ font-style: italic;   }*/
.eventStages .instruction ol{ padding-left: 20px; }
.eventStages .instruction li{  font-size: 12px;     }
.eventStages .pointsDetails{ font-size: 18px; margin-bottom: 20px  }

/* ---- */

.nominatorHeader{ margin-bottom: 10px; padding: 15px 20px; background-color: rgb(0,0,0, 0.8);      }
.nominatorHeader .img{ border-radius: 50%; border:2px solid red; height: 104px; width: 104px;  }
.nominatorHeader h4, .nominatorHeader h5{ color: #fff; padding-left: 15px;  }
.nominatorHeader h4{ font-size: 30px;  }
.nominatorHeader h5{ font-size: 24px;  }
.nominatorHeader button{ background-color: #fff !important; font-size: 18px !important; border: 1px solid #ccc     }


.totalNomination {text-align: center; font-size: 20px; margin-bottom: 50px;    }
.totalNomination .cont{ border-right: 1px solid #000;  }
.totalNomination .cont:last-child{ border-right: none;  }

.requestedBudgetPnt{ padding:10px 0;    }
.requestedBudgetPnt strong{ padding: 0 10px;  }

.pendingApproval{ color: orange  }
.approved{ color: green }
.approvalCancel{ color: red }

.fontSizeBig{ font-size: 14px; line-height: 30px;   }

#flashMsg .alert { margin-bottom: 10px;}
.nominee_hr { margin-top:8;margin-bottom: 18px;}


.evalScore{padding-left: 5px;line-height: 34px;font-size: 16px;} 

.modal-body2{ padding:15px;  }

.anniversarysec  .mixedSlider .MS-content .item h6 { font-size: 16px;  color: #DC143C !important;  }
.anniversarysec  .mixedSlider .MS-content .item h5 { font-weight:bold;  }
.anniversarysec  .mixedSlider2 .MS-content .item h6 { font-size: 16px;  color: #DC143C !important;  }
.anniversarysec  .mixedSlider2 .MS-content .item h5 { font-weight:bold;  }

.dateErrMsg{color:#dd4b39;position: absolute;left: 0;top: 34px;width: 300%;}
.reminder{margin-top: 40px;}

.eventHeader{ margin-bottom: 20px;   }
.btn-group .dropdown-menu{ background-color: #ffffff!important;z-index: 999;}

.dropdown-menu>.active>a {  background-color: #ffffff!important;}
.text-left{ text-align: left!important;}

.masterRewardCatelogue { padding: 10px 0;  }
.masterRewardCatelogue p { font-size: 16px; padding-right: 10px;  }
.fynyr{ font-size:17px;font-weight:200px;padding-top:10px;margin-right:10px; }

#award-certificate-user .multiple .selectator_input { width: 100% !important }

/* help topics */
#award-certificate-user .multiple .selectator_input { width: 100% !important }

/*********** for new design profile page ************/
.innerPages h4{ font-weight: 400; }
.innerPages label{ font-weight: normal; position: relative; font-size: 12px; color: #6d6d6d; line-height: 22px;  }
.innerPages label.m:after, .place_order_mandate:after{     position: absolute;content: "*";right: -8px;font-size: 14px;color: #ff0000;}
.innerPages label span{color: #ff0000;}

table th{background-color: #ebebeb; font-weight: medium; font-size: 14px; border: 1px solid #ebebeb;  border-bottom: 1px solid #d8d8d8 !important;     }
.innerPages td:first-child {  border-left:1px solid #d8d8d8;  }
.innerPages td:last-child {  border-right:1px solid #d8d8d8;  }
.innerPages td{ font-weight: normal; font-size: 14px; border-bottom:1px solid #d8d8d8;   }

.innerPages .spacer{ padding-bottom: 10px; }
.innerPages input[type="text"], input[type="password"], input[type="email"], select
{
color: #191919	
}
.editicon{background:url("../img/editText.svg") no-repeat right center; position: absolute; right: 5px; display: block; height: 34px; width: 21px; line-height: 30px; z-index: 10; top: 0;}
.editemailicon{background:url("../img/editText.svg") no-repeat right center; position: absolute; right: 5px; display: block; height: 85px; width: 21px; line-height: 30px; z-index: 10; top: 0;}


.innerPages .form-control[readonly]{ background-color: transparent; }
.innerPages .verified{ clear: both; padding-left:15px; color: #008000;  font-style: italic; background:url("../img/tick.svg") no-repeat left center; background-size: 12px; font-size: 14px;  }
.innerPages .notVerified{ clear: both; padding-left:15px; color: #ff0000;  font-style: italic; background:url("../img/err.svg") no-repeat left center; background-size: 12px; font-size: 14px;  }
.innerPages a{ color: #0000ee; text-decoration: none; }
.innerPages .et,.innerPages .ed{position: relative;}
.innerPages .et a,.innerPages .ed a{background:url("../img/editText.svg") no-repeat right center; position: absolute; right: 5px; display: block; height: 34px; width: 21px; line-height: 30px; z-index: 10; top: 0;}
.innerPages .ed a{background:url("../img/datePicker.svg") no-repeat right center;  }
.innerPages .search{position: relative;}
.innerPages .search:after{content: ""; position: absolute;  background:url("../img/search.svg") no-repeat right center;right: 5px; top: 0; height: 34px; width: 21px; line-height: 30px;   }
.innerPages .errMsg{ color: #ff0000; font-weight:400; font-style: italic; font-size: 12px; line-height: 25px; }
.modal .close{background:url("../img/closeBtn.svg") no-repeat center center; height: 28px; width: 15px; opacity: 1  }
.modal .close span{ display: none; }
.modal.centerBtn .modal-footer{ text-align: center; }

.innerPages .profilePicBg{ background-color: #ebebeb; border: 1px solid #d5d5d5; padding: 10px; border-radius:4px; position:relative;    }
.innerPages .licenses{ margin:0; padding: 0; font-size: 16px; }
.innerPages .licenses li{ display: inline-block; border-right: 1px solid #d5d5d5; padding-right: 10px; list-style: none; margin-right: 10px; line-height: 26px; margin-bottom: 20px  }
.innerPages .licenses li:last-child{ border: none; }
.innerPages  input[type="button"], 
.innerPages  input[type="submit"],
.innerPages  button{ margin-right: 10px;}

.innerPages .has-feedback .form-control{ padding-right: 5px }

.downloadReport{ background:url("../img/download.svg") no-repeat 5px center; background-size: 18px; display: inline-block; float: right; padding: 7px; font-size: 14px; line-height: 16px; padding-left: 30px; position: relative; bottom: 5px; border-radius: 0;   }


.spacer{ height: 5px; }
/* program title */

h2.programPageTitle{    margin: 0; font-size: 22px; margin-bottom: 28px;  }
.buzzHelpMenu a{ display:block; line-height: 40px; font-size: 14px; color: #191919  }
.spacer{ height: 20px; }

.topics{ color: #191919 !important; border: 1px solid #d5d5d5; padding: 5px; margin-bottom: 10px; font-size: 16px; line-height: 30px; padding-left:10px; padding-right: 0; display: block; position: relative; border-radius: 4px;   }
.topics span{ background-color:#fffe00; color: #000;   }
.activeInactiveCampaign h5{ margin-top: 20px;  }
.activeInactiveCampaign .campaign .points{padding: 10px; border: 1px solid #d5d5d5; text-align: center; position: relative; margin-right: 5px; margin-bottom: 5px; float: left; width: 19%; font-size: 14px; }
.activeInactiveCampaign .campaign .points strong{ font-size: 24px; }
/*.activeInactiveCampaign .campaign .points:after{position: absolute; width: 55px; content: ""; left: 5px; top: 5px; bottom: 5px;    }*/

.helpTopicSearch{ margin-bottom: 15px; }
.helpTopicSearch .form-control{ border-radius: 0; }
.activeInactiveCampaign .campaign_0 .points{ background-color: #59c959; color: #fff  }
.activeInactiveCampaign .campaign_1 .points{ background-color: #6d6d6d; color: #fff  }


#previewVideo,#recordVideo .innerScreen{position: relative; background-color: #000;}
#previewVideo{ margin: 10px 0;    }
#previews_video{ margin-bottom: 10px;  }

#previews_video .dz-image-preview{ border:1px solid  #d5d5d5; }
#previews_video .preview{ background-color: #6d6d6d; display: block;padding: 25%;  }
#previews_video .fileName{ margin: 0; line-height: 30px;   }
#previews_video .size{ margin: 0; line-height: 25px }
#previews_video .progress { margin: 0; }
#previews_video button.close, #previewVideo button.close{   background:#ff0000 url(../img/closeBtn.svg) no-repeat center center !important;    font-size: 0 ; width: 26px; height: 26px; position: absolute; top: -11px; right: 5px; border-radius: 50% !important; opacity: 1; background-size: 50% !important;  }
#previewVideo button.close{ z-index: 1; right: -10px; }

#previewVideo .videoDetails,#recordVideo .videoDetails { position: absolute; bottom: 0; left: 0; right: 0;  padding: 10px;  }
#previewVideo .videoDetails span, #recordVideo .videoDetails span{ background-color: #000; color: #fff; padding: 5px;}
#previewVideo .videoDetails span.size{ float: left; }
#previewVideo .videoDetails span.duration, #recordVideo .videoDetails span.duration{ float: right; }
#previewVideo .trimBtn{ position: absolute;top: 10px;left: 10px;background: #000 url(../img/trim.svg) no-repeat 5px center !important; background-size: 18% !important; padding-left: 37px;}

#recordVideo{ position: relative; }
#recordVideo .recordingIcon{display: none; position: absolute; left: 10px; top: 10px; height:35px; width: 35px; background: url(../img/progress.gif) no-repeat center center !important;    }

.uploadingFiles { background-color: #ebebeb; padding: 20px 5px ; text-align: center; margin: 10px 0;   }
.uploadingFiles i{ margin-bottom: 30px; } 


.notificationDropdown .dropdown-menu{ right: -100px; border-radius: 0; color: #000; min-width: 380px; box-shadow: 2px 3px 3px #ccc; margin: 12px 0 0;   }
.notificationDropdown .dropdown-menu h5{margin: 0;padding-left: 10px;line-height:26px;border-bottom: 1px solid #ccc; font-size: 14px}
.notificationDropdown .dropdown-menu .read_noti{    position: absolute;    right: 33px;    top: -4px;}
.notificationDropdown .dropdown-menu img{ background-color: #6e6d72; height: 38px; width: 38px; border-radius: 50%; border:1px solid #000; padding:5px;     }
.notificationDropdown .dropdown-menu ul{ margin: 0; padding: 0; list-style: none; max-height: 600px;overflow-x: hidden;overflow-y: auto;}
.notificationDropdown .dropdown-menu li{ padding: 10px; border-bottom: 1px solid #d5d5d5 }
.notificationDropdown .dropdown-menu li:hover, .notificationDropdown .dropdown-menu li.active{ background-color: #d5d5d5 }
.notificationDropdown .dropdown-menu h6{ margin: 0; font-size: 14px; font-weight: normal; margin-bottom: 4px; line-height: 18px; }
.notificationDropdown .dropdown-menu p{ color: #6d6d6d; font-size: 12px; margin-bottom: 3px; line-height: 12px; }
.notificationDropdown .dropdown-menu .close{ float: right; background-size: 65%; opacity: 1; background: url("../img/closeBtnBlack.svg") no-repeat left center ; height: 12px; width: 12px; display: block; margin-right: 5px; margin-top: 4px; }
.notificationDropdown #notification{ position: relative; color: #000;  }
.notificationDropdown #notification span{ text-align: center; position: absolute; display: block; border-radius: 50%; line-height: 18px; min-height: 18px; min-width: 18px; background-color: #fff; right: -8px; top: 18px; font-size: 12px; }
.notificationDropdown .noNotification {     text-align: center; padding: 10px; }
.notificationDropdown .noNotification .profilebdr{ margin-bottom: 5px; }
.notificationDropdown .loadingMore{ padding: 5px; text-align: center; font-weight: bold; font-size: 12px; } 
.notificationDropdown .dropdown-menu h6 p{ margin: 0; font-size: 14px; font-weight: normal; margin-bottom: 4px; line-height: 18px; color: #000; }



#imgPreview{ position: relative; float: left; margin-bottom:20px  }
#imgPreview a{   background:#ff0000 url(../img/closeBtn.svg) no-repeat center center !important;    font-size: 0 ; width: 20px; height: 20px; position: absolute; top: -6px; right: -10px; border-radius: 50% !important; opacity: 1; background-size: 50% !important;  }
#imgPreview img{ border: 1px solid #ff0000  }
/*.activeInactiveCampaign .campaign_0 .points_0:after{ background:#59c959 url("../img/RedeemedPoints.svg") no-repeat center;background-size: 60%;   }
.activeInactiveCampaign .campaign_0 .points_1:after{ background:#59c959 url("../img/EarnedPoints.svg") no-repeat center;background-size: 60%;   }
.activeInactiveCampaign .campaign_0 .points_2:after{ background:#59c959 url("../img/ExpiredPoints.svg") no-repeat center;background-size: 60%;   }
.activeInactiveCampaign .campaign_0 .points_3:after{ background:#59c959 url("../img/BalancePoints.svg") no-repeat center;background-size: 60%;   }
*/
.activeInactiveCampaign .campaign_1 .points_0:after{ background:#6d6d6d url("../img/RedeemedPoints.svg") no-repeat center;background-size: 60%;   }
.activeInactiveCampaign .campaign_1 .points_1:after{ background:#6d6d6d url("../img/EarnedPoints.svg") no-repeat center;background-size: 60%;   }
.activeInactiveCampaign .campaign_1 .points_2:after{ background:#6d6d6d url("../img/ExpiredPoints.svg") no-repeat center;background-size: 60%;   }
.activeInactiveCampaign .campaign_1 .points_3:after{ background:#6d6d6d url("../img/BalancePoints.svg") no-repeat center;background-size: 60%;   }

.campaignDashboard .backToDash{background:url(../img/backArrow.svg) no-repeat 10px center; display: inline-block;  text-align: left; background-size: 16px; line-height: 30px;  padding-left: 35px;  margin-bottom: 15px; font-size: 16px;   }

.campaignDashboard .campaignDetails .loader, .myWalletLoader .loader{ margin: 100px 0; text-align: center;  font-size: 18px;  }
.campaignDashboard .campaignDetails .loader i, .myWalletLoader .loader i{ display: block;margin-bottom: 20px; font-size: 36px }
.campaignDashboard .campaignDetails .campaignDetailsBoxes{ margin: 0; padding: 0;  }
.campaignDashboard .campaignDetails .campaignDetailsBoxes li{width: 143px; float: left; margin-right: 2px; margin-bottom: 10px; text-align: center; background-color: #455bff; color: #fff; padding: 10px; list-style: none; font-size: 22px  }
.campaignDashboard .campaignDetails .campaignDetailsBoxes li p{ font-size: 12px }
.campaignDashboard .campaignDetails .campaignDetailsBoxes li:nth-child(2){ background-color:#fa3435  }
.campaignDashboard .campaignDetails .campaignDetailsBoxes li:nth-child(3){ background-color:#39d335  }
.campaignDashboard .campaignDetails .campaignDetailsBoxes li:nth-child(4){ background-color:#136c8c  }
.campaignDashboard .campaignDetails .campaignDetailsBoxes li:nth-child(5){ background-color:#ecad06  }
.campaignDashboard .campaignDetails .campaignDetailsBoxes li:nth-child(6){ background-color:#ff3372  }
.campaignDashboard .campaignDetails .campaignDetailsBoxes li:nth-child(7){ background-color:#9f0bff  }

@media screen and (min-width: 992px) {
.col-center { padding-left: 5px;  }
.col-md-20{width: 20%; float: left;}
.col-md-60{	width: 80%; float: left;}

}



/* for small screens */
@media screen and (max-width: 770px) {

.notificationDropdown .dropdown-menu { right: auto; }
.table-responsive-custom {
    min-height: .01%;
    overflow-x: auto;
}


.certificatesPreview{ padding:30px 74px 0 60px; background-size: contain !important; min-height:250px;  }
.certificatesPreview h1{text-transform:uppercase; color:#7b2432; font-size:14px; margin: 0; margin-top: 5px; font-family: 'Playfair Display', serif;}
.certificatesPreview h2{text-transform:uppercase; color:#7b2432;   font-size:12px; line-height:20px; margin: 0; font-family: 'Playfair Display', serif; }
.certificatesPreview .cnt{  text-transform: uppercase; line-height: 10px; font-size:10px; font-family: 'Playfair Display', serif;   }
.certificatesPreview img { width: auto; height: auto; }
.certificatesPreview .desc{ line-height: 10px !important; font-size: 10px; height: 35px !important;  }
.certificatesPreview td{ font-weight: bold; font-size: 12px}
.certificatesPreview td img{width: 50%;}
}

/* for big screens */
@media screen and (min-width: 771px) {

.pull-right-custom{ float: right; }

}

.selectedUser .userDtls{ margin-right: 3px; margin-bottom: 3px; position: relative;  border: 1px solid #d5d5d5; display: inline-block; padding: 5px;padding-right: 25px; }
.selectedUser .userDtls img{ height: 30px; width: 30px; border-radius: 50%; border: 1px solid red;  }
.selectedUser .userDtls p,.selectedUser .userDtls a{display: inline-block;}
.selectedUser .userDtls a{position: absolute; top: 30%; right: 5px; background:#ff0000 url("../img/closeBtn.svg") no-repeat center center; height: 15px; width: 15px; border-radius: 50%; background-size: 60%;   }



#tags{ border:1px solid #ccc; padding:5px; max-height: 200px; overflow-y: auto;}
#tags > span{ border: 1px solid #2f8803; position: relative;  display:inline-block;  float:left;  color:rgba(0, 0, 0, 0.71);  background:#d9f4da;  padding:5px;   margin:4px; padding-right: 28px;}
#tags > span:hover{  opacity:0.7;}
#tags > span:focus{  border: #ccc;}
#tags > span a{ border-radius: 50%; display: block;  position: absolute; cursor:pointer; background:#ff0000 url(../img/closeBtn.svg) no-repeat center center !important;  background-size: 50% !important; content: ""; top: 4px; right: 5px;  color: #fff; width: 20px; height: 20px; font-size: 12px; font-weight: bolder;}
#tags > input{     padding:7px;  width:100%; border:none;}
#tags > input:focus{border: solid 1px #ccc;}

.focusTag {    border: solid 1px #ccc;}
.emailtag {    margin: auto;}
#tags > span.invalid {  background:#ffeeee; border:1px solid #ff0000; } 


.backBtn{background:url(../img/backArrow.svg) no-repeat left center; display: inline-block; text-align: left; background-size: 14px; line-height: 20px;  padding-left: 22px;  margin-bottom: 20px; font-size: 14px;   }

 #download-cert {    border: 1px solid #ccc;    padding: 5px;    background: url(../img/certificates.svg) no-repeat 5px center;    padding-left: 35px;    background-size: 20px; position: relative;}  }
 #download-cert a{ position: absolute; right: 5px; top: 0;}

 .filterBorder{ border-bottom: 1px solid #d5d5d5; margin-bottom: 10px;  }

.statisticBox{  border: 1px solid #d5d5d5;  }
.statisticBox h5{ margin: 0; background-color: #ebebeb; padding-left: 10px; line-height: 35px; border-bottom: 1px solid #d5d5d5    }
.statisticBox .inner{ padding: 25px;  }
.statisticBox .inner h6{ font-size: 24px;  }
.statisticBox  h6 span{  color: #00a633;     }
.statisticBox  h6 span.red{ color: red;   }
.statisticBox .inner p{ font-size: 12px; margin-bottom: 10px;  }
.backToDash{background:url(../img/backArrow.svg) no-repeat 10px center; display: inline-block;  text-align: left; background-size: 16px; line-height: 30px;  padding-left: 35px;  margin-bottom: 15px; font-size: 16px;   }
.graphBorder {border: 1px solid #d5d5d5; }

.bdrBtmReports{ border-bottom: 1px solid #d5d5d5; padding-bottom: 10px; margin-bottom: 10px; }

.campaignErr{ position: absolute; left: 0; bottom: -22px }

.chartWrapper .loader{ position: absolute; left: 0; top: 35%; bottom: 0; right: 0; width: 100px; margin: 0 auto; text-align: center;  }
.chartWrapper .loader i{ font-size: 30px;   }

 .linkedinPostBg{ background:url(../img/linkedinPostBg.jpg) no-repeat center center; background-size: 100%; padding: 10px; margin-bottom: 10px; }
.approvalAuditHistory  h4, .approvalAuditHistory  h5{ background-color: #fff !important; position: relative; }
.approvalAuditHistory  h4:after, .approvalAuditHistory  h5:after{ position: absolute; right: 5px;  top: 0; bottom: 0; font-size: 16px; line-height: 40px; font-family: "FontAwesome"; content: "\f078"; }
.approvalAuditHistory  h4.collapsed:after, .approvalAuditHistory  h5.collapsed:after{content: "\f054"; }

/* hub section  */


.hubNav .panel h6{ position: relative; padding-left: 20px;  }
.hubNav .panel li{ position: relative; padding-left: 42px;background:url(../img/bullet-circle.svg) no-repeat 26px center; background-size: 6px; }
.hubNav .panel h6:hover a, .hubNav .panel li:hover a, .hubNav .panel h4:hover a:after{  }
.hubNav .panel h6:hover{ background-color: #EFEFEF; }
.hubNav .panel h6 .ed{ position: absolute; z-index: 2; display: none; right: 0; top: 10px; text-align: right; line-height: 46px; height: 36px;   }
.hubNav .panel li .ed{ position: absolute; z-index: 2; display: none; right: 0; top: 0px; text-align: right; line-height: 46px; height: 36px;   }
.hubNav .panel h6 .ed{ right: 34px;  }
.hubNav .panel h6 .ed a, .hubNav .panel li .ed a{   display: inline-block; width: 20px; height: 20px;   }
.hubNav .panel h6 .ed a:hover {background-color: transparent !important;}
.hubNav .panel h6 .ed a.e, .hubNav .panel li .ed a.e{background: url(../img/editTextWhite.svg) no-repeat center; display: inline-block;  background-size: 14px; line-height: 30px;      }
.hubNav .panel h6 .ed a.d, .hubNav .panel li .ed a.d{background: url(../img/delete.svg) no-repeat center; display: inline-block;  background-size: 14px; line-height: 30px;      }
.hubNav .panel h6 .ed a.e{ right: 24px;  }
.hubNav .panel h6 .ed a.d{ right: 0; }
.hubNav .panel h6:hover .ed, .hubNav .panel li:hover .ed{ display: block; }
.hubNav .panel li a{ position: relative; z-index: 1 }
.hubNav .panel-heading a{ padding: 10px 0; color: #7B8191; font-weight: bold; font-size: 14px;  }
.hubNav .panel-heading a.heading:after{ right: 16px;  }
.hubNav .panel ul {margin: 0; list-style: none; padding: 0; }
.hubNav .panel ul li a { padding: 0; color: #7B8191 !important; font-size: 12px; background-color: transparent; }
.hubNav .panel ul li:hover{ background-color: #EFEFEF; }
.roundedBorder{ border: 1px solid #d5d5d5; border-radius: 4px; padding: 20px;  }

.leftBarPointsManagement a{ display: block; color:#7B8191; line-height: 30px;  }

.documentList .fileBox{ float: left; border:1px solid #d5d5d5; width:160px; height:178px; margin-right: 20px; margin-bottom: 20px; padding: 10px; border-radius: 4px;   }
.documentList .fileBox:nth-child(4n+1){ margin-right: 0; }
.documentList .fileBox .img{ background:url(../img/PDF_file_icon.png) no-repeat center center; height: 110px; background-size: 60%;     }
.documentList .fileBox .imgVideo{  position: relative;left: -10px; top: -10px; height: 110px; right: 0; width: 158px; background-size: cover !important;     }
.documentList .fileBox .dropdown { position: relative; z-index: 2 }
.documentList .fileBox .imgVideo:before{ position: absolute; position: absolute; content: ""; height: 50px; width: 50px; background-color: #000; border-radius: 50%; margin: 0 auto; left: 0; right: 0; top: 30%     }
.documentList .fileBox .imgVideo:after{  background: url(../img/play.svg) no-repeat center center; height: 50px; width: 50px; background-size:40%; content: ""; position: absolute; margin: 0 auto; left: 0; right: 0;top: 30%  }
.documentList .fileBox h6{ margin:8px 0 3px 0; font-size: 14px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;     }
.documentList .fileBox p{ font-size: 14px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  }
.documentList .fileBox span{ color: #6d6d6d; font-size: 12px;  }
.documentList .fileBox .miniDropdown i{ font-size: 14px; }
.documentList .fileBox .miniDropdown a{ line-height: 18px; }

.pdfHeader{ position: fixed; font-size: 20px;  height: 40px;  color: #fff; width: 100%; z-index: 10; padding: 10px; background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1)); }
.pdfHeader .fa-file-pdf{ color: #ff0a00;  }
.pdfHeader .close{ float: right; color: #fff;  margin-right: 40px; margin-left: 25px; height: 28px; width: 28px; background-size: 20px;     }
.pdfHeader .rightNav{ float: right;   }
.pdfHeader .rightNav span{ display: inline-block; margin-right: 25px;  }
.pdfHeader .rightNav span strong{ font-weight: normal; }
.pdfHeader .rightNav a { color: #fff; margin-right: 10px;  }
.approvalAuditHistory  h4.collapsed:after,.approvalAuditHistory  h5.collapsed:after{content: "\f054"; }

  
.basicDetailsList{ list-style: none; padding: 0; margin: 0;  }
.basicDetailsList li{ line-height: 30px; font-size: 14px;   }
.basicDetailsList li span{ position: relative; display: inline-block; width: 80px;margin-right: 15px;  }
.basicDetailsList li span:after, .bankDetailList label:after{ content: ":"; position: absolute; right: 0;   }


.bankDetailList{ position: relative; }
.bankDetailList label{width: 255px; position: absolute;   }
.bankDetailList span{ float: left; margin-left: 272px;  }


.instructionTxt, .subtype_instructionTxt{ font-size: 12px; line-height: 14px; display: block; margin-top: 5px; color: #6d6d6d;       }

.instructionTxtRight{ font-size: 12px; text-align: right; line-height: 14px; display:block; margin-top: 5px; color: #6d6d6d;       }


.profileTypeApproved{ background: url(../img/Approved-01.svg) no-repeat left center; text-align: left; padding-left: 25px;    }
.profileTypeRejected{ background: url(../img/Rejected-01.svg) no-repeat left center; text-align: left; padding-left: 25px;    }


#userdatp1{display: inline-block;background-color: white;}
#userdatp1 .selectator_selected_item{ background-color: #f2f2f2; border-bottom: 1px solid #ccc; padding: 5px;         }
#userdatp1 .selectator_selected_item a{ float: right; line-height: 30px;  }
#userdatp1 .selected_item_left img{ border-radius: 50%; width: 30px; margin: 0; margin-right: 5px;  }
#userdatp1 .selected_item_right{ margin-right: 5px; }

  #selectator_select3_ajax,#selectator_selectl1_ajax,#selectator_selectp1_ajax {
    min-height: 34px !important;
  }


  .bankStatistics, .bankStatistics th, .paytmStatistics th, .paytmStatistics { text-align: center;  }
  .bankStatistics th{ font-weight: normal;  }

.noImageGal div{ background:#d5d5d5 url(../img/noImage.svg) no-repeat center center; background-size: 40%;   }
.noVideoGal div{ background:#d5d5d5 url(../img/noVideo.svg) no-repeat center center; background-size: 40%;   }

.rewardsRightPanel{ line-height: 30px;  }
.rewardsRightPanel p, .rewardsRightPanel .r { display:flex; margin-bottom:10px; line-height: 20px}
.rewardsRightPanel p span, .rewardsRightPanel .r span{ display: inline-block; width: 52%; position: relative; flex:2; color:#7B8191   }
.rewardsRightPanel p span:after, .rewardsRightPanel .r span:after{ position: absolute; right: 0; top: 0; content: ":"; }
.rewardsRightPanel p strong{ display: inline-block; width: 40%;  word-break:break-word; text-align:right; flex:1  }

.rewardsRightPanel .r div.q{ width: 35%;   text-align: center; flex:1   }
.productDetailsRight{ padding: 20px; border-radius: 4px; border: 1px solid #d5d5d5; }

.allocatedPointsSummary { border: 1px solid #d5d5d5; }
.allocatedPointsSummary .head{ background-color: #ebebeb; border-bottom: 1px solid #d5d5d5; text-align: center; padding: 5px; position: relative; font-size: 18px;   }
.allocatedPointsSummary .head .fas{ font-size: 26px; margin: 0 5px; }
.allocatedPointsSummary .head .fa-plus-circle{ color: green; }
.allocatedPointsSummary .head .fa-minus-circle{ color: red; }
.allocatedPointsSummary .head .auditTrail{ position: absolute; right: 10px; font-size: 14px; top: 10px;   }
.allocatedPointsSummary .lftCol, .allocatedPointsSummary .rgtCol{border-right:1px solid #d5d5d5; padding:10px;  }
.allocatedPointsSummary .rgtCol{ border: none; }
.allocatedPointsSummary h5{ margin: 0; margin-bottom: 15px;  }
.allocatedPointsSummary ul{  margin: 0; padding: 0;}
.allocatedPointsSummary li { list-style: none; margin-bottom: 12px;   }
.allocatedPointsSummary li span{ display: inline-block; width: 230px; position: relative; margin-right: 10px;   }
.allocatedPointsSummary li span:after{ position: absolute; content: ":";  right: 0;}
.allocatedPointsSummary li .comments{ width: 80px; float: left;  }
.allocatedPointsSummary li p{ float: left; width: 300px;   }

.bdrN{ border: none !important; }
.bdrLeft{ border-left:1px solid  #d5d5d5 !important; }

.inforMsg{ background-color: lightyellow; border:1px solid orange; padding: 5px; margin-top: 3px; display: inline-block;     }
.inforMsg i{ color: orange; }


.errMsgApproval{ background-color: lightred; border:1px solid red; padding: 5px; margin-top: 3px;     }
.errMsgApproval i{ color: red; }

.pointsStatus, .pointsStatus li{ padding: 0; margin: 0;  }
.pointsStatus li { float: left; border-right: 1px solid #d5d5d5; list-style: none; font-size: 14px; padding-right: 12px; margin-right: 12px; margin-bottom: 20px;  }
.pointsStatus li:last-child{ border: none; }

.horiConfirmation{ padding: 10px; background-color: #ebebeb; display: inline-block; border:1px solid #d5d5d5 ; margin-bottom: 10px;  }
.horiConfirmation span{ padding-right: 10px;  }


.viewDoc { border: 1px solid #d5d5d5;  }
.viewDoc .header{  border-bottom: 1px solid #d5d5d5; text-align: right; padding: 5px; line-height: 12px;   }
.viewDoc .header a { display:inline-block; height: 25px; width: 25px; margin-left: 20px; }
.viewDoc .header a.plus{ background: url(../img/zoomOut.svg) no-repeat left center;    }
.viewDoc .header a.minus{ background: url(../img/zoomIn.svg) no-repeat left center;    }
.viewDoc .header a.rotate{ background: url(../img/rotate.svg) no-repeat left center;    }
.viewDoc .imgBox{ height: 300px; overflow: auto;   }

.minDotsNav{ margin-left: 10px; line-height: 12px;  }
.minDotsNav a{ line-height: 0;  }

.errMsgFR{ font-size: 14px; padding-bottom: 5px;  }
.errMsgFR span{  color: #ff0000;  }

.debitWalletBtn{position: relative; bottom: 5px; right: 5px; line-height: 30px; border-radius: 0; padding: 0 10px; display: inline-block;}

.debitWalletBtn{position: relative; bottom: 5px; right: 5px; line-height: 30px; border-radius: 0; padding: 0 10px; display: inline-block;}

.userRole{background-color: #eee; border:1px solid #ccc; padding:5px; display:inline-block; margin: 0 5px 5px 0 ; float: left;  }
.userRole a{ color: #000; margin-left: 5px; }
.dataValues .form-horizontal label { text-align: left; }
.dataValues .form-horizontal label:after{ position: absolute; content: ":"; right: 30px; }
.dataValues .form-horizontal .input-group-addon{ background-color: #eee; }

.propertiesSelected{ background-color: #eee; padding: 10px; border: 1px solid #ccc; float: left; margin-bottom: 10px; margin-right:10px; line-height: 12px; font-weight: bold; line-height:18px    }
.propertiesSelected i { color: #000; }

.mobilePayTm{ background: url(../img/tick.svg) no-repeat 98% center;    background-size:15px; }

.infoIcon{ background: url(../img/info.svg) no-repeat 98% center; display: inline-block; height: 20px; width: 20px; position: relative; top: 3px;     }

.tabletooltip {  display: inline-block; height: 200px; width: 200px; position: relative; top: 3px;     }
  .myImageDetails img{ max-width: 100%; }

.col-md-18{width:17.666667%; float: left; position: fixed; }
.col-md-81{width: 82.333333%; float: left; margin-left: 17.666667%; padding-right: 20px; padding-left: 20px; }
.col-md-39{ width:39.666667%;float: left; padding-left: 15px; padding-right: 15px;  }
.col-md-60{ width:60.333333%;float: left;padding-left: 15px; padding-right: 15px;    }

.col-md-scope-23{width:23.666667%; float: left; }
.col-md-scope-76{width: 76.333333%; float: left;  padding-right: 20px;  }

.table td .btn-group .dropdown-menu{ right: 0; left: auto; z-index: 4; }

.form-group .input-group.date {background:url("../img/datePicker.svg") no-repeat right 10px center; background-size: 20px;  }
.form-group .input-group.date a{ background: transparent; cursor: pointer; }
.help-block { color : #dd4b39; }

.countryCode .form-control { border-left: none; }
.countryCode .form-control:focus{ border-color: #d2d6de; }
.countryCode .dropdown-menu{ max-height: 200px; overflow-y: auto; }
.countryCode .dropdown-menu li a:hover { background-color: #000EEE; color: #fff !important; }
.countryCode.disabled a{ color: #383853; }
.countryCode.disabled .input-group-addon{ background-color: #eee ;  }
.countryCode .input-group-addon{ padding-right: 0; }



.form-group.has-success .countryCode .input-group-addon{border-color:#00a65a;box-shadow:none}
.form-group.has-success .countryCode  .form-control{border-color:#00a65a;box-shadow:none}

.login-box-body label {font-weight: normal;position: relative;font-size: 12px;color: #6d6d6d;}


.tableColMax   th, .tableColMax td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; position: relative; }

/*Css added by suyash */
.text-blue {
    color: #0000ee !important;
}

.form-group.has-error .input-group .input-group-addon {
    border-color: #dd4b39;
}

.form-group.has-error .dropdownMultiselect .dropdown-label {
    border-color: #dd4b39;
}
.mandateRed { color:#ff0000 }


.modal-dialog.modalWidthSmall{ width:500px }


.tncLoginLogo{ border-bottom:1px solid #D5D5D5; height:50px; margin-bottom:10px  }
.tncLoginLogo img{ max-height:100% }
.tncLoginDesc{ height:400px; overflow-y:auto; }
.tncPopupAccept{ background-color:#000; }

.tncLoginDesc h1{ font-size:16px; font-weight:bold; }
.tncLoginDesc p { margin-bottom:10px }