/* Default Layout: 992px. */
            /* Reset & General Styling */
            
            article,
            aside,
            details,
            figcaption,
            figure,
            footer,
            header,
            hgroup,
            nav,
            section {
                display: block;
            }
            
            html {
                font-size: 100%;
                overflow-y: scroll;
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                -webkit-text-size-adjust: 100%;
                -ms-text-size-adjust: 100%;
            }
            
            abbr[title] {
                border-bottom: 1px dotted;
            }
            
            b,
            strong {
                font-weight: bold;
            }
            
            blockquote {
                margin: 1em 40px;
            }
            
            dfn {
                font-style: italic;
            }
            
            hr {
                border: 0;
                border-top: 1px solid #ccc;
                display: block;
                margin: 1em 0;
                padding: 0;
            }
            
            ins {
                background: #ff9;
                color: #000;
                text-decoration: none;
            }
            
            mark {
                background: #ff0;
                color: #000;
                font-style: italic;
                font-weight: bold;
            }
            
            pre,
            code,
            kbd,
            samp {
                font-family: monospace, monospace;
                _font-family: 'courier new', monospace;
                font-size: 1em;
            }
            
            pre,
            code {
                white-space: pre;
                white-space: pre-wrap;
                word-wrap: break-word;
            }
            
            q {
                quotes: none;
            }
            
            q:before,
            q:after {
                content: "";
                content: none;
            }
            
            small {
                font-size: 85%;
            }
            
            sub,
            sup {
                font-size: 75%;
                line-height: 0;
                position: relative;
                vertical-align: baseline;
            }
            
            sup {
                top: -0.5em;
            }
            
            sub {
                bottom: -0.25em;
            }
            
            ul,
            ol {
                margin: 0;
                padding: 0;
                list-style-position: inside;
            }
            
            ul ul,
            ol ol,
            ul ol,
            ol ul {
                margin: 0;
            }
            
            ul li {
                list-style-type: none;
            }
            
            dd {
                margin: 0 0 0 40px;
            }
            
            nav ul,
            nav ol {
                list-style: none;
                list-style-image: none;
                margin: 0;
                padding: 0;
            }
            
            img {
                border: 0;
                -ms-interpolation-mode: bicubic;
                vertical-align: middle;
            }
            
            svg:not(:root) {
                overflow: hidden;
            }
            
            figure,
            form {
                margin: 0;
            }
            
            fieldset {
                border: 0;
                margin: 0;
                padding: 0;
            }
            
            legend {
                border: 0;
                *margin-left: -7px;
                padding: 0;
            }
            
            label {
                cursor: pointer;
            }
            
            button,
            input,
            select,
            textarea {
                font-size: 100%;
                margin: 0;
                vertical-align: baseline;
                *vertical-align: middle;
            }
            
            button,
            input {
                line-height: normal;
                *overflow: visible;
            }
            
            table button,
            table input {
                *overflow: auto;
            }
            
            img #jsrmsp_page_favicon_preview {
                width: 100px !important;
            }
            
            button,
            input[type=button],
            input[type=reset],
            input[type=submit] {
                cursor: pointer;
                -webkit-appearance: button;
            }
            
            input[type=checkbox],
            input[type=radio] {
                box-sizing: border-box;
            }
            
            input[type=search] {
                -webkit-appearance: textfield;
                -moz-box-sizing: content-box;
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
            }
            
            input[type="search"]::-webkit-search-decoration {
                -webkit-appearance: none;
            }
            
            button::-moz-focus-inner,
            input::-moz-focus-inner {
                border: 0;
                padding: 0;
            }
            
            textarea {
                overflow: auto;
                vertical-align: top;
                resize: vertical;
            }
            
            input:valid,
            textarea:valid {}
            
            input:invalid,
            textarea:invalid {
                background-color: #f0dddd;
            }
            
            table {
                border-collapse: collapse;
                border-spacing: 0;
            }
            
            th {
                text-align: left;
            }
            
            tr,
            th,
            td {
                padding-right: 1.625em;
            }
            
            td {
                vertical-align: top;
            }
            /* Smart clearfix */
            
            .clearfix:before,
            .clearfix:after {
                content: "";
                display: table;
            }
            
            .clearfix:after {
                clear: both;
            }
            
            .clearfix {
                zoom: 1;
            }
            /********************************************************************************************* 

1. Page Structure: Common layout elements

*********************************************************************************************/
            
             :-moz-selection {
                background: #105194;
                color: #fff;
            }
            
             ::selection {
                background: #105194;
                color: #fff;
            }
            
            a {
                color: #003366;
                text-decoration: none;
                background-color: #192C57 !important;
                border: 1px solid #d2d2d2;
            }
            
            a:hover {
                color: #a41d31;
                -webkit-transition-duration: 0.3s;
                -moz-transition-duration: 0.3s;
                transition-duration: 0.3s;
            }
            
            a.invert {
                color: #b9972f;
            }
            
            a.invert:hover {
                color: #a41d31;
            }
            
            a:focus {
                outline: none;
            }
            
            a:hover,
            a:active {
                outline: none;
            }
            
            body {
                background-repeat: x;
                /* background-image: url(http://localhost/kuccps/wp-content/uploads/2023/08/kca-gate.jpg)!important; */
                font-size: 16px;
                font-family: 'Roboto', sans-serif;
                color: #333;
            }
            
            a {
                text-decoration: none;
            }
            
            .fix {
                display: block;
                overflow: hidden;
            }
            
            div.jsrmsp-result-container {
                background-color: #ffffff;
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
                -o-border-radius: 7px;
                -ms-border-radius: 7px;
                border-radius: 7px;
                -moz-box-shadow: 0 1px 2px #cecece;
                -webkit-box-shadow: 0 1px 2px #cecece;
                -o-box-shadow: 0 1px 2px #cecece;
                -ms-box-shadow: 0 1px 2px #cecece;
                box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
                color: #333;
                margin: 0 auto;
                padding: 10px;
                width: 940px;
            }
            
            header.header {
                background-color: #333333;
                -moz-border-radius: 7px 7px 0px 0px;
                -webkit-border-radius: 7px 7px 0px 0px;
                -o-border-radius: 7px 7px 0px 0px;
                -ms-border-radius: 7px 7px 0px 0px;
                border-radius: 7px 7px 0px 0px;
                display: table;
                overflow: hidden;
            }
            
            header.header {
                border-bottom: 5px solid #CBAE2D;
                /* #2EA2CC; */
            }
            
            footer.footer {
                border-top: 5px solid #CBAE2D;
                /* #2EA2CC; */
            }
            
            div.header-left {
                /* background: none repeat scroll 0 0 #2d2d2d; */
                background: none repeat scroll 0 0 #acbde9;
                display: table-cell;
                padding: 13px 10px;
                position: relative;
                width: 200px;
            }
            
            div.header-left>img {
                display: block;
                height: auto;
                position: absolute;
                top: 50%;
                left: 50%;
                -moz-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 93px;
            }
            
            div.header-right {
                background-color: #192C57;
                float: right;
                display: table-cell;
                padding: 10px;
                width: 700px;
            }
            
            div.header-right>h2 {
                font-size: 33px;
                color: #ffffff;
                font-weight: 500;
                margin: 5px 0;
                padding: 0;
                text-align: center;
            }
            
            div.header-right>p {
                color: #FFFFFF;
                font-size: 16px;
                margin: 16px 0;
                font-weight: 400;
                text-align: center;
            }
            
            .header-right .headerp {
                text-align: justify !important;
            }
            
            .header-right .headerp a {
                color: #CBAE2D !important;
                border: none !important;
            }
            
            # div.jsrmsp-home-link {
                margin-bottom: 0;
                overflow: hidden;
                padding: 5px;
            }
            
            div.jsrmsp-home-link a {
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
                -o-border-radius: 7px;
                -ms-border-radius: 7px;
                background-color: #272727;
                border: 1px solid #1B1B1B;
                border-radius: 7px;
                color: #A7A7A8;
                display: block;
                float: right;
                padding: 5px 15px;
            }
            
            div.jsrmsp-home-link a:hover {
                background-color: #393939;
            }
            /* Result Search */
            
            div.jsrmsp-result-search-area.fix {
                padding: 10px;
            }
            
            div.jsrmsp-result-search-form {
                background: none repeat scroll 0 0 #fff;
                margin: 7px auto;
                padding: 20px 30px;
                width: 400px;
                border: 1px solid #E9E9E9;
            }
            
            div.jsrmsp-form-row {
                margin-bottom: 20px;
            }
            
            div.jsrmsp-form-row label {
                color: #777;
                display: inline-block;
                text-shadow: 0 1px 0 #ffffff;
                width: 78px;
            }
            
            span.seperator {
                display: inline-block;
                text-align: center;
                width: 100px;
            }
            
            div.jsrmsp-form-row select {
                background-color: #F2F2F2;
                border: 1px solid #D6D6D6;
                color: #A7A7A8;
                height: 34px;
                padding: 6px 3px;
                vertical-align: middle;
                width: 210px;
            }
            
            div.jsrmsp-form-row select option {
                background-color: #f2f2f2;
                border-bottom: 1px solid #e9e9e9;
                border-top: 1px solid #fdfdfd;
                color: #555;
                padding: 2px 5px;
            }
            
            div.jsrmsp-form-row input[type=text] {
                background-color: #fbfbfb;
                border: 1px solid #ddd;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
                color: #777;
                padding: 4px 5px;
                width: 198px;
            }
            
            div.jsrmsp-form-row input[type=text]:focus {
                background-color: #fff;
            }
            
            div.jsrmsp-form-row input[type=submit],
            div.jsrmsp-form-row input[type=reset] {
                background-color: #2ea2cc;
                border: 1px solid #0074a2;
                color: #fff;
                padding: 4px 13px;
            }
            
            div.jsrmsp-form-row input[type=submit] {
                float: right;
            }
            
            div.jsrmsp-form-row input[type=submit]:hover,
            div.jsrmsp-form-row input[type=reset]:hover {
                background: #268EB4;
            }
            
            .st-btn {
                margin-right: 4px;
            }
            
            div.jsrmsp-result-notice>p {
                background: none repeat scroll 0 0 #ffff9f;
                border: 1px solid #ff847a;
                color: #f43329;
                font-size: 14px;
                font-weight: 400;
                margin: 15px 0 0;
                padding: 8px 5px;
                text-align: center;
            }
            /* Result view start */
            
            div.jsrmsp-result-view {
                display: ;
            }
            
            div.jsrmsp-result-view h2 {
                border-bottom: 1px solid #d2d2d2;
                color: #212121;
                font-size: 18px;
                font-weight: 400;
                padding-bottom: 8px;
                text-align: center;
                text-transform: uppercase;
            }
            
            table.jsrmsp-student-info,
            table.jsrmsp-student-result {
                width: 100%;
            }
            
            table.jsrmsp-student-info td,
            table.jsrmsp-student-result td,
            table.jsrmsp-student-result th {
                border: 1px solid #ddd;
                padding: 10px;
                width: 50%;
            }
            
            table.jsrmsp-student-info td,
            table.jsrmsp-student-result td {
                color: #212121;
                font-size: 15px;
                font-weight: 400;
            }
            
            table.jsrmsp-student-result th {
                background-color: #9f9f9f;
                font-size: 15px;
                font-weight: 500;
                color: #fff;
            }
            
            table.jsrmsp-student-info tr:hover,
            table.jsrmsp-student-result tr:hover {
                background-color: #FFF;
            }
            
            table.jsrmsp-student-result {
                margin-bottom: 10px;
            }
            
            div.jsrmsp-error {
                margin-bottom: 10px;
            }
            
            div.error {
                margin-bottom: 15px;
            }
            
            div.jsrmsp-search-print {
                margin-bottom: 10px;
            }
            
            div.jsrmsp-search-print a {
                background-color: #fff;
                border: 1px solid #d2d2d2;
                color: #a7a7a8;
                display: inline-block;
                padding: 5px 10px;
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
                -o-border-radius: 7px;
                -ms-border-radius: 7px;
                border-radius: 7px;
            }
            
            div.jsrmsp-search-print a:hover {
                background-color: #eae6e6;
                border: 1px solid #dad5d5;
                color: #989899;
            }
            
            div.jsrmsp-search-print a.jsrmsp-search-again {
                float: left;
            }
            
            div.jsrmsp-search-print a.jsrmsp-result-print {
                float: right;
            }
            /* Result view end */
            
            footer.footer {
                background-color: #333333;
                -moz-border-radius: 0px 0px 7px 7px;
                -webkit-border-radius: 0px 0px 7px 7px;
                -o-border-radius: 0px 0px 7px 7px;
                -ms-border-radius: 0px 0px 7px 7px;
                border-radius: 0px 0px 7px 7px;
                display: block;
                overflow: hidden;
            }
            
            footer.footer>p {
                color: #939394;
                padding: 5px;
                text-align: center;
                font-size: 16px;
                font-weight: 400;
            }
            /* Tablet Layout: 768px. */
            
            @media only screen and (min-width: 768px) and (max-width: 991px) {
                div.jsrmsp-result-container {
                    margin: 0 auto;
                    padding: 10px;
                    width: 710px;
                }
                div.header-left {
                    display: table-cell;
                    padding: 13px 10px;
                    width: 160px;
                }
                div.header-left>img {
                    display: block;
                    height: auto;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -moz-transform: translate(-50%, -50%);
                    -webkit-transform: translate(-50%, -50%);
                    -o-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    width: 93px;
                }
                div.header-right {
                    float: right;
                    display: table-cell;
                    padding: 10px;
                    width: 510px;
                }
                .st-btn {
                    margin-right: 4px;
                }
            }
            /* Mobile Layout: 320px. */
            
            @media only screen and (max-width: 767px) {
                div.jsrmsp-result-container {
                    margin: 0 auto;
                    padding: 10px;
                    width: 280px;
                }
                div.header-left {
                    float: none;
                    display: block;
                    padding: 10px;
                    height: 150px;
                    width: 260px;
                }
                div.header-left>img {
                    display: block;
                    height: auto;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -moz-transform: translate(-50%, -50%);
                    -webkit-transform: translate(-50%, -50%);
                    -o-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    width: 93px;
                }
                div.header-right {
                    float: none;
                    padding: 10px;
                    display: block;
                    width: 260px;
                }
                div.header-right>h2 {
                    font-size: 25px;
                    font-weight: 500;
                    margin: 5px 0;
                    padding: 0;
                    text-align: center;
                    line-height: 30px;
                }
                div.header-right>p {
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 25px;
                    margin: 15px 0;
                    text-align: center;
                }
                div.jsrmsp-home-link a {
                    float: none;
                    -moz-border-radius: 0px;
                    -webkit-border-radius: 0px;
                    -o-border-radius: 0px;
                    -ms-border-radius: 0px;
                    border-radius: 0px;
                    text-align: center;
                    padding: 6px 15px;
                }
                div.jsrmsp-result-search-area.fix {
                    padding: 0;
                }
                div.jsrmsp-result-search-form {
                    padding: 20px 30px;
                    width: 238px;
                }
                div.jsrmsp-result-search-form {
                    padding: 16px 10px;
                    width: 258px;
                }
                div.jsrmsp-form-row select {
                    width: 258px;
                }
                span.seperator {
                    display: none;
                }
                div.jsrmsp-form-row label {
                    width: 87px;
                    margin-bottom: 15px;
                }
                div.jsrmsp-form-row input[type="text"] {
                    width: 246px;
                }
                .st-btn {
                    margin-right: 0px;
                }
                div.jsrmsp-result-view h2 {
                    font-size: 17px;
                    font-weight: 400;
                    line-height: 25px;
                }
                div.jsrmsp-search-print a {
                    padding: 3px 10px;
                }
                div.jsrmsp-search-print a.jsrmsp-search-again,
                div.jsrmsp-search-print a.jsrmsp-result-print {
                    float: none;
                    display: block;
                    text-align: center;
                    padding: 6px 10px;
                    -moz-border-radius: 0px;
                    -webkit-border-radius: 0px;
                    -o-border-radius: 0px;
                    -ms-border-radius: 0px;
                    border-radius: 0px;
                }
                div.jsrmsp-search-print a.jsrmsp-search-again {
                    margin-bottom: 10px;
                }
            }
            /* Wide Mobile Layout: 480px. */
            
            @media only screen and (min-width: 480px) and (max-width: 767px) {
                div.jsrmsp-result-container {
                    margin: 0 auto;
                    padding: 10px;
                    width: 410px;
                }
                div.header-left {
                    display: table-cell;
                    width: 98px;
                    height: inherit;
                    padding: 23px 10px;
                }
                div.header-left>img {
                    display: block;
                    height: auto;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -moz-transform: translate(-50%, -50%);
                    -webkit-transform: translate(-50%, -50%);
                    -o-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    width: 93px;
                }
                div.header-right {
                    float: right;
                    display: table-cell;
                    padding: 10px;
                    width: 272px;
                }
                div.header-right>h2 {
                    font-size: 28px;
                    font-weight: 500;
                    text-align: center;
                    margin: 5px 0;
                    padding: 0;
                }
                div.header-right>p {
                    font-size: 17px;
                    font-weight: 400;
                    margin: 25px 0;
                    text-align: center;
                    line-height: 25px;
                }
                div.jsrmsp-home-link a {
                    float: right;
                    padding: 3px 15px;
                    -moz-border-radius: 7px;
                    -webkit-border-radius: 7px;
                    -o-border-radius: 7px;
                    -ms-border-radius: 7px;
                    border-radius: 7px;
                }
                div.jsrmsp-result-search-area.fix {
                    padding: 0;
                }
                div.jsrmsp-result-search-form {
                    padding: 20px 15px;
                    width: 378px;
                }
                div.jsrmsp-form-row label {
                    width: 85px;
                }
                span.seperator {
                    display: inline-block;
                    text-align: center;
                    width: 74px;
                }
                div.jsrmsp-form-row select {
                    width: 210px;
                }
                div.jsrmsp-form-row input[type=text] {
                    width: 198px;
                }
                .st-btn {
                    margin-right: 1px;
                }
                div.jsrmsp-result-view h2 {
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 32px;
                }
                div.jsrmsp-search-print a.jsrmsp-search-again {
                    float: left;
                }
                div.jsrmsp-search-print a.jsrmsp-result-print {
                    float: right;
                }
                div.jsrmsp-search-print a.jsrmsp-search-again,
                div.jsrmsp-search-print a.jsrmsp-result-print {
                    padding: 4px 10px;
                    -moz-border-radius: 7px;
                    -webkit-border-radius: 7px;
                    -o-border-radius: 7px;
                    -ms-border-radius: 7px;
                    border-radius: 7px;
                }
                div.jsrmsp-search-print a.jsrmsp-search-again {
                    margin-bottom: 0px;
                }
            }