.ven-form input[type="text"], .ven-form input[type="url"], .ven-form input[type="date"], .ven-form select, .ven-form input[type="email"] {
    width: 100%;
    max-width: 480px;
    padding: 8px;
    margin-bottom: 8px;
    box-sizing: border-box;
}
/* Container styling */
.ven-events-table-wrapper {
    overflow-x: auto;
    margin-top: 20px;
}

/* Table styling */
.ven-events-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: Arial, sans-serif;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* Header */
.ven-events-table th {
    background-color: #a80000; /* Deep red */
    color: #fff;
    text-align: left;
    padding: 12px 15px;
    font-weight: 600;
    font-size: 14px;
}

/* Rows */
.ven-events-table td {
    padding: 12px 15px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #333;
}

/* Alternating rows */
.ven-events-table tbody tr:nth-child(even) {
    background-color: #fdf3f3; /* Very light red tint */
}

/* Hover effect */
.ven-events-table tbody tr:hover {
    background-color: #fdeaea; /* Light red hover */
}

/* Buttons */
.ven-events-table a.tbutton,
.ven-events-table-wrapper .tbutton {
    display: inline-block;
    padding: 6px 12px;
    margin: 0 2px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Primary button */
.ven-events-table-wrapper .tbutton {
    background-color: #d32f2f; /* Bold red */
    color: #fff;
    border: none;
}

.ven-events-table-wrapper .tbutton:hover {
    background-color: #b71c1c; /* Darker red */
}

/* Outline button */
.ven-events-table a.tbutton {
    background-color: #fff;
    color: #d32f2f;
    border: 1px solid #d32f2f;
}

.ven-events-table a.tbutton:hover {
    background-color: #d32f2f;
    color: #fff;
    border-color: #d32f2f;
}

/* Responsive */
@media (max-width: 768px) {
    .ven-events-table th, 
    .ven-events-table td {
        padding: 8px 10px;
        font-size: 13px;
    }
}
p#ven_custom_months_wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    border-radius: 9rem;
    border: 1px solid #E0DADA;
    border-radius: 9rem;
    color: #2A3139;
    background-color: #F5F5F5;
    padding: 0 10px !important;
}
p#ven_custom_months_wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered li span{
      margin-right: 8px;
}
p#ven_custom_months_wrap span.select2-selection.select2-selection--multiple {
    border: 1px solid #eceef1;
    border-radius: 9rem;
    color: #2A3139;
    background-color: #fafcfd;
    padding: 5px 10px !important;
}

.ven-events-layout {
    display: flex;
    gap: 20px;
}

.ven-events-sidebar {
    width: 220px;
    background: #f7f7f7;
    padding: 15px;
    border-radius: 6px;
}

.ven-month-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ven-month-list li {
    margin-bottom: 8px;
}

.ven-month-list a {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    color: #333;
}

.ven-month-list a.active {
    font-weight: 600;
    color: #0073aa;
}

.ven-events-content {
    flex: 1;
}
#ven-month-search {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.ven-month-item span {
    color: #666;
    font-size: 13px;
}
/*-------my-event-----*/
.ven-events-layout {
	width: 100%;
	display: flex;
	gap: 40px;
	font-family: Roboto;
	font-weight: 500;
	font-style: Medium;
	font-size: 15px;
}
.ven-events-sidebar {
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding: 20px 0;
	border-radius:0;
	border-right: 1.5px solid #DEE3E566;
}
.ven-events-content {
	float: left;
	width: 75%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
}

ul.ven-month-list {
	padding: 0;
}
h5.ven-year-heading {
    color: #191919;
    font-weight: 600;
    font-size: 18px;
    padding: 8px 20px 8px 20px;
    background-color: #eeeeee;
}
ul.ven-month-list li {
	padding: 8px 20px 8px 20px;
	font-size: 13px;
	font-weight: 500;
	color: #9c9c9c;
	text-transform: capitalize;
	text-align: left;
	list-style: none;
	border-left: 4px solid transparent;
}
ul.ven-month-list li a {
	outline: none;
	text-decoration: none;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #757B7A;
}
ul.ven-month-list li.current {
	border-left: 4px solid #DF3732;
}
ul.ven-month-list li.current a {
	color: #191919;
	font-weight: 600;
}
ul.ven-month-list li:hover {
	background-color: #FFF6F8;
}
.ven-events-table-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.ven-events-table-wrapper h4 {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    font-style: SemiBold;
    color: #000000;
}
.ven-events-table-wrapper input[type="text"]{
	background:url("../../includes/svg/search-ico.svg"), #F9FBFC;
	background-repeat: no-repeat;
	background-size: 17px;
	background-position: 12px center;
    border-radius: 5px;
    width: 300px !important;
	height:2.5em;
    padding: 8px 20px 8px 40px !important;
	border: 1px solid #e6ebed;
	font-family: Roboto;
	font-weight: 400;
	font-size: 16px;
}
.ven-events-table-wrapper input[type="text"]::placeholder {
	color: #AFB1B2;
}
.event-list {
	background: #F9FBFC;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 10px;
	margin-bottom: 7px;
}
.event-list span.month-dv {
    background: #FFC3C1;
    border-radius: 5px;
    padding: 6px 0px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
}
.event-list h4{
    margin: 0;
    line-height: 0;
}
.event-list h4 a{
	font-weight: 500;
	font-size: 15px;
	line-height: 100%;
	color: #000000;
	text-decoration:none;
}
.event-list .left-div {
	display: flex;
	gap: 20px;
	align-items: center;
}
span.right-div {
	font-size: 14px;
	color: #79787B;
	margin-right: 10%;
}
@media only screen and (min-width:320px) and (max-width:768px){	
	.ven-events-layout {
		flex-direction: column;
	}
	.ven-events-sidebar,
	.ven-events-content
	{
		width: 100%;
	}
}
@media only screen and (min-width:320px) and (max-width:420px){
	.ven-events-content .event-list span.month-dv,
	.ven-events-content span.right-div,
	.ven-events-content .event-list h4 a,
	.ven-events-sidebar ul.ven-month-list li a
	{
		font-size: 14px;
	}
	.ven-events-sidebar h5.ven-year-heading {
		font-size: 16px;
	}
	.ven-events-content .ven-events-table-wrapper input[type="text"] {
		width: 100% !important;
	}
	.ven-events-table-wrapper {
		flex-direction: column;
		justify-content: left;
		align-items: flex-start;
	}
}

.VenEventLoader{
      display: block;
      position: relative;
      height: 12px;
      width: 80%;
      border: 1px solid #000;
      border-radius: 10px;
      overflow: hidden;
    }
    .VenEventLoader::after {
      content: '';
      width: 40%;
      height: 100%;
      background: #FF3D00;
      position: absolute;
      top: 0;
      left: 0;
      box-sizing: border-box;
      animation: animloader 2s linear infinite;
    }
    
    @keyframes animloader {
      0% {
        left: 0;
        transform: translateX(-100%);
      }
      100% {
        left: 100%;
        transform: translateX(0%);
      }
    }