@charset "UTF-8";



html {

	line-height: 1.15;

	-webkit-text-size-adjust: 100%;

}

*,::before,::after{

    box-sizing:border-box

}

body {

	margin: 0;

	font-family: 'Poppins', sans-serif;

    font-size: 18px;

    font-weight: 400;

    color: #1a1a1a;

}

p {

    font-size: 18px;

    font-weight: 400;

}

.container {

    max-width: 1000px;

    margin: auto;

    padding: 10px 05px;

    width: 100%;

position: relative;



}

header {

    padding: 20px;

    background-image: url(https://raghuenggcollege.com/wp-content/uploads/2022/10/result_bg.jpg);

    border-radius: 5px;

    background-position: center;

    background-size: cover;

}
.logo a {
    display: flex;
    min-height: 85px;
    align-items: center;
}
.logo .rit {
    position: absolute;
    top: -20px;
    margin-bottom: -50px;
}
header .d-flex {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.result_form_sec {

    min-height: calc(100vh - 180px);

    padding: 20px 0;

}

footer {

    background-color: #212121;

    border-radius: 4px;

    color: #fff;

    text-align: center;

    font-weight: 200;

    padding: 10px;

    font-size: 14px;

    letter-spacing: 0.5px;

}

.btn {

    border-style: solid;

    border-width: 2px 2px 2px 2px;

    border-color: #0071C5;

    background-color: #0071C5;

    text-decoration: unset;

    font-size: 16px;

    font-weight: 400;

    color: #fff;

    padding: 8px 20px;

    border-radius: 5px;

    letter-spacing: 0.5px;

    cursor: pointer;

    transition: 0.3s all ease-in-out;

}

.btn:hover {

    background-color: transparent;

    color: #0071C5;

}

.otp_message {

    position: absolute;

    top: -10px;

    width: 100%;

    left: 0;

    text-align: center;

    font-size: 16px;

}

.result_form_sec h1 {

    color: #212121;

    text-align: center;

    margin-top: 0;

    margin-bottom: 10px;

}

form#result_form {

    display: flex;

    max-width: 610px;

    margin-right: 10px;

    justify-content: center

}

form#result_form .form_element {

    display: flex;

    margin-right: 10px;

    align-items: center;

}

form#result_form .form_element input#rollnumber {

    font-size: 16px;

    border-radius: 4px;

    border: 2px solid #0071c5;

    display: block;

    margin-left: 10px;

    padding: 8px;

}

.result_form {

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #ddd;

    display: flex;

    justify-content: center;

}

input#mobileOtp {

    font-size: 16px;

    border-radius: 4px;

    border: 2px solid #0071c5;

    display: block;

    padding: 8px 5px;

    width: 120px;

    margin-right: 10px;

}

.submit_sec {

    display: flex;

}

.result_form .btn {

    padding: 8px 12px;

}

.result_cont embed#myframe {

    height: 90vh;

    max-width: 100%;

    width: 90vh;

    margin: 15px auto;

}

.result_cont {

    text-align: center;

}

.sem_tabs .tab {

    color: #000;

    border: 1px solid #e3e3e3;

    background: #efefef;

    margin: 0 1px;

    padding: 05px;

    display: block;

    border-radius: 10px 10px 0 0;

    font-size: 14px;

    text-decoration: unset;

}

.sem_tabs .tab:hover,

.sem_tabs .tab.active {

    border-color: #0071C5;

        background-color: #0071C5;

        color: #fff;

        cursor: pointer;

}

.sem_tabs {

    display: flex;

    flex-wrap: wrap;

}

.tabcont {

    display: none;

}

.tabcont.active {

    display: block;

}

.tabcont_sec {

    border: 10px solid #efefef;

    padding: 10px;

}

.result_head {

    border-bottom: 2px solid;

    margin-bottom: 15px;

    text-align: left;

}

h4 {

    display: flex;

    justify-content: space-between;

    font-weight: 500;

    padding: 0 15px;

}

table {

    width: 100%;

    text-align: left;

    font-weight: 400;

    border-bottom: 2px solid;

}

table tr td:nth-child(3),

table tr td:nth-child(4),

table tr td:nth-child(6) {

    width: 50px;

    text-align: center;

}

table td:first-child {

    width: 110px;

    font-family: 'Roboto', sans-serif;

}

table tr td:nth-child(5) {

    width: 165px;

    text-align: center;

}

table tr {

    vertical-align: baseline;

}

table td {

    padding: 8px 4px;

}

.result_head h2 {

    text-align: center;

    text-transform: uppercase;

        font-size: 25px;

}

div#printbtn {

    display: none;

    position: absolute;

    right: 30px;

    top: 115px;

    cursor: pointer;

}

div#printbtn img {

    max-width: 32px;

    transition: 0.4s all ease-in-out;

}

div#printbtn:hover img {

    transform: scale(1.4);

}

p.rollerror {

    position: absolute;

    font-size: 14px;

    color: red;

}

p.loading {

    position: absolute;

    font-size: 14px;

    color: blue;

}

table tr:nth-child(1) {

    background: #efefef;

}



table tr:nth-child(1) td {

   font-weight: 600;

}

.tabcont_sec .tabcont > h4 span:nth-child(2) {
display: none;
}

@media only screen and (max-width: 1024px) {

    body {

        font-size: 16px;

    }

    h4 {

        font-size: 16px;

    }

    .result_head h2 {

        font-size: 22px;

    }

}

@media only screen and (max-width: 767px) {

    body {

        font-size: 12px;

    }

    h4 {

        font-size: 12px;

    }

    .result_head h2 {

        font-size: 20px;

    }

    table td:first-child {

        width: 60px;

    }



}