.arrow, body.wide {
    position: relative;
}

body.wide {
    background: url(/newspaper/images/gradution.jpg) center bottom no-repeat fixed;
    background-size: cover;
}

.labelSearch, .searchBy {
    font-family: 'ArticleText Arabic Kufi', Exo, sans-serif;
    font-weight: 700;
}

@font-face {
    font-family: 'ArticleText Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src: url(/newspaper/fonts/DroidKufi-Regular.eot);
    src: url(/newspaper/fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(/newspaper/fonts/DroidKufi-Regular.woff2) format('woff2'), url(/newspaper/fonts/DroidKufi-Regular.woff) format('woff'), url(/newspaper/fonts/DroidKufi-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'ArticleText Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    src: url(/newspaper/fonts/DroidKufi-Bold.eot);
    src: url(/newspaper/fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(/newspaper/fonts/DroidKufi-Bold.woff2) format('woff2'), url(/newspaper/fonts/DroidKufi-Bold.woff) format('woff'), url(/newspaper/fonts/DroidKufi-Bold.ttf) format('truetype');
}

input.button, input.search {
    border-radius: 0;
}

.searchform input#search {
    border-radius: 0;
    box-sizing: border-box;
    max-height: 25px;
}

.checkContainer input[type=radio]:checked {
    background-color: #000;
    border-radius: 50%
}

.mac-chrome .mainHeaderMenu > li > a {
    font-size: 14.2px;
}

.checkContainer {
    padding: 10px 10px 9px;
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 10px;
}

.labelSearch, .searchBy {
    color: #000;
    font-size: 19px;
    line-height: 25px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
}

#seatNum, .IDNum, .seatNum {
    margin-left: 5px;
}

.IDNum, .seatNum, .studentNum {
    color: #8A0000;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
}

#IDNum, #studentNum {
    vertical-align: middle;
    margin: 0 5px;
}

#seatNum {
    vertical-align: middle;
    margin-top: 0;
    margin-right: 0;
}

.serachContainer {
    padding: 15px;
    margin-bottom: 10px;
    background: #fcfcfc;
    box-shadow: 0 0px 2px 1px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    overflow: hidden;
}

.searchStudents {
    margin: 0 auto;
    text-align: center;
}

.SCINFstudent1ST, .SCINFstudentSEC, .headLine .title, .schoolInformation, .SCINFstudentTotal {
    margin-bottom: 10px;
}

.serachContainer .searchStudents .search {
    width: 54%;
    padding: 8px 15px;
    background: rgba(50, 50, 50, .12);
    border: 0 solid #dbdbdb;
    height: 41px;
    vertical-align: middle;
    line-height: normal;
    box-sizing: border-box;
    font-size: 16px;
    color: #000;
}

.serachContainer .searchStudents .button {
    position: relative;
    padding: 5px 15px;
    left: -22px;
    border: 2px solid #2481D1;
    background: #207cca;
    color: #fafafa;
    font-size: 15px;
    line-height: normal;
    font-weight: 700;
    width: 17%;
    text-align: center;
    height: 41px;
    top: -2px;
}

    .serachContainer .searchStudents .button:hover {
        background: #fafafa;
        color: #207cca;
        cursor: pointer;
    }

.arrow {
    left: 34px;
    padding: 8px;
}

    .arrow:after {
        position: absolute;
        left: 78.5%;
        top: 44%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        border-color: rgba(32, 124, 202, 0);
        border-left-color: #207cca;
        border-width: 10px;
        margin-top: -10px;
    }

.main_content_full .arrow:after {
    left: 84.5%;
}

.headLine .title, .headLineError h3 {
    font-size: 19px;
    clear: none;
    font-family: 'ArticleText Arabic Kufi', Exo, sans-serif;
    font-weight: 700;
}


.success {
    color: #4E963F;
    font-weight: 700;
}

.fail {
    color: #D03A3A;
    font-weight: 700;
}

.warning {
    color: #e4792d;
    font-weight: 700;
}

.information_cotent {
    display: block;
    width: 100%;
    background-color: #FFFEF4;
    padding: 10px 0;
}

    .information_cotent .border-top {
        height: 3px;
        background: #999;
        margin-bottom: 10px;
    }

.headLineError h3 {
    color: #8A0000;
    line-height: 30px;
    padding-right: 15px;
}

.headLine .title {
    color: #8A0000;
    line-height: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
}

.headLine .block_social_top {
    float: left;
    padding-top: 0;
}

    .headLine .block_social_top ul li + li {
        margin-right: 10px;
    }

    .headLine .block_social_top .text {
        font-size: 14px;
        line-height: 22px;
        color: #000;
        font-family: 'ArticleText Arabic Kufi', Exo, sans-serif;
        font-weight: 700;
    }

    .headLine .block_social_top ul li a.whts, .headLine .block_social_top ul li:last-of-type {
        display: none;
    }

.black-theme.normal, .pager span {
    font-family: serif;
    font-weight: 700;
}

.IDLabel, .NameLabel, .cityLabel, .depLabel, .pntLabel, .schoolLabel, .sitLabel, .totalLabel {
    display: inline-block;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 10px;
}

.NameStudent {
    display: inline-block;
}

label[class$=Label] {
    text-align: center;
    display: inline-block;
}

label[class$=Student] {
    text-align: center;
    font-size: 16px;
    display: inline-block;
}

.SCINFstudent1ST {
    border: 1px solid #ddd;
    text-align: center;
}

.SCINFstudentDEP, .SCINFstudentID, .SCINFstudentsit {
    display: inline-block;
    width: 32.8%;
    border: 1px solid #ddd;
    box-sizing: border-box;
    text-align: center;
}

.SCINFstudent .IDLabel, .SCINFstudent .depLabel, .SCINFstudent .sitLabel {
    width: 36%
}

