.inputfile + label {
    max-width: 100%;
    font-size: 1.00rem;
    /* 20px */
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    height: initial;
    display: inline-block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding: 0.925rem 0rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}
.float-left {
    float: left;
}

.inputfile {
    height: calc(3.5rem + 2px);
    margin-bottom: 10px;
    opacity: 0;
}

.w-48.float-left {
    margin-right: 10px;
}

/* style 1 */

.inputfile-1 + label {
    color: #a6434c;
    background-color: #bb9da0;
    padding: 11px;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #cebdbf;
}


/* style 2 */

.inputfile-2 + label {
    color: #d3394c;
    border: 2px solid currentColor;
}

.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {
    color: #722040;
}


/* style 3 */

.inputfile-3 + label {
    color: #d3394c;
}

.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover {
    color: #722040;
}


/* style 4 */

.inputfile-4 + label {
    color: #d3394c;
}

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
    color: #722040;
}

.inputfile-4 + label figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #d3394c;
    display: block;
    padding: 20px;
    margin: 0 auto 10px;
}

.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure {
    background-color: #722040;
}

.inputfile-4 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}


/* style 5 */

.inputfile-5 + label {
    color: #d3394c;
}

.inputfile-5:focus + label,
.inputfile-5.has-focus + label,
.inputfile-5 + label:hover {
    color: #722040;
}

.inputfile-5 + label figure {
    width: 100px;
    height: 135px;
    background-color: #d3394c;
    display: block;
    position: relative;
    padding: 30px;
    margin: 0 auto 10px;
}

.inputfile-5:focus + label figure,
.inputfile-5.has-focus + label figure,
.inputfile-5 + label:hover figure {
    background-color: #722040;
}

.inputfile-5 + label figure::before,
.inputfile-5 + label figure::after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
}

.inputfile-5 + label figure::before {
    border-top: 20px solid #dfc8ca;
    border-left: 20px solid transparent;
}

.inputfile-5 + label figure::after {
    border-bottom: 20px solid #722040;
    border-right: 20px solid transparent;
}

.inputfile-5:focus + label figure::after,
.inputfile-5.has-focus + label figure::after,
.inputfile-5 + label:hover figure::after {
    border-bottom-color: #d3394c;
}

.inputfile-5 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}


/* style 6 */

.inputfile-6 + label {
    color: #d3394c;
}

.inputfile-6 + label {
    border: 1px solid #d3394c;
    background-color: #f1e5e6;
    padding: 0;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: #722040;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.inputfile-6 + label span {
    width: 200px;
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #f1e5e6;
    background-color: #d3394c;
    display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #722040;
}

@media screen and (max-width: 50em) {
	.inputfile-6 + label strong {
		display: block;
	}
}
.row_style{
    text-align: center;
}
.img_pic_wrapper{
    width: 200px;
    height: 200px;
    background: #f3f3f3;
}
.img_pic{

    margin-bottom: 20px;
    border: 1px solid lightgrey;
    padding: 20px;
}
.title_lable{
    font-weight: 600;
    margin-bottom: 10px;
    margin-bottom: 40px;
    margin-right: 20px;
    margin-left: 20px;
}
.card_details {
    display: flex;
    justify-content: space-around;
}
.card_left {
    font-weight: 100;
    white-space: nowrap;
    margin-right: 20px;
}

.card_right {
    font-weight: 600;
    color: #292929 !important;
}
.card_right_label {
    color: #000000 !important;
    line-height: 1.7em;
    margin-bottom: 10px;
    font-size: 17px;
}

.left_label{
    color: #687693;
    line-height: 1.7em;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 100;
    text-align: right;
}
.card{
    display: flex;
    justify-content: center;
    background: #f3f3f3!important;
    padding: 10px;

}

@media screen and (max-width: 567px) {
	.left_label{

        font-size: 10px;
    }
    .card_right_label{

        font-size: 10px;
    }
}
@media screen and (max-width: 765px) {
	.left_label{

        font-size: 12px;
    }
    .card_right_label{

        font-size: 12px;
    }
}

.id_wrapper{
    display: flex;
    justify-content: center;
    text-align: center;
    align-self: center;
}
.btn_wrapper{
    display: flex;
    justify-content: center;
}
.submit_btn{
    width: 120px;
}
.inputfile-1 + span + label {
    color: #a6434c !important ;
    background-color: #bb9da0 !important;
    padding: 11px !important;
  }
  .inputfile + span + label {
    max-width: 100% !important;
    font-size: 1.00rem !important;
    font-weight: 400 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    height: initial !important;
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
    overflow: hidden !important;
    padding: 0.925rem 0rem !important;
  }


.borderr{
    border: 1px solid #ffffff!important;
}
.title_wrapper{

}
.titlee{
    color: black;
    margin-bottom: 20px;
}
.rowdata{
    width: 100%;
    text-align: center;
    display: flex;
    white-space: nowrap;
    align-items: center;
}
.rowdata1{
    width: 100%;
    padding-left: 60px;
    text-align: left;
}
.left_lable{
    width: 50%;
    text-align: right;
}
.right_lable{
    border: 1px solid lightgray;
    padding: 10px;
    width: 50%;
    text-align: left;
    color: #404040;
}

.mainwrap{
    width: 100%;
   justify-content: center;
}

.formstyle{
    border: 1px solid transparent!important;
}
.logo_img{
    width: 100px!important;
    height: 100px;
}
.register .form-control {
   
    color: #7c7d7e!important;
}
.heading{
    color: #7c7d7e!important;
    font-weight: 400;
}
.img-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.img-wrapper_affiliationImg {
    width: 200px !important;
    height: 200px;
    object-fit: cover;
}