th,
td {
    border: 1px solid black;
}

.d-flx {
    display: flex;
}

.flx-end {
    justify-content: flex-end;
}

.dash {
    border-bottom: 3px dotted #000 !important;
    border: none;
}

.b-line {
    align-items: baseline;
}

.logoo {
    width: 450px;
}

.miscc {
    width: 225px;
    position: relative;
    top: -45px;
}

.fs-20 {
    font-size: 20px;
}

.bb {
    border-bottom: 1px solid black;
}

.infoo .bb {
    height: 120px;
}

.bl {
    border-left: 1px solid black;
}

.topp {
    margin-top: -79px;
    font-size: 20px;
}

.greyarea {
    background: #e6e3ea;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: -10px;
}

.iaf {
    color: #235caa;
    font-weight: bold;
    font-size: 22px;
    padding-left: 15px;
}



.input1 {
    width: 100%;
    height: 100%;
}

.patext {
    margin: 0;
    padding: 10px;
    color: white;
}

.areaa {
    height: 50px;
    background: #d52c27;
}

.input2 {
    width: 100%;
    height: 100%;
    border: 1px solid;
    border-left: none;
}

.inputi {
    width: 100%;
    height: 100%;
    border: 1px solid;
}

.nametext {
    margin: 0;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid black;
    border-right: none;
}

.namearea {
    height: 50px;
}

.langtext {
    margin: 0;
    padding: 10px;
    display: flex;
    flex-direction: column;
    border: 1px solid black;
    border-right: none;
}

.langarea {
    height: 44px;
}



.wid80 {
    width: 80%;
}

.jc-sb {
    justify-content: space-between;
}

.details1 input {
    width: 100%;
}

.details2 input {
    width: 100%;
}

.ta-c {
    text-align: center;
}

.selfpic {
    margin-left: 14px;
    margin-top: -10px;
    border: 1px solid black;
    height: 238px;
    width: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.mt--188 {
    margin-top: -188px;
}

.full-width {
    width: 100%;
}

.iphgt {
    height: 169px;
}

.inrinp {
    position: relative;
    top: -38px;
    left: 312px;
    height: 34px;
    width: 14rem;
}

.iphgt::placeholder {
    position: absolute;
    top: 0;
}

.redarea {
    background: #d52c27;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.bluearea {
    background: #618fc9;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.dgreyarea {
    background: #c7c8ca;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.as-c {
    align-self: center;
}

.resmid {
    margin: 0;
    align-self: center;
    padding-right: 5px;
    width: 70px;
}

.pq {
    color: white;
    font-weight: bold;
    font-size: 19px;
    padding-left: 15px;
}

.tableborder td,
.tableborder th {
    border: none;
}

.bgreyfs {
    font-size: 16px;
    margin: 0;
    align-self: center;
    padding-right: 5px;
}

.inpsize {
    height: 37px;
    width: 37px;
}

* {
    font-weight: 600;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0.1;
}

.redd {
    position: relative;
    background: #d52c27;
    height: 86px;
    top: -40px;
    width: 107px;
    left: 1018px;
    border-bottom-left-radius: 100px;
}

.side1 {
    background-color: #d52c27;
    width: 412px;
    height: 51px;
    top: 189px;
    transform: rotate(270deg);
    position: relative;
    left: -238px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 20px;
    padding-top: 16px;
}

#editor {
    padding-top: 22px;
    padding-bottom: 38px;
}

#blah {
    width: 200px;
    height: 238px;
    position: absolute;
    top: 330px;
}

@media (max-width:1200px) {
    .redd {
        position: relative;
        background: #d52c27;
        height: 81px;
        top: -40px;
        width: 77px;
        left: 872px;
        border-bottom-left-radius: 100px;
    }

    .inrinp {
        position: relative;
        top: -38px;
        left: 221px;
        height: 34px;
        width: 14rem;
    }

    .logoo {
        width: 390px;
    }

    .approve {
        font-size: 16px;
    }

    .wid80 {
        width: 77%;
    }
}

@media (max-width:991px) {
    .redd {
        position: relative;
        background: #d52c27;
        height: 70px;
        top: -68px;
        width: 68px;
        left: 645px;
        border-bottom-left-radius: 100px;
    }

    .inrinp {
        position: relative;
        top: -38px;
        left: 99px;
        height: 34px;
        width: 14rem;
    }

    .infoo .bb {
        height: auto;
    }

    .topp {
        margin-top: 15px;
        font-size: 20px;
    }

    .vish {
        display: none;
    }

    .logoo {
        width: 300px;
    }

    .approve {
        font-size: 12px;
    }

    .wid80 {
        width: 69%;
    }

    .details1 {
        margin-top: 15px;
    }

    .patext {
        padding: 14px 10px 10px;
        font-size: 13px;
    }
}

@media (max-width:767px) {
    .redd {
        display: none !important;
    }

    .t90 {
        margin-top: 0px !important;
        margin-bottom: 10px;
    }

    .approve br {
        display: none !important;
    }

    .logoo {
        width: 260px !important;
    }

    .inrinp {
        position: relative;
        top: -38px;
        left: 8px;
        height: 34px;
        width: 14rem;
    }

    .wid80 {
        width: 58%;
    }

    .patext {
        padding: 15px 5px 10px;
        font-size: 15px;
    }

    .mt--188 {
        margin-top: 0px !important;
    }

    .hello {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .selfpic {
        margin-top: 14px;
        margin-left: 0px;
    }

    .wid80 {
        width: 100%;
    }

    .side1 {
        transform: rotate(0deg);
        position: inherit;
        width: 100%;
        margin-top: 10px;
        text-align: left;
        display: flex;
        justify-content: left;
        padding-top: 0px;

    }

    .mt50 {
        margin-top: 0px !important;
    }

    .blluu {
        color: white;
        font-weight: bold;
        font-size: 22px;
        padding-left: 15px;
    }

    .logoo {
        width: 100% !important;
    }
    .resmid {
        width: 70px !important;
    }

   .neww{
    padding-top: 40px !important;
   }

   .fsneww{
    font-size: 14px !important;
   }

   .qwerty{
    padding: 0px 15px !important;
   }
   .rqwerty{
    padding-right:15px !important;
   }
   .lqwerty{
    padding-left: 15px !important;
   }
}


@media (max-width:575px) {
    .approve {
        font-size: 19px;
        font-weight: 500;
    }
    .patext {
        padding: 2px 15px 10px;
    }
    .greyarea{
        height: 66px;
    }

    .inrinp {
        width: 10rem;
    }
}

@media (max-width:410px) {
    .inrinp {
        width: 7rem;
    }

    
}


@media (max-width:333px) {
    .neww{
        padding-top: 55px !important;
       }

    
}