.navbar-radius{
    border-bottom-left-radius:20px ;
    border-bottom-right-radius:20px ;
    padding: 10px 20px;
    
}
.navbar-bg{
    /* background: rgb(9,121,114);
    background: linear-gradient(209deg, rgba(9,121,114,1) 29%, rgba(0,185,255,1) 100%); */
    background: rgb(0,124,112);
    background: linear-gradient(196deg, rgb(0, 68, 61) 0%, rgb(0, 100, 90) 47%, rgb(0, 97, 97) 100%);
    box-shadow: 0 0 20px #989898;
}
body{
    background-image: linear-gradient(196deg, rgba(255, 255, 255,0.5) 0%, rgba(237, 255, 255,0.8) 100%), url(../images/spikes.webp) ;
    background-position: center;
    /* background-size: cover; */
    /* background: rgb(236,255,253);
    background: linear-gradient(196deg, rgba(236,255,253,1) 0%, rgba(255,255,255,1) 100%); */
}
.floating-button a{
    border: none;
    background: rgb(0,124,112);
    background: linear-gradient(40deg, rgba(0, 150, 135, 1) 40%, rgba(0, 150, 135, 1) 100%);
    box-shadow: 0 0 10px #acacac;
    color: #fff;
    position: fixed;
    z-index: 5;
    display: block;
    top: 20vh;
    /* border: 3px solid #222; */
    border-top-right-radius: 0 ;
    border-bottom-right-radius: 0 ;
    right: 0;
    padding: 10px 25px;
    font-size: 1.5em;
    border-right: 0;
}
.dropdown-menu{
    left: auto !important;
    right: 0;
}
#services .stat-card{
    position: relative;
    border-radius: 15px;
    background-color: aqua;
    padding: 25px 20px;
    overflow: hidden;
    color: #222;
    z-index: -2;
    background: #c0e6e6c2;
    /* background-image: linear-gradient(16deg, rgba(0, 77, 69, 0.5) 0%, #1aacacc2 50%); */

    /* background: #1AACAC; */
}
#services .stat-card .blur{
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    /* backdrop-filter: blur(1px); */
    z-index: -1;


}
#services .stat-card.first{
    /* background-image: linear-gradient(16deg, rgba(0, 69, 61, 0.8) 0%, rgba(0, 0, 0, 0.7) 100%), url(../images/serv1.jpg); */
    /* background-position: center bottom;
    background-size: cover; */
}
#services .stat-card.second{
    /* background: rgb(0,87,78); */
    /* background-image: linear-gradient(16deg, rgba(0, 150, 135, 0.8) 0%, rgba(0, 26, 24, 0.7) 100%), url(../images/serv2.jpg);
    background-position: center bottom;
    background-size: cover; */
}
#services .stat-card.third{
    /* background: rgb(0,87,78); */
    /* background-image: linear-gradient(16deg, rgba(0, 150, 135, 0.8) 0%, rgba(0, 26, 24, 0.7) 100%), url(../images/serv3.jpg);
    background-position: center;
    background-size: cover; */
}
#services .stat-card.fourth{
    /* background: rgb(0,87,78);
    background: linear-gradient(196deg, rgba(0,87,78,1) 0%, rgba(0,184,160,1) 100%); */
}
#services .stat-card :is(p){
    font-size: 1.4em;
    
    font-weight: 100;
    margin-bottom: 0;
}
.offcanvas{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 10px solid rgb(0, 173, 156);
    border-left: 0;
}

.main-serv{
    padding: 20px 40px;
    border-radius: 20px;
    background-image: linear-gradient(40deg, rgba(0, 150, 135, 1) 40%, rgba(0, 26, 24, 0.7) 100%), url(../images/serv1.jpg);
    background-position: center bottom;
    background-size: cover;
    color: #fff;
}