.schoolInformationLabel, .schoolInformationstudent {
    display: inline-block;
    width: 49.7%;
    text-align: center;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.SCINFstudentPnt, .SCINFstudentTotal {
    display: inline-block;
    width: 33%;
    text-align: center;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.SCINFstudentResult, .SCINFstudentResultFail {
    display: inline-block;
    width: 66.4%;
    text-align: center;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.SCINFstudent1ST, .SCINFstudentDEP, .SCINFstudentID, .SCINFstudentPnt, .SCINFstudentResult, .SCINFstudentResultFail, .SCINFstudentTotal, .SCINFstudentsit, .headLine, .schoolInformationLabel, .schoolInformationstudent {
    background-color: #FCFCFC;
    vertical-align: top;
}

.SCINFstudentResult {
    background-color: rgba(99, 245, 235, .14);
}

.SCINFstudentResultFail {
    background-color: rgba(250, 75, 95, .14);
}

.information_cotent .SCINFstudent1ST {
    width: 66.2%;
    display: inline-block;
    box-sizing: border-box;
}

.information_cotent.nationality .SCINFstudent1ST {
    width: 100%;
}

.information_cotent.name .SCINFstudentTotal {
    width: 100%;
}

.information_cotent.name .SCINFstudent1ST {
    display: none !important;
}

.information_cotent.nationality .SCINFstudentTotal {
    display: none !important;
}

.information_cotent.civilid .SCINFstudentsit, .information_cotent.civilid .SCINFstudentDEP {
    width: 49.4%;
}

.information_cotent.division .SCINFstudentsit, .information_cotent.division .SCINFstudentID {
    width: 49.4%;
}

.information_cotent.seatno .SCINFstudentID, .information_cotent.seatno .SCINFstudentDEP {
    width: 49.4%;
}

.information_cotent.civilid.seatno .SCINFstudentDEP {
    width: 100%;
}

.information_cotent.seatno.division .SCINFstudentID {
    width: 100%;
}

.information_cotent.civilid.division .SCINFstudentsit {
    width: 100%;
}

.information_cotent.civilid .SCINFstudentID {
    display: none !important;
}

.information_cotent.division .SCINFstudentDEP {
    display: none !important;
}

.information_cotent.seatno .SCINFstudentsit {
    display: none !important;
}

.information_cotent.civilid.seatno.division .SCINFstudentSEC {
    display: none !important;
}

.information_cotent.school .schoolInformationstudent {
    width: 100%;
}

.information_cotent.schooltype .schoolInformationLabel {
    width: 100%;
}

.information_cotent.school .schoolInformationLabel {
    display: none !important;
}

.information_cotent.schooltype .schoolInformationstudent {
    display: none !important;
}

.information_cotent.school.schooltype .schoolInformation {
    display: none !important;
}

.information_cotent.ratio .SCINFstudentResult {
    width: 100%;
}

.information_cotent.result .SCINFstudentPnt {
    width: 100%;
}

.information_cotent.ratio .SCINFstudentPnt {
    display: none !important;
}

.information_cotent.result .SCINFstudentResult {
    display: none !important;
}

.pntLabel, .pntStudent {
    font-size: 14px;
}

.emptyDiv {
    width: 100%;
    height: 40px;
}

.errorBox {
    color: #d29898;
    border: 1px solid #edcece;
    background: snow;
    background: linear-gradient(to bottom, rgba(255, 250, 250, 1) 0, rgba(255, 233, 233, 1) 100%);
    text-align: center;
    padding: 9px 10px;
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 10px;
    font-weight: 700;
    position: relative;
    box-sizing: border-box;
}

.pager .btn, .pager ul li a {
    text-align: center;
    border-radius: 4px;
}

.errorBox:after {
    content: "";
    text-transform: none;
    display: block;
    position: absolute;
    top: 12px;
    right: 10px;
    width: 9px;
    height: 9px;
    background: url(/newspaper/images/close_error.gif) no-repeat;
    cursor: pointer;
}

.pager {
    clear: both;
    height: 43px;
    padding: 10px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    box-sizing: border-box;
}

    .pager input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        border: 1px solid #bbb8b8 !important;
        cursor: pointer;
    }

    .pager .btn, .pager ul {
        float: right;
        padding: 0;
    }

    .pager ul {
        list-style: none;
        margin: 0 0 0 20px;
    }

        .pager ul li {
            display: inline-block;
            margin-left: 5px;
        }

            .pager ul li a {
                text-decoration: none;
                display: inline-table;
                width: 20px;
                height: 20px;
            }

    .pager span {
        margin-right: 4px;
        color: #333;
        float: right;
        font-size: 15px;
    }

    .pager .btn {
        display: block;
        width: 40px;
        margin: 0 0 0 4px;
        cursor: pointer;
    }

    .pager .disabled {
        color: #BBBABA !important;
        text-shadow: 1px 1px 1px #FFF;
    }

.black-theme.normal {
    text-decoration: none;
    border: 1px solid #e0e0e0;
    color: #737678;
    white-space: nowrap;
    cursor: pointer;
}

.black-theme.activee {
    background: #788187;
    border: 1px solid #7C8489;
    color: #eee;
}

.pager.black-theme .btn {
    color: #737678;
    border: 1px solid #e0e0e0;
    background-color: #f7f7f7;
    font-size: 12px;
    line-height: normal;
    height: 22px;
    vertical-align: middle;
    font-weight: 700;
    border-radius: 0;
    font-family: inherit;
}

.heading1, .highSchool2016 h2 {
    color: #8A0000;
    font-weight: 700;
}

.highSchool2016 {
    display: block;
    background-color: #fff;
    padding: 10px 10px 0;
    margin-top: 10px;
}

    .highSchool2016 h2 {
        font-family: 'Traditional Arabic';
        font-size: 17pt;
        text-decoration: none;
        vertical-align: top;
        line-height: 24pt;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    .highSchool2016 .text {
        font-size: 11pt;
        font-family: Tahoma;
        line-height: 18pt;
        text-align: justify;
    }

        .highSchool2016 .text h3 {
            font-weight: 700;
            clear: both;
            width: 100%;
            margin-bottom: 10px;
            font-size: 12pt;
        }

        .highSchool2016 .text p {
            margin-top: 10px;
            margin-bottom: 10px;
        }

    .highSchool2016 img {
        margin: 0 auto;
        padding-bottom: 10px;
        width: auto;
        height: auto;
        max-width: 100%
    }

.heading1 {
    text-align: center;
    display: inline-block;
    width: 100%;
    clear: both;
    font-size: 25px;
    padding: 5px 5px 8px;
    box-sizing: border-box;
    line-height: 32px;
    margin-bottom: 5px;
}

.disabledText {
    color: #B9B9B9;
}

.socialMedia {
    display: none !important;
}

#newDiv {
    display: block;
    clear: both
}

#page {
    padding-bottom: 308px;
}

@media (max-width:1200px) {
    .main_content .adZone, .main_content .mediaZone {
        display: inline-block;
        vertical-align: top;
        width: auto
    }

        .main_content .adZone:nth-of-type(2n+1), .main_content .mediaZone:nth-of-type(2n+1) {
            margin-right: 10px;
            float: left
        }
}

@media (max-width:633px) {
    .main_content .adZone, .main_content .mediaZone {
        width: 100%
    }

        .main_content .adZone:nth-of-type(2n+1), .main_content .mediaZone:nth-of-type(2n+1) {
            margin-right: 0;
            float: none
        }
}

@media (max-width:1120px) {
    #page.highschool .nosmpdf ul li {
        width: 16.66666% !important
    }

    body #page {
        padding-bottom: 46px !important
    }

        body #page #footer {
            display: none !important
        }

    .socialMedia {
        display: block !important;
    }

    #main {
        padding: 10px 10px 5px;
    }

    .serachContainer .searchStudents .button {
        left: -2.7%
    }

    .checkContainer .IDNum input, .checkContainer .seatNum input, .checkContainer .studentNum input {
        width: 17px;
        height: 17px;
        vertical-align: middle;
        margin-left: 5px;
    }

    .main .pager {
        width: 100%
    }

    .main .information_cotent {
        width: 100%;
        box-sizing: border-box;
    }

    .SCINFstudent1ST span, .SCINFstudentDEP span, .SCINFstudentID span, .SCINFstudentPnt span, .SCINFstudentResult span, .SCINFstudentResultFail span, .SCINFstudentTotal span, .SCINFstudentsit span, .schoolInformationLabel span, .schoolInformationstudent span {
        display: inline-block;
    }


    .main_content_full .arrow:after {
        left: 81.5%
    }
}



