@charset "UTF-8";

:root {
    --azul1: #297CCE;
    --azul2: #5D71CD;
    --bordo1: #8363C4;
    --bordo2: #A352B3;
    --bordo3: #BC3D9B;
    --rojo1: #CC237D;
    --rojo2: #D4065C;
}

.gradient-custom-2 {
	/* fallback for old browsers */
	background: #fccb90;
	/* Chrome 10-25, Safari 5.1-6 */
	background: -webkit-linear-gradient(to right, var(--azul1), var(--azul2), var(--bordo1), var(--bordo2),
		var(--bordo3), var(--rojo1), var(--rojo2));
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background: linear-gradient(to right, var(--azul1), var(--azul2), var(--bordo1), var(--bordo2), var(--bordo3),
		var(--rojo1), var(--rojo2));
}

.button-shift {
	color: white;
	background: var(--bordo1);
	font-family: 'Roboto';
}

.button-address {
	color: white;
	background: var(--bordo1);
	font-family: 'Roboto';
}

.button-edit {
	color: white;
	background: var(--bordo2);
	font-family: 'Roboto';
}

.button-delete {
	color: white;
	background: var(--bordo3);
	font-family: 'Roboto';
}

a.slider_list {
	font-size: .75rem; 
	padding-top: .25rem; 
	padding-bottom: .25rem;
	font-family: 'Roboto';
}

a:link, a:visited {
 	color: var(--azul2);
 	font-family: 'Roboto';
}

a:hover {
 	color: var(--rojo1);
 	font-family: 'Roboto';
}

h1, h2, h3 {
	color: var(--rojo2);
	font-family: 'Roboto';
}

p {
	color: black;
	font-family: 'Roboto';
}

tr.text-success td,
tr.text-success th,
tr.text-success fill {
  color: inherit;
  font-family: 'Roboto';
}

tr.text-warning td,
tr.text-warning th,
tr.text-success fill {
  color: inherit;
  font-family: 'Roboto';
}

tr.text-danger td,
tr.text-danger th,
tr.text-success fill {
  color: inherit;
  font-family: 'Roboto';
}

.error_color {
	color: white;
	background: var(--bordo3);
	font-family: 'Roboto';
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	color: white;
	background: var(--bordo3);
	font-family: 'Roboto';
}

.label-title {
	color: var(--rojo2);
	font-weight: bold;	
	font-family: 'Roboto';
}

.label-input {
	color: white;
	background: var(--azul2);
	border-radius: 25px;
	text-align: center;
	vertical-align: middle;
	font-family: 'Roboto';
}

.error_color {
	color: white;
	background: var(--azul1);
	font-family: 'Roboto';
}

@media ( min-width : 768px) {
	.gradient-form {
		height: 100vh !important;
		font-family: 'Roboto';
	}
}

@media ( min-width : 769px) {
	.gradient-custom-2 {
		border-top-right-radius: .3rem;
		border-bottom-right-radius: .3rem;
		font-family: 'Roboto';
	}
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  font-family: 'Roboto';
}

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 2rem;
  background-color: transparent;
  font-family: 'Roboto';
}

.navbar-brand-text {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: transparent;
  text-align: right;  
  font-family: 'Roboto';
}

.dropdown-item:hover {
	color: white;
	background: var(--bordo3);
	font-family: 'Roboto';
}

.page-item:hover .page-link {
 	color: var(--rojo1) !important;
 	font-family: 'Roboto';
}

.page-item.active .page-link {
	background: var(--rojo1) !important;
	font-family: 'Roboto';
}