.button-success,
        .button-error,
        .button-warning,
        .button-secondary {
            color: white;; 
	        font-size: 100%;
			background: #1d2b62;
            border-radius: 8px;
			height: 40px;

        }
        .button-success {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: rgb(0, 153, 51); /* this is a maroon */
			height: 40px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .button-event-list {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 40px;
			width: 250px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .button-event-remove {
            background: rgb(255, 0, 0); /* this is a maroon */
            border: rgb(255, 0, 0); /* this is a maroon */
	        font-size: 100%;
            border-radius: 10px;
			height: 40px;
            border-radius: 8px;
        }
        .button-copy-event-segment {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 40px;
			width: 300px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .button-confirm {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 40px;
			width: 300px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .button-cancel {
            background: rgb(255, 0, 0); /* this is a maroon */
            border: rgb(255, 0, 0); /* this is a maroon */
	        font-size: 100%;
            border-radius: 10px;
			height: 40px;
            border-radius: 8px;
        }
        .button-copy-event {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 40px;
			width: 200px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .button-new-event {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 40px;
			width: 200px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .button-category-list {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 30px;
			width: 250px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .button-items-list {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 40px;
			width: 150px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .button-items-remove {
            background: rgb(255, 0, 0); /* this is a maroon */
            border: rgb(255, 0, 0); /* this is a maroon */
	        font-size: 100%;
            border-radius: 10px;
			height: 40px;
            border-radius: 8px;
        }
        .button-tickertext-list {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 30px;
			width: 100px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .button-new-slot {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 40px;
			width: 200px;
	        font-size: 80%;
            border-radius: 8px;
        }
        .button-adslot-list {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 30px;
			width: 200px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .button-group-sites {
            background: #1d2b62;  /* this is a green */
/*            background: #1d2b62; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 40px;
            width : 200px;
	        font-size: 100%;
            border-radius: 8px;
        }
         .button-error {
            background: rgb(255, 0, 0); /* this is a maroon */
            border: rgb(255, 0, 0); /* this is a maroon */
	        font-size: 100%;
            border-radius: 10px;
			height: 20px;
            border-radius: 8px;
        }
        .button-category-remove {
            background: rgb(255, 0, 0); /* this is a maroon */
            border: rgb(255, 0, 0); /* this is a maroon */
	        font-size: 100%;
			height: 30px;
			width: 200px;
            border-radius: 8px;
        }
        .button-tickertext-remove {
            background: rgb(255, 0, 0); /* this is a maroon */
            border: rgb(255, 0, 0); /* this is a maroon */
	        font-size: 100%;
			height: 30px;
			width: 100px;
            border-radius: 8px;
        }
        .button-constant {
            background: #1d22fb; /* this is a maroon */
            border: #1d22fb; /* this is a maroon */
	        font-size: 100%;
			width: 150px;
			height: 20px;
            border-radius: 8px;
        }

        .exm-constant {
            display: flex;
            background: #1d22fb;
			width: 150px;
			height: 20px;
	        font-size: 100%;
            justify-content: center;
            align-items: center;
            color: white;
            border: #1d22fb; /* this is a maroon */
            border-radius: 10px;
        }
        .button-up {
            background: #33cc33;
			width: 150px;
			height: 20px;
	        font-size: 100%;
            color: white;
            border: #33cc33; /* this is a maroon */
            border-radius: 8px;
        }
        .button-down {
            background: rgb(255, 0, 0);;
			width: 150px;
			height: 20px;
	        font-size: 100%;
            color: white;
            border: rgb(255, 0, 0);; /* this is a maroon */
            border-radius: 8px;
        }
        .button-warning {
            background: rgb(223, 117, 20); /* this is an orange */
        font-size: 100%;
            border-radius: 8px;
        }

        .button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
			        font-size: 100%;

            border-radius: 8px;
        }
        .products-new {
            background: rgb(0, 153, 51);;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: rgb(0, 153, 51);; /* this is a maroon */
			height: 40px;
			width: 300px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .barstock-api-populate {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 40px;
			width: 300px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .activate_all_items {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 40px;
			width: 300px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .deactivate_all_items {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 40px;
			width: 300px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .products-copy-item {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 40px;
			width: 300px;
	        font-size: 100%;
            border-radius: 8px;
        }
        .products-set-start-price {
            background: #1d2b62;  /* this is a green */
/*            background: #33cc33; *//* this is a green */
            border: #1d2b62; /* this is a maroon */
			height: 40px;
			width: 300px;
	        font-size: 100%;
            border-radius: 8px;
        }