@media (max-width:1024px) {
    .main .arrow:after {
        left: 80.5%
    }

    .main_content_full .arrow:after {
        left: 80.5%
    }
}

@media (min-width:769px) and (max-width:1023px) {
    .serachContainer .checkContainer {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
        text-align: center;
    }

    .serachContainer .searchStudents {
        white-space: nowrap;
        float: none;
        width: 81%;
        padding-right: 2.5%;
        text-align: center;
    }

        .serachContainer .searchStudents .button {
            left: -22px;
        }

    .serachContainer .arrow:after {
        right: 10px;
        left:auto!important;
    }

    .information_cotent .SCINFstudentID {
        width: 37%
    }

    .information_cotent .SCINFstudentDEP, .information_cotent .SCINFstudentsit {
        width: 29.88%
    }

    .information_cotent .IDLabel, .information_cotent .NameLabel, .information_cotent .cityLabel, .information_cotent .depLabel, .information_cotent .pntLabel, .information_cotent .schoolLabel, .information_cotent .sitLabel, .information_cotent .totalLabel {
        padding: 8px 0;
    }

    .information_cotent .SCINFstudentCALC, .information_cotent .SCINFstudentSEC, .information_cotent .schoolInformation {
        text-align: center;
    }

    .schoolInformationLabel, .schoolInformationstudent {
        width: 48.7%;
    }

    .SCINFstudentPnt, .SCINFstudentTotal {
        width: 32%;
    }
}

@media (max-width:768px) {

    /*#page .section2{display:none!important}*/
    .main .serachContainer {
        padding: 10px;
    }

    .serachContainer .checkContainer {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
        text-align: center;
        padding-top: 6px;
        padding-bottom: 8px;
        border: 2px solid #ddd;
    }

    .serachContainer .searchStudents .search {
        width: 49%
    }

    .serachContainer .searchStudents {
        white-space: nowrap;
        float: none;
        width: 100%;
        padding-right: 0;
        text-align: center;
    }

        .serachContainer .searchStudents .button {
            left: -22px;
            width: 17%
        }

    .serachContainer .arrow:after {
        right: 10px;
        left: auto !important;
    }

    .main .information_cotent.errorBox {
        padding: 9px 20px;
    }

    .information_cotent.errorBox .headLineError h3 {
        font-size: 16px;
    }



    .information_cotent .SCINFstudentID {
        width: 37%
    }

    .information_cotent .SCINFstudentDEP, .information_cotent .SCINFstudentsit {
        width: 30.5%
    }

    .information_cotent .schoolInformationLabel, .information_cotent .schoolInformationstudent {
        width: 49.5%
    }

    .information_cotent .SCINFstudentPnt, .information_cotent .SCINFstudentTotal {
        width: 31.6%
    }

    .information_cotent .IDLabel, .information_cotent .NameLabel, .information_cotent .cityLabel, .information_cotent .depLabel, .information_cotent .pntLabel, .information_cotent .schoolLabel, .information_cotent .sitLabel, .information_cotent .totalLabel {
        padding: 10px 0 8px;
        width: 100%;
        margin-left: 0;
    }

    .information_cotent .SCINFstudentCALC, .information_cotent .SCINFstudentSEC, .information_cotent .schoolInformation {
        text-align: center;
    }

    .information_cotent .IDLabel, .information_cotent .cityLabel, .information_cotent .depLabel, .information_cotent .pntLabel, .information_cotent .schoolLabel, .information_cotent .sitLabel, .information_cotent .totalLabel {
        width: 100%;
        margin-left: 0;
    }

    .information_cotent .SCINFstudentDEP, .information_cotent .SCINFstudentID, .information_cotent .SCINFstudentPnt, .information_cotent .SCINFstudentResult, .information_cotent .SCINFstudentResultFail, .information_cotent .SCINFstudentTotal, .information_cotent .SCINFstudentsit, .information_cotent .schoolInformationLabel, .information_cotent .schoolInformationstudent {
        padding-bottom: 7px;
    }

    .information_cotent .SCINFstudent1ST {
        padding-bottom: 7px;
        width: 67.4%
    }
}

