.login-page{
	background-color: white !important;	
}


.profile-photo-div{
	min-width: 80px !important;
	max-width: 80px !important;
	height: 80px !important;
	background-size: cover !important;
	background-position: center !important;
	border-radius: 50% !important;
}

.profile-photo-comment-user{
	color: gray !important;
	font-size: 12px !important;	
}

.post-comment-image{
	width: 100px !important;
	border: 1px solid gray !important;
	border-radius: 10px !important;
}

.profile-photo-comment-div{
	min-width: 40px !important;
	max-width: 40px !important;
	height: 40px !important;
	background-size: cover !important;
	background-position: center !important;
	border-radius: 50% !important;
}

.post_div_image{
	width: 100% !important;
	height: 300px !important;
	background-size: cover !important;
	background-position: center !important;
	border-radius: 10px !important;
	border: 1px solid #E0E0E0 !important;
}


 #loading-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px; /* Ajustar la altura según tus necesidades */
}

#loading-spinner {
	border: 6px solid #f3f3f3; /* Color del borde del spinner */
	border-top: 6px solid #3498db; /* Color del borde superior del spinner (puedes ajustar esto) */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite; /* Animación de rotación */
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.post-comment{
	color:  var(--primary) !important;
	
}

.preview_img{
	background-size: cover !important;
	background-position: center !important;
	width: 50px !important;
	height: 50px !important;
}

.circle {
	width: 30px !important;
	height: 30px !important;
	border-radius: 50% !important;
	display: inline-block !important;
	text-align: center !important;
	line-height: 30px !important;
	font-size: 14px !important;
	font-weight: bold !important;
	color: #fff !important;
}

.circle-A { background-color: #3498db; }
.circle-B { background-color: #2ecc71; }
.circle-C { background-color: #e74c3c; }
.circle-D { background-color: #f39c12; }
.circle-E { background-color: #9b59b6; }
.circle-F { background-color: #1abc9c; }
.circle-G { background-color: #34495e; }
.circle-H { background-color: #e67e22; }
.circle-I { background-color: #95a5a6; }
.circle-J { background-color: #d35400; }
.circle-K { background-color: #27ae60; }
.circle-L { background-color: #3498db; }
.circle-M { background-color: #2ecc71; }
.circle-N { background-color: #e74c3c; }
.circle-O { background-color: #f39c12; }
.circle-P { background-color: #9b59b6; }
.circle-Q { background-color: #1abc9c; }
.circle-R { background-color: #34495e; }
.circle-S { background-color: #e67e22; }
.circle-T { background-color: #95a5a6; }
.circle-U { background-color: #d35400; }
.circle-V { background-color: #27ae60; }
.circle-W { background-color: #3498db; }
.circle-X { background-color: #2ecc71; }
.circle-Y { background-color: #e74c3c; }
.circle-Z { background-color: #f39c12; }

.crm_client_name{
	color: black !important;
}

.crm-table .dataTables_filter{
	width: 100% !important;
	text-align: left !important;
	margin-bottom: 30px !important;
}



.crm-table .dataTables_paginate{
	margin-top: 60px !important;
}

.select2-container .select2-selection--single {
	height: 36px !important; /* Ajusta el valor según sea necesario */
}

/* Cambiar el color del borde del select */
.select2-container--default .select2-selection--single {
	border: 0.0625rem solid #e6e6e6 !important; 
	border-radius: 0.625rem;
}

.control_unit_off_base_href{
	color:blue !important
}


.btn-black-disatel {
    color: #ffffff;
    background-color: #000000; /* Cambia esto al color que desees */
    border-color: #000000; /* Cambia esto al color que desees */
}

.btn-black-disatel:hover {
	color: white !important;
    background-color: #4d4d4d; /* Cambia esto al color que desees para el hover */
    border-color: #4d4d4d; /* Cambia esto al color que desees para el hover */
}

.btn-red-disatel {
    color: #ffffff;
    background-color: #de1d19; /* Cambia esto al color que desees */
    border-color: #de1d19; /* Cambia esto al color que desees */
}

.btn-red-disatel:hover {
	color: white !important;
    background-color: #e44340; /* Cambia esto al color que desees para el hover */
    border-color: #e44340; /* Cambia esto al color que desees para el hover */
}

.login-general-background{
	background-color: white !important;
}

.login-container{
	height: 100vh !important;
}

.login-background{
	background-position: center !important;
	background-size: cover !important;
	background-repeat: none !important;
}

.dz-demo-panel{
	display: none !important;
}

.sidebar-right{
	display: none !important;
}

.travelSchedulePicturesDiv{
	padding: 10px !important;
	width: 100% !important;
	border: 1px solid gray !important;
	border-radius: 10px !important;
	display: flex;
	justify-content: center; /* Centrado horizontal */
	align-items: center; 
	min-height: 200px !important;
}

.travelSchedulePicture{
	width: 50% !important;
	height: auto !important;
}

.select2-results__options {
	max-height: 200px; /* ajusta el valor según sea necesario */
	overflow-y: auto;
}

.table-estadistics{
	width: 100% !important;
}

.table-estadistics td{
	text-align: center !important;
}

.table-estadistics th{
	text-align: center !important;
}

.chart-container {
		
}
canvas {
	margin: auto !important;
	width: 80% !important;
	height: 100% !important;
}