/* ================= Font Family =========== */
/* ================= Colors =========== */
/* ============== Define Color ============== */
/* ================= Font Size =========== */
/* ================= Padding =========== */
.changeonhover .img-sec .clr {
  display: none;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}

.changeonhover .active .clr {
  display: block;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}

.changeonhover:hover .img-sec .bw {
  display: none;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}

.changeonhover:hover .img-sec .clr {
  display: block;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}

.org-name-txt {
  position: relative;
}

.org-name-txt label.org-name-label {
  text-align: left !important;
  position: absolute;
  top: 2px;
  left: 6px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.7px;
  width: 98%;
  color: #d29500;
  z-index: 1;
  text-transform: capitalize;
}

.org-name-txt input, .org-name-txt select {
  padding-top: 30px;
  padding-bottom: 5px;
}

.org-name-txt .iti__flag-container {
  top: 25px;
}

.org-name-txt input::placeholder, .org-name-txt select {
  color: #a5a5a5;
}

#Information-pop-up {
  z-index: 10000;
}

.calc {
  padding: 5px 15px;
  background-color: #3e9ddb;
  color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.calcnc {
  color: #ffffff;
  padding: 5px 15px;
  background-color: #d2952a;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.crt-story-int-hre {
  width: 100%;
  max-width: 380px;
  height: 28px;
  margin-left: 68px;
  padding: 3px 30px 0;
}

.information-icon {
  cursor: pointer;
}

.dlt-his-icon {
  cursor: pointer;
}

.info-icon {
  cursor: pointer;
  margin-left: 10px;
}

.info-icon img {
  width: 25px;
}

.info-icon-pop-up {
  cursor: pointer;
}

.logo-btn {
  width: 70px;
  height: 30px;
  border: none;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer !important;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}

.enable-section .logo-btn, .imp-enable-section .logo-btn {
  background: #48aff2 !important;
  color: #ffffff !important;
}

.disabled-section .logo-btn, .imp-disabled-section .logo-btn {
  background: #48aff2 !important;
}

.submit-btn-fixed {
  background: #f2f2f2;
}

.ptb {
  padding: 10px;
}

.shr-login {
  width: 100%;
  padding: 20px 0;
  z-index: 1;
  position: absolute;
}

.shr-login-body .footer-bottom-section {
  position: fixed;
}

.gr-color {
  color: #499117;
}

.nav > li > a:focus, .nav > li > a:hover {
  background: 0 0;
}

.log-in-page-img {
  width: 80%;
  margin-top: 20px;
}

.dont-waste-text {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: Tangerine, cursive;
}

.dont-waste-text .text-warning {
  color: #febe00;
}

.dont-waste-text .text-primary {
  color: #4db3e1;
}

.heading-donate {
  font-size: 5em;
  font-weight: 700;
}

.shr-login .log-in-im img {
  width: 100%;
  height: auto;
  max-width: 500px;
}

.shr-login .right-side-bar {
  background: #ffffff;
  box-shadow: 0 2px 10px #000000;
}

.btn-facebook, .btn-google {
  color: #777;
  border: 1px solid #d2d2d2;
  margin-top: 10px;
  font-size: 14px;
}

.btn-google img {
  width: 20px;
  height: 20px;
  margin-right: 7px;
}

.btn-facebook .fa {
  font-size: 20px;
  padding: 0 14px;
}

.shr-login .right-side-bar form .form-control {
  position: relative;
  min-height: 38px;
  padding: 6px 15px;
}

.shr-login .right-side-bar form .msg {
  position: relative;
}

.shr-login .right-side-bar form .msg:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: url(../../images/msg.png);
}

