/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


.colorcode #example .negative-num {background-color: red; color: #ffffff; }

.colorcode #example  .positive-num {background-color: green; color: #ffffff;}

.colorcode #example  .zero-num {background-color: #ff9800; color: #ffffff;}


.edit-mode {display: none;}

.admin-bar .edit-mode {display: block;}

.edit-mode, .save-mode, .remove-column, .remove-row, .button-selector {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.table_id th p {margin-bottom: 0px;}


.table-container {margin-bottom: 100px; }
.dataTables_filter input {background-color: #ffffff !important;}
.table-controls {display: flex; gap: 10px; margin-top: 25px;}
.dataTables_info {display: none;}

.table_id tfoot .remove-column {
    bottom: -25px !important;
    top: auto;
}

.vc_tta-panel-body {
	overflow: visible !important;
}

.vc_tta-panel-body label {
	color: #000000 !important;
}

.remove-row {
margin-left: -100px;
    background-color: red;
    z-index: 999;
    padding: 2px 10px;;
    position: absolute;
    color: #ffffff;
    left: 0;
    display: inline-block;
		cursor: pointer;
	top: 7px;
}


.table_id thead:first-of-type .remove-row, .table_id tfoot:first-of-type .remove-row {
    display: none;
}

.table_id tr {position: relative;}

.table-controls .button-selector {
	background-color: #ffffff;
    padding: 10px 20px;
    border-radius: 10px;
	cursor: pointer !important;
}

.table_id tfoot {display: none !important;}

.table_id th {position: relative; padding-left: 10px !important;}

.remove-column {
	    background-color: red;
    cursor: pointer !important;
    top: -20px;
    position: absolute;
    color: #ffffff;
    width: 100%;
    padding: 0px;
    left: 0px;
    text-align: left;
    padding-left: 10px;
    pointer-events: stroke;
}

.table_id {margin: 25px 0px 50px 0px !important; cursor: default;}


.table_id td {background-color: #ffffff;}

#edit-data-table {
	    padding: 10px 20px;
    background-color: #89d648;
    color: #ffffff;
    border: 0px;
    border-radius: 10px;
    margin: 25px 0px;
}
#table_id_filter input {background-color: #ffffff;}

.table_id {background-color: #ffffff;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #fff;
}

@media (max-width: 768px) {
	.table-container {overflow: scroll;}
	.edit-mode {display: none;}
	#edit-data-table {width: 100%;}
}