@media (max-width:480px) {
    .heading1 {
        font-size: 21px
    }

    .serachContainer .labelSearch, .serachContainer .searchBy {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .main .serachContainer .searchStudents {
        padding: 0;
        width: 100%
    }

    .serachContainer .labelSearch {
        margin-left: 0;
        text-align: center;
    }

    .serachContainer .searchStudents .search {
        width: 75%
    }

    .serachContainer .searchStudents .button {
        width: 25%
    }

    .main .information_cotent.errorBox {
        padding: 9px 20px;
    }

    .errorBox .headLineError h3 {
        font-size: 14px;
        line-height: 24px;
    }

    .main .pager {
        padding: 10px;
        overflow: hidden;
        height: auto;
    }

    .information_cotent .SCINFstudentDEP, .information_cotent .SCINFstudentID, .information_cotent .SCINFstudentPnt, .information_cotent .SCINFstudentResult, .information_cotent .SCINFstudentResultFail, .information_cotent .SCINFstudentTotal, .information_cotent .SCINFstudentsit, .information_cotent .schoolInformationLabel, .information_cotent .schoolInformationstudent {
        padding-bottom: 7px;
        width: 100%;
        margin-bottom: 10px;
    }

    .information_cotent .SCINFstudentResult, .information_cotent .SCINFstudentResultFail, .information_cotent .SCINFstudentSEC, .information_cotent .schoolInformation {
        margin-bottom: 0;
    }

    .information_cotent .IDLabel, .information_cotent .NameLabel, .information_cotent .cityLabel, .information_cotent .depLabel, .information_cotent .pntLabel, .information_cotent .schoolLabel, .information_cotent .sitLabel, .information_cotent .totalLabel {
        padding: 5px 5px 6px;
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
    }

    .information_cotent .SCINFstudent1ST {
        width: 100%
    }

    body .emptyDiv {
        height: 65px;
    }

    .headLine .title .block_social_top {
        float: none;
        clear: right;
        display: inline-block;
        margin-top: 10px;
        width: 100%
    }

    .information_cotent.seatno .SCINFstudentID, .information_cotent.seatno .SCINFstudentDEP {
        width: 100%;
    }
}

@media (max-width:360px) {
    .serachContainer .IDNum, .serachContainer .seatNum, .serachContainer .studentNum {
        font-size: 13px;
    }

    .main .pager ul + .btn {
        clear: both;
    }

    .main .pager ul {
        margin-bottom: 5px;
    }

    .main .pager span:first-of-type {
        clear: none;
    }

    .information_cotent .IDLabel, .information_cotent .NameLabel, .information_cotent .cityLabel, .information_cotent .depLabel, .information_cotent .pntLabel, .information_cotent .schoolLabel, .information_cotent .sitLabel, .information_cotent .totalLabel, .information_cotent label[class$=Student] {
        font-size: 15px;
    }
}

body #main {
    overflow: hidden
}

.main .main_content {
    float: right;
    width: 770px;
}

@media (max-width: 1120px) {
    body .main .main_content {
        width: 71%;
    }
}

@media (max-width: 768px) {
    body .main .main_content {
        width: 100%;
        margin-bottom: 10px;
    }
}


.hide {
    display: none !important
}

.ifmschool {
    width: 1100px;
    clear: both;
    margin-bottom: 10px;
    height: 1000px;
}


    .ifmschool.two {
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        max-width: 100%;
    }

        .ifmschool.two .my-iframe {
            position: absolute;
            top: -513px;
            left: -100px;
            width: 1280px;
            height: 1500px;
            border: 0px;
        }


/*** Table Styles **/

