
.custom-border{
    border: solid #ccc 2px;
    border-radius: 8px;
}

.custom-fa-size{
	font-size: 20px;
}

.custom-black{
	color: #000;
}

.custom-grey{
	color: #bdaeae;
    padding-top: 0px !important;
}

.font-weight-bold {
    font-weight: bold; /* Aplica un peso de fuente en negrita */
}

.h5-custom{
	font-size: 13px;;
}

.form-control-checkbox-h {
	height: 18px;
}

.btn-default-custom {
	color: #0E5581;
    border: none;
    font-weight: bold;
    font-size: 17px;
}

.btn-default-custom:hover {
	color: #0E5581;
    text-decoration: underline;
	background: none; 
}

.icon-actions-color {
	color: #5991AE; 
}

.icon-task-email {
	color: #0E5581;
}

.icon-task-sms {
	color: #5991AE;
}

.icon-task-call {
	color: #EF4444
}

.background-custom-blue {
	background-color: #0E5581;
	color: #fff;
}

.hidden {
	display: none;
}

.modal-dialog-custom {
	margin: 200px auto;
}

.custom-button-bucket{
	position: relative;
    margin-block-start: -12%;
}

.ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-point, .ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
    stroke: #0E5581;
}

.ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-point, .ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
    stroke: #B2D5E7;
}


.highcharts-figure,
.highcharts-data-table table {
    min-width: 360px;
    max-width: 600px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.ct-chart .ct-bar {
    fill: none;
    stroke-width: 10px;
}

#morrisStacked>svg {
    width: 100% !important;
}

h4.amount{
    font-size: 15px;
}

h2.custom-h2{
    font-size: 25px;
}

h3.custom-h3 {
    font-size: 20px;
}

h4.custom-h4 {
    font-size: 15px;
}

.content-action-task {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.action-max-width{
    max-width: 145px;
}

.content-amount {
    padding-left: 0px;
    padding-right: 0px;
}

.content-gauge {
    padding-left: 0px;
    padding-right: 0px;
}

.gauge-custom {
    width: 100%; 
    max-width: 600px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.content-chart {
    display: flex;
    justify-content: center;
}

.content-average{
    display: flex;
    justify-content: space-between;
}

.margin-5 {
    margin-left: 5px;
    margin-right: 5px;
    width: 90px;
    text-align: center;
}

#chartdiv {
    width: 100% !important;
    height: 300px !important;
}

strong.acomplished {
    font-size: 15px;
}

.content-acomplished {
    justify-content: space-around;
}

.ov-bucket-25{
    min-height: 194px;
    max-height: 194px;
}

.br-8{
    border-radius:8px;
}