﻿ .personal-info--component
        {
            width: 1100px;
        }

label 
{
    font-family:Helvetica;
    letter-spacing:0.5px;
    font-size:small;
    
}

.labelInfo
{
    font-size:small;
}

h5
{
    letter-spacing:1px
}
    
.bootstrap-datetimepicker-widget {
  list-style: none;
  background-color: #fff; /* This is your background color. Copy and Paste this row. */
}

.ui-datepicker
        {
            z-index: 9999 !important;
}


.textoId{
/*font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;*/
/*font-size:18px;*/
color:#424242;
background-color:#FFF;
border: 2px solid #4D2F48;   
resize:none;

}

.textoId:focus{           
   border: 2px solid #58A9FA;   
   background-color:#F5F3FD;

}


.btn {
	border-radius: 0;
	display: inline-block;
	border-width: 3px;
	border-style: solid;
	background-color: transparent;
	text-transform: uppercase;
	padding: 9px 35px;
	cursor: pointer;
	min-height: 40px;
	background-image: none;
	font-size: .7rem;
	font-family: helvetica;
	letter-spacing: 1px;
	text-decoration: none;
	box-shadow: none;
	outline: none;
	transition: .3s ease
}
			
.btn:focus {
	box-shadow: none!important;
	background-color: #000;
}
			
.btn.btn-primary {
	background-color: #ffc600;
	color: #000;
	border-color: #ffc600
}
			
.btn.btn-secondary {
	border-color: #000;
	color: White;
	background-color: #000;
}

.btn.btn-primary:hover {
  color: #000;
  background-color: #FBE35C;
  border-color: #FBE35C;
}
			
.btn.btn-primary:not(:disabled):not(.disabled):active {
	background-color: transparent;
	border-color: #CFC15A;
	color: #707070;
	transition-duration: 0s
}
			
.btn.btn-secondary:not(:disabled):not(.disabled):active {
	border-color: #000;
	background-color: transparent;
	color: #000;
	transition-duration: 0s;
	border:1px
}
			
.popover--button {
	border: none;
	outline: none;
	background-color: #fff;
	cursor: pointer;
	text-decoration: underline;
	padding-left: 1px;
	padding-right: 1px
}
			
.popover--button:hover {
	text-decoration: none
}
			
.popover--button:focus {
	outline: 0
}
			
.favorite--button {
	border: none;
	outline: none;
	background-color: #fff;
	cursor: pointer
}
			
.favorite--button:focus {
	outline: 0
}


.form-control.floating:focus~label{
    /*transform: translate(2px,-85%) scale(1);*/
    opacity: 1;
    color: #2387EF;
}

.form-group .fa-question-circle {
 position:relative;
 right:-25px;
 top:25px;
 color:#ccc;
 cursor:pointer
}
.form-group .question-icon {
 position:absolute;
 right:-10px;
 top:10px
}
label .fa-question-circle,
span .fa-question-circle {
 color:#000;
 cursor:pointer;
 font-size:1rem
}

.form-floating>label {
  text-align:center;
}

#rbtnNoConozco 
{
    accent-color: Black;
}

#ConozcoPat
{
    accent-color: Black;
}
#rbtPatrocinador 
{
  accent-color: Black;
}

.popover-title .close{
        position: relative;
        bottom: 3px;
    }
    
