.pull-right{
  float: right;
}
.custom-toast {
    position: fixed;
    bottom: 20px;
    right: 20px;
    /*background-color: #4CAF50;*/
    background: linear-gradient(to right, #17ba40, #178270);
    border-color: #178270 !important;
    color: white;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    z-index: 9999;
    min-width: 250px;
    opacity: 0;
    transition: opacity 0.5s ease, bottom 0.5s ease;
}

.custom-toast .toast-icon {
    font-size: 24px;
    margin-right: 10px;
}

.custom-toast .toast-message {
    font-size: 16px;
    flex: 1;
}

/* Animation: show toast */
.show-toast {
    opacity: 1;
    bottom: 40px;
}
/*** Error Message ***/
.custom-toast-error {
    position: fixed;
    bottom: 20px;
    right: 20px;
    /*background-color: #dc3545;*/
    background: linear-gradient(to right, #ba1743, #82172b) !important;
    border-color: #9f1738 !important;
    color: white;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    z-index: 9999;
    min-width: 250px;
    opacity: 0;
    transition: opacity 0.5s ease, bottom 0.5s ease;
}

.custom-toast-error .toast-icon-error {
    font-size: 24px;
    margin-right: 10px;
}

.custom-toast-error .toast-message-error {
    font-size: 16px;
    flex: 1;
}

/* Animation: show toast */
.show-toast-error {
    opacity: 1;
    bottom: 40px;
}

#eMsg {
    position: absolute;
    /*z-index: 101;*/
    z-index: 11111;
    top: 0;
    left: 0;
    right: 0;
    /*bottom: 0;*/
    /*background: #f2dede;*/
    background: #e4bbbbf2;
    color:#bb5e5c;
    text-align: center;
    line-height: 2.5;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}
#loading1{
  display:none;
  text-align: center;
}

.error{
  color:red;
}

.btn-primary{
  background: #135b8c;
  border-color: #135b8c;
}

.btn-primary:hover
{
  background: #135b8c;
  border-color: #135b8c;
}

.text-primary-600 {
  color: #135b8c !important;
}


/* Toast container */
    .toast-container {
      position: relative;
      top: 20px;
      right: 20px;
      z-index: 1000;
    }

    .toast {
      background-color: #333;
      color: white;
      border-radius: 8px;
      padding: 15px;
      margin-bottom: 10px;
      position: relative;
      width: 300px;
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    }

    /* Progress Bar */
    /*.progress-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 5px;
      width: 0;
      background-color: #4caf50;
      border-radius: 3px;
      transition: width 1s linear;
    }*/

    /* Add animation for the progress bar */
    @keyframes progressAnimation {
      0% { width: 0; }
      100% { width: 100%; }
    }

table .row-options {
   font-size: 13px;
   position: relative;
}

 table tr:hover td .row-options {
    position: static;
}

/************ Tree Planted Timeline CSS *****/
.success-timeline-panel
{
    border: 3px solid #042313 !important;
    background: #043717 !important;
}

.danger-timeline-panel
{
    border: 3px solid #4d0908 !important;
    background: #751212 !important;
}

.waterVideo{
  max-width: 100% !important;
}

.timeline {
      position: relative;
      padding: 6px 0;
      /*padding: 20px 0;*/
      list-style: none;
    }

    .timeline:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      width: 3px;
      background: #d4d4d4;
      left: 30px;
      /*margin-left: -1.5px;*/
      margin-left: 19.5px;

    }

    .timeline > li {
      position: relative;
      margin-bottom: 50px;
    }

    .timeline > li:before,
    .timeline > li:after {
      content: " ";
      display: table;
    }

    .timeline > li:after {
      clear: both;
    }

    .timeline-badge {
      color: #fff;
      width: 20px;
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      text-align: center;
      position: absolute;
      top: 0;
      left: 21px;
      background-color: #5cb85c;
      border-radius: 50%;
      z-index: 100;
    }

    .timeline-panel {
      margin-left: 60px;
      position: relative;
      padding: 10px 15px;
      border: 1px solid #d4d4d4;
      background: #82828291;
      border-radius: 4px;
      text-align: left;
    }

    .timeline-title {
      margin-top: 0;
      font-weight: bold;
    }

    .timeline-time {
      font-size: 12px;
      color: #777;
    }

    .upcoming .timeline-badge {
      background-color: #ccc;
    }

    .pending .timeline-badge {
      background-color: #31708f;
    }

    .complete .timeline-badge {
      background-color: #5cb85c;
    }

    .rejected .timeline-badge {
      background-color: #a94442;
    }

    .warning .timeline-badge {
      background-color: #8a6d3b;
    }

    .timeline > li:last-child {
      margin-bottom: 0;
    }