.shr-login .right-side-bar .sb-btn {
  width: 100%;
  background: #3e9ddb;
  color: #ffffff;
  border: none;
  height: 38px;
  padding: 4px 0;
  margin-top: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.shr-login .right-side-bar form span {
  float: right;
  cursor: pointer;
}

.shr-login .right-side-bar form span a {
  color: #39a2a6;
}

.shr-login .right-side-bar form input[type=checkbox] {
  width: auto;
  height: auto;
}

.shr-login .right-side-bar form p a {
  text-align: center;
  padding: 9px 0;
  border-bottom: solid 1px #ececec;
  color: #0abab5;
  display: block;
}

.shr-login .right-side-bar form .ald-ac a {
  text-align: center;
  display: inline-block;
  border: none;
}

.shr-login .right-side-bar .msg {
  position: relative;
}

.cal-msg {
  position: absolute;
  right: 0;
  top: 123px;
  right: 65px;
  cursor: pointer;
}

.im-msg {
  position: absolute;
  right: 0;
  right: 25px;
  top: 123px;
  cursor: pointer;
}

.shr-login .right-side-bar .log {
  position: relative;
}

.im-log {
  position: absolute;
  right: 0;
  right: 25px;
  top: 163px;
  cursor: pointer;
}

.login-modal .modal-content .lgs img {
  width: 150px; /*margin-bottom:8px*/
}

.login-modal .modal-content .lgs h3 {
  color: #6ea746;
  font-size: 18px;
  margin: 0;
  text-transform: uppercase;
}

.login-modal .modal-content .lgs .lgo {
  color: #3e9ddb;
}

.login-modlal .sqr-chk-box .sqr-chk {
  vertical-align: middle;
}

.login-modal .modal-content .lgs h3 span {
  font-size: 30px;
}

.login-modal .modal-content .lgs p {
  color: #3e9ddb;
}

.login-modal .modal-content .lgs .fa {
  color: #d1942a;
  position: relative;
  padding: 15px 0;
}

.login-modal .modal-content .right-side-2 .text-left {
  color: #76b963;
}

.login-modal .modal-content .right-side {
  border-left: 1px solid #eee;
}

.login-modal .modal-content .right-side h3 {
  font-size: 18px;
  text-transform: capitalize;
  border-bottom: solid 1px #d0cece;
  color: #777;
}

.login-modal .modal-content .right-side .indivi-acc {
  float: left;
  margin: 25px 0;
}

.login-modal .modal-content .right-side .indivi-acc img {
  width: 50px;
  height: 50px;
  margin-top: -7px;
}

.indivi-acc .borderRadius-15 {
  max-width: 80px;
  max-height: 70px;
}

.login-modal .modal-content .right-side .indivi-acc h5 {
  margin: 0;
  cursor: pointer;
}

.login-modal label#remember-error {
  display: inline;
  font-weight: 500;
}

.login-modal .input-group .bpassword:focus {
  z-index: 0;
}

.login-modal .input-group .toggle-password {
  padding: 2px 0;
}

.new-check1 .checkmark {
  border: 1px solid #8d8e8e;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
  -o-border-radius: 2px !important;
}

.new-check2 .checkmark {
  background-color: #ffffff;
  border: 1px solid #8d8e8e;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
  -o-border-radius: 2px !important;
}

.new-check1 .sqr-chk .checkmark:after {
  border: 1px solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
}

.login-modal .indivi-acc a {
  color: #76b963;
}

.login-dialog1 {
  margin: 5% auto;
}

.login-modal .modal-content .right-side-2 .whts-ur img {
  width: 40px;
  float: left;
}

.login-modal .modal-content .right-side-2 .whts-ur p {
  font-size: 14px;
  line-height: 34px;
}

.login-modal .modal-content .right-side-2 .whts-ur .whts-text-part span {
  color: #0abab5;
}

.login-modal .modal-content .right-side-2 .lets-do {
  text-align: left;
  color: #0abab5;
  font-size: 17px;
}

.login-modal .modal-content .right-side-2 .whts-ur {
  margin-bottom: 10px;
  padding: 0 0 0;
  border-bottom: solid 1px #f2f2f2;
}

.login-modal .modal-content .right-side-2 .whts-ur img {
  width: 40px;
  float: left;
  padding-right: 6px;
}

.login-modal .modal-content .right-side-2 .whts-ur {
  text-align: left;
}

.login-modal .modal-content .right-side-2 .whts-ur p {
  font-size: 14px;
  text-align: left;
  margin-left: 60px;
}

