:root {
  /* colors */
  --warning: #ffa916;
  --danger: #ff4e4e;
  --success: #32a742;
  --titles-navbar: #949494;
  --contenido: #2b2b2b;
  --color-coca-cola: #e01d29;
  --bordo: #8d121a;
  --blanco: #ffffff;
  --botones-institucional: #ff4b4b;
  --botones-secondary: #e9e9e9;

  /* font-size */
  --fs-regular: 1.375rem;
}

.primary{
  color: var(--color-coca-cola) !important;
}

.btnMain {
  width: 90%;
  color: var(--blanco);
  border-radius: 26px;
}
.btnMain:hover {
  color: var(--blanco);
  background-color: var(--color-coca-cola);
  border-color: var(--color-coca-cola);
}

.bg-primary {
  background: rgb(114, 15, 21);
  background: linear-gradient(
    0deg,
    rgba(114, 15, 21, 1) 0%,
    rgba(228, 30, 32, 1) 100%
  );
}
.bg-secondary {
  color: rgb(105, 112, 122);
  background: rgb(242, 246, 252) !important;
}

.bg-btn {
  color: #fff;
  background-color: var(--botones-institucional);
  border-color: var(--botones-institucional);
}
.bg-btn:hover {
  color: #fff;
  background-color: var(--color-coca-cola);
  border-color: var(--color-coca-cola);
}

.btn-secondary:focus {
  color: #fff;
  background-color: var(--color-coca-cola);
  border-color: var(--color-coca-cola);
  box-shadow: 0 0 0 0.25rem rgba(224, 29, 41, 0.5);
}
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn-check:focus,
.btn-check:focus + .btn-form,
.btn-form:focus {
  box-shadow: 0 0 0 0.25rem rgba(224, 29, 41, 0.25);
}

.btnVerMas {
  color: var(--titles-navbar);
}
.btnVerMas:hover {
  color: #69707a !important;
}

.btn-form {
  border-radius: 3px;
  color: var(--titles-navbar) !important;
  background-color: var(--blanco);
  border: 1px solid #cfcfcf;
  font-size: 1rem;
}
.btn-check:checked + label {
  color: var(--blanco) !important;
}

.btn-ok,
.btn-ok:checked + label {
  background-color: var(--success);
}
.btn-ok:focus + .btn-form {
  box-shadow: 0 0 0 0.25rem rgba(50, 167, 66, 0.25);
}

.btn-warning,
.btn-warning:checked + label {
  background-color: var(--warning);
}
.btn-warning:focus + .btn-form {
  box-shadow: 0 0 0 0.25rem rgba(255, 169, 22, 0.25);
}

.btn-danger,
.btn-danger:checked + label {
  background-color: var(--danger);
}
.btn-danger:focus + .btn-form {
  box-shadow: 0 0 0 0.25rem rgba(255, 78, 78, 0.25);
}

.btn-observacion,
.btn-observacion:checked + label {
  background-color: var(--titles-navbar);
}
.btn-observacion:focus + .btn-form {
  box-shadow: 0 0 0 0.25rem rgba(148, 148, 148, 0.25);
}

.dropdown-item:active {
  background-color: var(--botones-institucional);
}

@media (min-width: 1300px) {
  .hr-larger {
    width: 115%;
  }
}

div.litepicker .button-previous-month path,
.button-next-month path {
  fill: var(--botones-institucional) !important;
}

footer {
  position: relative;
}
@media (max-width: 768px) {
  footer {
    top: 150px;
  }
}

/*^ -------------------------- LOGIN ----------------------------- */
#login {
  overflow-y: hidden;
}

#login #formContainer{
  height: 100vh;
  display: flex;
  align-items: center;
}

#login .card-header h3 {
  font-size: var(--fs-regular);
}
#login .card {
  border-radius: 18px;
  height: 500px;
}

#login .card #imgLoginContainer {
  background: #F8F8F8;
  height: 500px;
  border-radius: 18px 0 0 18px;
  box-shadow: 0px 3px 6px #00000029;
}
/* #login .card img#bgImageLogin {
  height: 103%;
  bottom: 1%;
  left: 0%;
} */
#login .imgLogo {
  position: absolute;
  left: 11%;
  top: 35%;
}

#login .card h3 {
  font-size: var(--fs-regular);
}

#login #inputEmailAddress,
#inputPassword {
  height: 55px;
  border-radius: 40px;
}
#login #rememberPasswordCheck {
  border-radius: 6px;
}

@media (max-width: 767px) {
  #login .card{
    height: 400px;
  }
}
/*^ -------------------------- DASHBOARD, EMPRESAS ----------------------------- */
/* ------ SIDENAV ------ */
.sidenav-light .sidenav-menu .sidenav-menu-heading {
  color: var(--botones-institucional);
}

