::-webkit-scrollbar{
	width: 12px;
}
::-webkit-scrollbar-track{
	background: #e9c1a4;
}
::-webkit-scrollbar-thumb{
	background: #5b7cd1;
}
::-webkit-scrollbar-thumb:hover{
	background: #123899;
}

::-moz-scrollbar{
	width: 12px;
}
::-moz-scrollbar-track{
	background: #e9c1a4;
}
::-moz-scrollbar-thumb{
	background: #5b7cd1;
}
::-moz-scrollbar-thumb:hover{
	background: #123899;
}

.btn_llamar_extension{
	margin: 5px; 
	font-size: 12px; 
	width: 100px; 
	padding: 1px 1px 1px 1px;
}
.accordion-body {
	padding: 0px 0px 6px 0px;
}
.accordion-button{
	padding: 0.7rem 0.25rem;
}
.selected {
  background-color: #b8daff;
}
.no_selected{
	background-color: #fff;
}
.deleted_display{
	display: none;
}
.ver_contacto{
	font-size: 1.3rem;
}
.fuente_estandar{
	font-size: .875rem;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
*{
	font-size: .875rem;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
body{
	margin: 0;
	background: #fff;
	height: 100%;
	font-size: .875rem;
}
.table{
	vertical-align: baseline;
}
.seleccionada{
  color: #fff; 
  background-color: #007bff;
  border-color: #007bff;
}
.page-link{
  cursor: pointer;
}


.row{
	width: auto;
}
@media (min-width: 1400px){
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 95%;
		margin-top: 5%;
	}
	#informacion{
		color: #5b7cd1;
		font-weight: bold;
		font-size: 0.875rem;
		margin-top: -13px;
	}
	.text_menu{
		font-size: 0.875rem;
	}
	#logo{
		font-size: 16px;
		width: 120px;
		background: #fff;
	}
	.a_logo{
		padding-top: 0px; 
		margin-right: auto; 
		margin-left: 11px;
	}
}
@media (min-width: 1200px){
	.container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 95%;
		margin-top: 5%;
	}
	#informacion{
		color: #5b7cd1;
		font-weight: bold;
		font-size: 0.875rem;
		margin-top: -13px;
	}
	.text_menu{
		font-size: 0.875rem;
	}
	#logo{
		width: 120px;
		margin-left: 15px;
	}
	.a_logo{
		padding-top: 0px; 
		margin-right: auto; 
		margin-left: 11px;
	}
}
@media (min-width: 992px){
	.container-lg, .container-md, .container-sm, .container {
  	max-width: 95%;
		margin-top: 5%;
	}
	#informacion{
		color: #5b7cd1;
		font-weight: bold;
		font-size: 0.875rem;
		margin-top: -13px;
	}
	.text_menu{
		font-size: 0.875rem;
	}
	#logo{
		width: 120px;
		margin-left: 15px;
	}
	.a_logo{
		padding-top: 0px; 
		margin-right: auto; 
		margin-left: 11px;
	}
}
@media (min-width: 768px){
	.container-md, .container-sm, .container {
  	max-width: 95%;
		margin-top: 5%;
	}
	#informacion{
		color: #5b7cd1;
		font-weight: bold;
		font-size: 0.875rem;
		margin-top: -13px;
	}
	.text_menu{
		font-size: 0.875rem;
	}
	#logo{
		width: 100px;
		margin-left: 15px;
	}
	.a_logo{
		padding-top: 0px; 
		margin-right: auto; 
		margin-left: 11px;
	}
}
/* @media (min-width: 576px){
	.container-sm, .container {
  	max-width: 95%;
		margin-top: 5%;
	}
	#informacion{
		color: #5b7cd1;
		font-weight: bold;
		font-size: 0.875rem;
		margin-top: -13px;
	}
	.text_menu{
		font-size: 0px;
	}
	#logo{
		width: 70px;
	}
	.a_logo{
		padding-top: 0px; 
		margin-right: auto; 
	}
} */
@media (max-width: 575px){
	.container-sm, .container {
  	max-width: 95%;
		margin-top: 5%;
	}
	#informacion{
		color: #5b7cd1;
		font-weight: bold;
		font-size: 8px;
		margin-top: -13px;
	}
	.text_menu{
		font-size: 0px;
	}
	#logo{
		display: none;
	}
	#logo_favicon{
		display: block;
		width: 20px;
    margin-left: 10px;
	}
	.a_logo{
		padding-top: 0px; 
		margin-right: auto; 
	}
}
.alert{
	display: none;
}
/* Style The Dropdown Button */
.dropbtn {
  background-color: #dfe0df;
  color: white;
  font-size: 0..975rem;
  border: none;
  cursor: pointer;
	text-align: center;
	vertical-align: baseline;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	right: 0;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #c0c2c0;
}
.remarcar{
	color: #007bff;
	cursor: pointer;
}
.remarcar:hover{
	text-decoration: underline;
	color: #1170d4;
}
.remarcar_diario{
	color: #007bff;
	cursor: pointer;
}
.remarcar_diario:hover{
	text-decoration: underline;
	color: #1170d4;
}
remarcar_contacto{
	color: #007bff;
	cursor: pointer;
}
.remarcar_contacto:hover{
	text-decoration: underline;
	color: #1170d4;
}