.table-fill {
    background: white;
    border-collapse: collapse;
    margin: auto;
    padding: 0;
    width: 100%;
}

    .table-fill th {
        color: #404040;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        background: linear-gradient(#fff 0, #D5D5D5 100%);
        background: -webkit-linear-gradient(#fff 0, #D5D5D5 100%);
        background: -moz-linear-gradient(#fff 0, #D5D5D5 100%);
        background: -o-linear-gradient(#fff 0, #D5D5D5 100%);
        background: -ms-linear-gradient(#fff 0, #D5D5D5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#D5D5D5',GradientType=0);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        border: 1px solid #999;
        border-bottom: 4px solid #9ea7af;
        border-right: 1px solid #343a45;
        padding: 9px 5px;
        text-align: right;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        vertical-align: middle;
        font-family: articletext arabic kufi, Exo, sans-serif;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        white-space: nowrap;
    }

        .table-fill th:first-child {
            border-top-left-radius: 3px;
        }

        .table-fill th:last-child {
            border-top-right-radius: 3px;
            border-right: none;
        }

    .table-fill tr {
        color: #666B85;
        font-size: 16px;
        font-weight: normal;
        text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
    }



        .table-fill tr:first-child {
            border-top: none;
        }

        .table-fill tr:last-child {
            border-bottom: none;
        }



            .table-fill tr:last-child td:first-child {
                border-bottom-left-radius: 3px;
            }

            .table-fill tr:last-child td:last-child {
                border-bottom-right-radius: 3px;
            }

    .table-fill td {
        background: #FFFFFF;
        padding: 8px 11px;
        text-align: right;
        vertical-align: middle;
        font-weight: 300;
        text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
        border: 1px solid #e0e0e0;
        font-size: 14px;
        line-height: 21px;
    }

    .table-fill .emptyTr td {
        border: none;
    }

    .table-fill .mainRow td {
        border-bottom: none;
        border-right: none;
        border-left: none;
    }

        .table-fill .mainRow td:first-of-type {
            border-right: 1px solid #e0e0e0;
        }

        .table-fill .mainRow td:last-of-type {
            border-left: 1px solid #e0e0e0;
        }
    /*.table-fill .extraRow td:first-of-type {
        border-left:none;
    }
    .table-fill .extraRow td:last-of-type {
        border-right: none;
    }*/
    .table-fill .extraRow td {
        border-top: none;
    }

    .table-fill th.text-left {
        text-align: left;
    }

    .table-fill th.text-center {
        text-align: center;
    }

    .table-fill th.text-right {
        text-align: right;
    }

    .table-fill td.text-left {
        text-align: left;
    }

    .table-fill td.text-center {
        text-align: center;
    }

    .table-fill td.text-right {
        text-align: right;
    }

    .table-fill .extraRow td p {
        display: inline-block;
        vertical-align: middle;
        padding-left: 5px;
    }

    .table-fill .extraRow .clearBox {
        clear: both;
    }

    .table-fill .extraRow .schoolCell {
        float: right;
        width: 60%;
        display: inline-block;
        vertical-align: middle;
    }

    .table-fill .extraRow .divisionCell {
        float: left;
        width: 105px;
        display: inline-block;
        vertical-align: middle;
    }

    .table-fill.division .extraRow .schoolCell {
        float: none;
        width: 100%;
    }

    .table-fill.school .extraRow .divisionCell {
        float: none;
        width: 100%;
    }

    .table-fill .extraRow .schoolCell .type, .table-fill .extraRow .divisionCell .type {
        color: #404040;
        font-family: articletext arabic kufi, Exo, sans-serif;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
    }

    .table-fill .extraRow td p:last-of-type {
        padding-left: 0;
    }

    .table-fill .mainRow:nth-of-type(even) td {
        background: #EBEBEB;
    }

    .table-fill .extraRow:nth-child(odd) td {
        background: #EBEBEB;
    }

    .table-fill .extraRow {
        display: none;
    }

    .table-fill .mainRow {
        border-bottom: 1px solid #e0e0e0;
    }

@media (max-width: 810px) {
    .table-fill .extraRow {
        display: table-row;
    }

    .table-fill .mainRow {
        border-bottom: none;
    }

    .table-fill thead .schoolCell,
    .table-fill tbody .mainRow .schoolCell,
    .table-fill thead .divisionCell,
    .table-fill tbody .mainRow .divisionCell {
        display: none;
    }

    .table-fill th, .table-fill .extraRow .schoolCell .type, .table-fill .extraRow .divisionCell .type {
        font-size: 13px;
    }

    .table-fill th, .table-fill td {
        padding: 8px 5px;
    }
}

/*fix table widths*/
.table-fill thead .ratioCell, .table-fill thead .divisionCell, .table-fill thead .reslutCell {
    width: 60px;
}

.table-fill thead .seqCell {
    width: 25px;
}

.clearBox {
    clear: both;
}

.topstudentsDiv, .divisionsDiv, .btnsearchad {
    display: inline-block;
    width: 70%;
    vertical-align: top;
}
.schoolnamesDiv {
    display: inline-block;
    width: 53%;
    vertical-align: top;
}
    .divisionsDiv, .btnsearchad {
        width: auto;
    }

.btnsearchad {
    text-align: left;
}

.divisionsDiv {
    width: 200px;
}

.advancedSearchBox .divisionsDiv select {
    width: auto !important;
}

.btnsearchad {
    float: left;
}

.advancedSearchBox .searchBy {
    font-size: 14px;
    line-height: 24px;
}

input[type=button].btnsearchad {
    text-align: center;
    padding: 5px 15px;
    border: 2px solid #2481D1;
    background: #207cca;
    color: #fafafa;
    font-size: 15px;
    line-height: 25px;
    font-weight: 700;
    height: 35px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

    input[type=button].btnsearchad:hover {
        background: #fafafa;
        color: #207cca;
    }

.serachContainer.advancedSearchBox {
    padding: 10px;
}

.divSearchbyadTxtwo {
    font-size: 13px;
    line-height: 13px;
    color: #8f8a8a;
    text-decoration: underline;
    text-shadow: 1px 1px 1px #f9f2f2;
    margin-bottom: -5px;
    margin-right: -5px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.divSearchbyadTxtwo {
    margin-right: 0;
    margin-bottom: 7px;
    margin-top: -2px;
}

    .divSearchbyadTxtwo:hover {
        color: #8A0000;
    }
/*li.select2-results__option strong.select2-results__group:hover {
    background-color: #ddd;
    cursor: pointer;
}*/
.advancedSearchBox .select2-container--default .select2-selection--single {
    border: 1px solid #000;
    height: 31px;
    line-height: 31px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}

.advancedSearchBox .ddl_topstudents {
    width: 82% !important;
}

.advancedSearchBox .select2-container {
    width: 76% !important;
}

    .advancedSearchBox .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px;
    }

    .advancedSearchBox .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
        right: auto;
        left: 1px;
    }

        .advancedSearchBox .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #000 transparent transparent transparent;
        }

.advancedSearchBox .ddl_topstudents.highlight, .advancedSearchBox .divisionsDiv .ddl_divisions.highlight {
    background: #1e9fc3;
    color: #fff;
    text-shadow: 1px 1px 1px #202020;
    font-weight: 700;
}

.advancedSearchBox .select2-container.highlight .select2-selection.select2-selection--single {
    background: #1e9fc3;
    text-shadow: 1px 1px 1px #202020;
    font-weight: 700;
}

.advancedSearchBox .select2-container.highlight .select2-selection__rendered {
    color: #fff;
}

.advancedSearchBox .select2-container.highlight.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
}

@media (max-width: 1060px) {
    .schoolnamesDiv {
        width: 55%;
    }
}

@media (max-width: 619px) {
    .advancedSearchBox .ddl_topstudents, .advancedSearchBox .divisionsDiv .ddl_divisions, .advancedSearchBox .select2-container {
        width: 100% !important;
    }


    .schoolnamesDiv {
        width: 46%;
    }
}

@media (max-width: 535px) {
    .topstudentsDiv, .divisionsDiv, .schoolnamesDiv, .btnsearchad {
        width: 100%;
        float: none;
        text-align: right;
        /*margin-bottom: 10px;*/
    }

    .advancedSearchBox .ddl_topstudents, .advancedSearchBox .divisionsDiv .ddl_divisions, .advancedSearchBox .select2-container {
        margin-bottom: 10px;
    }
    .serachContainer .searchBy#lbldivisions {
        width: auto !important;
        display: inline-block !important;
    }

    .advancedSearchBox .divisionsDiv .ddl_divisions {
        width: auto !important;
        display: inline-block !important;
        margin-bottom: 0 !important;
    }

    .advancedSearchBox .divisionsDiv {
        clear: both;
        overflow: hidden;
    }
}




/*1st table top*/
.topStudentsTable.table-fill .mainRow:nth-child(even) td {
    background: #EBEBEB;
}

.topStudentsTable.table-fill .extraRow:nth-child(odd) td {
    background: #EBEBEB;
}


/*paging*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: right;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #8a0000;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            color: #000;
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #8a0000;
        border-color: #8a0000;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 18px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/*datatables*/
.dataTables_wrapper .row:first-of-type {
    background: #e3e3e3;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    clear: both;
}

    .dataTables_wrapper .row:first-of-type .col-sm-6 {
        display: inline-block;
        vertical-align: top
    }

        .dataTables_wrapper .row:first-of-type .col-sm-6:first-of-type {
            float: left;
        }

.dataTables_wrapper .dataTables_length select {
    height: 38px;
}

.dataTables_wrapper .dataTables_filter input {
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 16px;
    background-image: url(/newspaper/images/search_BarButtonHQ.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: top 4px left 5px;
    padding-left: 35px;
    height: 38px;
    display: none !important;
}

.dataTables_wrapper .dt-top-row {
    margin-bottom: 7px;
}

.dataTables_wrapper .dataTables_processing {
    font-size: 10px;
    line-height: 16px;
    display: none !important;
}

.dataTables_wrapper .row:first-of-type .col-sm-6:nth-of-type(2) {
    width: 92%;
}

.dataTables_wrapper .dataTable {
    width: 100%;
}

.dataTables_wrapper .dataTables_info {
    font-size: 13px;
    color: #565656;
    display: inline-block;
    vertical-align: top;
    float: left;
}

.dataTables_wrapper .dataTables_paginate {
    display: inline-block;
    vertical-align: top;
}

.dataTables_wrapper .row:nth-of-type(2) .col-sm-7, .dataTables_wrapper .row:nth-of-type(2) .col-sm-5 {
    display: inline-block;
    vertical-align: top
}

.dataTables_wrapper .row:nth-of-type(2) {
    clear: both
}

    .dataTables_wrapper .row:nth-of-type(2) .col-sm-5 {
        margin: 21px 0;
        float: left;
    }

.dataTables_wrapper .dt-row {
    clear: both;
    margin-top: 10px;
}

.table-fill#dt_a tr:last-child {
    border-bottom: 1px solid #e0e0e0;
}

#loading-indicator {
    display: none;
}

    #loading-indicator img {
        margin: 0 auto;
    }

