body{
	  font-family: "Inter", sans-serif;
    font-size: 16px;
	    color: #001f3f;
 }

img{
 	max-width: 100%;    height: auto;
}
.archivo {
  font-family: "Archivo", sans-serif;
   font-style: normal;

}

.inter  {
  font-family: "Inter", sans-serif;
    font-style: normal;
}
h1{
	    font-weight: 700;
    font-size: 2.8em;
}
h1 span{
	color: #0DA574;
}
.container2{
	    max-width: 1020px !important;
}
.bgblue {
    background-color: #001F3F;
    padding: 4em 0;
}
.flink2 {
    padding-left: 0;
}
 .whd {
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}
.bt0 {
    color: #fff;
    font-size: 0.7em;
    margin-top: 5em;
    border-top: solid 1px #fff;
    padding-top: 2em;
}
.bt0 a{
	color: #fff;
 }






.flink a {
    display: flex;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0.5em;
    font-size: 0.8em;
    background-image: url(../img/angle-right.png);
    background-repeat: no-repeat;
    padding-left: 0.7em;
    background-position: 0 50%;
}
.map02 p {
    font-size: 0.8em;
    color: #fff;
}
.map0 {
    display: flex;
    justify-content: space-between;
}
.map02 {
    width: 85%;
}
.map01 {
    width: 11%;
}
.btn-theme {
    background: #FFC631;
    color: #fff;
    border-radius: 0;
    color: #000810;
    text-transform: uppercase;
    font-weight: 600;    min-height: 3em;
}
.sign input.form-control {
    border-radius: 0;
    min-height: 3em;
    background-color: #ffffff47;
    color: #fff !important;
    border: 0;
}
.plco{    padding-left: 3em !important;}
.plco2{    padding-left:4.5em !important;}
.plco3{    padding-left:3.6em !important;}

.plk{    padding-left: 3.75em;}
.plk2 {
    padding-left: 1.1em;
}
.small_hd{
 font-family: "Archivo", sans-serif;
   font-weight: 600;
	font-weight: 700;
    font-size: 1.1em;
}


.bg-dark {
    background-color: #011b32 !important;
}
.container{
	width: 100%;
	max-width: 1140px;
	padding:0;
}
.leftul {
    padding-left: 1.2em;
}
.leftul li{
    padding-bottom:0.5em;
}
.border{
	border-color: #DEE2E6;
}
.ptb{
	padding-bottom: 4em;
	padding-top: 4em;

}
input:focus{
	border-color: #0da574 !important;
}
.form0 {
    padding-left: 1.5em;
    padding-right: 1.5em;
}.form01 {

}
.form01 .form-control{
	border-radius: 0;
	border-color: #C7C7C7;
	min-height:4.2em;
	font-size: 0.8em;
}
.form01 label {
    font-size: 0.85em;
    font-weight: 600;    width: 100%;
}
.form-group {
    margin-bottom: 2em;
}
.smtxt{
    font-size: 0.85em;
    font-weight: 600;
}
.divfl {
    display: flex;
    align-items: center;
}
.divfl input{
    width:30%;
    margin-right: 1em;
}
.small01{
	    font-size: 0.85em;
    font-weight: 600;
}
.form-check-inline .form-check-input {
   accent-color: #0da574;
}
.form-check-inline{
    margin-right: 3em;
}
.form-select {
     background-image: url(../img/download.svg);
    display: block;
    width: 100%;
     line-height: 1.5;
     -moz-appearance: none;
    appearance: none;
     background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
         border-radius: 0;
    border: solid 1px #C7C7C7;
    min-height:4.2em;
    font-size: 0.8em;
    padding-left: 1em;
}
.p0{
	padding: 0;
}
.p01 {
    padding: 3.5em;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}
.p01 img {
    width: 5em;
}
 .yellow_btn {
    background-color: #FFC631;
    border-radius: 0;
    width: 100%;
    font-size: 0.85em;
    font-weight: 600;
    padding: 0.7em 0;
}
 .btn-default {
     border-radius: 0;
    width: 100%;
    font-size: 0.85em;
    font-weight: 600;
    padding: 0.7em 0;
	 border: solid #11236E 1px;
}
.lin3 {
    display: flex;
}
.lin3 img {
    margin-right: 0.4em;
}
.yellow_btn2 {
    background-color: #FFC631;
    border-radius: 0;
    font-size: 0.85em;
    font-weight: 600;
    padding: 0.7em 6em;
    margin-top: 1em;
}
.pt01 {
    padding-top: 2.2em;
}
.btn2{
	    background-color: #E5EAFF;
    border: solid 1px #11236E;
	margin-right: 0.5em;
}
.card-header .accicon {
    float: right;
    font-size: 20px;
    width: 1.2em;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #DEE2E6;
    border-radius: 0;
    margin-bottom: 2em;
    border-bottom: solid 1px #DEE2E6 !important;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;

    font-size: 1.1em;
    font-weight: 600;    font-family: "Archivo", sans-serif;
}