.modal:nth-of-type(even) {
	z-index: 1052 !important;
}
.modal-backdrop.show:nth-of-type(even) {
	z-index: 1051 !important;
}
	
#contenedor_general{
	margin-top: 100px;
}
.form{
	width: 350px;
	margin: auto;
}
.ico{
	width: 15px;
	margin: -3px 5px 0px 0px;
}
.boton{
	cursor: pointer;
}
.disabled_btn{
	opacity: 0.65;
	cursor: not-allowed;
}
#contenedor_php{
	width: 100%;
	height: 100%;
	background: #fff;
	font-size: 0..975rem;
	background: #fff;
	margin-top: 100px;
}
.iniciar_sesion{
	width: 30%;
	margin: auto;
}
#logo_inicio{
	width: 170px;
}
#row_logo_inicio{
	width: 100%;
	text-align: center;
	margin-top: 30px;
	height: 80px;
}
.titulo{
	text-align: center;
}
#contenedor_seleccion{
	text-align: center;
	display: none;
}
#contenedor_detalle{
	height: 425px;
	display: none;
	overflow: auto;
}
.extension{
	margin: 10px;
	float: left;
	border-bottom: 1px solid #d2d0d0;
	width: 400px;
}
.btn_sucursal{
	font-size: 0.875rem;
	padding: 2;
}
.sub_boton{
	cursor: pointer;
	white-space: break-spaces;
}
.sub_boton:hover{
	background: #f6f6f6;
}
#cont_gif{
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 0;
	display: none;
	margin: 0;
	text-align: center;
	background: #ffffffa6;
	z-index: 1060;
}
#cont_gif_grafica{
	width: 100%;
	height: 100%;
	bottom: 0;
	display: none;
	text-align: center;
	background: #ffffffa6;
	z-index: 1060;
}
.text-1{
	margin: 23% 0px 0px 0px;
	color: #5b7cd1 !important;
}
.text-2{
	color: #5b7cd1 !important;
}
.text-3{
	color: #5b7cd1 !important;
}
.text-4{
	color: #5b7cd1 !important;
}
#cont_gif_graf_1{
	width: 100%;
	bottom: 0;
	display: none;
	text-align: center;
	background: #ffffffa6;
	z-index: 1060;
}
.text_graf_1{
	color: #5b7cd1 !important;
}
.text_graf_2{
	color: #5b7cd1 !important;
}
.text_graf_3{
	color: #5b7cd1 !important;
}
.text_graf_4{
	color: #5b7cd1 !important;
}
#cont_gif_graf_2{
	width: 100%;
	bottom: 0;
	display: none;
	text-align: center;
	background: #ffffffa6;
	z-index: 1060;
}
#cont_gif_graf_3{
	width: 100%;
	bottom: 0;
	display: none;
	text-align: center;
	background: #ffffffa6;
	z-index: 1060;
}
#cont_gif_graf_4{
	width: 100%;
	bottom: 0;
	display: none;
	text-align: center;
	background: #ffffffa6;
	z-index: 1060;
}
#cont_gif_diario{
	width: 100%;
	bottom: 0;
	display: none;
	text-align: center;
	background: #ffffffa6;
	z-index: 1060;
}

.cont_gif{
	bottom: 0;
	display: none;
	text-align: center;
	background: #ffffffa6;
	z-index: 1060;
}


.btn_llamar{
	font-size: 0.875rem;
	padding: 4px;
}
.tel_disabled{
	display: none;
}
.form_llamada{
	margin: auto;
	width: 90%;
}
.saldos{
	display: none;
}