#dt_a_wrapper, #dt_a {
    display: none;
}

    #dt_a_wrapper.show.ready, #dt_a_wrapper.ready.show {
        display: block;
    }

    #dt_a.show.ready, #dt_a.ready.show {
        display: table;
    }

    #dt_a thead th.mainNameHead, #dt_a thead th.schoolCell {
        width: 32.7% !important;
    }

    #dt_a.table-fill thead .ratioCell, #dt_a.table-fill thead .divisionCell, #dt_a.table-fill thead .reslutCell {
        width: 8% !important;
    }

@media (max-width: 900px) {
    .dataTables_wrapper .dataTables_info {
        float: none;
        display: block;
        margin-bottom: 7px;
    }
}

.newHSdatatable .information_cotent {
    display: none;
}

    .newHSdatatable .information_cotent.show {
        display: block!important;
    }

#dt_a tbody td.ratioCell {
    white-space: nowrap;
}

#dt_a.table-fill thead .schoolCell, #dt_a.table-fill tbody .mainRow .schoolCell {
    display: table-cell;
}

@media (max-width: 810px) {
    #dt_a.table-fill thead .ratioCell, #dt_a.table-fill thead .divisionCell, #dt_a.table-fill thead .reslutCell {
        width: 8% !important;
    }
}

.getInforecid {
    color: #0040a3;
    font-weight: 700;
    cursor: pointer;
    font-weight: 700 !important;
}

    .getInforecid:hover {
        color: #000;
    }

.information_cotent.indivialpop {
    position: relative;
    padding-top: 20px;
}

    .information_cotent.indivialpop .closeIcon {
        position: absolute;
        background: #D50B07;
        color: #fff;
        left: 0;
        right: 0;
        top: 0;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        width: 30px;
        height: 30px;
        line-height: 24px;
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        font-family: sans-serif;
        cursor: pointer;
        box-shadow: 0 0 5px 0 #000;
        margin: 0 auto;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        user-select: none
    }

        .information_cotent.indivialpop .closeIcon:hover {
            background: #000;
            color: #fff;
        }

.newHSdatatable .information_cotent .closeIcon {
    display: none;
}

.newHSdatatable .information_cotent.indivialpop .closeIcon {
    display: block;
}

.information_cotent.indivialpop .border_div {
    box-shadow: 0 0 5px 0 #000;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

    .information_cotent.indivialpop .border_div .headLine {
        background-color: transparent;
    }

.information_cotent.indivialpop .border-top {
    height: 0;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .newHSdatatable .headLine .block_social_top ul li:last-of-type, .headLine .block_social_top ul li a.whts {
        display: inline-block;
    }
}

.newHSdatatable .information_cotent .border_div div label {
    position: relative;
}

    .newHSdatatable .information_cotent .border_div div label:after {
        content: ":";
        position: absolute;
        left: 0;
    }

@media (min-width: 769px) and (max-width: 1023px) {
    .newHSdatatable .information_cotent .IDLabel, .newHSdatatable .information_cotent .NameLabel, .newHSdatatable .information_cotent .cityLabel, .newHSdatatable .information_cotent .depLabel,
    .newHSdatatable .information_cotent .pntLabel, .newHSdatatable .information_cotent .schoolLabel, .newHSdatatable .information_cotent .sitLabel, .newHSdatatable .information_cotent .totalLabel {
        padding: 8px 0 8px 10px;
    }
}

@media (max-width: 768px) {
    .newHSdatatable .information_cotent .IDLabel, .newHSdatatable .information_cotent .NameLabel, .newHSdatatable .information_cotent .cityLabel, .newHSdatatable .information_cotent .depLabel,
    .newHSdatatable .information_cotent .pntLabel, .newHSdatatable .information_cotent .schoolLabel, .newHSdatatable .information_cotent .sitLabel, .newHSdatatable .information_cotent .totalLabel {
        padding: 8px 0;
    }

    .newHSdatatable .information_cotent .border_div div label:after {
        content: none;
    }
}
/*copy link*/
.newHSdatatable .headLine .block_social_top .btnCopyMulti {
    background: #8a0000;
    cursor: pointer;
    font-size: 0 !important;
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: top;
}


    .newHSdatatable .headLine .block_social_top .btnCopyMulti:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 26px;
        height: 26px;
        z-index: 1;
        top: 0;
        margin: 0 auto;
        left: 0px;
        right: 0px;
        vertical-align: top;
        background: url(/newspaper/images/linkicon.png);
        background-size: 18px 18px;
        background-position: center center;
        background-repeat: no-repeat;
    }

.newHSdatatable .headLine .block_social_top .cpylnkmsg {
    position: absolute;
    margin-top: -1px !important;
    margin-right: 0;
    font-family: sans-serif;
    font-weight: 700;
    margin-left: 40px;
    color: #4c4b4b;
    direction: ltr;
    text-align: left;
    display: inline-block;
    background: rgb(173 173 173 / 50%);
    vertical-align: top;
    padding: 0px 5px;
    left: -45px;
    z-index: 100;
    overflow: visible;
    bottom: -27px;
    right: auto;
    width: 77px;
    height: 25px;
    font-size: 14px;
    line-height: 23px;
}

    .newHSdatatable .headLine .block_social_top .cpylnkmsg:before {
        top: auto;
        left: 0;
        bottom: auto;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        margin-left: 8px;
        position: absolute;
        pointer-events: none;
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #7a7a7a;
        border-width: 10px;
        margin-top: -3px;
    }

.fakeElemTextArea {
    font-size: 0 !important;
    position: fixed !important;
}


