.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,
.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;
}


#dataTable_wrapper .dataTables_filter,
#dataTable1_wrapper .dataTables_filter,
#dataTable2_wrapper .dataTables_filter {
    display: block;
    float: right;
    /* margin-bottom: 10px !important; */
}

#dataTable_wrapper .dataTables_length,
#dataTable1_wrapper .dataTables_length,
#dataTable2_wrapper .dataTables_length {
    display: block;
    float: right;
    /* margin-bottom: 10px !important;*/
}

#dataTable_wrapper .dt-buttons,
#dataTable1_wrapper .dt-buttons,
#dataTable2_wrapper .dt-buttons {
    margin-top: 20px !important;
}

#dataTable_info,
#dataTable1_info,
#dataTable2_info {
    margin-top: 16px;
}


#dataTable_paginate,
#dataTable1_paginate,
#dataTable2_paginate {
    margin-top: -26px;
}

#dataTable_paginate .pagination,
#dataTable1_paginate .pagination,
#dataTable2_paginate .pagination {
    float: right;
}

#dataTable_wrapper .dataTables_length,
#dataTable_wrapper1 .dataTables_length,
#dataTable_wrapper2 .dataTables_length {
    display: block;
    float: right;
    margin-left: 10px;
}

.datepicker {
    background: #fcfcfc !important;
    color: #000 !important;
}

.input-group-text .fa-celender {
    color: #605d5d !important;
}

/********** End : Custom css overall for admin panel**********/