body {
  font-family: "Lexend", sans-serif;
}


#content { 	padding-top: 60px;
			padding-bottom: 60px;
			background: none; }

       .pd {
    padding: 5px 15px 15px 15px;
}


.card_custom:hover {
    background: #eff7ff;
    cursor: pointer;
    transition: transform 0.3s ease;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.card-title {
    color: #297380;
}

#title.p80 { width: 80%; }

.wide { float: left;
		width: 100%; }

form input, form select, form textarea { color: black;
                                         width: 100%;
                                         font-size: 12px;
                                         margin-bottom: 0;
                                         text-transform: uppercase; }

.form-horizontal .control-group { margin-bottom: 6px; }

.imp-number { width: 100px; }

.imp-codigo { width: 200px; }

.imp-numbersmall { width: 55px;
                   text-align: center}

.imp-numbermed-center { width: 70px; text-align: center}

.imp-numbermed-right { width: 70px; text-align: right}

.imp-moneda { width: 80px;
              text-align: right; }

.imp-anio { width: 50px; text-align: center }

.imp-cedula { width: 110px;}

.imp-ruc { width: 150px;}

.imp-telefono { width: 150px;}

.imp-email { width: 50%;}

.imp-10 { width: 10%;}

.imp-12 { width: 12%;}

.imp-25 { width: 25%;}

.imp-50 { width: 50%;}

.imp-75 { width: 75%;}

.imp-100 { width: 100%;}

table { background: white; }

table thead tr th { background: #f0f0f0; }

.row { margin-bottom: 10px; }

h4 { font-size: 16px;
    margin: 0;
}

h5 { margin: 0;}

h3 { font-size: 20px;
     line-height: 20px; }

h1, h2, h3, h4, h5 {
    font-family: "Rokkitt", serif;
    font-weight: bold;
}

.bg-custom {
    --bs-bg-opacity: 1;
    background-color: #297380 !important;
    padding: 4px !important;
}

.bg-footer {

    bottom: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
    overflow: visible;
    /*position: fixed;*/
    --bs-bg-opacity: 1;
    color: #ffff;
    height: 31px;
    right: 0;
    left: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    padding-top: 7px;
    background-color: #297380 !important;
    clear: both;
}

.bg_image {
    background-image: url("/static/img/fondo.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}