@media(max-width :560px) {
    .newHSdatatable .headLine .block_social_top {
        float: none;
        margin-top: 8px;
        display: block;
        overflow: hidden;
    }

        .newHSdatatable .headLine .block_social_top .cpylnkmsg {
            left: -174px;
            bottom: 1px;
        }
}


@media(max-width :359px) {
    .newHSdatatable .headLine .block_social_top .cpylnkmsg {
        font-size: 10px;
        left: -138px;
        width: 54px;
        padding: 0 2px;
    }
}

/*new topstudent*/
.topStudentBODY #main {
    padding: 0;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    -moz-border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-right-radius: 20px;
    -moz-border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -khtml-border-top-left-radius: 20px;
}

.topStudentBODY .heading1 {
    background: #414242;
    color: #fff;
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 0;
    padding: 10px 5px 8px;
}

.topStudentBODY .serachContainer .searchStudents .button {
    background: #414242;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -moz-border-top-left-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -khtml-border-top-left-radius: 15px;
    -moz-border-bottom-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -khtml-border-bottom-left-radius: 15px;
    border: none;
}

.topStudentBODY .serachContainer .searchStudents .arrow:after {
    border-left-color: #414242;
}

.topStudentBODY .serachContainer .searchStudents .search {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    -moz-border-top-right-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -khtml-border-top-right-radius: 15px;
    -moz-border-bottom-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -khtml-border-bottom-right-radius: 15px;
}

.topStudentBODY .serachContainer .searchStudents .button:hover {
    color: #fff;
    background: #8A0000;
}

.topStudentBODY .serachContainer .searchStudents .arrow:hover:after {
    border-left-color: #8A0000;
}

.topStudentBODY .serachContainer.advancedSearchBox {
    margin-bottom: 0;
    padding-bottom: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: transparent;
}
    .topStudentBODY .serachContainer.advancedSearchBox.one {
        border-bottom: 1px solid #c1c1c1;
    }
    /*.topStudentBODY .serachContainer.advancedSearchBox.two{padding-bottom:10px;}*/
    .topStudentBODY .serachContainer.advancedSearchBox select, .topStudentBODY .advancedSearchBox .select2-container--default .select2-selection--single {
        border-radius: 15px !important;
        -moz-border-radius: 15px !important;
        -webkit-border-radius: 15px !important;
        -khtml-border-radius: 15px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        padding: 0 5px 0 20px !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        line-height: normal !important;
        direction: rtl !important;
        text-align: right !important;
        height: 33px !important;
    }
    .topStudentBODY .serachContainer.advancedSearchBox select {
        background: white !important;
        background-image: url("/newspaper/images/arrowDown.png") !important;
        background-repeat: no-repeat !important;
        background-size: 7px !important;
        background-position-x: 5px !important;
        background-position-y: center !important;
    }

        .topStudentBODY .advancedSearchBox .select2-container--default .select2-selection--single {
            padding: 0 !important;
        }
        .topStudentBODY .advancedSearchBox .ddl_topstudents.highlight, .topStudentBODY .advancedSearchBox .divisionsDiv .ddl_divisions.highlight, .topStudentBODY .advancedSearchBox .select2-container.highlight .select2-selection.select2-selection--single {
            background: #1e9fc3 !important;
        }
.topStudentBODY .divSearchbyadTxtwo, .topStudentBODY #updateModel, .topStudentBODY #dt_a_wrapper {
    padding-right: 5px;
    padding-left: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.topStudentBODY .divSearchbyadTxtwo {
    color: #000000;
    font-weight: 700;
    padding-top: 10px;
}
    .topStudentBODY .divSearchbyadTxtwo:hover {
        color: #8A0000;
    }
.topStudentBODY input[type=button].btnsearchad {
    background: #414242;
    border: none;
    border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    -khtml-border-radius: 15px !important;
    float: none;
    line-height: 1;
    height: 31px;
}
.topStudentBODY input[type="button"].btnsearchad:hover {
    color: #fff;
    background: #8A0000;
}
.topStudentBODY .main_content_full {
    background: #deeaf2;
}
.topStudentBODY .information_cotent {
    background-color: transparent;
}

.topStudentBODY .site-content.hideSearch .divSearchbyadTxtwo {
    display: none !important
}
.topStudentBODY .black-theme.normal {
    font-family: sans-serif;
    line-height: 19px;
    font-size: 12px;
    margin-top: 0;
    vertical-align: top;
}
@media (min-width :1024px) and (max-width :1120px) {
    .topStudentBODY .serachContainer .searchStudents .button {
        left: -22px;
    }
}
    @media(max-width :1120px) {
        .topStudentBODY #main {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            width: 98%;
        }
        .topStudentBODY .main_content_full .arrow:after {
            left: 83.5%;
        }
    }
@media(max-width :980px) {
   
    .topstudentsDiv {
        width: 73% !important;
    }
    .advancedSearchBox .ddl_topstudents {
        width: 80% !important;
    }
    .schoolnamesDiv {
        width: 53.5%;
    }
    .advancedSearchBox .select2-container {
        width: 72% !important;
    }
    
}
@media(max-width :850px) {

    .topstudentsDiv {
        width: 85% !important;
    }


    .schoolnamesDiv {
        width: 60.5%;
    }

    
}
    @media(max-width :800px) {
        .serachContainer .searchStudents .button {
            width: auto;
        }
    }
@media(max-width :740px) {

    .topstudentsDiv {
        width: 88% !important;
    }

    .advancedSearchBox .ddl_topstudents {
        width: 77% !important;
    }
    .schoolnamesDiv {
        width: 52.5%;
    }
    .advancedSearchBox .select2-container {
        width: 61% !important;
    }
}
    @media(max-width :619px) {
        .topStudentBODY input[type=button].btnsearchad {
            margin-top: 28px;
        }
        .topstudentsDiv {
            width: 86% !important;
        }
        .advancedSearchBox .ddl_topstudents {
            width: 96% !important;
        }
        .schoolnamesDiv {
            width: 49.5%;
        }
        .topStudentBODY .advancedSearchBox .select2-container {
            width: 95% !important;
        }
        .divisionsDiv {
            width: 180px;
        }
        .ddl_schoolnames{width:96%;}
    }

    @media(max-width :535px) {
        .topStudentBODY input[type=button].btnsearchad {
            margin-top: 0;
        }

        .topstudentsDiv {
            width: 100% !important;
        }

        .advancedSearchBox .ddl_topstudents {
            width: 100% !important;
        }

        .schoolnamesDiv {
            width: 100%;
        }

        .topStudentBODY .advancedSearchBox .select2-container {
            width: 100% !important;
        }
        .divisionsDiv {
            width: 200px;
        }
        .ddl_schoolnames {
            width: 100%;
            margin-bottom: 10px;
        }
        .divisionsDiv {
            margin-bottom: 10px;
        }
    }

    @media(max-width :480px) {
        .topStudentBODY .heading1 {
            font-size: 21px;
            line-height: 28px;
        }

        .topStudentBODY .serachContainer .searchStudents .search {
            width: 70%;
        }
        .topStudentBODY .serachContainer .searchBy {
            margin-bottom: 0;
        }
    }

    @media(max-width :380px) {
        .topStudentBODY .serachContainer .searchStudents .search {
            width: 65%;
        }
    }

    @media(max-width :320px) {
        .topStudentBODY .serachContainer .searchStudents .search {
            width: 60%;
        }
    }