/* UPLOAD */
.frame {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 400px;
	margin-top: -200px;
	margin-left: -200px;
	border-radius: 2px;
	box-shadow: 4px 8px 16px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden;
	background: linear-gradient(to top right, darkmagenta 0%, hotpink 100%);
	color: #333;
	font-family: "Open Sans", Helvetica, sans-serif;
}

.center {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    width: auto;
    height: auto;
    padding: 1.63em 0;
    /* border-radius: 3px; */
    border: dashed 1px #A9A9A9;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
}
.center3 {
    background-color: #11236E;
    border: 0;
    border-radius: 0.3em;
    padding:3.2em 0;
}
.center3 .dropzone {
    margin-bottom: 1em;
}
.center3 .btnup {
    background-color: transparent;
    color: #fff;
    border: 0;
}
.dropzone {
    width: 8em;
    height: auto;
    border-radius: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.8em !important;
    margin-bottom: 1.7em;
}
.dropzone img{
	width: 3em;
}
.upload-icon {
 }

.upload-input {
    position: absolute;
    top: 4.5em;
    left: 1.2em;
    bottom: 0em;
    width: 22.6em;
    height: 14em;
    opacity: 0;
}

.btnup {
    display: block;
    width: 40%;
    height: auto;
    text-align: right;
    padding: 0.3em 1em 0.3em 1em;
    background: #fff;
    border: solid 1px #A9A9A9;
    /* border-radius: 3px; */
    /* border: 0; */
    /* box-shadow: 0 3px 0 0 hotpink; */
    /* transition: all 0.3s ease-in-out; */
    font-size: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btnup img {
    width: 1.2em;
}
.dropzone2{
      width: 8em;
    height: auto;
    border-radius: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.8em;

}
.upload-input2 {
    position: absolute;
    left: 14px;
    width: 90%;
    top: 35px;
    height: 3.4em;
    opacity: 0;
    bottom: 2.6em !important;
}
/*.btnup:hover {
	background: rebeccapurple;
	box-shadow: 0 3px 0 0 deeppink;
}*/
/* UPLOAD END */


.center2 .dropzone {
    width: 50%;
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    justify-content: center;
}
.center2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    aspect-ratio: auto;
    overflow: hidden;
}
.center2 p {
    text-wrap: nowrap;
}
.center2 .dropzone img {
    width: 1.5em;
    margin-right: 1em;
}
.center2 .dropzone p {
     margin-bottom: 0em;
}


.center2 .btnup {
    display: block;
    width: 35%;
    height: auto;
    text-align: right;
    padding: 0.3em 1em 0.3em 1em;
    background: #fff;
    border: solid 1px #A9A9A9;
    /* border-radius: 3px; */
    /* border: 0; */
    /* box-shadow: 0 3px 0 0 hotpink; */
    /* transition: all 0.3s ease-in-out; */
    font-size: 0.8em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.imauto {
    width: auto;
    text-align: center;
}
.nav-link {

    font-family: "Archivo", sans-serif;
    font-weight: 600;

    font-size: 0.85em;
	    padding-right: 0;
    padding-left: 0;
     padding: 0 !important;
    margin: 0 1.5em;
	color: #fff !important;
}
.loginbtn {
    background-color: transparent;
    border: solid 1px #FFC631;
    border-radius: 0;
    font-size: 0.85em;
    font-weight: 400;
    padding: 0.7em 1.5em;
    margin-left: 5em;
}
.loginbtn a{
	 color: #FFC631;
}
.navbar-dark .navbar-nav .active > .nav-link {
    color: #fff;
    border-bottom: solid 2px #ffc631;
}
















































.sign ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:  #fff;
}
.sign ::-moz-placeholder { /* Firefox 19+ */
  color:  #fff;
}
.sign :-ms-input-placeholder { /* IE 10+ */
  color:  #fff;
}
.sign :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}