.sidenav-light .sidenav-menu .nav-link {
  color: var(--titles-navbar);
}
.sidenav-menu .nav-link.active {
  color: var(--color-coca-cola) !important;
}
.sidenav-light .sidenav-menu .nav-link:hover {
  color: var(--botones-institucional);
}
.sidenav-light .sidenav-footer {
  background-color: var(--color-coca-cola);
  height: fit-content;
}
.sidenav-light .sidenav-footer-content,
.sidenav-footer-subtitle,
.sidenav-footer-logout {
  color: var(--blanco) !important;
}
.sidenav-menu #accordionSidenav {
  margin-bottom: 35vh;
}

/* ------ NAVBAR ------ */
.navbar-nav .navbarIcons {
  box-shadow: 0px 3px 6px #00000029;
}
#navbarDropdownAlerts svg {
  color: var(--botones-institucional);
}
#navbarDropdownUserImage {
  background-color: var(--botones-institucional);
}
#navbarDropdownUserImage:hover {
  background-color: rgba(255, 75, 75, 0.75);
}
#navbarDropdownUserImage svg {
  color: var(--blanco);
}

/* ------ HEADER ------ */
.page-header,
.page-header h1 {
  background-color: var(--color-coca-cola);
  color: #fff;
}
.page-header-title {
  font-size: 30px !important;
}

@media (min-width: 1700px) {
  #dashboard .page-header-content,
  #empresas .page-header-content,
  #empresa-acciones .page-header-content,
  #mant-prev-pescante .page-header-content,
  #mant-plataformas .page-header-content,
  #remitos .page-header-content,
  #crear-remito .page-header-content {
    margin-left: 3vw;
  }
}

/* ------ CONTENT ------ */
#dashboard #page-content,
#empresas #page-content {
  top: 70px;
  margin-bottom: 65px;
}
#dashboard .inputBuscar {
  border: none;
  width: 50vw;
  height: 46px;
}
#empresas .inputBuscar,
#empresas .btnFiltrar {
  border: none;
  border-radius: 9px;
}
#dashboard .inputBuscar .input-group-text,
#empresas .inputBuscar .input-group-text {
  width: 60px;
  background-color: var(--botones-institucional);
}
#empresas .btnFiltrar {
  justify-content: start;
  background-color: var(--blanco);
  height: 52px;
}
#empresas .btnFiltrar span {
  font-size: 1rem;
  font-weight: 600;
  color: #444444;
}
#empresas .btnFiltrar::after {
  display: none;
}
#empresas .btnFiltrar .dropdownBtn {
  background-color: var(--botones-institucional);
  width: 63px;
  height: 52px;
  border-radius: 0 9px 9px 0;
}

.listTitle {
  color: var(--bordo);
}

#dashboard .card,
#empresas .card {
  border-radius: 1rem;
  height: auto;
}
#dashboard .card-info,
#empresas .card-info {
  background-color: var(--blanco);
  border-radius: 1rem;
  height: fit-content;
  padding: 3%;
}
#dashboard .card .card-icon-aside,
#empresas .card .card-icon-aside {
  width: 5%;
}
#dashboard .card .row,
#dashboard .card-icon-aside,
#empresas .card .row,
#empresas .card-icon-aside {
  height: inherit;
}

#dashboard .card .btn-icon img,
#empresas .card .btn-icon img {
  bottom: 9%;
  right: 15%;
}

@media (max-width: 992px) {
  #dashboard .inputBuscar,
  #empresas .inputBuscar {
    width: 75vw;
  }
  #dashboard .card .card-icon-aside svg{
    height: 27px !important;
  }
}

/*^ -------------------------- EMPRESAS / ACCIONES ----------------------------- */
#empresa-acciones .page-header,
#remitos .page-header {
  min-height: 20%;
}
#empresa-acciones .page-header-subtitle,
#mant-prev-pescante .page-header-subtitle,
#mant-plataformas .page-header-subtitle {
  font-size: 1rem;
  font-weight: 200;
}

#empresa-acciones #page-content,
#remitos #page-content {
  top: -90px;
}

#empresa-acciones .card,
#remitos .accionCard {
  min-width: 20vw;
  border-radius: 9px;
  color: #444444;
}

#empresa-acciones .cardsOtros .card{
  min-width: 25vw !important;
}

#empresa-acciones .cardsOtrosMenu .card,
#empresa-acciones .cardsOtrosMenu .card-icon-aside {
  min-height: 170px !important;
}