@-moz-document url-prefix() {
    .main_content_full .arrow:after {
        left: 82.5%;
    }
}
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .serachContainer .arrow:after {
            right: 15px !important;
            left: auto !important;
        }
    }
}
    /*fix style for indiviual*/
    @media(max-width :480px) {
        .topStudentBODY.newHSdatatable .information_cotent .totalLabel, .topStudentBODY .totalStudent, .topStudentBODY.newHSdatatable .information_cotent .depLabel,
        .topStudentBODY .information_cotent .depStudent, .topStudentBODY .information_cotent .pntLabel, .topStudentBODY .information_cotent .pntStudent {
            display: inline-block;
            vertical-align: top;
            width: auto;
        }

        .topStudentBODY .information_cotent .totalStudent, .topStudentBODY .information_cotent .depStudent, .topStudentBODY .information_cotent .pntStudent {
            margin-top: 8px;
            margin-right: 5px;
        }

        .topStudentBODY .information_cotent .SCINFstudentTotal, .topStudentBODY .information_cotent .SCINFstudentDEP, .topStudentBODY .information_cotent .SCINFstudentPnt,
        .topStudentBODY .information_cotent .SCINFstudentResult {
            padding-bottom: 0;
        }

        .topStudentBODY.newHSdatatable .information_cotent .totalLabel, .topStudentBODY.newHSdatatable .information_cotent .depLabel,
        .topStudentBODY .information_cotent .pntLabel {
            position: relative;
        }

            .topStudentBODY.newHSdatatable .information_cotent .totalLabel:after, .topStudentBODY.newHSdatatable .information_cotent .depLabel:after,
            .topStudentBODY .information_cotent .pntLabel:after {
                content: ":" !important;
                position: absolute !important;
                left: -6px !important;
            }
    }
    /*new hide column*/
.table-fill.name thead .mainNameHead {
    display: none !important;
}
.table-fill.name tbody .mainRow .mainNameHead {
    display: none !important;
}

.table-fill.seatno thead .seanCell {
    display: none !important;
}
.table-fill.seatno tbody .mainRow .seanCell {
    display: none !important;
}


.table-fill.school thead .schoolCell {
    display: none !important;
}
.table-fill.school tbody .mainRow .schoolCell {
    display: none !important;
}
.table-fill.school tbody .extraRow .schoolCell {
    display: none !important;
}

.table-fill.division thead .divisionCell{
    display: none !important;
}
.table-fill.division tbody .mainRow .divisionCell {
    display: none !important;
}
.table-fill.division tbody .extraRow .divisionCell {
    display: none !important;
}

.table-fill.school.division tbody .extraRow, .table-fill.school.division tbody .emptyTr {
    display: none !important;
}

.table-fill.ratio thead .ratioCell {
    display: none !important;
}
.table-fill.ratio tbody .mainRow .ratioCell {
    display: none !important;
}

.table-fill.result thead .reslutCell {
    display: none !important;
}
.table-fill.result tbody .mainRow .reslutCell {
    display: none !important;
}
/*footer*/
.adMan.mob, .mediaMan.mob {
    display: none
}

@media (max-width: 1120px) {
    .adMan.mob, .mediaMan.mob {
        display: block
    }

    .adMan.desk, .mediaMan.desk {
        display: none
    }

    body #page .socialMedia ul li.li-viber,
    body #page .socialMedia ul li.li-email {
        display: inline-block !important;
    }
}
#adBannerBlockDrop, #mediaBannerBlockDrop {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.closeFooterIconMobile {
    position: absolute;
    background: #000;
    color: #fff;
    right: 0;
    top: -15px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    font-family: sans-serif;
    cursor: pointer;
    box-shadow: 0 0 10px 0 #000;
}

    .closeFooterIconMobile.small {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 14px;
    }

    .closeFooterIconMobile.smaller {
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 11px;
        font-weight: 400;
    }

    .closeFooterIconMobile.soft {
        background: rgba(30, 30, 30, .8);
        text-shadow: 1px 1px 1px #000;
    }

    .closeFooterIconMobile.left {
        left: 0px;
        right: auto;
    }

    .closeFooterIconMobile.none {
        display: none !important;
    }

.closeFooterIconMobile, .closeFooterIconMobile {
    box-shadow: 0 0 10px 0 #D50B07;
    color: #fcc4c2
}



@media (max-device-width: 1120px) {


    .closeFooterIconMobile {
        right: -13px !important
    }

        .closeFooterIconMobile.left {
            left: -13px !important;
            right: auto !important;
        }
}

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

    .closeFooterIconMobile {
        right: 0px !important
    }

        .closeFooterIconMobile.left {
            left: 0 !important;
            right: auto !important;
        }
}
/*note*/
.serachContainer{position:relative;}
.noteBox {
    font-size: 10px;
    line-height: 21px;
    position: absolute;
    bottom: -1px;
    left: 4px;
    text-align: center;
    color: #666;
    font-weight: 700;
}
.gg-danger {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs, 1));
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-radius: 40px;
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    transform: scale(var(--ggs, 0.7));
}

    .gg-danger::after,
    .gg-danger::before {
        content: "";
        display: block;
        box-sizing: border-box;
        position: absolute;
        border-radius: 3px;
        width: 2px;
        background: currentColor;
        left: 7px;
    }

    .gg-danger::after {
        top: 2px;
        height: 8px;
    }

    .gg-danger::before {
        height: 2px;
        bottom: 2px;
    }
@media screen and (max-width: 991px) {
    .serachContainer.firstForm, .serachContainer.two{padding-bottom:20px!important;}
}