/************ Tree Planted Timeline CSS *****/


.blinking-text {
  animation: blink 1s step-start infinite;
  color:#ea5b5b;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.congratulation-card {
      background: linear-gradient(135deg, #6a11cb, #2575fc);
      color: #fff;
      border-radius: 10px;
      padding: 40px;
      text-align: center;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      width: 100%;
      max-width: 100%;
  }
  .congratulation-card h1 {
      font-size: 2.5rem;
      font-weight: bold;
  }
  .congratulation-card .points {
      font-size: 2rem;
      font-weight: 600;
      color: #f1c40f;
  }
  .congratulation-card .btn {
      background-color: #f39c12;
      border: none;
      color: white;
      padding: 10px 20px;
      font-size: 1rem;
      border-radius: 30px;
      transition: 0.3s;
  }
  .congratulation-card .btn:hover {
      background-color: #e67e22;
  }
  /********** Custom css overall for admin panel**********/
  .bordered-table tbody tr td{
          padding: 7px !important;
    }
    .bordered-table thead tr th{
      padding: 8px !important;
      font-size: 16px !important;
    }
    .sidebar,.navbar-header,.d-footer{
      background : #616d825c !important;
    }

    [data-theme=dark] .sidebar-logo img.light-logo
    {
      display: block;
      /*background: currentColor !important;
      width: 100% !important;*/
    }
    .bg-red{
      background:#a73737 !important;
      color: #fff !important;
    }

    .bg-purple,.bg-cyan{
      background: #3cb237 !important;
      border-color: #3cb237 !important;
    }

    .sidebar-menu li.dropdown.open > a, .sidebar-menu li.dropdown.dropdown-open > a{
      background-color: #17a751 !important;
    }

    .sidebar-menu .sidebar-submenu li.active-page a
    {
      background-color: #17a751 !important;
    }

    .sidebar-submenu{
      margin-left: -5px !important;
    }

    .sidebar-submenu  > li{
      margin-left: -7px !important;
    }
    .sidebar-menu li > a.active-page{
      background-color: #17a751 !important;
    }

    .sidebar-menu li a:hover {
        color: #fff080 !important;
    }

    .text-primary-600
    {
      color:#a2c241 !important;
    }

    .btn-primary, .btn-info,.active>.page-link, .page-link.active{
          background: linear-gradient(to right, #17ba40, #178270);
        border-color: #26771c !important;
    }

    .btn-primary:hover{
        background: linear-gradient(to right, #33ba17, #178270);
    }

    .btn-danger{
          background: linear-gradient(to right, #ba1743, #82172b) !important;
          border-color: #9f1738 !important;
    }

    html[data-theme=dark] .bg-gradient-start-1,html[data-theme=dark] .bg-gradient-start-2 {
        background: linear-gradient(to right, rgb(23 167 81), rgb(147 125 125 / 49%));
    } 

    .form-control:disabled{
      background: #8f8f8f6e !important;
    }

    .form-control[readonly]
    {
      background-color: #273142 !important;
    }

    .error{
      color:#dc4848 !important;
    }

    .select2-container .select2-selection--single
    {
          height: 44px !important;
    }

    .select2-container{
          border: 1px solid #6b7280 !important;
    }

    .select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple
    {
      background: transparent !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered
    {
      color:#fff !important;
    }

    .select2-dropdown{
      color:#000 !important;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice{
      background-color: #d6d6d657 !important;
    }

    .gm-style-iw-d{
      color:#000 !important;
    }
    
  /********** End : Custom css overall for admin panel**********/