/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
       
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

body{
    background-color: #F0F3F7;
    font-family: 'Lato', sans-serif;
}

.checkrequired:after { 
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 8px;
    top:7px;
}

.checkrequiredB:before { 
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 8px;
    top:7px;
}

.form-google {
  width: 100%;
  padding: 15px;
  margin: auto;
}

.bg-cprmx{
    background-color: #031971;
}

label, .text-cprmx{
    color: #031971;
}

.bd-callout-warning {
    border-left-color: #031971!important;
}
.card-title {
    margin-top: .75rem;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}
.invisible{
    max-height:0;
}
   label{
    text-align:right;
} 
.custom-file-label::after {
    content: "Seleccionar";
}

@media (max-width: 960px) {
.bs-stepper .line{
  flex: 0 0 25px;
}
    
}

@media (max-width: 767px) {
   label{
    text-align:left;
} 
.bs-stepper-header{
  display: none;
}

a:focus{ 
    background-color: yellow; 
}

    
}