.login-modal .modal-content .right-side-2 .whts-ur .whts-text-part p {
  margin: 0;
}

.login-modal .modal-content .right-side-2 .whts-ur .whts-text-part span {
  color: #0abab5;
}

.login-modal .modal-content .right-side-2 input[type=radio], input[type=checkbox] {
  background: #41888d;
  float: left;
}

.login-modal .modal-content .right-side-2 .chk p {
  color: #959595;
  text-align: justify;
  margin-left: 26px;
}

.login-modal .modal-content .right-side-2 .chk p a {
  color: #0abab5;
}

.login-modal .modal-content .right-side-2 .chk .btn {
  background: #3e9ddb;
  color: #ffffff;
  text-transform: capitalize;
  padding: 0;
}

.login-modal .right-side-2 .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.login-modal .modal-content .right-side-2 .sub-btn {
  background: #3e9ddb;
  width: 100%;
  height: 38px;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.login-modal .modal-content .org-fil .org .org-nm-icon img {
  width: 40px;
  height: 40px;
  float: left;
  margin-top: 12px;
  margin-right: 10px;
}

.login-modal .modal-content .org-fil .org .org-name-txt {
  margin-top: 10px;
  clear: both;
}

.login-modal .modal-content .org-fil .org .org-name-txt h6 {
  font-weight: 700;
  text-transform: capitalize;
  text-align: left;
  margin: 0;
  font-size: 14px;
  cursor: pointer;
}

.login-modal .modal-content .org-fil .org .org-name-txt p {
  color: #76b963;
  font-size: 12px;
  text-align: left;
}

.login-modal .modal-content .org-fil .btn {
  background: #3e9ddb;
  width: 100%;
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 14px;
}

.login-modal .modal-content .org-fil .btn img {
  padding-left: 20px;
}

.login-modal .modal-content .org-fil h2 {
  font-size: 28px;
}

.login-user-section {
  width: 100%;
  height: 60px;
  top: 64px;
  background: #ffffff;
  position: fixed;
  z-index: 2;
}

.login-user-section.bg-black-pearl {
  background: #041f2f;
}

.login-user-section h4 {
  margin: 5px 0 0;
  text-transform: uppercase;
  font-size: 15px;
}

.login-user-section .fa {
  font-size: 15px;
}

.login-user-section img.fa {
  margin-top: -10px;
}

.login-user-section p {
  font-size: 13px;
  margin: 0;
}

.sign-up-tdy {
  text-shadow: 0 0.5px 0 #1d85c9;
  font-size: 32px;
  font-family: Alegreya, serif;
}

.login-div {
  background: url(../../images/nlog.png) no-repeat;
  background-size: cover;
  padding: 135px 0 150px 0;
}

.log-or::before {
  margin-top: 8px;
  position: absolute;
  height: 2px;
  width: 90px;
  background: #ccc;
  content: "";
  left: 70px;
}

.log-or::after {
  margin-top: -10px;
  position: absolute;
  height: 2px;
  width: 90px;
  background: #ccc;
  content: "";
  right: 70px;
}

.log-or {
  margin-bottom: 15px;
}

.login-div input[type=submit] {
  background: 0 0;
  border: none;
}

.register-page-1 {
  background: #f5f5f5;
  border: 1px solid #dbdbdb;
  margin: 25px 0;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.register-page-1-inside {
  padding: 30px;
}

.register-page-1 h4 {
  color: #3e9ddb;
  background: #e5e5e5;
  padding: 25px 45px;
  margin-top: 0;
  font-weight: 700;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.greenDashLoginPage {
  background: #ffffff url(../../theme/gpl/bg-gplSupplier.jpg) no-repeat bottom left;
  background-attachment: fixed;
  background-size: contain;
}

.greenDashLoginPage .gd-text-1, .greenDashLoginPage .gd-text-2, .greenDashLoginPage .gd-text-3 {
  font-size: 18px;
  position: relative;
  text-align: center;
  line-height: 25px;
  display: inline-block;
}

.greenDashLoginPage .gd-text-1 {
  width: 35%;
}

.greenDashLoginPage .gd-text-2 {
  width: 33%;
}

.greenDashLoginPage .gd-text-3 {
  width: 35%;
  margin-left: -25px;
}

.greenDashLoginPage .gd-text-1 img, .greenDashLoginPage .gd-text-2 img, .greenDashLoginPage .gd-text-3 img {
  max-width: 100%;
  margin: 0 auto;
}

.greenDashLoginPage .gd-text-1 p, .greenDashLoginPage .gd-text-2 p, .greenDashLoginPage .gd-text-3 p {
  position: absolute;
  top: 26%;
  text-align: center;
  width: 50%;
  left: 0;
  margin: 0 auto;
  right: 0;
}

.greenDashLoginPage .gd-text-2 img {
  margin-top: 20px;
  margin-left: 7px;
}

.greenDashLoginPage .gd-text-2 p {
  top: 30%;
  left: -40px;
}

.greenDashLoginPage .gd-text-3 p {
  top: 15%;
  left: 25px;
}

.greenDashLoginPage .form-control {
  background: rgba(152, 184, 151, 0.4);
  border: 1px solid #c3d3c2;
}

.greenDashLoginPage .input-group-addon {
  border: 1px solid #c3d3c2;
  border-left: none;
  background-color: #c3d1c2;
}

.greenDashLoginPage .form-control::placeholder {
  color: #000000;
}

.greenDashLoginPage input:-internal-autofill-selected {
  -webkit-text-fill-color: #000000;
  background: #98b897 !important;
  box-shadow: inset 0 0 0 1px rgba(198, 225, 198, 0.4), inset 0 0 0 100px rgb(214, 227, 213);
}

.greenDashLoginPage .btn.bg-success {
  background: #52b54b;
}

.greenDashLoginPage .section-padding-2 {
  padding: 50px 0;
}

.greenDashLoginPage .gradientDiv {
  background: linear-gradient(0, #ffffff, rgba(255, 255, 255, 0.9803921569), rgba(255, 255, 255, 0));
  width: 100%;
  height: 150px;
  bottom: 123px;
  position: absolute;
}

.esgBusinessLoginPage {
  background: url(../../images/bg-ESG4Business.jpg);
  background-size: cover;
  background-position: bottom;
}

.csrLoginPage .csrLoginPageDiv .form-control, .esgBusinessLoginPage .esgBusinessLoginPageDiv .form-control, .surveyLoginPage .form-control {
  background-color: #ffffff;
  border-left: none;
}

.csrLoginPage .csrLoginPageDiv .input-group-addon, .esgBusinessLoginPage .esgBusinessLoginPageDiv .input-group-addon, .surveyLoginPage .input-group-addon {
  background: #ffffff;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border-right: none;
  padding: 5px 5px 5px 15px;
  font-size: 20px;
  color: #999;
}

.csrLoginPage .sqr-chk-box .checkmark, .esgBusinessLoginPage .sqr-chk-box .checkmark, .surveyLoginPage .sqr-chk-box .checkmark {
  height: 18px;
  width: 18px;
}

.csrLoginPage .sqr-chk-box .sqr-chk .checkmark:after, .esgBusinessLoginPage .sqr-chk-box .sqr-chk .checkmark:after, .surveyLoginPage .sqr-chk-box .sqr-chk .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
}

.csrLoginPage .bg-cobalt, .esgBusinessLoginPage .bg-cobalt, .surveyLoginPage .bg-cobalt {
  padding: 10px 12px;
  background: #082eb5;
}

.csrLoginPage .sqr-chk-box .checkmark, .esgBusinessLoginPage .sqr-chk-box .checkmark, .surveyLoginPage .sqr-chk-box .checkmark {
  border: solid 1px #f2f5f8;
  background: rgba(255, 255, 255, 0.7803921569);
}

.csrLoginPage input:-internal-autofill-selected, .esgBusinessLoginPage input:-internal-autofill-selected, .surveyLoginPage input:-internal-autofill-selected {
  -webkit-text-fill-color: #000000;
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgb(255, 255, 255), inset 0 0 0 100px rgb(255, 255, 255);
}

.esgBusinessLoginPage .sqr-chk-box .sqr-chk {
  padding-left: 30px;
}

.csrLoginPage {
  background: url(../../images/bg-csr.jpg);
  background-size: cover;
  background-position: bottom;
}

.surveyLoginPage {
  background-size: cover;
  background-position: bottom;
  background: linear-gradient(to top, #2e1753, #1f1746, #131537, #0d1028, #050819) fixed;
}

.surveyLoginPage .star {
  position: absolute;
  width: 2px;
  height: 2px;
  background: #ffffff;
  right: 0;
  -webkit-animation: nightStarTwinkle 3s infinite linear;
  -moz-animation: nightStarTwinkle 3s infinite linear;
  -ms-animation: nightStarTwinkle 3s infinite linear;
  -o-animation: nightStarTwinkle 3s infinite linear;
  animation: nightStarTwinkle 3s infinite linear;
}

.volunteerLoginPage {
  background: url(../../images/bg-vol-login.png);
  background-size: cover;
  background-position: bottom;
}

.sahyog-section .sahyog-div-left .carousel-indicators li {
  display: inline-block;
  width: 19%;
  height: auto;
  margin: 1px;
  text-indent: 0;
  cursor: pointer;
  background-color: transparent;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.sahyog-section .sahyog-div-left .carousel-indicators {
  position: relative;
  left: 0;
  z-index: 15;
  width: 100%;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
  text-align: center;
  list-style: none;
  display: flex;
}

.sahyog-section .sahyog-div-left .carousel-indicators .carousel-item img {
  width: 100%;
}

.sahyog-section .sahyog-div-left .carousel-indicators .nav-link img {
  width: 70px;
  margin: 0 auto;
}

.sahyog-section .sahyog-div-left .carousel-indicators .nav-link .title {
  text-align: center;
  font-size: 15px;
  color: #999;
  line-height: 20px;
  height: 40px;
}

.sahyog-section .sahyog-div-left .carousel-indicators .nav-link .desc {
  text-align: center;
  font-size: 13px;
  color: #666;
  height: 72px;
  margin-bottom: 0;
}

.sahyog-section .sahyog-div-left .carousel-indicators .nav-link .iconImgColor {
  display: none;
}

.sahyog-section li.active > a {
  background: #ffffff;
  color: #73bb46;
}

.sahyog-section .sahyog-div-left .carousel-indicators li.active .iconImgColor {
  display: block;
}

.sahyog-section .sahyog-div-left .carousel-indicators li.active .iconImg {
  display: none;
}

.sahyog-section .sahyog-div-left .carousel-indicators li.nav-item-1.active .title {
  color: #f8a33d;
}

.sahyog-section .sahyog-div-left .carousel-indicators li.nav-item-2.active .title {
  color: #dd9f39;
}

.sahyog-section .sahyog-div-left .carousel-indicators li.nav-item-3.active .title {
  color: #73bb46;
}

.sahyog-section .sahyog-div-left .carousel-indicators li.nav-item-4.active .title {
  color: #a76c91;
}

.sahyog-section .sahyog-div-left .carousel-indicators li.nav-item-5.active .title {
  color: #2d9649;
}

.sahyog-section .sahyog-div-right {
  display: flex;
}

.sahyog-section .sahyog-div-right-outline {
  display: flex;
  align-items: center;
  vertical-align: middle;
}

.sahyog-section .sahyog-div-left .carousel-inner {
  overflow-x: hidden;
}

@media (max-width: 767px) {
  .greenDashLoginPage .gd-text-1, .greenDashLoginPage .gd-text-2, .greenDashLoginPage .gd-text-3 {
    font-size: 14px;
    line-height: 18px;
  }
  .greenDashLoginPage .gd-text-2 p {
    top: 30%;
    left: -20px;
  }
  .greenDashLoginPage .section-padding-2 {
    padding: 15px 0;
  }
  .surveyLoginPage {
    background-position: top center;
    background-attachment: fixed;
  }
}

/*# sourceMappingURL=login.css.map */