#empresa-acciones .card,
#empresa-acciones .card-icon-aside,
#remitos .accionCard,
#remitos .accionCard .card-icon-aside {
  height: 130px;
}
#empresa-acciones #cardsAcciones .card-text {
  font-size: 18px;
  line-height: 25px;
}
#empresa-acciones #cardsAcciones.cardsOtros .card-text{
  font-size: 1.5rem;
  line-height: 30px;
}
#empresa-acciones .card.info-empresa {
  min-height: 190px;
}
#empresa-acciones .info-empresa {
  color: #2b2b2b;
}

@media (max-width: 991px) {
  .header-empresa .btnBack img{
    width: 55px;
  }
  #empresa-acciones .card {
    width: 80vw !important;
    margin: auto;
  }
  #empresa-acciones #cardsAcciones .card-text {
    margin: 2% 0;
  }
  #empresa-acciones .btnVisualizarReportes {
    width: 50%;
  }
  #empresa-acciones .cardsOtrosMenu .card,
  #empresa-acciones .cardsOtrosMenu .card-icon-aside {
    height: auto !important;
  }

  #empresa-acciones #cardsAcciones.cardsOtrosMenu .card-text{
    font-size: 1.25rem !important;
  }

}
@media (min-width: 992px) and (max-width: 1252px) {
  #empresa-acciones #cardsAcciones .card-text {
    font-size: 1.1rem;
  }
}

@media (min-width: 1500px) {
  #empresa-acciones #cardsAcciones .card-text {
    font-size: 1.4rem !important;
  }
}

/*^ -------------------------- MANTENIMIENTO PREVENTIVO PESCANTE ----------------------------- */
.btnReset{
  width: 20% !important;
  height: 20% !important;
}

.dropdownPersonal{
  height: 44px;
  overflow: hidden;
  
}

#mant-prev-pescante .page-header-content,
#mant-plataformas .page-header-content,
#crear-remito .page-header-content {
  margin-right: 3vw;
}
#mant-prev-pescante .header-side,
#mant-plataformas .header-side {
  width: fit-content;
  font-size: 18px;
}
.informe .header-side .header-notaServicio,
#mant-plataformas .header-side .header-notaServicio {
  height: 49px;
}
.informe .header-side .header-notaServicio div,
#mant-plataformas .header-side .header-notaServicio div,
#crear-remito .header-side .header-notaServicio div {
  color: var(--color-coca-cola);
  background-color: #fff;
  border-radius: 6px;
  width: 150px !important; /*113px !important;*/
}
.informe .header-notaServicio p,
#mant-plataformas .header-notaServicio p,
#crear-remito .header-notaServicio p {
  min-width: fit-content;
}

/* #mant-prev-pescante #page-content,
#mant-plataformas #page-content {
  top: 1%;
} */

#mant-prev-pescante #formCard,
#mant-plataformas #formCard {
  border-radius: 9px;
}

.formCardTitle {
  color: var(--botones-institucional) !important;
  font-weight: 600;
}

.informe #formCard .card-header,
#mant-plataformas #formCard .card-header {
  background-color: var(--botones-institucional);
  border-radius: 9px 9px 0 0;
}
.informe .card-header .nav-item,
#mant-plataformas .card-header .nav-item {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 9px;
}
.informe .card-header .wizard-step-text-name,
#mant-plataformas .card-header .wizard-step-text-name {
  color: var(--blanco) !important;
}
.informe .card-header .wizard-step-icon,
#mant-plataformas .card-header .wizard-step-icon {
  background-color: var(--blanco);
  color: var(--color-coca-cola);
  font-weight: 700;
}
.informe .card-header .nav-item.active,
#mant-plataformas .card-header .nav-item.active {
  background-color: var(--blanco);
}
.informe .card-header .nav-item.active .wizard-step-text-name,
#mant-plataformas .card-header .nav-item.active .wizard-step-text-name {
  color: var(--botones-institucional) !important;
}
.informe .card-header .nav-item.active .wizard-step-icon,
#mant-plataformas .card-header .nav-item.active .wizard-step-icon {
  background-color: var(--color-coca-cola);
  color: var(--blanco);
}

#mant-prev-pescante form fieldset legend,
#mant-prev-pescante form label,
#mant-plataformas form fieldset legend,
#mant-plataformas form label,
#crear-remito form fieldset legend,
#crear-remito form label {
  color: var(--contenido);
  font-size: 1rem;
}

#mant-prev-pescante h5.form-subtitle,
#mant-plataformas h5.form-subtitle {
  color: var(--botones-institucional);
}