.main-serv-minor{
    padding: 10px 20px;
    border-radius: 20px;
    background-image: linear-gradient(40deg, rgba(0, 150, 135, 1) 40%, rgba(0, 26, 24, 0.7) 100%), url(../images/serv1.jpg);
    background-position: center bottom;
    background-size: cover;
    color: #fff;
}

#mailbox-table, #comp-mailbox-table, #comp-t-mailbox-table, #comp-s-mailbox-table {
    width: 100%; /* Set table width to 100% */
    border-collapse: collapse; /* Collapse the borders between cells */
    margin: 20px 0; /* Add some space between the table and other elements */

}
#fines .container{
    overflow-x: auto; /* Enable horizontal scrollbar if content overflows */

}
#mailbox-table_wrapper{
    /* z-index: ; */
}
#mailbox-table thead tr, #comp-mailbox-table thead tr, #comp-t-mailbox-table thead tr, #comp-s-mailbox-table thead tr {
    background-color: #00645a;
    color: #fff;
}
#mailbox-table td{

}
#mailbox-table th, #mailbox-table td {
    /* border: 1px solid #ddd; */
    padding: 10px; /* Add padding to cells */
    text-align: left; /* Align text to the left within cells */
}

#mailbox-table th {
    /* background-color: #f2f2f2; */
}

#mailbox-table tbody tr:nth-child(even) {
    background-color: #f5f5f5; /* Set background color of alternate rows */
}

#mailbox-table tbody tr:hover {
    background-color: #e0e0e0; /* Set background color on hover */
}
.dataTables_filter{
    margin-bottom: 20px;
}
.dataTables_wrapper .dataTables_filter label{
    font-weight: bold;
}
.dataTables_wrapper .dataTables_filter input{
    border-radius: 20px;
    background-color: #00a090;
    border: none;
    color: #fff;
    /* padding: 10px 15px; */
}

.dataTables_wrapper .dataTables_filter input:hover{
    /* border-radius: 20px; */
    background-color: rgb(31, 196, 180);
    /* padding: 10px 15px; */
}

#watermark .form{
    background-color: #eeffff;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #eee;
}
#watermark .form input[type=file]{
    background-color: transparent;
    width: auto;
    /* border: none; */
    /* border: 2px solid #00645a; */
    /* color: #fff; */
}
#watermark .form label{
    font-weight: bold;
    color: #00645a;
}
.btn-custom{
    background-color: #009687;
    border: 2px solid #009687;

}
.btn.btn-custom:hover{
    color: #009687 !important;
    border: 2px solid #00645a;
}
#edit .sub-title{
    border-bottom: 2px solid #00645a;
    color: #00645a;
    padding: 10px 0 ;
}
#edit .sub-title-2{
    /* border-bottom: 2px solid #00645a; */
    color: #00645a;
    padding: 10px 0 ;
}
#edit .client{
    background-color: #00645a;
    padding: 10px;
    color: #fff;
    border-radius: 20px;
}
#edit input:not([type="submit"]):not([type="checkbox"]) {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #00645a;
    border-radius: 0;
}
#edit label {
    font-weight: bold;
    color: #7c7c7c;
}
#edit .right-sep{
    border-right: 2px solid #eee;
}
#edit .accordion-button{
    background-color: #fff;
    /* color: #fff; */
}
.btn-custom-outline{
    background-color: transparent;
    border: 2px solid #009687;
    color: #009687;
}
.comfi-tabs .nav-link{
    color: #00645a;
}


.message-blue {
    position: relative;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #eff9ff;
    text-align: left;
    font: 400 .9em 'Open Sans', sans-serif;
    border: 1px solid #97C6E3;
    border-radius: 10px;
}

.message-content {
    padding: 0;
    margin: 0;
}

.message-timestamp-right {
    position: absolute;
    font-size: .85em;
    font-weight: 300;
    bottom: 5px;
    right: 5px;
}

.message-timestamp-left {
    font-size: .85em;
    font-weight: 300;
    bottom: 5px;
    left: 5px;
}