/* public/styles.css */

/* Estilos generales */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body {
    background-color: #f8f9fa;
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}


.navbar-brand {
    font-weight: bold;
}

.card {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

footer {
    position: fixed;
    width: 100%;
    bottom: 0;
}

::-moz-focus-inner {
  padding: 0;

  border-style: none;

}
elemento {
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  	margin-left: calc(var(--bs-border-width) * -1);
  	border-top-left-radius: 0!important;
  	border-bottom-left-radius: 0;
	border-radius: 0!important;
	
}

.btn  {
	border-radius: 0!important;
	border-top-left-radius: 0!important;
  	border-bottom-left-radius: 0!important;
	border-top-right-radius: 0!important;
  	border-bottom-right-radius: 0!important;
}

.btn-success , .btn-primary , .btn-info{
  --bs-btn-color: #fff;
  --bs-btn-bg: #394263;
  --bs-btn-border-color: #394263;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #394263;
  --bs-btn-hover-border-color: #394263;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #394263;
  --bs-btn-active-border-color: #394263;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

elemento {
}
.bg-dark {
  --bs-bg-opacity: 1;

  background-color: rgb(57, 66, 99) !important;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 300;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

@media (min-width: 1200px) {
  .h2, h2 {
    font-size: 3rem;
  }
}

th {font-weight:400!important;vertical-align: middle;}

td {vertical-align: middle;}

table,tr,td,th {border:none!important;}

.mb-2 {
  margin-bottom: .5rem !important;
	margin-top: .5rem !important;
}

.card-header ,.card-header:first-child , .card {border-radius:0!important;}
.form-control {border-radius: 0px!important;}


/*.modal-header {
  background-color: #394263!important;
  color: white;
  border-top-left-radius: 0px!important;
	border-top-right-radius: 0px!important;
		font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.modal-header .btn-close {
  color: white;
	background-color: #fff;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: #394263;
  background-clip: padding-box;
  border: none!important;
  border-radius: 0px!important;
  outline: 0;
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}


.modal-open .btn-primary {
  background-color: #394263!important;
}*/
.modal-content {
            border-radius: 15px;
        }

        .modal-header {
            background-color: #007bff;
            color: white;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
        }

        .modal-header h5 {
            font-weight: bold;
        }

        .modal-body {
            padding: 20px 40px;
        }


.form-select, .form-control {
  border-radius: 0px!important;
  font-size: 1rem;
}

.btn-primary:hover , .btn-info:hover, .btn-success:hover {
  background-color: #636f99;
}