#mant-plataformas .input-date {
  border: 1px solid #cfcfcf !important;
}
#mant-plataformas .input-date > span svg,
#mant-plataformas .input-date > input {
  color: var(--contenido) !important;
}

#mant-prev-pescante #paso-5 .cardImgs {
  border-radius: 9px;
}
#mant-prev-pescante #paso-5 .cardImgs .card-header {
  color: var(--botones-institucional);
}

#inputPersonalOLH button{
  border: 1px solid #c5ccd6;
  background: #fff;
  color: #69707a;
}

.modal .itemConfirmacion {
  width: 70%;
  margin-bottom: 0;
}
.modal .btnConfirmacion {
  height: 40px;
  width: 90px;
}

.pdfInforme{
  width: 100%;
  height: 700px;
}
.pdfInforme iframe{
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  #mant-prev-pescante #btn-borrador .btn {
    width: auto !important;
  }
  #mant-plataformas #btn-borrador .btn {
    width: auto !important;
  }
  .pdfInforme{
    height: 400px;
  }
}

@media (max-width: 1200px) {
  #mant-prev-pescante .header-side,
  #mant-plataformas .header-side {
    font-size: 1rem;
  }
  #mant-prev-pescante .nav-wizard .nav-link .wizard-step-icon,
  #mant-plataformas .nav-wizard .nav-link .wizard-step-icon {
    height: 2rem;
    width: 2rem;
  }
  #mant-prev-pescante #formCard .wizard-step-text-name,
  #mant-plataformas #formCard .wizard-step-text-name {
    font-size: 14px;
  }
}

/*^ -------------------------- REMITOS ----------------------------- */
#remitos .accionCard {
  width: 27vw;
}
#remitos .accionCard .card-text p {
  font-size: 1.38rem;
}
#remitos .cardRemito {
  border-radius: 9px;
}
#remitos .cardRemito .card-icon-aside {
  width: 8%;
}
#remitos .cardRemito .card-text p {
  margin-bottom: 0;
  color: var(--contenido);
  font-size: 1.13rem;
}

@media (max-width: 768px) {
  #remitos #page-content {
    top: -150px;
  }
  #remitos .accionCard {
    width: 80vw;
    margin: auto;
  }

  #crear-remito .header-date {
    width: 70%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #remitos .accionCard {
    width: 35vw;
  }
}
@media (min-width: 1800px) {
  #remitos #cardsAcciones div:nth-child(2) {
    margin-left: 5%;
  }
}

#crear-remito #page-content {
  top: -40px;
}
#crear-remito #inputFecha span,
#crear-remito #inputFecha input {
  color: var(--blanco);
  background-color: var(--botones-institucional);
}
@media (max-width: 576px) {
  #crear-remito #inputFecha {
    width: 75% !important;
  }
}

/*^ -------------------------- PERFIL ----------------------------- */
#perfilUsuario header,
#vehiculos header,
#registro-personal header {
  background-color: var(--botones-institucional) !important;
}
#perfilUsuario .page-header h1,
#vehiculos .page-header h1,
#registro-personal .page-header h1 {
  font-size: 1rem !important;
  background-color: transparent;
}
#perfilUsuario .card-header,
#vehiculos .card-header,
#registro-personal .card-header {
  color: var(--color-coca-cola);
}

.btn-descargar {
  border-bottom: 0;
}

#perfilUsuario #profileNavLinks .nav-link,
.btn-descargar {
  color: var(--botones-institucional);
}
#perfilUsuario #profileNavLinks .nav-link:hover,
.btn-descargar:hover {
  border-bottom-color: var(--color-coca-cola);
  color: var(--color-coca-cola);
}
#perfilUsuario #profileNavLinks .nav-link.active {
  color: var(--color-coca-cola);
  border-bottom-color: var(--color-coca-cola);
  font-weight: 600;
}

/*^ -------------------------- PERSONAL ----------------------------- */
#registro-personal select.dataTable-selector {
  width: 60px;
}
#registro-personal #datatablesSimple thead th {
  text-align: center;
}

/*^ -------------------------- POPUPS ----------------------------- */
@media(max-width: 767px){
  .swal2-popup{
    width: 100% !important;
    padding: 1em 0 !important;
  }
}

button#borrador {
	color: #fff;
	background-color: #f4a100;	
}

button#borrador:hover {
	border-color: #E4E46C;
	background-color: #E4E46C;	
}


button#definitivo {
	color:#fff;
	background-color: #32a742;	
	border-color: unset;
}

button#definitivo:hover {
	background-color: #168B26;	
}

button#descargar {
	border-color: unset;
	background-color: #ffa916;	
}

button#descargar:hover {
	background-color: #e28c00;	
}