.box-header {
    color: #ffffff !important;
    display: block !important;
    padding: 20px !important;
    border-radius: 12px !important;
    position: relative !important;
    background: radial-gradient(circle at 110% 50%, #7ab52f 0%, #7ab52f 15.9%, #8cc739 15.9%, #8cc739 24.4%, rgb(19, 30, 37) 24.5%, rgb(19, 30, 37) 66%) !important;
    text-transform: uppercase !important;
    box-shadow: 5px 5px 5px #00000078 !important;
    margin-bottom: 25px;

}
thead {
    background: repeating-linear-gradient(59deg, black, #2c3737 50px) !important;
    /* background-image: linear-gradient(to bottom right, #87c1f3, #f5dcdb94); */
    /* background-image: linear-gradient(to bottom, #595959, #000000); */
    /* background-image: linear-gradient(to bottom, #389af0, #389af02e); */
    color: lightgray;
}

.box-footer {
    display: flex !important;
    border-top: 4px dashed #cbcbcb !important;
    padding: 10px !important;
    background-color: #ffffff00 !important;
    border-radius: 0 0 3px 3px !important;
    height: 91px !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 50px !important;
}

/*.alert-success1 strong{*/
/*    background: #31431c;*/
/*    padding: 10px 25px;*/
/*    border-radius: 250px 0;*/
/*    border-right: 4px solid white;*/
/*    border-left: 4px solid lawngreen;*/
/*}*/
.btn-success.disabled, .btn-success:disabled {
    background-color: #28a745;
    border-color: #28a745;
    position: absolute;
    width: fit-content;
    left: 45%;
    top: 0;
    opacity: 1 !important;
}
.box-body2{
    height: 350px !important;
    overflow-y: scroll !important;
    background: linear-gradient(180deg, #ffffff75, #ffffff87) !important;
    border-radius: 8px !important;
    margin: 0 0px 50px !important;
    box-shadow: 5px 5px 5px #2d2d2db3 !important;
    border-top: 5px solid #000000d6 !important;
    background: #ffffff8a !important;
    box-shadow: 5px 5px 5px #00000078 !important;
    padding:15px !important;
  
}
.hjuuioh {
    background: repeating-linear-gradient(59deg, black, #2c3737 50px) !important;
    /* background-image: linear-gradient(to bottom right, #87c1f3, #f5dcdb94); */
    /* background-image: linear-gradient(to bottom, #595959, #000000); */
    /* background-image: linear-gradient(to bottom, #389af0, #389af02e); */
    color: lightgray;
}
#sdgdgdee2 {
    display: none; /* Hidden by default */
    margin: 26px !important;
    background: #ffffff8a !important;
    padding: 50px !important;
    border-radius: 15px !important;
    border-left: 5px solid #000000d6;
    border-right: 5px solid #000000d6;
    box-shadow: 5px 5px 5px #00000078 !important;
}
#cnnPagination a {
    font-size: 14px !important;
    text-decoration: none !important;
    padding: 2px 3px !important;
    border-radius: 10px;
    color:white;
        border: 1px solid white !important;
}

.fa-trash{
    color: #ff3434;
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    background: linear-gradient(135deg, #8bc34a70 20%, #687559 20%);
    text-align: center;
    font-size: 1rem;
    font-weight: unset !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 8px !important;
    border-bottom: 3px solid black !important;
}
.sgttgwet{

    border-top: 5px solid #000000d6;
    border-bottom: 5px solid #000000d6;

    padding: 20px !important;
    /* border: 5px groove #ffffff73 !important; */
      background: #ffffff8a !important;
   
    border-radius: 15px !important;
    box-shadow: 5px 5px 5px #00000078 !important;
}
.section-iconqq {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #8cc739 0%, #7bb52a 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    color: #ffffff;
        border: 4px dashed white;
    font-size: 1.2rem;
    box-shadow: 0px 0px 0px 8px rgba(10, 10, 10, 0.82);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.btn-danger {
    background-color: #fc4b6c !important;
    border-color: #e03656 !important;
    font-size: 1rem !important;
    margin: 10px !important;
    border-radius: 8px !important;
     transition: all 0.3s ease-in-out !important;
	    box-shadow: -2px 4px 5px #3f3f3f4d;
	    border: 1px solid white !important;

}

.gj-datepicker-bootstrap [role=right-icon] button {
    width: 38px !important;
    position: relative !important;
    border: 1px solid #ced4da !important;
    height: 38px !important;
    background: linear-gradient(45deg, #000000, #8BC34A) !important;
    color: white !important;
    border-radius: 8px !important;
}

div.dataTables_wrapper div.dataTables_info{
    padding: .85em !important;
    background: #ffcdd291 !important;
    font-size: 0.9rem !important;
    border-radius: 8px !important;
}

.dt-length {
    background: #f1f1f1;
    padding: 10px;
    border-radius: 8px;
}
.dt-search {
    background: #d9ecf5;
    padding: 10px;
    border-radius: 8px;
}

.dt-info {
    padding: 20px;
    font-weight: 500;
    font-size: 16px;
    background: lightgray;
    display: block;
    width: fit-content;
    margin: 10px;
    border-radius: 8px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}
.paging_simple_numbers .pagination .paginate_button.active a, .paging_simple_numbers .pagination .paginate_button:hover a {
    background: #1e88e5 !important;
    color: #fff !important;
}
.paging_simple_numbers .pagination .paginate_button a {
    padding: 5px 10px !important;
    border-radius: 4px !important;
    border: 0 !important;
    background: #B2EBF2 !important;
    color: #3b3b3b !important;
}
div.dt-container .dt-search input {
    border: 1px solid #aaa;
    border-radius: 8px !important;
    padding: 10px;
    background-color: #ffffff !important;
    color: inherit;
    margin-left: 3px;
}
div.dt-container .dt-input {
    border: 1px solid #aaa;
    border-radius: 8px;
    padding: 10px !important;
    background-color: #ffffff !important;
    color: inherit;
}


.btn-outline-secondary{
     width: 38px !important;
    position: relative !important;
    border: 1px solid #ced4da !important;
    height: 38px !important;
    background: linear-gradient(45deg, #000000, #8BC34A) !important;
    color: white !important;
    border-radius: 8px !important;
}
.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #5b5b5b !important;
    border-radius: 8px !important;
}

.frwe1{
        background: #c5e1a5b8;
    padding: 25px 10px 10px 10px;
    border-radius: 12px;
    margin: 30px 0;
    box-shadow: 5px 5px 5px gray;
}
.frwe2{
      background: #c9e4e7;
    height: fit-content;
    margin: 20px 0;
    padding: 20px 10px 0px 10px;
    box-shadow: 5px 5px 5px gray, inset 3px 3px 5px #9cdbe3a1;
    border-radius: 12px;
}
.fhfyefuewf{
    margin-top: 26px;
    background: #B2EBF2;
    padding: 50px 20px;
    border-radius: 50px 0px 80px 0px;
    box-shadow: 5px 5px 5px #9f9f9f, inset 5px 5px 5px #a2d7dd;
    /* border-top: 4px solid #9E9E9E; */
    border-radius: 12px;
}
.btn-primary {
        background-color: #8BC34A !important;
    font-size: 1.0rem !important;
    border-color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 12px !important;
    box-shadow: 5px 5px 5px #1616164f !important;
    transition: all 0.3s ease-in-out !important;
}
.btn-primary:hover{
    background-color: #7ab52f !important;
    border-color: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0px 8px 8px rgba(40, 13, 18, 0.5) !important;
}
.dwqrrq {
    background-color: #8BC34A !important;
    font-size: 1.3rem !important;
    border-color: #ffffff !important;
    padding: 15px 25px !important;
    border-radius: 12px !important;
    box-shadow: 5px 5px 5px #1616164f !important;
    transition: all 0.3s ease-in-out !important;
}
.dwqrrq:hover{
    background-color: #7ab52f !important;
    border-color: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0px 8px 8px rgba(40, 13, 18, 0.5) !important;
}
.btn-danger:hover {
    background-color: #e03656 !important;
    border-color: #c92f4b !important;
    transform: translateY(-2px) scale(1.05) !important;
    box-shadow: 0px 4px 8px rgba(40, 13, 18, 0.5) !important;
}

 #addProductBtn{
    background: #B2EBF2;
    border: 1px solid #ffffff;
    color: #515151;
    padding: 8px 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    margin-right: 8px;
    cursor: pointer;
    box-shadow: 3px 4px 5px #4d4d4db5;
    transition: all 0.3s ease;
}

/* Hover Effect */
#addProductBtn:hover{
    background: linear-gradient(135deg,#00BCD4,#4DD0E1);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
}

table .header-fixed {
    position: fixed;
    top: 100px !important;
    /* left: 0; */
    /* right: 0; */
    z-index: 1020;
}

div.dataTables_wrapper div.dataTables_info {
    padding: .85em !important;
    background: #ffcdd291 !important;
    font-size: 0.9rem !important;
    border-radius: 8px !important;
}


.paging_simple_numbers .pagination .paginate_button.active a, .paging_simple_numbers .pagination .paginate_button:hover a {
    background: #1e88e5 !important;
    color: #fff !important;
}



#viewDetailsBtn{
    background: #ffffff;
    border: 1px solid #8cc763;
    color: #8cc763;
    padding: 8px 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 3px 4px 5px #4d4d4db5;
    transition: all 0.3s ease;
}

/* Hover Effect */
#viewDetailsBtn:hover{
    background: #8cc763;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
}

.box-title font{
    color:white;
}
.btn-success {
    background-color: #26C6DA !important;
    border-color: #17acbf !important;
     font-size: 1rem !important;
    margin: 10px !important;
    border-radius: 8px !important;
     transition: all 0.3s ease-in-out !important;
	    box-shadow: -2px 4px 5px #3f3f3f4d;
	    border: 1px solid white !important;
}
.btn-searchnew{
        font-size: 1.1rem;
    padding: 10px 22px;
    border-radius: 8px;
    color: white;
    background: linear-gradient(45deg, #323233, #8BC34A);
    border: 1px solid white;
    box-shadow: 3px 6px 5px #2b2727ab;
}
.btn-searchnew:hover {
background: linear-gradient(45deg, white , white) !important;
    color:#8CC739;
    border-color: black !important;
    transform: translateY(-2px) scale(1.05) !important;
       box-shadow: 0px 4px 8px rgba(40, 13, 18, 0.5) !important;

}

.btn-success:hover {
	    background-color: #17acbf !important;
    border-color: #0f8c9b !important;
    transform: translateY(-2px) scale(1.05) !important;
       box-shadow: 0px 4px 8px rgba(40, 13, 18, 0.5) !important;

}
.select2-container--default .select2-selection--multiple {
    background-color: white !important;
    border: 1px solid #414141 !important;
    border-radius: 8px !important;
    cursor: text !important;
    padding-left: 13px !important;
    transition: all 0.3s ease !important;
}
.paginationactive {
    font-size: 20px !important;
    background: #8BC34A !important;
}
#cnnPagination a{
    font-size: 14px !important;
    text-decoration: none !important;
    padding: 2px 3px !important;
    border-radius: 10px;
}
.select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default.select2-container--focus .select2-selection--multiple {
   border-color: #6a9933 !important;
}

/* Focus effect */
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 3px solid #8CC739 !important;
    box-shadow: 0 0 5px rgba(140, 199, 57, 0.5) !important;
}
ul.wysihtml5-toolbar li a.btn {
    font-size: 0.9rem !important;
    background: linear-gradient(45deg, #ffffff, #DCEDC8) !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    margin-right: 5px !important;
    transition: all 0.35s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    border: 1px solid gray;
}
.wysihtml5-sandbox{
         padding: 10px 12px !important;
    border-radius: 12px !important;
    background: repeating-linear-gradient(90deg, #8bc34a69, #00bcd438 100px);
    border: 1px solid #344c1945 !important;
    margin-top: 12px !important;
}

/* Hover Effect */
ul.wysihtml5-toolbar li a.btn:hover {
    background: linear-gradient(45deg, #C5E1A5, #8BC34A) !important;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 14px rgba(0,0,0,0.25);
    color: #fff !important;
        border: 1px solid #202f0fbf;
}

/* Click Effect */
ul.wysihtml5-toolbar li a.btn:active {
    transform: scale(0.95);
}


.sgrwgwgw22 {
    /* background: linear-gradient(180deg, #ffffff75, #ffffff87) !important; */
    padding: 15px !important;
    border-radius: 8px !important;
    margin: 0 0px 50px;
    box-shadow: 5px 5px 5px #2d2d2db3;
    border-left: 10px groove #dddddd;
    border-right: 10px groove #dddddd;
    background: #ffffff24 !important;
    box-shadow: 0px 6px 5px #00000078 !important;
    border-top: 10px groove #dddddd;
    border-bottom: 10px groove #dddddd;
}
.content {
    min-height: 250px;
    padding: 20px;
    margin-right: auto;
    margin-left: auto;
    background: /* Large top-right arc */ radial-gradient(circle at 85% 20%, #bde6eeac 20%, #bde6eeaf 45%, transparent 46%), /* Middle arc */ radial-gradient(circle at 70% 50%, #b2e8ef 46%, #ffffff 50%, transparent 51%), 50% /* Inner arc */ radial-gradient(circle at 55% 70%, #c9e5a052 56%, #bfd6a03e 55%, transparent 56%), 55% /* Bottom-left arc */ radial-gradient(circle at 20% 90%, #8bc5391e 60%, #76a83135 60%, transparent 61%), 60% /* Base color */ #c9f3dc !important;
}
.box{
    background: #ffffff9c !important;
	border-radius: 12px !important;
	padding: 20px !important;
	box-shadow: inset 4px 6px 5px #2727274d, inset -6px -6px 12px #ffffff70;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem !important;
    background: repeating-linear-gradient(180deg, #c5f9ffa3, #ffffffe1 300px);
}
.sgrwgwgw{
	/* background: linear-gradient(180deg, #ffffff75, #ffffff87) !important; */
    padding: 15px !important;
    border-radius: 8px !important;
    margin: 0 0px 50px;
    box-shadow: 5px 5px 5px #2d2d2db3;
    border-top: 5px solid #000000d6;
    
    background: #ffffff8a !important;
 
   
    box-shadow: 5px 5px 5px #00000078 !important;
}
.form-control{
	 border-radius: 8px !important;
	    border: 1px solid #5a5a5a !important;

}
.form-control:focus{
	    box-shadow: 0 0 0 2px #7ab52f !important;
	    border: 1px solid #7ab52f !important;
}
.sdgdgdee{
	    margin: 26px !important;
    background: #ffffff8a !important;
    padding: 50px !important;
    border-radius: 15px !important;
    border-left: 5px solid #000000d6;
    border-right: 5px solid #000000d6;
    box-shadow: 5px 5px 5px #00000078 !important;
}


.dwqrrq{
	background-color: #8BC34A !important;
    font-size: 1.3rem !important;
    border-color: #ffffff !important;
    padding: 15px 25px !important;
    border-radius: 12px !important;
    box-shadow: 5px 5px 5px #1616164f !important;
     transition: all 0.3s ease-in-out !important;
}
.dwqrrq:hover {
    background-color: #7ab52f !important;
    border-color: #ffffff !important;
    transform: translateY(-3px)  ;
    box-shadow: 0px 8px 8px rgba(40, 13, 18, 0.5) !important;
	}
.hyds{
	    background: linear-gradient(180deg, #c3c3c3, #d5d5d5 100px);
    color: #000000d5 !important;
}

  .sgrwgwgw::-webkit-scrollbar {

            width: 4px !important;
        }
        .sgrwgwgw::-webkit-scrollbar-thumb {
      

            background: #c2d6b2 !important;
            border-radius: 10px !important;
        }