/**
------------------------------------------------------------ 
*/
.crop-container{
    width: 100%;
    height: 400px;
}

.crop-container button{
    width: 100%;
    height: 100%;
}


.crop-container img{
    width: 100%;
    height: 100%;
}

/**
 * OCULTAR FLECHAS EN INPUT TYPE NUMBER
 */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


.btns-reupload-img {
	background: #0070c0!important; 
	border: none!important;
	padding: 10px 20px!important;
	border-radius: 30px 5px 0px 0px!important;
	-webkit-border-radius: 30px 5px 0px 0px;
	-moz-border-radius: 30px 5px 0px 0px;
}


/**
------------------------------ ------------------------------ 
*/
/*Fonts*/
.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}
/*Fonts*/

.bg-body {
	background-color: #FFFFFF;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}
.bg-hero {
	border-radius: 30px 0px 0px 0px;
	-webkit-border-radius: 30px 0px 0px 0px;
	-moz-border-radius: 30px 0px 0px 0px;
	background: rgba(186,34,65,0.8);
}
.bg-planes {
	border-radius: 40px 40px 40px 40px;
	-webkit-border-radius: 40px 40px 40px 40px;
	-moz-border-radius: 40px 40px 40px 40px;
	background: rgba(155,155,155,0.2);
}
.bg-celeste {
	background:#00b0f0;
}
.bg-header {
	background:#002060;
}

.btns-active {
	background: #00b0f0!important; 
	border: none!important;
	border-radius: 30px 0px 0px 0px!important;
	-webkit-border-radius: 30px 0px 0px 0px;
	-moz-border-radius: 30px 0px 0px 0px;
}

.btns-disabled {
	background: #0070c0!important; 
	border: none!important;
	border-radius: 30px 0px 0px 0px!important;
	-webkit-border-radius: 30px 0px 0px 0px;
	-moz-border-radius: 30px 0px 0px 0px;
}

.btns-siguiente {
	background: #00b0f0!important; 
	border: none!important;
	border-radius: 10px!important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.btns-submit {
	background: #00b0f0!important; 
	border: none!important;
	padding: 10px 20px!important;
	border-radius: 10px!important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.bg-prepago {
	background: #FF00FD!important; 
	border: none!important;
	border-radius: 10px!important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}



.active {
	/*border: solid 4px #FF00FD!important;*/
}

.plan-img {     
    opacity: 1.00!important;
	border: 5px inset rgba(255,255,255,0.00)!important;
	border-radius: 40px 40px 40px 40px!important;
	cursor: pointer!important;
	width: 250px;
	height: 400px;
}

.plan-img:hover {     
    opacity: 0.70!important;
	border-radius: 40px 40px 40px 40px!important;
	transition: all 0.3s ease-out!important;
}

.txt-outline {     
	color: rgba(186,34,64,0.1);
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: white;
}

.titles-color {     
    color: #FFFFFF;
}

.azul-txt {     
    color: #002060;
}
.celeste-txt {     
    color: #00b0f0;
}
.inputbg {
   background-color: rgba(68,114,196,0.70)!important
 }
.selectbg {
   background-color:rgba(68,114,196,0.70) !important;
 }
.clear-both {
  clear: both;
}