MMCT TEAM
Server IP : 2a02:4780:11:1359:0:1d43:a566:2  /  Your IP : 216.73.216.199
Web Server : LiteSpeed
System : Linux in-mum-web1259.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64
User : u490972518 ( 490972518)
PHP Version : 5.6.40
Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail
MySQL : ON  |  cURL : ON  |  WGET : ON  |  Perl : OFF  |  Python : OFF
Directory (0755) :  /home/u490972518/domains/ppschool.org.in/public_html/admin/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home/u490972518/domains/ppschool.org.in/public_html/admin/pt1.php

<?php
$class=$_POST['class'];
$session=$_POST['session'];
$exam=$_POST['exam'];
$type=$_POST['type'];
if($type=='PT I' or $type=='PT II' )
{
    $m=10;
}
if($type=='Note Book' or $type=='Sub Enr.' )
{
    $m=5;
}
if($type=='Half Yearly' or $type=='Annual Exam' )
{
    $m=80;
}

include("../link/databaseconnection.php");
$sel="select * from registration where session='$session' and subject='$class' and status=''";
	
	$res=mysqli_query($conn,$sel);
	$s=1;
while($row=mysqli_fetch_array($res,MYSQLI_BOTH))
{

	$app=$row['application'];
 $application=$row['application'];
	      $sel1="select * from mark where type='$type' and session='$session' and sch='$application' and exam='$exam'";
	$res1=mysqli_query($conn,$sel1);
	$pt1=mysqli_fetch_array($res1,MYSQLI_BOTH);
	
	

?>
<!DOCTYPE html>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title></head>
<body>
    <form method="post" action="./Y_Report_New_s_total.aspx?admid=210" id="form1">
<div class="aspNetHidden">

</div>


        <style type="text/css">
     /*@media print {
       .item {
           -webkit-filter:   drop-shadow(6px 4px 0px #dedede);
          
       }*/

     .item
     {
          font-weight: bold; font-family: Cambria Math; font-size: 40px;  text-shadow:6px 4px 0px #dedede; color:  black;
     }
     
	 }
 
 
     </style>

         <style>
      @media print {
    body, .content {
        background: #FFF;
		 -webkit-print-color-adjust: exact; 
    }

     .lvsim2 .rw .cl:first-child {
        border-left: 0.75pt solid #ddd;
    }

    .lvsim2 .cl {
        border-right: 0.75pt solid #ddd;
        border-bottom: 0.75pt solid #ddd;
    }

    .lvsim2 .rw:first-child .cl {
        background-image: none !important;
        text-shadow: none;
        border-top: 0.75pt solid #ddd;
    }

    .lvsim2 .rw:nth-of-type(odd) .cl {
        background: #FFF;
    }



    .lvsim .rw .cl:first-child {
        border-left: 0.75pt solid #ddd;
    }

    .lvsim .cl {
        border-right: 0.75pt solid #ddd;
        border-bottom: 0.75pt solid #ddd;
    }

    .lvsim .rw:first-child .cl {
        background-image: none !important;
        text-shadow: none;
        border-top: 0.75pt solid #ddd;
    }

    .lvsim .rw:nth-of-type(odd) .cl {
        background: #FFF;
    }

    #stuList-print-hdV1 {
        height: 29cm;
        width: 21cm;
        font-size: 9pt;
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
    }

    #stuListV1 {
        padding: 0;
        margin-top: 10pt;
    }

        #stuListV1 .cl {
            height: 16pt;
            padding: 4pt 3pt;
            background-image: none !important;
            background: none !important;
            font-weight: normal;
            text-align: left;
            border-width: 0.75pt !important;
        }

        #stuListV1 .rw:nth-of-type(1) .cl {
            padding: 6pt 3pt;
            line-height: 8pt;
            font-weight: bold;
        }

        #stuListV1 .rw .cl:nth-of-type(1) {
            width: 30pt;
        }

        #stuListV1 .rw .cl:nth-of-type(2) {
            width: 50pt;
        }

            #stuListV1 .rw .cl:nth-of-type(2) a {
                color: #000;
            }

        #stuListV1 .rw .cl:nth-of-type(3) {
            width: 150pt;
        }

        #stuListV1 .rw .cl:nth-of-type(4) {
            width: 65pt;
        }

        #stuListV1 .rw .cl:nth-of-type(5) {
            width: 140pt;
        }

        #stuListV1 .rw .cl:nth-of-type(6) {
            width: 66pt;
        }

        #stuListV1 .rw .cl:nth-of-type(7) {
            width: 58pt;
            display: none;
        }

        #stuListV1 .rw .cl:nth-of-type(8) {
            width: 38pt;
        }

    #stuList-print-hdV2 {
        height: 29cm;
        width: 21cm;
        font-size: 9pt;
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
    }

    #stuListV2 {
        padding: 0;
        margin-top: 10pt;
    }

        #stuListV2 .cl {
            height: 8pt;
            padding: 4pt 3pt;
            background-image: none !important;
            background: none !important;
            font-weight: normal;
            text-align: left;
            border-width: 0.75pt !important;
        }

        #stuListV2 .rw:nth-of-type(1) .cl {
            line-height: 8pt;
            font-weight: bold;
        }

        #stuListV2 a {
            color: #000;
        }

        #stuListV2 .rw .cl:nth-of-type(1) {
            min-width: 110pt;
            max-width: 110pt;
        }

        #stuListV2 .rw .cl:nth-of-type(2) {
            min-width: 110pt;
            max-width: 110pt;
        }

        #stuListV2 .rw .cl:nth-of-type(3) {
            min-width: 58pt;
            max-width: 58pt;
        }

        #stuListV2 .rw .cl:nth-of-type(4) {
            min-width: 50pt;
            max-width: 50pt;
        }

        #stuListV2 .rw .cl:nth-of-type(5) {
            min-width: 65pt;
            max-width: 65pt;
        }

        #stuListV2 .rw .cl:nth-of-type(6) {
            min-width: 180pt;
            max-width: 180pt;
        }

        #stuListV2 .rw:not(first-child) .cl {
            padding: 4pt 3pt;
        }

    #stupro-print-cont {
        display: block;
    }

    #stupro-print {
        display: block;
        border: none;
        padding: 10pt;
        height: 29cm;
        width: 21cm;
        font-size: 9pt;
        background: #FFF;
        font-family: Calibri;
        position: relative;
    }

        #stupro-print #imgLogo {
            width: 2cm;
            height: 2cm;
            top: 0.6cm;
            right: 0.2cm;
            position: absolute;
            background: url("../images/stu-watermark.png");
            background-size: 2cm 2cm;
            background-repeat: no-repeat;
        }

        #stupro-print .top {
            height: 3cm;
            border-bottom: 3pt solid #EBEBEB;
        }

            #stupro-print .top .rw .cl:nth-of-type(1) {
                width: 10cm;
            }

            #stupro-print .top .rw .cl:nth-of-type(2) {
                width: 9cm;
                text-align: right;
            }

            #stupro-print .top .rw .cl:nth-of-type(3) {
                width: 3cm;
            }

            #stupro-print .top .name {
                color: #6290BF;
                font-size: 22pt;
                margin-top: 22pt;
                margin-left: 10pt;
            }

            #stupro-print .top .sid {
                color: #AFA5AA;
                font-size: 17pt;
                margin-top: 2pt;
                margin-left: 10pt;
                font-style: italic;
            }

            #stupro-print .top .sc-name {
                font-size: 13pt;
                margin-top: 12pt;
                color: #D04E00;
                font-weight: bold;
            }

            #stupro-print .top .sc-add {
                font-size: 11pt;
                margin-top: 6pt;
                color: #ABA9A5;
            }

            #stupro-print .top .sc-ph {
                font-size: 11pt;
                margin-top: 6pt;
                color: #ABA9A5;
            }

        #stupro-print .stu {
            height: 10cm;
        }

            #stupro-print .stu #imgPrint {
                width: 4cm;
                height: 5cm;
                border: 1pt solid #DCDCDC;
                position: absolute;
                top: 110pt;
                left: 20pt;
            }

            #stupro-print .stu .cl {
                display: table-cell;
                float: none;
            }

            #stupro-print .stu .rw .cl:nth-of-type(1) {
                width: 6.5cm;
            }

            #stupro-print .stu .rw .cl:nth-of-type(2) {
                width: 14cm;
            }

            #stupro-print .stu .stu-hd {
                font-size: 18pt;
                padding: 4pt 5pt 4pt 5pt;
                color: #7DB6D2;
                border-top: 2pt solid #7DB6D2;
                border-bottom: 2pt solid #7DB6D2;
                text-align: center;
                margin-top: 5pt;
            }

        #stupro-print .sp-det .rw11 .cl1:nth-of-type(1) {
            width: 5cm;
        }

        #stupro-print .sp-det .rw11 .cl1:nth-of-type(2) {
            width: 5cm;
        }

        #stupro-print .sp-det .rw1 {
            margin-top: 10pt;
        }

        #stupro-print .sp-det .det-hd {
            padding: 3pt 8pt;
            width: 6cm;
            font-size: 13pt;
            font-weight: normal;
            color: #8F9090;
        }

        #stupro-print .sp-det .det {
            padding: 4pt 8pt;
            width: 6cm;
            font-size: 13pt;
            font-weight: bold;
            color: #000;
        }

        #stupro-print .sp-det .det-long {
            padding: 4pt 8pt;
            width: 12cm;
            font-size: 13pt;
            font-weight: bold;
            color: #000;
        }

        #stupro-print .stu-det {
            margin-top: 30pt;
        }

        #stupro-print .par-hd {
            padding: 5pt;
            font-size: 18pt;
            font-weight: bold;
            color: #000;
        }

        #stupro-print .par {
            padding: 5pt;
            font-size: 23pt;
            font-weight: bold;
            color: #000;
            border-top: 2pt solid #E4E4E4;
            height: 7cm;
        }

            #stupro-print .par .rw .cl:nth-of-type(1) {
                width: 6.5cm;
                vertical-align: top;
            }

                #stupro-print .par .rw .cl:nth-of-type(1) .cl1 {
                    padding-top: 10pt;
                }

                #stupro-print .par .rw .cl:nth-of-type(1) .det-hd {
                    padding: 3pt 8pt;
                    width: 6cm;
                    font-size: 13pt;
                    color: #000;
                }

                #stupro-print .par .rw .cl:nth-of-type(1) .det {
                    padding: 4pt 8pt;
                    width: 6cm;
                    font-size: 13pt;
                    font-weight: bold;
                    color: #8F9090;
                }

            #stupro-print .par .rw .cl:nth-of-type(2) {
                width: 14cm;
            }

            #stupro-print .par .cl {
                display: table-cell;
                float: none;
            }

    #student-birthday-listhd-print {
        text-align: center;
        font-weight: bold;
        font-size: 10pt;
        margin-top: 10pt;
    }

    #student-birthday-list {
        margin-left: 0;
        margin: 0 auto;
        padding: 10pt;
        box-shadow: none;
    }

        #student-birthday-list .cl {
            padding: 2pt 8pt;
        }

        #student-birthday-list .rw .cl:nth-of-type(1) {
            width: 46pt;
        }

        #student-birthday-list .rw .cl:nth-of-type(2) {
            width: 96pt;
        }

        #student-birthday-list .rw .cl:nth-of-type(3) {
            width: 96pt;
        }

        #student-birthday-list .rw .cl:nth-of-type(4) {
            width: 186pt;
        }

        #student-birthday-list .fdb {
            padding: 5pt 5pt;
            border-left: 0.75pt solid #DDD;
            border-right: 0.75pt solid #DDD;
            border-bottom: 0.75pt solid #DDD;
            padding-left: 150pt;
            color: #F72F2F;
            font-size: 10pt;
            font-weight: bold;
            width: 624.5pt;
            background: #FFF;
        }

    #date-stu-birth {
        margin: 10pt 20pt 10pt 35pt;
        color: #D40000;
    }

    #view-ttt-print-hd {
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
        background: #FFF;
    }

    #view-ttt {
        box-shadow: none;
        margin: 10pt auto 10pt auto !important;
        width: 473pt;
    }

        #view-ttt .cl {
            height: 8pt;
            background-image: none !important;
            background: none !important;
            font-weight: normal;
            text-align: left;
            border-width: 0.75pt !important;
            background: #FFF !important;
        }

        #view-ttt .rw .cl:nth-of-type(1) {
            width: 72pt;
            padding: 5pt 10pt;
        }

        #view-ttt .rw .cl:nth-of-type(2) {
            width: 401.5pt;
        }

            #view-ttt .rw .cl:nth-of-type(2) .cls {
                height: 20pt;
                padding: 6pt 6pt !important;
                border-bottom: 0.75pt solid #DDD;
                border-right: 0.75pt solid #DDD;
            }

            #view-ttt .rw .cl:nth-of-type(2) .rws .cls:nth-of-type(1) {
                width: 177pt;
            }

            #view-ttt .rw .cl:nth-of-type(2) .rws .cls:nth-of-type(2) {
                width: 102pt;
            }

            #view-ttt .rw .cl:nth-of-type(2) .rws .cls:nth-of-type(3) {
                width: 122pt;
            }

        #view-ttt .rw:nth-of-type(1) .cl {
            background: #FFF !important;
        }

        #view-ttt .rw:nth-of-type(1) .cl {
            padding: 0;
            line-height: 8pt;
        }

            #view-ttt .rw:nth-of-type(1) .cl:nth-of-type(1) {
                text-align: center;
                width: 73pt;
                padding: 10pt 10.5pt;
            }

            #view-ttt .rw:nth-of-type(1) .cl:nth-of-type(2) {
                text-align: center;
                width: 436pt;
            }

                #view-ttt .rw:nth-of-type(1) .cl:nth-of-type(2) .fr {
                    padding: 6pt 0;
                    border-top: 0.75pt solid #DDD;
                    border-right: 0.75pt solid #DDD;
                    font-weight: bold;
                }

                #view-ttt .rw:nth-of-type(1) .cl:nth-of-type(2) .sec {
                    border-top: 0.75pt solid #DDD;
                }

    #vtt-print-page {
        position: relative;
        height: 21 cm;
        width: 29.7 cm;
        font-size: 9pt;
        padding: 0 8pt !important;
    }

    #vtt-print {
        height: 21 cm;
        width: 29.7 cm;
    }

    #vtt-print-hd {
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
    }

    #vtt-cont-print {
        box-shadow: none;
    }

        #vtt-cont-print tr td {
            background: none !important;
            background-image: none !important;
            font-weight: normal;
            text-align: left;
            border-width: 0.75pt !important;
            border-color: #ddd;
            padding: 2pt 2pt !important;
            min-width: 90pt !important;
        }

            #vtt-cont-print tr td:nth-of-type(1) {
                font-weight: bold;
                color: #666 !important;
                padding-left: 5pt !important;
            }

        #vtt-cont-print tr:nth-of-type(1) td {
            color: #666 !important;
            font-weight: bold;
            padding: 8pt 2pt !important;
            text-align: center;
            font-size: 9pt !important;
        }

        #vtt-cont-print tr td:nth-of-type(1) {
            max-width: 50pt;
        }

        #vtt-cont-print .tc {
            text-align: center;
            position: relative;
        }

        #vtt-cont-print tr:nth-of-type(odd) td {
            background: none !important;
        }

        #vtt-cont-print .subemp {
            color: #666 !important;
            padding: 2pt 5pt;
            font-size: 8pt;
        }

        #vtt-cont-print .per {
            color: #666 !important;
        }

    #emp-details-print-cont {
        position: relative;
        width: 21 cm;
        height: 29.7 cm;
        background: #FFF;
    }

    #emp-details-print-hd {
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
    }

    .emp-profile-top .img-border {
        border: 0.75pt #ddd solid;
        margin-left: 20pt !important;
    }

    .emp-profile-top .btn-print {
        display: none;
    }

    #emp-profile {
        box-sizing: content-box;
        width: 21 cm;
        box-shadow: none;
        margin: 0;
        border: none;
        padding: 5pt;
        background: #FFF;
    }

        #emp-profile .btn-top {
            display: none;
        }

    .emp-profile-details {
        background: #FFF;
        margin: 2pt 20pt;
    }

        .emp-profile-details .cl {
            height: 10pt;
            padding: 3pt 5pt;
        }

        .emp-profile-details .rw .cl:nth-of-type(1) {
            width: 110pt;
            font-weight: normal;
            color: #000;
            border: 0.75pt #ddd solid;
            border-right: none;
            border-bottom: none;
        }

        .emp-profile-details .rw .cl:nth-of-type(2) {
            width: 200pt;
            border-color: #ddd;
            border-width: 0.75pt !important;
            border-bottom: none;
            font-weight: normal;
            color: #000;
        }

        .emp-profile-details .rw:last-child .cl {
            border-bottom: 0.75pt #ddd solid;
        }

    .emp-details-hd {
        color: #000;
        padding: 5pt;
        margin: 5pt 15pt 0 15pt;
        font-size: 9pt;
        font-weight: bold;
    }

    #emp-login-details {
        display: none;
    }

    #emp-list-print-cont {
        position: relative;
        width: 21 cm;
        height: 29.7 cm;
    }

    #emp-list-print-hd {
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
    }

    #emp-list-print-hd-left .cls {
        padding: 3pt 5pt;
    }

    #emp-list-print-hd-left .rws .cls:nth-of-type(1) {
        width: 50pt;
    }

    #emp-list-print-hd-left .rws .cls:nth-of-type(2):after {
        width: 10pt;
    }

    #emp-list-print-hd-left .rws .cls:nth-of-type(3) {
        width: 100pt;
    }

    #pnlEmpSearch {
        padding: 0;
        margin: 10pt;
        box-shadow: none;
    }

        #pnlEmpSearch .cl {
            height: 10pt;
            padding: 3pt 5pt;
        }

        #pnlEmpSearch .rw .cl:nth-of-type(1) {
            width: 30pt;
        }

        #pnlEmpSearch .rw .cl:nth-of-type(2) {
            width: 160pt;
        }

        #pnlEmpSearch .rw .cl:nth-of-type(3) {
            width: 100pt;
        }

        #pnlEmpSearch .rw .cl:nth-of-type(4) {
            width: 100pt;
        }

    #vpsemp-ct-print {
        box-sizing: content-box;
        box-shadow: none;
        position: relative;
        width: 21 cm;
        height: 29.7 cm;
        background: #FFF;
    }

    #vpsemp-hd {
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
    }

    #vpsemp-hd-left {
        margin-left: 35pt;
    }

        #vpsemp-hd-left .cls {
            padding: 3pt 5pt;
        }

        #vpsemp-hd-left .rws .cls:nth-of-type(1) {
            width: 80pt;
        }

        #vpsemp-hd-left .rws .cls:nth-of-type(2):after {
            width: 10pt;
        }

        #vpsemp-hd-left .rws .cls:nth-of-type(3) {
            width: 100pt;
        }

    #vpsemp {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 10pt auto 10pt 40pt !important;
    }

        #vpsemp .cl {
            height: 8pt;
            line-height: 10pt;
            padding: 5pt 10pt;
            background-image: none !important;
            background: none !important;
            font-weight: normal;
            text-align: left;
            border-width: 0.75pt !important;
            font-size: 10pt;
        }

        #vpsemp .rw:nth-of-type(1) .cl {
            padding: 6pt 10pt;
            line-height: 8pt;
        }

        #vpsemp .rw .cl:nth-of-type(1) {
            width: 145pt;
        }

        #vpsemp .rw .cl:nth-of-type(2) {
            width: 90pt;
            text-align: right;
        }

        #vpsemp .vpsemp-tot .cl {
            padding: 8pt 10pt !important;
            font-weight: bold;
        }

        #vpsemp .vpsemp-sal .rw:first-child .cl {
            border-top: 0.75pt solid #ddd;
        }

        #vpsemp .vpsemp-ded .rw:first-child .cl {
            border-top: 0.75pt solid #ddd;
        }

    .app-a4-page-header {
        height: 1.5cm;
        width: 16cm;
    }

        .app-a4-page-header .cl {
            padding: 0.13cm 0.45cm;
            text-align: center;
        }

        .app-a4-page-header .rw .cl:nth-of-type(1) {
            width: 15.5cm;
        }

    .report-print-container {
        width: 21cm;
        padding: 0.2cm;
    }

        .report-print-container .report-print-header {
            padding: 0.2cm 0.5cm;
        }

            .report-print-container .report-print-header h1 {
                color: #0B6E99;
                padding: 0.2cm 0;
            }

            .report-print-container .report-print-header h3 {
                color: #222425;
                padding: 0.2cm 0;
                font-weight: bold;
            }

            .report-print-container .report-print-header .line {
                width: 20cm;
            }

        .report-print-container .report-print-content {
            padding: .3cm 0;
        }

            .report-print-container .report-print-content .report {
                border: none;
                width: 20cm !important;
                margin-left: .5cm;
                margin-right: .5cm;
                margin-top: .3cm;
                margin-bottom: .3cm;
            }

                .report-print-container .report-print-content .report .rw:first-of-type .cl {
                    background: #DBDBDB !important;
                    border-top: 1px solid #bdbdbd;
                }

                .report-print-container .report-print-content .report .cl {
                    border-right: 1px solid #bdbdbd;
                    border-bottom: 1px solid #bdbdbd;
                    background: #FFF !important;
                }

                .report-print-container .report-print-content .report .rw .cl {
                    padding: 0.2cm 0.25cm;
                }

                    .report-print-container .report-print-content .report .rw .cl:nth-of-type(1) {
                        width: 0.8cm !important;
                        border-left: 1px solid #bdbdbd;
                    }

                    .report-print-container .report-print-content .report .rw .cl:nth-of-type(2) {
                        width: 4cm !important;
                    }

                    .report-print-container .report-print-content .report .rw .cl:nth-of-type(3) {
                        width: 5cm !important;
                    }

                    .report-print-container .report-print-content .report .rw .cl:nth-of-type(4) {
                        width: 2cm !important;
                    }

                    .report-print-container .report-print-content .report .rw .cl:nth-of-type(5) {
                        width: 2cm !important;
                    }

                    .report-print-container .report-print-content .report .rw .cl:nth-of-type(6) {
                        width: 2cm !important;
                    }

                .report-print-container .report-print-content .report .rw:nth-of-type(odd) .cl {
                    background: #F4F3F3 !important;
                }

                .report-print-container .report-print-content .report .last .cl {
                    background: #D2D2D2 !important;
                    border-top: none !important;
                    font-weight: bold;
                }

    .rp-pager {
        padding: 10px;
        margin-top: 20px;
        border: 1px solid #DDD;
        font-weight: bold;
        background: #FFF !important;
    }

        .rp-pager a {
            cursor: pointer;
            color: #D80606;
            border-right: 1px solid #DEDEDE;
            border-left: 1px solid #FFF;
        }

        .rp-pager span:first-child {
            border: none;
        }

        .rp-pager input[type="image"] {
            padding: 5px;
        }

    #cce-rc-print-cont {
        position: relative;
        height: 21 cm;
        width: 29.7 cm;
        font-size: 9pt;
    }

    #cce-rc-print {
        height: 21 cm;
        width: 29.7 cm;
    }

    #cce-rc-print-hd {
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
    }

    #marksh-def {
        border: none;
        box-shadow: none;
    }

        #marksh-def input[type='text'] {
            border: none;
        }

    #cce-rci-ct {
        height: 21cm;
        width: 29.7cm;
        padding: 10pt;
        font-family: Calibri;
    }

        #cce-rci-ct .clbr .cl {
            border-color: #848484 !important;
        }

    #cce-rci {
        padding-left: 20pt;
        padding-top: 5pt;
    }

    #cce-rci-top {
        height: 50pt;
        background-position: 20pt 2pt;
        background-size: 60pt 50pt;
    }

        #cce-rci-top .rw {
            padding: 2pt 1pt 2pt 1pt;
        }

        #cce-rci-top .sname {
            font-size: 13pt;
        }

        #cce-rci-top .sadd {
            font-size: 10pt;
        }

        #cce-rci-top .ssess {
            font-size: 9.5pt;
        }

    #sess-box {
        border: 0.75pt solid #777;
        box-shadow: 2pt 2pt 0pt 0pt #777;
        width: 100pt;
        font-size: 9pt;
        padding: 2pt;
        height: 9pt;
    }

    .cce-rci-hd {
        font-size: 9.5pt;
    }

    #cce-rci-part1-hd {
        margin: 2pt 5pt 3pt 20pt;
    }

    .cce-term-fahd .rw1.fat {
        border-right: 0.75pt solid #ddd;
        border-bottom: 0.75pt solid #ddd;
        padding: 2pt 5pt;
    }

    .cce-term-fahd .fai {
        min-width: 17pt;
        max-width: 17pt;
        width: 17pt;
        padding: 2pt 2pt 2pt 2pt;
        height: 52pt;
        border-right: 0.75pt solid #ddd;
    }

    .cce-term-fahd .rtext {
        margin-top: 50pt;
        margin-left: 4pt;
    }

    .cce-fai .fai {
        min-width: 17pt;
        max-width: 17pt;
        width: 17pt;
        padding: 2.2pt 2pt 2pt 2pt;
        border-right: 0.75pt solid #ddd;
        height: 8pt;
        line-height: 8pt;
    }

    .cce-term {
        font-size: 7pt;
    }

        .cce-term .cce-term-hd .cl:nth-of-type(1) {
            min-width: 44pt;
            max-width: 44pt;
            padding: 2pt 5pt;
            font-weight: bold;
            font-size: 10pt;
        }

    #cce-rci .brt {
        border-top: 0.75pt solid #ddd;
    }

    .cce-rci-ex .cl:nth-of-type(1) {
        min-width: 50pt;
        max-width: 50pt;
        padding: 2.2pt 2pt 2.2pt 2pt;
        font-weight: bold;
        height: 7pt;
        line-height: 7pt;
    }

    #cce-term-bi {
        margin-top: 4pt;
    }

        #cce-term-bi .cl {
            height: 5pt;
            padding: 2pt;
        }

            #cce-term-bi .cl:nth-of-type(1) {
                width: 285pt;
            }

            #cce-term-bi .cl:nth-of-type(2) {
                width: 20pt;
                text-align: right;
            }

    #term-tot .cce-term-fahd .fai {
        height: 75pt;
    }

    #term-tot .cce-term-fahd .rtext {
        margin-top: 74pt;
    }

    #term-tot .cce-fai .fai {
        height: 7pt;
    }

    #cce-rci-stuinfoHD {
        position: absolute;
        border: 0.75pt solid #ddd;
    }

    #cce-rci-stuinfo {
        border: 0.75pt solid #ddd;
    }

    #ccec1-rci-ct {
        height: 21cm;
        width: 29.7cm;
        padding: 10pt;
        font-family: Calibri;
    }

        #ccec1-rci-ct .clbr .cl {
            border-color: #848484 !important;
        }

    #ccec1-rci {
        padding-left: 20pt;
        padding-top: 5pt;
    }

    #ccec1-rci-top {
        width: 390pt;
        height: 50pt;
        background-position: 20pt 2pt;
        background-size: 60pt 50pt;
    }

        #ccec1-rci-top .rw {
            padding: 2pt 1pt 2pt 1pt;
        }

        #ccec1-rci-top .sname {
            font-size: 13pt;
        }

        #ccec1-rci-top .sadd {
            font-size: 10pt;
        }

        #ccec1-rci-top .ssess {
            font-size: 9.5pt;
        }

    #c1-sess-box {
        border: 0.75pt solid #777;
        box-shadow: 2pt 2pt 0pt 0pt #777;
        width: 100pt;
        font-size: 9pt;
        padding: 2pt;
        height: 9pt;
        margin: 0 auto;
    }

    .ccec1-rci-hd {
        font-size: 9.5pt;
    }

    #ccec1-rci-part1-hd {
        margin: 2pt 5pt 3pt 20pt;
    }

    .ccec1-term-fahd .rw1.fat {
        border-right: 0.75pt solid #ddd;
        border-bottom: 0.75pt solid #ddd;
        padding: 2pt 5pt;
    }

    .ccec1-term-fahd .fai {
        min-width: 17pt;
        max-width: 17pt;
        width: 17pt;
        padding: 2pt 2pt 2pt 2pt;
        height: 70pt;
        border-right: 0.75pt solid #ddd;
    }

    .ccec1-term-fahd .rtext {
        margin-top: 70pt;
        margin-left: 4pt;
    }

    .ccec1-fai .fai {
        min-width: 17pt;
        max-width: 17pt;
        width: 17pt;
        padding: 2.2pt 2pt 2pt 2pt;
        border-right: 0.75pt solid #ddd;
        height: 8pt;
        line-height: 8pt;
    }

    .ccec1-term {
        font-size: 7pt;
    }

        .ccec1-term .ccec1-term-hd .cl:nth-of-type(1) {
            min-width: 44pt;
            max-width: 44pt;
            padding: 2pt 5pt;
            font-weight: bold;
            font-size: 10pt;
        }

    #ccec1-rci .brt {
        border-top: 0.75pt solid #ddd;
    }

    .ccec1-rci-ex .cl:nth-of-type(1) {
        min-width: 50pt;
        max-width: 50pt;
        padding: 2pt 2pt 2pt 2pt;
        font-weight: bold;
        height: 7pt;
        line-height: 7pt;
    }

    #ccec1-term-bi {
        margin-top: 4pt;
    }

        #ccec1-term-bi .cl {
            height: 5pt;
            padding: 2pt;
        }

            #ccec1-term-bi .cl:nth-of-type(1) {
                width: 285pt;
            }

            #ccec1-term-bi .cl:nth-of-type(2) {
                width: 20pt;
                text-align: right;
            }

    #ccec1-rci-stuinfoHD {
        position: absolute;
        border: 0.75pt solid #ddd;
    }

    #ccec1-rci-stuinfo {
        border: 0.75pt solid #ddd;
    }

    .cce-db {
        box-sizing: content-box;
        border: none;
        padding: 10pt;
        height: 29.6cm;
        width: 21cm;
        font-size: 9pt;
    }

        .cce-db .cl, .cce-db .cls, .cce-db .cl1, .cce-db .rws {
            border-width: 0.8pt !important;
            border-color: #2F2F2F !important;
        }

        .cce-db input[type='text'] {
            border: none;
        }

        .cce-db .top {
            height: 108pt;
            background-position: 18pt 10pt;
            background-size: 80pt 70pt;
            padding-left: 30pt;
        }

            .cce-db .top .br {
                border-bottom: 0.8pt solid #2f2f2f;
            }

            .cce-db .top .rw {
                padding: 1pt 5pt 1pt 5pt;
            }

            .cce-db .top .one {
                font-size: 15pt;
            }

            .cce-db .top .two {
                font-size: 14pt;
            }

            .cce-db .top .three {
                font-size: 14pt;
            }

            .cce-db .top .four {
                font-size: 13pt;
            }

            .cce-db .top .five {
                font-size: 13pt;
            }

            .cce-db .top .six {
                font-size: 18pt;
                margin-top: 10pt;
            }

            .cce-db .top .school-code {
                top: 86pt;
                left: 20pt;
            }

        .cce-db .stuinfo {
            padding: 10pt;
            margin-top: 0pt;
            width: 580pt;
            margin-left: 0pt;
            font-size: 9.7pt;
        }

            .cce-db .stuinfo .rw:nth-of-type(1) .cl {
                font-size: 12pt;
            }

            .cce-db .stuinfo .cl {
                padding: 4pt 5pt;
            }

                .cce-db .stuinfo .cl:nth-of-type(1) {
                    min-width: 70pt;
                    max-width: 70pt;
                }

                .cce-db .stuinfo .cl:nth-of-type(2) {
                    min-width: 200pt;
                    max-width: 200pt;
                }

                .cce-db .stuinfo .cl:nth-of-type(3) {
                    min-width: 30pt;
                    max-width: 30pt;
                }

                .cce-db .stuinfo .cl:nth-of-type(4) {
                    min-width: 70pt;
                    max-width: 70pt;
                }

                .cce-db .stuinfo .cl:nth-of-type(5) {
                    min-width: 160pt;
                    max-width: 160pt;
                }

        .cce-db .grade {
            margin-left: 5pt;
        }

            .cce-db .grade .hd .cl {
                height: 10pt;
                min-width: 57.5pt;
                max-width: 58pt;
                font-weight: bold;
            }

                .cce-db .grade .hd .cl .rws:nth-of-type(1) {
                    padding: 5pt;
                }

            .cce-db .grade .hd .cls {
                padding: 4pt 3pt;
                min-width: 22pt;
                max-width: 22pt;
                font-size: 7.8pt;
            }

            .cce-db .grade .hd .cl:nth-of-type(1) {
                padding: 5pt 3pt;
            }

            .cce-db .grade .cl {
                padding: 3.5pt 3pt;
                min-width: 22pt;
                max-width: 22pt;
            }

                .cce-db .grade .cl:nth-of-type(1) {
                    min-width: 46pt;
                    max-width: 46pt;
                }

        .cce-db .db-teach-hd {
            margin: 15pt 10pt 10pt 240pt;
        }

        .cce-db .db-teach {
            margin: 10pt 10pt 10pt 30pt;
        }

            .cce-db .db-teach .cl {
                font-size: 9.5pt;
            }

                .cce-db .db-teach .cl:nth-of-type(1) {
                    width: 58pt;
                    padding: 3pt 5pt;
                }

                .cce-db .db-teach .cl:nth-of-type(2) {
                    padding: 1pt 5pt;
                    width: 171.5pt;
                }

                .cce-db .db-teach .cl:nth-of-type(3) {
                    width: 58pt;
                    padding: 3pt 5pt;
                }

                .cce-db .db-teach .cl:nth-of-type(4) {
                    padding: 1pt 5pt;
                    width: 171.5pt;
                }

            .cce-db .db-teach input[type='text'] {
                height: 12pt;
                width: 170pt;
                padding: 1pt;
            }

            .cce-db .db-teach .rws .cls {
                padding: 3pt 10pt;
                width: 230.5pt;
            }

        .cce-db .db-res {
            position: absolute;
            bottom: 46pt;
            left: 6pt;
            margin: 18pt 10pt 10pt 30pt;
            font-size: 11pt;
        }

            .cce-db .db-res input[type='text'] {
                height: 16pt;
                width: 256pt;
                padding: 1pt;
            }

        .cce-db .db-btm {
            margin: 20pt 10pt 10pt 30pt;
            font-size: 12pt;
            position: absolute;
            bottom: 14pt;
            left: 6pt;
        }

            .cce-db .db-btm .cl:nth-of-type(2) {
                margin-left: 175pt;
            }

            .cce-db .db-btm .cl:nth-of-type(3) {
                margin-left: 175pt;
            }

    .cce-dbV2 .grade {
        margin-left: 10pt !important;
    }

        .cce-dbV2 .grade .hd .cl {
            padding: 6pt 3pt !important;
        }

            .cce-dbV2 .grade .hd .cl .rws:nth-of-type(1) {
                border-bottom: none !important;
                padding: 0 !important;
            }

        .cce-dbV2 .grade .cl {
            padding: 6pt 3pt !important;
            min-width: 50pt !important;
            max-width: 50pt !important;
        }

    .cce-dbV3 .cl, .cce-dbV3 .cls, .cce-dbV3 .cl1, .cce-dbV3 .rws, .cce-dbV3 .cce-db-obghd {
        border-width: 0.8pt !important;
        border-color: #2F2F2F !important;
    }

    .cce-dbV3 .stuinfo {
        padding: 2pt 10pt;
    }

    .cce-dbV3 .grade {
        margin-left: 10pt !important;
    }

        .cce-dbV3 .grade .hd .cl {
            padding: 5pt 3pt !important;
        }

            .cce-dbV3 .grade .hd .cl .rws:nth-of-type(1) {
                border-bottom: none !important;
                padding: 3pt !important;
            }

        .cce-dbV3 .grade .cl {
            padding: 4pt 3pt !important;
            min-width: 50pt !important;
            max-width: 50pt !important;
        }

    .cce-dbV3 .db-res {
        bottom: 25pt;
        left: 6pt;
    }

    .cce-dbV3 .db-btm {
        bottom: 5pt;
        left: 6pt;
    }

    .cce-dbV3 .db-coscho-hd {
        margin: 15pt 10pt 0pt 240pt;
        font-weight: bold;
    }

    .cce-dbV3 .db-coscho {
        margin: 8pt 10pt 10pt 15pt;
    }

        .cce-dbV3 .db-coscho .rws .cls {
            border: 0.8pt solid #ddd;
            padding: 4pt 10pt;
            text-align: center;
            font-weight: bold;
            height: 9pt;
        }

            .cce-dbV3 .db-coscho .rws .cls:nth-of-type(1) {
                border-right: none;
                width: 120pt;
            }

            .cce-dbV3 .db-coscho .rws .cls:nth-of-type(2) {
                border-right: none;
                width: 190pt;
            }

            .cce-dbV3 .db-coscho .rws .cls:nth-of-type(3) {
                width: 190pt;
            }

        .cce-dbV3 .db-coscho .cce-db-obg .cl {
            height: 10pt;
            padding: 3.5pt 5pt;
            display: table-cell;
            float: none;
        }

        .cce-dbV3 .db-coscho .cce-db-obg .rw .cl:nth-of-type(1) {
            min-width: 130pt;
            max-width: 130pt;
        }

        .cce-dbV3 .db-coscho .cce-db-obg .rw .cl:nth-of-type(2) {
            min-width: 14pt;
            max-width: 14pt;
            text-align: center;
            font-weight: bold;
        }

        .cce-dbV3 .db-coscho .cce-db-obg .rw .cl:nth-of-type(3) {
            min-width: 175pt;
            max-width: 175pt;
        }

        .cce-dbV3 .db-coscho .cce-db-obg .rw .cl:nth-of-type(4) {
            min-width: 14pt;
            max-width: 14pt;
            text-align: center;
            font-weight: bold;
        }

        .cce-dbV3 .db-coscho .cce-db-obg .rw .cl:nth-of-type(5) {
            min-width: 175pt;
            max-width: 175pt;
        }

        .cce-dbV3 .db-coscho .cce-db-obghd {
            padding: 2pt 20pt;
            background: #FFF;
            font-size: 11pt;
            font-weight: bold;
            border: 0.8pt solid #949393;
            border-top: none;
            min-width: 521.2pt;
            max-width: 521.2pt;
        }

    .cce-dbV4 .stuinfo .rw:nth-of-type(1) .cl:nth-of-type(3) {
        min-width: 0pt;
        max-width: 0pt;
    }

    .cce-dbV4 .stuinfo .rw:nth-of-type(1) .cl:nth-of-type(4) {
        min-width: 100pt;
        max-width: 100pt;
    }

    .cce-dbV4 .cce-dbV4-arr .cl:nth-of-type(1) {
        padding: 10pt 5pt 5pt 5pt;
    }

    .cce-dbV4 .cce-dbV4-arrsec .cl:nth-of-type(1) {
        padding: 5pt 5pt 10pt 5pt;
        font-size: 12pt !important;
    }

    .cce-dbV4 .cce-dbV4-arr:before {
        top: 9pt;
        left: 113pt;
        font-size: 37pt;
    }

    .cce-dbV4 .grade {
        margin-left: 5pt;
    }

        .cce-dbV4 .grade .hd .cl {
            padding: 0;
            height: 30pt;
            min-width: 146pt;
            max-width: 146pt;
        }

            .cce-dbV4 .grade .hd .cl .rws:nth-of-type(1) {
                padding: 5pt;
            }

            .cce-dbV4 .grade .hd .cl:nth-of-type(1) {
                padding: 10pt 5pt;
                font-size: 16pt;
            }

        .cce-dbV4 .grade .hd .cls {
            padding: 5pt 5pt;
            min-width: 26pt;
            max-width: 26pt;
            font-size: 10pt;
        }

        .cce-dbV4 .grade .hd .cl1 {
            padding: 5pt 5pt;
            min-width: 63pt;
            max-width: 63pt;
            font-size: 10pt;
        }

        .cce-dbV4 .grade .hd .cl2 {
            padding: 5pt 5pt;
            font-size: 10pt;
        }

        .cce-dbV4 .grade .cl {
            padding: 4pt 5pt;
            min-width: 26pt;
            max-width: 26pt;
        }

            .cce-dbV4 .grade .cl:nth-of-type(1) {
                min-width: 120pt;
                max-width: 120pt;
                font-size: 13pt;
            }

            .cce-dbV4 .grade .cl.gt {
                min-width: 140pt;
                max-width: 140pt;
            }

                .cce-dbV4 .grade .cl.gt .rws {
                    padding: 5pt;
                }

                .cce-dbV4 .grade .cl.gt .cl2 {
                    min-width: 60pt;
                    max-width: 60pt;
                }

            .cce-dbV4 .grade .cl:nth-of-type(10) {
                min-width: 60pt !important;
                max-width: 60pt !important;
            }

            .cce-dbV4 .grade .cl:nth-of-type(11) {
                min-width: 60pt !important;
                max-width: 60pt !important;
            }

    .cce-dbV4 .db-res {
        bottom: 200pt;
    }

    .cce-dbV4 .db-btm {
        bottom: 140pt;
    }

    .cce-dbV4 .cl, .cce-dbV4 .cls, .cce-dbV4 .cl1, .cce-dbV4 .rws, .cce-dbV4 .cce-db-obghd, .cce-dbV4 .cl2 {
        border-width: 0.8pt !important;
        border-color: #2F2F2F !important;
    }

    .cce-dbV4 .db-text .cl:nth-of-type(2) {
        min-width: 136pt;
        max-width: 136pt;
    }

    .cce-dbV4 .db-text .cl:nth-of-type(3) {
        min-width: 136pt;
        max-width: 136pt;
    }

    .cce-dbV4 .db-text .cl:nth-of-type(4) {
        min-width: 130pt;
        max-width: 130pt;
    }

    .cce-dbV4 .db-text input[type='text'] {
        width: 125pt;
        text-align: center;
    }

    #fee-duelisthd-print {
        text-align: center;
        font-weight: bold;
        font-size: 10pt;
        margin-top: 10pt;
     

    }

    #fee-duelist {
        margin-left: 0;
        margin: 0 auto;
        background: #FFF;
        padding: 10pt;
        width: 800pt;
        box-shadow: none;
    }

        #fee-duelist .cl {
            padding: 7pt 8pt;
        }

        #fee-duelist .rw .cl:nth-of-type(1) {
            width: 20pt;
            /*height: 150pt;*/
        }

        #fee-duelist .rw .cl:nth-of-type(2) {
           width: 150pt;
            /*height: 150pt;*/
                /*font-size: initial;*/
                 /*font-weight: bold;*/
        }

        #fee-duelist .rw .cl:nth-of-type(3) {
            width: 100pt;
            /*height: 150pt;*/
            font-weight: bold;
            color: #4A4A4A;
        }

        #fee-duelist .rw .cl:nth-of-type(4) {
            width: 100pt;
            /*height: 150pt;*/
            text-align: left;
        }

        #fee-duelist .rw .cl:nth-of-type(5) {
            width: 100pt;
            /*height: 150pt;*/
            text-align: left;
        }

        #fee-duelist .rw .cl:nth-of-type(6) {
            width: 100pt;
            /*height: 150pt;*/
            text-align: left;
        }

        #fee-duelist .rw .cl:nth-of-type(7) {
            width: 100pt;
            /*height: 150pt;*/
            text-align: left;
        }

        #fee-duelist .rw .cl:nth-of-type(8) {
            width: 100pt;
            /*height: 150pt;*/
            text-align: left;
        }

        #fee-duelist .fdb {
            padding: 5pt 5pt;
            border-left: 0.75pt solid #DDD;
            border-right: 0.75pt solid #DDD;
            border-bottom: 0.75pt solid #DDD;
            padding-left: 150pt;
            color: #F72F2F;
            font-size: 10pt;
            font-weight: bold;
            width: 770pt;
            background: #FFF;
        }

    #fee-all-list-cont {
        position: relative;
        min-height: 21cm;
        width: 29.7cm;
        font-size: 9pt;
        margin: 0 0 0 0;
        padding: 0;
        background: #FFF;
        border: none;
        border-radius: 0;
    }

    #fee-all-list {
        margin: 0 auto;
        font-family: Calibri;
    }

        #fee-all-list .fl-hd {
            text-align: center;
            color: #4C4C4C;
            font-size: 16px;
            font-weight: bold;
            padding: 10px 20px;
        }

        #fee-all-list .cl {
            background: #FFF;
        }

        #fee-all-list .rw.first .cl {
            background: #FFF;
            border-bottom: 0.75pt solid #ddd;
        }

            #fee-all-list .rw.first .cl:nth-of-type(8) {
                border-right: 0.75pt solid #ddd;
            }

    #stureceipt-print {
        width: 29.6cm;
        height: 20cm;
        font-family: Calibri;
    }

    .dup-receipt .first-receipt, .dup-receipt .second-receipt {
        width: 14.5cm;
    }

    .dup-receipt .second-receipt {
        width: 14cm;
    }

    #stu-receipt {
        margin: 0.5cm auto !important;
        width: 13cm;
        height: 18.3cm;
        font-size: 9.5pt;
        line-height: 10pt;
        border-width: 0.75pt !important;

        color:black;


    }

        #stu-receipt #stu-receipt-watermark {
            background-size: 4cm;
        }

        #stu-receipt #stu-receipt-heading {
            height: 2.2cm;
            width: 13cm;
            padding-top: 0.2cm !important;
            background-position: 0.6cm 0.4cm !important;
            background-size: 2.1cm 1.8cm;
        }

            #stu-receipt #stu-receipt-heading .rw .cl {
                padding: 0.13cm 0.45cm;
                text-align: center;
            }

                #stu-receipt #stu-receipt-heading .rw .cl:nth-of-type(1) {
                    width: 12.3cm;
                }

        #stu-receipt #stuReceiptInfo {
            padding-left: 0.4cm;
            padding-top: 0.5cm;
        }

            #stu-receipt #stuReceiptInfo .rw .cl {
                padding: 0.13cm 0.2cm;
            }

                #stu-receipt #stuReceiptInfo .rw .cl:nth-of-type(1) {
                    width: 7.76cm;
                }

                #stu-receipt #stuReceiptInfo .rw .cl:nth-of-type(2) {
                    width: 4.4cm;
                }

        #stu-receipt #stu-receipt-fee-part {
            margin: 0.1cm 0 0 0.6cm;
            width: 12cm;
            min-height: 8cm;
        }

            #stu-receipt #stu-receipt-fee-part .cl {
                padding: 0.18cm 0.25cm;
                border-left: 0.75pt solid #ef5350;
            }

            #stu-receipt #stu-receipt-fee-part .rw.first .cl {
                border-top: 0.75pt solid #ef5350;
                border-bottom: 0.75pt solid #ef5350;
            }

            #stu-receipt #stu-receipt-fee-part .cl:nth-of-type(2) {
                width: 8.3cm !important;
            }

            #stu-receipt #stu-receipt-fee-part .cl:nth-of-type(3) {
                width: 2.5cm !important;
                border-right: 0.75pt solid #ef5350 !important;
            }

        #stu-receipt #stu-receipt-fee #pnlDis, #stu-receipt #stu-receipt-fee .rw.last {
            margin: 0 0 0 0.6cm;
        }

            #stu-receipt #stu-receipt-fee #pnlDis .cl, #stu-receipt #stu-receipt-fee .rw.last .cl {
                padding: 0.15cm 0.25cm;
                height: 18pt;
                border-top: 0.75pt solid #ef5350;
                border-left: 0.75pt solid #ef5350;
            }

                #stu-receipt #stu-receipt-fee #pnlDis .cl:nth-of-type(2), #stu-receipt #stu-receipt-fee .rw.last .cl:nth-of-type(2) {
                    width: 8.3cm;
                }

                #stu-receipt #stu-receipt-fee #pnlDis .cl:nth-of-type(3), #stu-receipt #stu-receipt-fee .rw.last .cl:nth-of-type(3) {
                    width: 2.5cm;
                    border-right: 0.75pt solid #ef5350 !important;
                }

            #stu-receipt #stu-receipt-fee .rw.last .cl {
                border-bottom: 0.75pt solid #ef5350 !important;
            }

        #stu-receipt #stu-receipt-fee #inwords {
            border-width: 0.75pt !important;
            width: 11.9cm;
        }

        #stu-receipt #stu-receipt, #stu-receipt #stu-receipt-fee-part {
            border-width: 0.75pt !important;
        }

            #stu-receipt #stu-receipt .cl, #stu-receipt #stu-receipt-fee-part .cl {
                border-width: 0.75pt !important;
            }

    .stu-receipt-def #stu-receipt-heading {
        padding-left: 0.5cm;
    }

        .stu-receipt-def #stu-receipt-heading .rw.fr .cl {
            font-size: 14pt;
        }

        .stu-receipt-def #stu-receipt-heading .rw.sn .cl {
            font-size: 16pt;
            margin-top: 9pt;
        }

        .stu-receipt-def #stu-receipt-heading .rw.sadd .cl {
            font-size: 10pt;
            margin-top: 3pt;
        }

        .stu-receipt-def #stu-receipt-heading .rw.sess .cl {
            font-size: 12pt;
            margin-top: 6pt;
        }

    .stu-receipt-def #stureciept-sign {
        margin: 0.4cm 0 0.5cm 9.3cm;
    }

    .stu-receiptV1 #stu-receipt-heading {
        padding-left: 0.5cm;
    }

        .stu-receiptV1 #stu-receipt-heading .rw.fr .cl {
            font-size: 14pt;
        }

        .stu-receiptV1 #stu-receipt-heading .rw.sn .cl {
            font-size: 16pt;
            margin-top: 9pt;
        }

        .stu-receiptV1 #stu-receipt-heading .rw.sadd .cl {
            font-size: 10pt;
            margin-top: 3pt;
        }

        .stu-receiptV1 #stu-receipt-heading .rw.sess .cl {
            font-size: 12pt;
            margin-top: 6pt;
        }

    .stu-receiptV1 #stureciept-sign {
        margin: 1cm 0 0.5cm 9.3cm;
    }

    .stu-receipt-db #stu-receipt-heading {
        padding-left: 0.5cm;
    }

        .stu-receipt-db #stu-receipt-heading .rw.fr .cl {
            font-size: 14pt !important;
        }

        .stu-receipt-db #stu-receipt-heading .rw.sn .cl {
            font-size: 13.4pt;
            margin-top: 9pt;
        }

        .stu-receipt-db #stu-receipt-heading .rw.sadd .cl {
            font-size: 10pt;
            margin-top: 3pt;
        }

        .stu-receipt-db #stu-receipt-heading .rw.sess .cl {
            font-size: 12pt;
            margin-top: 6pt;
        }

    .stu-receipt-db #stureciept-sign {
        margin: 0.4cm 0 0.5cm 9.3cm;
    }

    .stu-receipt-jcips #stu-receipt-heading {
        padding-left: 0.5cm;
    }

        .stu-receipt-jcips #stu-receipt-heading .rw.fr .cl {
            font-size: 14pt;
        }

        .stu-receipt-jcips #stu-receipt-heading .rw.sn .cl {
            font-size: 16pt;
            margin-top: 9pt;
        }

        .stu-receipt-jcips #stu-receipt-heading .rw.sadd .cl {
            font-size: 10pt;
            margin-top: 3pt;
        }

        .stu-receipt-jcips #stu-receipt-heading .rw.sess .cl {
            font-size: 12pt;
            margin-top: 6pt;
        }

    .stu-receipt-jcips #stureciept-sign {
        margin: 0.32cm 0 0.5cm 9cm !important;
    }

    #expense-print-hd {
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
    }

    #expense {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 10pt auto 10pt auto !important;
    }

        #expense .cl {
            height: 18pt;
            padding: 5pt 10pt;
            background-image: none !important;
            background: none !important;
            font-weight: normal;
            text-align: left;
            border-width: 0.75pt !important;
        }

        #expense .rw:nth-of-type(1) .cl {
            padding: 6pt 10pt;
        }

        #expense .rw .cl:nth-of-type(1) {
            width: 170pt;
        }

        #expense .rw .cl:nth-of-type(2) {
            width: 120pt;
        }

        #expense .rw .cl:nth-of-type(3) {
            width: 270pt;
        }

        #expense .rw .cl:nth-of-type(4) {
            width: 100pt;
        }

        #expense .rw .cl:nth-of-type(5) {
            width: 100pt;
        }

        #expense .rw .cl:nth-of-type(6) {
            display: none;
        }

    #expense-total .cl {
        background: none !important;
        border-top: none !important;
        height: 20pt !important;
    }

        #expense-total .cl:nth-of-type(1) {
            width: 170pt !important;
            padding: 4pt 10pt;
        }

        #expense-total .cl:nth-of-type(2) {
            width: 120pt !important;
            padding: 4pt 10pt;
        }

        #expense-total .cl:nth-of-type(3) {
            width: 470pt !important;
            padding: 4pt 10pt;
        }

    #income-print-hd {
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
    }

    #income {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 10pt auto 10pt auto !important;
    }

        #income .cl {
            height: 18pt;
            padding: 5pt 10pt;
            background-image: none !important;
            background: none !important;
            font-weight: normal;
            text-align: left;
            border-width: 0.75pt !important;
        }

        #income .rw:nth-of-type(1) .cl {
            padding: 6pt 10pt;
        }

        #income .rw .cl:nth-of-type(1) {
            width: 170pt;
        }

        #income .rw .cl:nth-of-type(2) {
            width: 120pt;
        }

        #income .rw .cl:nth-of-type(3) {
            width: 270pt;
        }

        #income .rw .cl:nth-of-type(4) {
            width: 100pt;
        }

        #income .rw .cl:nth-of-type(5) {
            width: 100pt;
        }

        #income .rw .cl:nth-of-type(6) {
            display: none;
        }

    #income-total .cl {
        background: none !important;
        border-top: none !important;
        height: 20pt !important;
    }

        #income-total .cl:nth-of-type(1) {
            width: 170pt !important;
            padding: 4pt 10pt;
        }

        #income-total .cl:nth-of-type(2) {
            width: 120pt !important;
            padding: 4pt 10pt;
        }

        #income-total .cl:nth-of-type(3) {
            width: 470pt !important;
            padding: 4pt 10pt;
        }

    #donation-reciept {
        margin: 0 auto !important;
    }

    #donation-print-hd {
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
    }

    #donation {
        box-shadow: none;
        margin: 10pt auto 10pt auto !important;
    }

        #donation .cl {
            height: 20pt;
            padding: 5pt 10pt;
            background-image: none !important;
            background: none !important;
            font-weight: normal;
            text-align: left;
            border-width: 0.75pt !important;
        }

        #donation .rw:nth-of-type(1) .cl {
            padding: 6pt 10pt;
        }

        #donation .rw .cl:nth-of-type(1) {
            width: 170pt;
        }

        #donation .rw .cl:nth-of-type(2) {
            width: 120pt;
        }

        #donation .rw .cl:nth-of-type(3) {
            width: 270pt;
        }

        #donation .rw .cl:nth-of-type(4) {
            width: 100pt;
        }

        #donation .rw .cl:nth-of-type(5) {
            width: 100pt;
        }

            #donation .rw .cl:nth-of-type(5) a {
                color: #000;
            }

        #donation .rw .cl:nth-of-type(6) {
            display: none;
        }

    #donation-total .cl {
        background: none !important;
        border-top: none !important;
        height: 20pt !important;
    }

        #donation-total .cl:nth-of-type(1) {
            width: 170pt !important;
            padding: 4pt 10pt;
        }

        #donation-total .cl:nth-of-type(2) {
            width: 120pt !important;
            padding: 4pt 10pt;
        }

        #donation-total .cl:nth-of-type(3) {
            width: 470pt !important;
            padding: 4pt 10pt;
        }

    #exrep-day-print-hd {
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
    }

    #exrep-day {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 10pt auto 10pt 60pt !important;
    }

        #exrep-day .cl {
            height: 20pt;
            padding: 5pt 10pt;
            background-image: none !important;
            background: none !important;
            font-weight: normal;
            text-align: left;
            border-width: 0.75pt !important;
        }

        #exrep-day .rw:nth-of-type(1) .cl {
            padding: 6pt 10pt;
            line-height: 8pt;
        }

        #exrep-day .rw .cl:nth-of-type(1) {
            width: 65pt;
        }

        #exrep-day .rw .cl:nth-of-type(2) {
            width: 110pt;
        }

        #exrep-day .rw .cl:nth-of-type(3) {
            width: 90pt;
        }

        #exrep-day .rw .cl:nth-of-type(4) {
            width: 140pt;
        }

        #exrep-day .rw .cl:nth-of-type(5) {
            width: 123pt;
        }

        #exrep-day .rw .cl:nth-of-type(6) {
            width: 85pt;
        }

            #exrep-day .rw .cl:nth-of-type(6) a {
                color: #000;
            }

    #exrep-day-total .cl {
        background: none !important;
        border-top: none !important;
        height: 20pt !important;
    }

        #exrep-day-total .cl:nth-of-type(1) {
            width: 175pt !important;
            padding: 4pt 10pt;
        }

        #exrep-day-total .cl:nth-of-type(2) {
            width: 90pt !important;
            padding: 4pt 10pt;
        }

        #exrep-day-total .cl:nth-of-type(3) {
            width: 348pt !important;
            padding: 4pt 10pt;
        }

    #inrep-day-print-hd {
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
    }

    #inrep-day {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 10pt auto 10pt 60pt !important;
    }

        #inrep-day .cl {
            height: 20pt;
            padding: 5pt 10pt;
            background-image: none !important;
            background: none !important;
            font-weight: normal;
            text-align: left;
            border-width: 0.75pt !important;
        }

        #inrep-day .rw:nth-of-type(1) .cl {
            padding: 6pt 10pt;
            line-height: 8pt;
        }

        #inrep-day .rw .cl:nth-of-type(1) {
            width: 65pt;
        }

        #inrep-day .rw .cl:nth-of-type(2) {
            width: 110pt;
        }

        #inrep-day .rw .cl:nth-of-type(3) {
            width: 90pt;
        }

        #inrep-day .rw .cl:nth-of-type(4) {
            width: 140pt;
        }

        #inrep-day .rw .cl:nth-of-type(5) {
            width: 103pt;
        }

        #inrep-day .rw .cl:nth-of-type(6) {
            width: 85pt;
        }

            #inrep-day .rw .cl:nth-of-type(6) a {
                color: #000;
            }

    #inrep-day-total .cl {
        background: none !important;
        border-top: none !important;
        height: 20pt !important;
    }

        #inrep-day-total .cl:nth-of-type(1) {
            width: 175pt !important;
            padding: 4pt 10pt;
        }

        #inrep-day-total .cl:nth-of-type(2) {
            width: 90pt !important;
            padding: 4pt 10pt;
        }

        #inrep-day-total .cl:nth-of-type(3) {
            width: 328pt !important;
            padding: 4pt 10pt;
        }

    .highcharts-button {
        display: none;
    }

    #exrep-type-print-hd {
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
    }

    #exrep-type {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 10pt auto 10pt 60pt !important;
    }

        #exrep-type .cl {
            height: 20pt;
            padding: 5pt 10pt;
            background-image: none !important;
            background: none !important;
            font-weight: normal;
            text-align: left;
            border-width: 0.75pt !important;
        }

        #exrep-type .rw:nth-of-type(1) .cl {
            padding: 6pt 10pt;
            line-height: 8pt;
        }

        #exrep-type .rw .cl:nth-of-type(1) {
            width: 165pt;
        }

        #exrep-type .rw .cl:nth-of-type(2) {
            width: 110pt;
        }

    #inrep-type-print-hd {
        padding: 10pt;
        margin: 10pt auto;
        text-align: center;
        font-weight: bold;
    }

    #inrep-type {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 10pt auto 10pt 60pt !important;
    }

        #inrep-type .cl {
            height: 20pt;
            padding: 5pt 10pt;
            background-image: none !important;
            background: none !important;
            font-weight: normal;
            text-align: left;
            border-width: 0.75pt !important;
        }

        #inrep-type .rw:nth-of-type(1) .cl {
            padding: 6pt 10pt;
            line-height: 8pt;
        }

        #inrep-type .rw .cl:nth-of-type(1) {
            width: 165pt;
        }

        #inrep-type .rw .cl:nth-of-type(2) {
            width: 110pt;
        }

    #inrep-type-total .cl {
        height: 20pt !important;
        padding: 5pt 10pt;
    }

    #def-tc {
        position: relative;
        height: 29.7cm;
        width: 21cm;
        font-size: 9pt;
        padding: 10pt 0 0 20pt;
        border: none;
        background: #FFF;
        box-sizing: content-box;

            color: black;

    }

        #def-tc .def-top {
            background-image: url("../images/stu-watermark.png");
            background-repeat: no-repeat;
            height: 76pt;
            background-position: 25pt 3pt;
            background-size: 80pt 70pt;
        }

            #def-tc .def-top .rw {
                padding: 2pt;
                text-align: center;
                font-weight: bold;
            }

            #def-tc .def-top .fr {
                margin-top: 2pt;
            }

            #def-tc .def-top .def-mhd {
                font-weight: bold;
                font-size: 15pt;
                color: #A00808;
            }

            #def-tc .def-top .def-hd {
                border: 1pt solid #000;
    padding: 2pt 3pt;
    background: #e2dfde;
    color: #100e0e;
    font-size: 12pt;
    font-weight: bold;
    border-radius: 16pt;
    width: 220pt;
    margin: 0 auto;
    margin-top: 5pt;
            }

        #def-tc .def-top-info {
            margin-top: 2pt;
        }

            #def-tc .def-top-info input[type='text'] {
                border: none;
                width: 70pt;
                height: 7pt;
            }

            #def-tc .def-top-info .cl {
                height: 9pt;
                padding: 4pt 10pt;
            }

            #def-tc .def-top-info .rw .cl:nth-of-type(1) {
                width: 102pt;
                font-weight: bold;
            }

            #def-tc .def-top-info .rw .cl:nth-of-type(2) {
                width: 55pt;
                padding: 0pt 5pt;
            }

            #def-tc .def-top-info .rw .cl:nth-of-type(3) {
                width: 105pt;
                font-weight: bold;
            }

            #def-tc .def-top-info .rw .cl:nth-of-type(4) {
                width: 70pt;
                padding: 0pt 5pt;
            }

            #def-tc .def-top-info .rw .cl:nth-of-type(5) {
                width: 70pt;
                font-weight: bold;
            }

            #def-tc .def-top-info .rw .cl:nth-of-type(6) {
                width: 80px;
                padding: 0pt 5pt;
            }

        #def-tc .def-tcf {
            padding: 6pt 10pt 5pt 10pt;
        }

            #def-tc .def-tcf .cl {
                height: 12pt;
                line-height: 12pt;
            }

            #def-tc .def-tcf .tln .cl {
                height: 24pt;
                line-height: 12pt;
            }

            #def-tc .def-tcf .thln .cl {
                height: 36pt;
                line-height: 12pt;
            }

            #def-tc .def-tcf .rw {
                margin-top: 1pt;
                padding-top: 0px;
            }

                #def-tc .def-tcf .rw .cl:nth-of-type(1) {
                    padding: 2pt;
                    width: 18pt;
                    font-weight: bold;
                }

                #def-tc .def-tcf .rw .cl:nth-of-type(2) {
                    padding: 2pt;
                    width: 300pt;
                }

                #def-tc .def-tcf .rw .cl:nth-of-type(3) {
                    width: 10pt;
                    padding: 2pt;
                    font-weight: bold;
                }

                #def-tc .def-tcf .rw .cl:nth-of-type(4) {
                    width: 110pt;
                    padding: 0pt;
                }

                    #def-tc .def-tcf .rw .cl:nth-of-type(4) input[type='text'] {
                        border: none;
                        width: 180pt;
                        height: 4pt;
                        margin-top: 2pt;
                    }

        #def-tc .ft .sign {
            margin-top: 30pt;
        }

            #def-tc .ft .sign .cl {
                height: 20pt;
                padding: 2pt 20pt;
            }

            #def-tc .ft .sign .rws {
                text-align: center;
                font-weight: bold;
            }

            #def-tc .ft .sign .cl:nth-of-type(1) {
                width: 140pt;
            }

            #def-tc .ft .sign .cl:nth-of-type(2) {
                width: 180pt;
            }

            #def-tc .ft .sign .cl:nth-of-type(3) {
                width: 140pt;
            }

        #def-tc .ftn1 {
            padding: 2pt 10pt;
            margin-top: 5pt;
        }

        #def-tc .ftn2 {
            padding: 2pt 10pt;
        }

    #def-regno {
        margin-top: 0;
    }

        #def-regno .cl:nth-of-type(1) {
            padding: 2pt 10pt 2pt 10pt;
            width: 240pt;
            font-weight: bold;
        }

        #def-regno .cl:nth-of-type(2) {
            padding: 2pt;
        }

        #def-regno .cl:nth-of-type(3) {
            padding: 0pt 20pt 2pt 20pt;
            width: 190pt;
        }

            #def-regno .cl:nth-of-type(3) input[type='text'] {
                border: none;
                width: 180pt;
                height: 7pt;
            }

    #def-tc-wm {
        display: block;
        top: 11cm;
        left: 7.5cm;
        font-size: 30pt;
        color:black;

        background-image: url(../images/stu-watermark.png);
    background-size: 323px;
    opacity: 0.2;
    height: 362px;
    background-repeat: no-repeat;
    align-items: center;
    width: 400px;

    }

    #def-tc-print {
        height: 29.7cm;
        width: 21cm;
    }

    #def-cc-print {
        height: 29cm;
        width: 21cm;
        box-sizing: content-box;
    }
     #def-dob-print {
        height: 15cm;
        width: 21cm;
        box-sizing: content-box;
    }

       #def-dob-print_sch {
        height: 15cm;
        width: 35cm;
        box-sizing: content-box;
    }


         #def-cc_scho {
        position: relative;
        height: 28.5cm;
        width: 35cm;
        border: 2pt solid #2F5BA2;
        font-size: 9pt;
        padding: 8pt 0 0 5pt;
        background: #FFF;
        color: #00397B;
        margin: 10pt auto;
        box-sizing: content-box;
    }

        #def-cc_scho .def-top {
            background-repeat: no-repeat;
            height: 80pt;
            background-position: 0pt 3pt;
            background-size: 80pt 70pt;
        }

            #def-cc_scho .def-top .rw {
                padding: 2pt;
                font-size: 13pt;
            }

            #def-cc_scho .def-top .vfr {
                width: 143pt;
                border-bottom: 0.75pt solid #224B94;
                font-size: 12pt;
                padding: 0;
            }

            #def-cc_scho .def-top .def-mhd {
                font-size: 27pt;
                color: #00397B;
                padding-left: 10pt;
            }

        #def-cc_scho .def-hd {
            padding: 10pt 3pt;
            font-size: 18pt;
            width: 225pt;
            margin-top: 80pt;
            border: 0.75pt solid #FD0032;
        }




    #def-cc {
        position: relative;
        height: 28.5cm;
        width: 20cm;
        border: 2pt solid #2F5BA2;
        font-size: 9pt;
        padding: 8pt 0 0 5pt;
        background: #FFF;
        color: #00397B;
        margin: 10pt auto;
        box-sizing: content-box;
    }

        #def-cc .def-top {
            background-repeat: no-repeat;
            height: 80pt;
            background-position: 0pt 3pt;
            background-size: 80pt 70pt;
        }

            #def-cc .def-top .rw {
                padding: 2pt;
                font-size: 13pt;
            }

            #def-cc .def-top .vfr {
                width: 143pt;
                border-bottom: 0.75pt solid #224B94;
                font-size: 12pt;
                padding: 0;
            }

            #def-cc .def-top .def-mhd {
                font-size: 27pt;
                color: #00397B;
                padding-left: 10pt;
            }

        #def-cc .def-hd {
            padding: 10pt 3pt;
            font-size: 18pt;
            width: 225pt;
            margin-top: 80pt;
            border: 0.75pt solid #FD0032;
        }

    #def-ct {
        margin-top: 30pt;
        font-size: 18pt;
        padding: 10pt;
        box-sizing: content-box;
    }

        #def-ct .rw {
            margin-top: 38pt;
        }

        #def-ct input[type='text'] {
            border-bottom: 2pt dotted #083B86;
            font-size: 14pt;
            padding: 0 0 0 2pt;
        }

        #def-ct .ln1 input[type='text'] {
            width: 310pt;
        }

        #def-ct .ln2 input[type='text'] {
            width: 325pt;
        }

        #def-ct .ln3 input[type='text'] {
            width: 188pt;
        }

        #def-ct .ln4 .t1 {
            width: 115pt;
        }

        #def-ct .ln4 .t2 {
            width: 90pt;
        }

        #def-ct .ln5 input[type='text'] {
            width: 72pt;
        }

        #def-ct .ln6 input[type='text'] {
            width: 240pt;
        }

        #def-ct .ln7 {
            margin-top: 70pt;
            font-size: 22pt;
        }

    #def-ct-sgn {
        margin-top: 30pt;
        font-size: 15pt;
        padding: 10pt;
    }

        #def-ct-sgn input[type='text'] {
            font-size: 14pt;
            padding: 0 0 0 2pt;
        }

        #def-ct-sgn .cl:nth-of-type(1) {
            width: 320pt;
        }

        #def-ct-sgn .cl:nth-of-type(2) {
            width: 220pt;
        }

    #def-cc-wm {
        display: block;
        top: 11cm;
        left: 5cm;
        font-size: 40pt;
        color: rgba(146,146,146,0.25);
    }

    #surmount-tc2 {
        position: relative;
        height: 29.7cm;
        width: 21cm;
        font-size: 9pt;
        padding: 8pt 0 0 20pt;
        border: none;
        background: #FFF;
        font-family: Century,Serif;
        box-sizing: content-box;
    }

        #surmount-tc2 .sur-top {
            background-image: url("../images/stu-watermark.png");
            background-repeat: no-repeat;
            height: 80pt;
            background-position: 10pt 8pt;
            background-size: 80pt 70pt;
        }

            #surmount-tc2 .sur-top .rw {
                padding: 2pt;
                text-align: center;
                font-weight: bold;
            }

            #surmount-tc2 .sur-top .fr {
                margin-top: 2pt;
            }

            #surmount-tc2 .sur-top .sur-mhd {
                font-weight: bold;
                font-size: 27pt;
                color: #A00808;
            }

        #surmount-tc2 .sur-hd {
            padding: 2pt 3pt;
            font-size: 17pt;
            font-weight: bold;
            width: 200pt;
            margin: 0 auto;
            margin-top: 5pt;
            border: 0.75pt solid #DD5800;
            color: #FFF;
            background: #EE8B49;
            -webkit-border-radius: 17pt;
            -moz-border-radius: 17pt;
            -ms-border-radius: 17pt;
            -o-border-radius: 17pt;
            border-radius: 17pt;
            font-family: Tahoma,Serif;
            text-align: center;
        }

        #surmount-tc2 .adn {
            margin-left: 30pt;
            margin-top: 15pt;
            font-weight: bold;
        }

            #surmount-tc2 .adn input[type='text'] {
                border: none;
                width: 90pt;
                height: 4pt;
                margin-top: 2pt;
                padding-left: 10pt;
                font-size: 9pt;
                font-family: Century,Serif;
                font-weight: bold;
            }

            #surmount-tc2 .adn .cl:nth-of-type(1) {
                width: 190pt;
            }

            #surmount-tc2 .adn .cl:nth-of-type(2) {
                width: 160pt;
            }

            #surmount-tc2 .adn .cl:nth-of-type(3) {
                width: 200pt;
            }

        #surmount-tc2 .sur-tcf {
            font-family: Century,Serif;
            margin-top: 6pt;
            padding: 6pt 10pt 5pt 6pt;
            font-weight: bold;
            font-size: 9pt;
        }

            #surmount-tc2 .sur-tcf input[type='text'] {
                font-family: Century,Serif;
                font-size: 9pt;
                font-weight: bold;
            }

            #surmount-tc2 .sur-tcf .cl {
                height: 12pt;
                line-height: 12pt;
            }

            #surmount-tc2 .sur-tcf .tln .cl {
                height: 24pt;
                line-height: 12pt;
            }

            #surmount-tc2 .sur-tcf .thln .cl {
                height: 36pt;
                line-height: 12pt;
            }

            #surmount-tc2 .sur-tcf .rw {
                margin-top: 3pt;
                padding-top: 0px;
            }

                #surmount-tc2 .sur-tcf .rw .cl:nth-of-type(1) {
                    padding: 2pt;
                    width: 14pt;
                    font-weight: bold;
                }

                #surmount-tc2 .sur-tcf .rw .cl:nth-of-type(2) {
                    padding: 2pt;
                    width: 323pt;
                    font-weight: bold;
                }

                #surmount-tc2 .sur-tcf .rw .cl:nth-of-type(3) {
                    width: 4pt;
                    padding: 2pt;
                    font-weight: bold;
                }

                #surmount-tc2 .sur-tcf .rw .cl:nth-of-type(4) {
                    width: 220pt;
                    padding: 0pt;
                }

                    #surmount-tc2 .sur-tcf .rw .cl:nth-of-type(4) input[type='text'] {
                        border: none;
                        width: 220pt;
                        height: 4pt;
                        margin-top: 2pt;
                    }

            #surmount-tc2 .sur-tcf #tbx .t1 {
                width: 100pt;
            }

            #surmount-tc2 .sur-tcf #tbx .t2 {
                width: 70pt;
                margin-left: 1pt;
            }

            #surmount-tc2 .sur-tcf .one .cl {
                height: 24pt;
                display: table-cell;
                float: none;
            }

                #surmount-tc2 .sur-tcf .one .cl:nth-of-type(2) {
                    vertical-align: top;
                }

                #surmount-tc2 .sur-tcf .one .cl:nth-of-type(3) {
                    vertical-align: top;
                }

            #surmount-tc2 .sur-tcf .two textarea {
                width: 220pt !important;
                border: none;
                height: 24pt;
                font-size: 9pt;
                font-family: Century,Serif;
                font-weight: bold;
                resize: none;
                line-height: 12pt;
                color: #000;
                display: none;
            }

            #surmount-tc2 .sur-tcf .two #ta {
                max-width: 220pt !important;
                min-width: 220pt !important;
                width: 220pt !important;
                display: block;
                padding: 2pt;
                height: 24pt;
                font-size: 9pt;
                font-family: Century,Serif;
                font-weight: bold;
                line-height: 12pt;
            }

        #surmount-tc2 .sur-tc-sub {
            box-sizing: content-box;
        }

            #surmount-tc2 .sur-tc-sub input[type='text'] {
                width: 120pt;
                border: none;
                height: 4pt;
                padding-left: 8pt;
                font-family: Century,Serif;
                font-size: 9pt;
                font-weight: bold;
            }

            #surmount-tc2 .sur-tc-sub .cls {
                height: 20pt;
            }

            #surmount-tc2 .sur-tc-sub .rws {
                padding-top: 10pt;
            }

                #surmount-tc2 .sur-tc-sub .rws .cls:nth-of-type(1) {
                    padding: 2pt;
                    width: 18pt;
                    font-weight: bold;
                }

                #surmount-tc2 .sur-tc-sub .rws .cls:nth-of-type(2) {
                    width: 90pt;
                    padding: 2pt;
                    font-weight: bold;
                }

                #surmount-tc2 .sur-tc-sub .rws .cls:nth-of-type(3) {
                    width: 150pt;
                }

                #surmount-tc2 .sur-tc-sub .rws .cls:nth-of-type(4) {
                    width: 150pt;
                }

                #surmount-tc2 .sur-tc-sub .rws .cls:nth-of-type(5) {
                    width: 150pt;
                }

        #surmount-tc2 .ft {
            font-family: Century,Serif;
        }

            #surmount-tc2 .ft .sign {
                margin-top: 50pt;
            }

                #surmount-tc2 .ft .sign .cl {
                    height: 20pt;
                    padding: 2pt 20pt;
                    font-weight: bold;
                }

                #surmount-tc2 .ft .sign .rws {
                    text-align: center;
                }

                #surmount-tc2 .ft .sign .cl:nth-of-type(1) {
                    width: 140pt;
                }

                #surmount-tc2 .ft .sign .cl:nth-of-type(2) {
                    width: 180pt;
                }

                #surmount-tc2 .ft .sign .cl:nth-of-type(3) {
                    width: 140pt;
                }

        #surmount-tc2 .ftn1 {
            padding: 2pt 10pt;
            margin-top: 5pt;
        }

        #surmount-tc2 .ftn2 {
            padding: 2pt 10pt;
        }

        #surmount-tc2 ::-webkit-input-placeholder {
            color: transparent;
        }

        #surmount-tc2 :-moz-placeholder {
            color: transparent;
        }

        #surmount-tc2 ::-moz-placeholder {
            color: transparent;
        }

        #surmount-tc2 :-ms-input-placeholder {
            color: transparent;
        }

    #surmount-tc-print2 {
        height: 29.7cm;
        width: 21cm;
    }

    #donbosco-tc-print {
        height: 29cm;
        width: 21cm;
        box-sizing: content-box;
    }

    #donbosco-tc {
        position: relative;
        height: 28.5cm;
        width: 20cm;
        border: 2pt solid #2F5BA2;
        font-size: 9pt;
        padding: 8pt 0 0 5pt;
        background: #FFF;
        font-family: Arial,sans-serif;
        color: #00397B;
        margin: 10pt auto;
        box-sizing: content-box;
    }

        #donbosco-tc .db-top {
            background-image: url("../images/stu-watermark.png");
            background-repeat: no-repeat;
            height: 80pt;
            background-position: 0pt 3pt;
            background-size: 80pt 70pt;
            font-family: Times New Roman;
        }

            #donbosco-tc .db-top .rw {
                padding: 2pt;
                text-align: center;
                font-weight: bold;
                font-size: 13pt;
            }

            #donbosco-tc .db-top .db-mhd {
                font-size: 24pt;
                color: #00397B;
                font-family: Algerian;
            }

        #donbosco-tc .db-hd {
            padding: 5pt 3pt;
            font-size: 15pt;
            width: 200pt;
            margin: 0 auto;
            margin-top: 20pt;
            border: 0.75pt solid #FD0032;
            color: #FFF;
            background: #E61515;
            font-family: Times New Roman;
            text-align: center;
        }

        #donbosco-tc .adn {
            margin-left: 10pt;
            margin-top: 15pt;
            font-weight: bold;
        }

            #donbosco-tc .adn input[type='text'] {
                border: none;
                width: 50pt;
                height: 4pt;
                margin-top: 2pt;
                padding-left: 1pt;
                font-size: 9pt;
                border-bottom: 0.75pt solid #003F87;
                border-radius: 0;
            }

            #donbosco-tc .adn .cl:nth-of-type(1) {
                width: 140pt;
                padding: 1pt 0;
            }

            #donbosco-tc .adn .cl:nth-of-type(2) {
                width: 150pt;
            }

            #donbosco-tc .adn .cl:nth-of-type(3) {
                width: 100pt;
            }

            #donbosco-tc .adn .cl:nth-of-type(4) {
                width: 140pt;
            }

        #donbosco-tc .adn2 {
            margin-left: 10pt;
            margin-top: 8pt;
            font-weight: bold;
        }

            #donbosco-tc .adn2 input[type='text'] {
                border: none;
                width: 70pt;
                height: 4pt;
                margin-top: 2pt;
                padding-left: 1pt;
                font-size: 9pt;
            }

            #donbosco-tc .adn2 .cl:nth-of-type(1) {
                width: 140pt;
                padding: 1pt 0;
            }

            #donbosco-tc .adn2 .cl:nth-of-type(2) {
                width: 190pt;
            }

            #donbosco-tc .adn2 .cl:nth-of-type(3) {
                width: 200pt;
            }

        #donbosco-tc .db-tcf {
            margin-top: 16pt;
            padding: 6pt 10pt 5pt 6pt;
            font-weight: normal;
            font-size: 10pt;
            font-family: Arial Narrow;
        }

            #donbosco-tc .db-tcf input[type='text'] {
                font-size: 9pt;
                font-weight: normal;
            }

            #donbosco-tc .db-tcf .cl {
                height: 12pt;
                line-height: 12pt;
            }

            #donbosco-tc .db-tcf .tln .cl {
                height: 24pt;
                line-height: 12pt;
            }

            #donbosco-tc .db-tcf .thln .cl {
                height: 36pt;
                line-height: 12pt;
            }

            #donbosco-tc .db-tcf .rw {
                margin-top: 4pt;
                padding-top: 0px;
            }

                #donbosco-tc .db-tcf .rw .cl:nth-of-type(1) {
                    padding: 1pt;
                    width: 14pt;
                }

                #donbosco-tc .db-tcf .rw .cl:nth-of-type(2) {
                    padding: 1pt;
                    width: 290pt;
                }

                #donbosco-tc .db-tcf .rw .cl:nth-of-type(3) {
                    width: 4pt;
                    padding: 2pt;
                }

                #donbosco-tc .db-tcf .rw .cl:nth-of-type(4) {
                    width: 220pt;
                    padding: 0pt;
                }

                    #donbosco-tc .db-tcf .rw .cl:nth-of-type(4) input[type='text'] {
                        border: none;
                        width: 215pt;
                        height: 4pt;
                        margin-top: 2pt;
                        margin-left: 5pt;
                        border-bottom: 0.75pt solid #003F87;
                        border-radius: 0;
                    }

            #donbosco-tc .db-tcf .one .cl {
                height: 12pt;
                display: table-cell;
                float: none;
            }

                #donbosco-tc .db-tcf .one .cl:nth-of-type(2) {
                    vertical-align: top;
                }

                #donbosco-tc .db-tcf .one .cl:nth-of-type(3) {
                    vertical-align: top;
                }

            #donbosco-tc .db-tcf .two textarea {
                width: 220pt !important;
                border: none;
                height: 24pt;
                font-size: 9pt;
                resize: none;
                line-height: 12pt;
                display: none;
            }

            #donbosco-tc .db-tcf .two #ta {
                max-width: 215pt !important;
                min-width: 215pt !important;
                width: 215pt !important;
                margin-left: 5pt;
                display: block;
                padding: 2pt;
                height: 12pt;
                font-size: 9pt;
                line-height: 12pt;
                border-bottom: 0.75pt solid #003F87;
                border-radius: 0;
            }

        #donbosco-tc .ft .sign {
            margin-top: 50pt;
        }

            #donbosco-tc .ft .sign .cl {
                height: 20pt;
                padding: 2pt 20pt;
                font-weight: bold;
                font-family: Times New Roman;
            }

            #donbosco-tc .ft .sign .rws {
                text-align: center;
            }

            #donbosco-tc .ft .sign .cl:nth-of-type(1) {
                width: 100pt;
            }

            #donbosco-tc .ft .sign .cl:nth-of-type(2) {
                width: 10pt;
            }

            #donbosco-tc .ft .sign .cl:nth-of-type(3) {
                width: 100pt;
            }

            #donbosco-tc .ft .sign .cl:nth-of-type(4) {
                width: 10pt;
            }

            #donbosco-tc .ft .sign .cl:nth-of-type(5) {
                width: 100pt;
            }

        #donbosco-tc .ftn1 {
            padding: 2pt 10pt;
            margin-top: 5pt;
        }

        #donbosco-tc .ftn2 {
            padding: 2pt 10pt;
        }

        #donbosco-tc ::-webkit-input-placeholder {
            color: transparent;
        }

        #donbosco-tc :-moz-placeholder {
            color: transparent;
        }

        #donbosco-tc ::-moz-placeholder {
            color: transparent;
        }

        #donbosco-tc :-ms-input-placeholder {
            color: transparent;
        }

        #donbosco-tc #dobWord {
            margin-left: 215px;
        }

        #donbosco-tc .twoln .cl {
            height: 24pt;
        }

    #db-regno {
        margin-top: 20pt;
        margin-left: 10pt;
        font-size: 10pt;
        font-family: Arial Narrow;
    }

        #db-regno .cl:nth-of-type(1) {
            padding: 1pt 10pt;
            font-weight: normal;
        }

            #db-regno .cl:nth-of-type(1) input[type='text'] {
                border: none;
                width: 200pt;
                height: 4pt;
                margin-top: 2pt;
                border-bottom: 0.75pt solid #003F87;
                border-radius: 0;
            }

    #donbosco-cc-print {
        height: 29cm;
        width: 21cm;
        box-sizing: content-box;
    }

    #donbosco-cc {
        position: relative;
        height: 28.5cm;
        width: 20cm;
        border: 2pt solid #2F5BA2;
        font-size: 9pt;
        padding: 8pt 0 0 5pt;
        background: #FFF;
        font-family: Arial,sans-serif;
        color: #00397B;
        margin: 10pt auto;
        box-sizing: content-box;
    }

        #donbosco-cc .db-top {
            background-repeat: no-repeat;
            height: 80pt;
            background-position: 0pt 3pt;
            background-size: 80pt 70pt;
        }

            #donbosco-cc .db-top .rw {
                padding: 2pt;
                font-size: 13pt;
            }

            #donbosco-cc .db-top .vfr {
                width: 123pt;
                border-bottom: 0.75pt solid #224B94;
                font-size: 12pt;
                padding: 0;
            }

            #donbosco-cc .db-top .db-mhd {
                font-size: 27pt;
                color: #00397B;
                font-family: Algerian;
                padding-left: 50pt;
            }

        #donbosco-cc .db-hd {
            padding: 10pt 3pt;
            font-size: 18pt;
            width: 225pt;
            margin-top: 80pt;
            border: 0.75pt solid #FD0032;
        }

    #db-ct {
        margin-top: 30pt;
        font-size: 22pt;
        padding: 10pt;
    }

        #db-ct .rw {
            margin-top: 38pt;
        }

        #db-ct input[type='text'] {
            border-bottom: 2pt dotted #083B86;
            font-size: 14pt;
            padding: 0 0 0 2pt;
        }

        #db-ct .ln1 input[type='text'] {
            width: 310pt;
        }

        #db-ct .ln2 input[type='text'] {
            width: 325pt;
        }

        #db-ct .ln3 input[type='text'] {
            width: 188pt;
        }

        #db-ct .ln4 .t1 {
            width: 115pt;
        }

        #db-ct .ln4 .t2 {
            width: 90pt;
        }

        #db-ct .ln5 input[type='text'] {
            width: 72pt;
        }

        #db-ct .ln6 input[type='text'] {
            width: 240pt;
        }

        #db-ct .ln7 {
            margin-top: 70pt;
            font-size: 22pt;
        }

    #db-ct-sgn {
        margin-top: 30pt;
        font-size: 18pt;
        padding: 10pt;
    }

        #db-ct-sgn input[type='text'] {
            font-size: 14pt;
            padding: 0 0 0 2pt;
        }

        #db-ct-sgn .cl:nth-of-type(1) {
            width: 320pt;
        }

        #db-ct-sgn .cl:nth-of-type(2) {
            width: 220pt;
        }

    #icard-page-def {
        border: none;
        box-shadow: none;
    }

    .icard-def {
        border: none;
    }

    #icard-page-db {
        border: none;
        box-shadow: none;
        box-sizing: content-box;
    }

    .icard-db {
        border: none;
    }

    #sms-log-print {
        border: none;
        padding: 10pt;
        height: 29cm;
        width: 21cm;
        font-size: 9pt;
        font-family: Calibri;
    }

        #sms-log-print .top-header .rw {
            padding: 5pt 5pt 5pt 10pt;
        }

        #sms-log-print .top-header .schoolname {
            font-weight: bold;
            font-size: 12pt;
            text-align: center;
        }

        #sms-log-print .top-header .tophd {
            font-weight: bold;
            font-size: 10pt;
            text-align: center;
        }

        #sms-log-print .top-header .inHd {
            font-weight: bold;
            padding-right: 3pt;
        }

        #sms-log-print .top-header .inf {
            padding-right: 3pt;
        }

        #sms-log-print .sep {
            width: 548pt;
            padding: 5pt;
            margin-bottom: 10pt;
            border-bottom: 0.8pt solid #9E9E9E;
        }

    #sms-log {
        width: 548pt;
        box-shadow: none;
    }

        #sms-log .cl {
            height: 8pt;
            padding: 4pt 3pt;
            background: #FFF;
            display: table-cell;
            float: none;
            text-shadow: 0 0 0.7pt #ECECEC;
            line-height: 14pt;
        }

        #sms-log .rw.first .cl {
            padding: 4pt 3pt;
            font-size: 9pt;
        }

        #sms-log .rw .cl:nth-of-type(1) {
            max-width: 30pt;
            min-width: 30pt;
        }

        #sms-log .rw .cl:nth-of-type(2) {
            max-width: 120pt;
            min-width: 120pt;
        }

        #sms-log .rw .cl:nth-of-type(3) {
            max-width: 55pt;
            min-width: 55pt;
        }

        #sms-log .rw .cl:nth-of-type(4) {
            max-width: 210pt;
            min-width: 210pt;
        }

        #sms-log .rw .cl:nth-of-type(5) {
            max-width: 30pt;
            min-width: 30pt;
        }

        #sms-log .rw .cl:nth-of-type(6) {
            max-width: 60pt;
            min-width: 60pt;
        }

        #sms-log .rw .cl:nth-of-type(7) {
            max-width: 60pt;
            min-width: 60pt;
        }

    #sms-msg-log {
        width: 520pt;
        box-shadow: none;
    }

        #sms-msg-log .cl {
            height: 8pt;
            padding: 4pt 3pt;
            background: #FFF;
            display: table-cell;
            float: none;
            text-shadow: 0 0 0.7pt #ECECEC;
            line-height: 14pt;
        }

        #sms-msg-log .rw.first .cl {
            padding: 4pt 3pt;
            font-size: 9pt;
        }

        #sms-msg-log .rw .cl:nth-of-type(1) {
            max-width: 40pt;
            min-width: 40pt;
        }

        #sms-msg-log .rw .cl:nth-of-type(2) {
            max-width: 80pt;
            min-width: 80pt;
        }

        #sms-msg-log .rw .cl:nth-of-type(3) {
            max-width: 70pt;
            min-width: 70pt;
        }

        #sms-msg-log .rw .cl:nth-of-type(4) {
            max-width: 90pt;
            min-width: 90pt;
        }

        #sms-msg-log .rw .cl:nth-of-type(5) {
            max-width: 130pt;
            min-width: 130pt;
        }

        #sms-msg-log .rw .cl:nth-of-type(6) {
            max-width: 80pt;
            min-width: 80pt;
        }

        #sms-msg-log .rw .cl:nth-of-type(7) {
            display: none;
        }

    #adcard-page-def {
        border: none;
        box-shadow: none;
    }

    #conveyance-rr-all .no-stu {
        padding: 20px;
    }

    #feeCollDailyCont {
        padding: 20px 70px;
        width: 1240px;
        background: #FFF;
        border: 1px solid #C3C3C3;
    }

        #feeCollDailyCont h2 {
            font-weight: bold;
            color: #ED143D;
            padding: 10px;
        }

        #feeCollDailyCont h3 {
            font-weight: bold;
            color: #545454;
            padding: 10px;
        }

        #feeCollDailyCont .stu-fee {
            width: 814px;
        }

            #feeCollDailyCont .stu-fee .cl {
                padding: 10px 10px;
                height: 10px;
            }

            #feeCollDailyCont .stu-fee .rw .cl:nth-of-type(1) {
                width: 150px;
            }

            #feeCollDailyCont .stu-fee .rw .cl:nth-of-type(2) {
                width: 300px;
            }

        #feeCollDailyCont .rep-header {
            border-top: 1px solid #A9A9A9;
            border-bottom: 1px solid #A9A9A9;
            background: #FFF;
        }

            #feeCollDailyCont .rep-header .cl {
                padding: 10px 10px;
                height: 10px;
                font-weight: bold;
            }

            #feeCollDailyCont .rep-header .rw1 .cl:nth-of-type(1) {
                width: 80px;
            }

            #feeCollDailyCont .rep-header .rw1 .cl:nth-of-type(2) {
                width: 150px;
            }

            #feeCollDailyCont .rep-header .rw1 .cl:nth-of-type(3) {
                width: 200px;
            }

            #feeCollDailyCont .rep-header .rw2 .cl {
                color: #4C4C4C;
            }

                #feeCollDailyCont .rep-header .rw2 .cl:nth-of-type(1) {
                    width: 80px;
                }

                #feeCollDailyCont .rep-header .rw2 .cl:nth-of-type(2) {
                    width: 150px;
                }

                #feeCollDailyCont .rep-header .rw2 .cl:nth-of-type(3) {
                    width: 250px;
                }

                #feeCollDailyCont .rep-header .rw2 .cl:nth-of-type(4) {
                    width: 150px;
                    text-align: right;
                }

        #feeCollDailyCont .sum-all {
            padding: 10px;
            text-align: right;
            width: 1007px;
            font-weight: bold;
            border-top: 1px solid #ABABAB;
        }

    .ff-per-student .fc {
        background: rgba(247,247,247,0.65);
    }

        .ff-per-student .fc .cl {
            padding: 10px 10px;
            height: 10px;
        }

            .ff-per-student .fc .cl:nth-of-type(1) {
                font-weight: 700;
            }

            .ff-per-student .fc .cl:nth-of-type(2) {
                width: 180px;
                color: #CF0000;
                height: 31px;
            }

            .ff-per-student .fc .cl:nth-of-type(3) {
                width: 200px;
            }

    .ff-per-student .sum {
        text-align: right;
        /*width: 690px;*/
        padding: 10px;
        font-weight: bold;
        color: #626262;
    }

    .ff-per-student-trans .cl {
        padding: 10px 10px;
        height: 10px;
    }

    .ff-per-student-trans .rw .cl:nth-of-type(1) {
          width: 80px;
    padding-left: 35px;
    }

    .ff-per-student-trans .rw .cl:nth-of-type(2) {
        width: 200px;
    }

    .ff-per-student-trans .rw .cl:nth-of-type(3) {
        width: 250px;
    }

    .ff-per-student-trans .rw .cl:nth-of-type(4) {
        width: 150px;
        color: #E71010;
        text-align: right;
    }

#stu-fee-report {
    position: relative;
    padding: 20px 60px;
    min-height: Auto;
}

    #stu-fee-report .top {
        padding: 30px;
    }

    #stu-fee-report .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

    #stu-fee-report .report .rw .cl:nth-of-type(1) {
        width: 450px;
        padding: 10px;
        height: 37px;
    }

    #stu-fee-report .report .rw .cl:nth-of-type(2) {
        width: 202px;
        padding: 10px;
         height: 37px;
        overflow: hidden;
    }

    #stu-fee-report .report .rw .cl:nth-of-type(3) {
        width: 100px;
        height: 37px;
        padding: 10px;
    }

    #stu-fee-report .report .rw .cl:nth-of-type(4) {
        width: 100px;
        padding: 10px;
        height: 37px;
        overflow: hidden;
    }

    #stu-fee-report .report .rw .cl:nth-of-type(5) {
        width: 100px;
        padding: 10px;
    }

    #stu-fee-report .report .rw .cl:nth-of-type(6) {
        width: 100px;
        padding: 10px;
    }

    #stu-fee-report .report .rw .cl:nth-of-type(7) {
        width: 100px;
        padding: 10px;
    }

   

      #fee-duelisthd-print2 {
        text-align: center;
        font-weight: bold;
        font-size: 10pt;
        margin-top: 10pt;
         font-weight:900;
             font-size: large;
    }

    #fee-duelist2 {
        margin-left: 0;
        margin: 0 auto;
        background: #FFF;
        padding: 10pt;
        width: 800pt;
        box-shadow: none;
    }

        #fee-duelist2 .cl {
            padding: 2pt 8pt;
          font-size: large;
            /*height: 300pt;*/
           font-size: large;
        }

        #fee-duelist2 .rw .cl:nth-of-type(1) {
            width: 20pt;
            /*height: 300pt;*/
            font-weight:700;
             font-size: large;
        }

        #fee-duelist2 .rw .cl:nth-of-type(2) {
            width: 150pt;
            /*height: 300pt;*/
             font-weight:700;
             font-size: large;
        }

        #fee-duelist2 .rw .cl:nth-of-type(3) {
            width: 100pt;
            /*height: 300pt;*/
            font-weight: bold;
            color: #4A4A4A;
             font-weight:700;
             font-size: large;
        }

        #fee-duelist2 .rw .cl:nth-of-type(4) {
            width: 100pt;
            /*height: 300pt;*/
            text-align: left;
           
             font-size: large;
        }

        #fee-duelist2 .rw .cl:nth-of-type(5) {
            width: 100pt;
            /*height: 300pt;*/
            text-align: right;
           
             font-size: large;
        }

        #fee-duelist2 .rw .cl:nth-of-type(6) {
            width: 100pt;
            /*height: 300pt;*/
            text-align: right;
            
             font-size: large;
        }

        #fee-duelist2 .rw .cl:nth-of-type(7) {
            width: 100pt;
            /*height: 300pt;*/
            text-align: right;
            
             font-size: large;
        }

        #fee-duelist2 .rw .cl:nth-of-type(8) {
            width: 100pt;
            /*height: 300pt;*/
            text-align: right;
          
             font-size: large;
        }

        #fee-duelist2 .fdb {
            padding: 5pt 5pt;
            border-left: 0.75pt solid #DDD;
            border-right: 0.75pt solid #DDD;
            border-bottom: 0.75pt solid #DDD;
            padding-left: 150pt;
            color: #F72F2F;
            font-size: 10pt;
            font-weight: bold;
            width: 770pt;
            background: #FFF;
        }


     
}


    </style>

        <style type="text/css">
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

table 
{
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td 
{
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q, blockquote 
{
    quotes: none;
}

    q:before, q:after, blockquote:before, blockquote:after 
    {
        content: "";
        content: none;
    }

a img {

    border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}

.cl {
    float: left;
}

.rw:after {
    content: '';
    display: block;
    clear: both;
}

.cls {
    float: left;
}

.rws:after {
    content: '';
    display: block;
    clear: both;
}

.cl1 {
    float: left;
}

.rw1:after {
    content: '';
    display: block;
    clear: both;
}

.cl2 {
    float: left;
}

.rw2:after {
    content: '';
    display: block;
    clear: both;
}

.cl3 {
    float: left;
}

.rw3:after {
    content: '';
    display: block;
    clear: both;
}

.cl4 {
    float: left;
}

.rw4:after {
    content: '';
    display: block;
    clear: both;
}

.cl5 
{


    float: left;
}

.rw5:after 
{
    content: '';
    display: block;
    clear: both;
}

.cl6 
{

    float: left;
}

.rw6:after {
    content: '';
    display: block;
    clear: both;
}

.cl7 {

    float: left;
}

.rw7:after {
    content: '';
    display: block;
    clear: both;
}

.cl8 {
    float: left;
}

.rw8:after {
    content: '';
    display: block;
    clear: both;
}

.cl9 {
    float: left;
}

.rw9:after {
    content: '';
    display: block;
    clear: both;
}

.cl10 {
    float: left;
}

.rw10:after {
    content: '';
    display: block;
    clear: both;
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.link-btn {
    cursor: pointer !important;
    text-decoration: none;
    color: #FF3D00;
    text-shadow: 0px 0px #E7E7E7;
}

    .link-btn:hover {
        text-decoration: underline;
    }

.btn-lk {
    color: #FFF !important;
    font-size: 12px;
    font-family: Calibri;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #FF4E42;
    padding: 5px 6px;
    background: linear-gradient(rgba(255,116,106,0.87),rgba(244,67,54,0.54));
    box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(100,100,100,0.3);
    text-shadow: 1px 1px 0px #90231B;
    text-decoration: none;
}

    .btn-lk:hover {
        background: linear-gradient(rgba(244,67,54,0.78),rgba(244,67,54,0.73));
    }

.btn-big {
    border: 1px solid #086AA7;
    background: #1173b0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0ca2c4), color-stop(100%, #1173b0));
    background-image: -webkit-linear-gradient(#0ca2c4,#1173b0);
    background-image: -moz-linear-gradient(#0ca2c4,#1173b0);
    background-image: -o-linear-gradient(#0ca2c4,#1173b0);
    background-image: linear-gradient(#0ca2c4,#1173b0);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: #b6bcbd 0px 1px 0px inset;
    -moz-box-shadow: #b6bcbd 0px 1px 0px inset;
    box-shadow: #b6bcbd 0px 1px 0px inset;
    text-shadow: rgba(0,0,0,0.4) 0 1px 0;
    padding: 8px 20px;
    color: #ffffff !important;
    font-size: 15px;
    font-family: Georgia,Serif;
    cursor: pointer;
    font-weight: bold;
}

    .btn-big:hover {
        border-top-color: #2e8cc2;
        background: #2e8cc2;
        color: #fcfcfc;
    }

    .btn-big:active {
        border-top-color: #91aaba;
        background: #91aaba;
    }

.btn {
    /*border: 1px solid #1777b7;
    background: #009afd;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009afd), color-stop(100%, #009afd));
    background-image: -webkit-linear-gradient(#009afd,#009afd);
    background-image: -moz-linear-gradient(#009afd,#009afd);
    background-image: -o-linear-gradient(#009afd,#009afd);
    background-image: linear-gradient(#009afd,#009afd);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(100,100,100,0.3);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(100,100,100,0.3);
    box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(100,100,100,0.3);
    text-shadow: rgba(162,23,23,0.4) 0 1px 0;
    padding: 5px 10px;
    color: #ffffff !important;
    font-size: 14px;
    font-family: Calibri;
    cursor: pointer;
    font-weight: bold;*/
    min-width: 100px;
    min-height: 30px;
    color: #FFF;
    border: 1px solid #00B5E2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: url(../images/ds/a-bg.jpg);
    cursor:pointer;
}

    .btn:hover {
        border-top-color: #2e8cc2;
        background: #2e8cc2;
        color: #fcfcfc;
    }

    .btn:active {
        border-top-color: #91aaba;
        background: #91aaba;
    }

a.btn {
    padding: 5px 20px;
    margin-right: 5px;
    text-decoration: none;
}

.btn-link2 {
    border: 1px solid #086AA7;
    background: #1173b0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3b97e2), color-stop(100%, #2379b2));
    background-image: -webkit-linear-gradient(#3b97e2,#2379b2);
    background-image: -moz-linear-gradient(#3b97e2,#2379b2);
    background-image: -o-linear-gradient(#3b97e2,#2379b2);
    background-image: linear-gradient(#3b97e2,#2379b2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: #b6bcbd 0px 1px 0px inset;
    -moz-box-shadow: #b6bcbd 0px 1px 0px inset;
    box-shadow: #b6bcbd 0px 1px 0px inset;
    text-shadow: rgba(0,0,0,0.4) 0 1px 0;
    color: #ffffff !important;
    font-size: 12px;
    font-family: Georgia,Serif;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 20px;
    margin-right: 5px;
    text-decoration: none;
}

    .btn-link2:hover {
        border-top-color: #2e8cc2;
        background: #2e8cc2;
        color: #fcfcfc;
    }

    .btn-link2:active {
        border-top-color: #91aaba;
        background: #91aaba;
    }

.btn-small {
    border: 1px solid #086AA7;
    background: #1173b0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3b97e2), color-stop(100%, #2379b2));
    background-image: -webkit-linear-gradient(#3b97e2,#2379b2);
    background-image: -moz-linear-gradient(#3b97e2,#2379b2);
    background-image: -o-linear-gradient(#3b97e2,#2379b2);
    background-image: linear-gradient(#3b97e2,#2379b2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: #b6bcbd 0px 1px 0px inset;
    -moz-box-shadow: #b6bcbd 0px 1px 0px inset;
    box-shadow: #b6bcbd 0px 1px 0px inset;
    text-shadow: rgba(0,0,0,0.4) 0 1px 0;
    padding: 0px 5px;
    color: #ffffff !important;
    font-size: 12px;
    font-family: Georgia,Serif;
    cursor: pointer;
    font-weight: bold;
}

    .btn-small:hover {
        border-top-color: #2e8cc2;
        background: #2e8cc2;
        color: #fcfcfc;
    }

    .btn-small:active {
        border-top-color: #91aaba;
        background: #91aaba;
    }

.hlink-btn {
    border: 1px solid #086AA7;
    background: #1173b0;
    text-decoration: none !important;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3b97e2), color-stop(100%, #2379b2));
    background-image: -webkit-linear-gradient(#3b97e2,#2379b2);
    background-image: -moz-linear-gradient(#3b97e2,#2379b2);
    background-image: -o-linear-gradient(#3b97e2,#2379b2);
    background-image: linear-gradient(#3b97e2,#2379b2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: #b6bcbd 0px 1px 0px inset;
    -moz-box-shadow: #b6bcbd 0px 1px 0px inset;
    box-shadow: #b6bcbd 0px 1px 0px inset;
    text-shadow: rgba(0,0,0,0.4) 0 1px 0;
    padding: 7px 10px;
    color: #ffffff !important;
    font-size: 12px;
    font-family: Georgia,Serif;
    cursor: pointer;
    font-weight: bold;
}

    .hlink-btn:hover {
        border-top-color: #2e8cc2;
        background: #2e8cc2;
        color: #fcfcfc;
    }

    .hlink-btn:active {
        border-top-color: #91aaba;
        background: #91aaba;
    }

.hlink-btn-c {
    border: 1px solid #A9A9A9;
    background: #FFF;
    text-decoration: none !important;
    background-image: linear-gradient(#ffffff,#ececec);
    border-radius: 0px;
    box-shadow: #b6bcbd 0px 0px 0px inset;
    text-shadow: rgba(0,0,0,0.4) 0 1px 0;
    padding: 7px 10px;
    color: #000 !important;
    font-size: 12px;
    font-family: Georgia,Serif;
    cursor: pointer;
    font-weight: bold;
}

    .hlink-btn-c:hover {
        border-top-color: #8C8C8C;
        background: #F4F4F4;
    }

.btnf {
    border: none;
    background: #1173b0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3b97e2), color-stop(100%, #2379b2));
    background-image: -webkit-linear-gradient(#3b97e2,#2379b2);
    background-image: -moz-linear-gradient(#3b97e2,#2379b2);
    background-image: -o-linear-gradient(#3b97e2,#2379b2);
    background-image: linear-gradient(#3b97e2,#2379b2);
    -webkit-box-shadow: #b6bcbd 0px 0px 0px;
    -moz-box-shadow: #b6bcbd 0px 0px 0px;
    box-shadow: #b6bcbd 0px 0px 0px;
    text-shadow: rgba(0,0,0,0.4) 0 1px 0;
    padding: 8px 10px;
    color: #ffffff !important;
    font-size: 12px;
    font-family: Georgia,Serif;
    cursor: pointer;
    font-weight: bold;
}

    .btnf:hover {
        border-top-color: #2e8cc2;
        background: #2e8cc2;
    }

    .btnf:active {
        border-top-color: #2e8cc2;
        background: #2e8cc2;
    }

.hlink-btnf {
    text-decoration: none !important;
    border: none !important;
    background: #1173b0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3b97e2), color-stop(100%, #2379b2));
    background-image: -webkit-linear-gradient(#3b97e2,#2379b2);
    background-image: -moz-linear-gradient(#3b97e2,#2379b2);
    background-image: -o-linear-gradient(#3b97e2,#2379b2);
    background-image: linear-gradient(#3b97e2,#2379b2);
    -webkit-box-shadow: #b6bcbd 0px 0px 0px;
    -moz-box-shadow: #b6bcbd 0px 0px 0px;
    box-shadow: #b6bcbd 0px 0px 0px;
    text-shadow: rgba(0,0,0,0.4) 0 1px 0;
    padding: 7px 10px;
    color: #ffffff !important;
    font-size: 12px;
    font-family: Georgia,Serif;
    cursor: pointer;
    font-weight: bold;
}

    .hlink-btnf:hover {
        border-top-color: #2e8cc2;
        background: #2e8cc2;
    }

    .hlink-btnf:active {
        border-top-color: #2e8cc2;
        background: #2e8cc2;
    }

.btn-link {
    border: 1px solid rgba(100,100,100,0.49);
    text-decoration: none !important;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #358fd5), color-stop(100%, #287fbb));
    background: -webkit-linear-gradient(#358fd5,#287fbb);
    background: -moz-linear-gradient(#358fd5,#287fbb);
    background: -o-linear-gradient(#358fd5,#287fbb);
    background: linear-gradient(#358fd5,#287fbb);
    text-shadow: rgba(0,0,0,0.32) 0 1px 0;
    padding: 7px 13px 7px 13px;
    color: #FAFAFA;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 1px 4px 10px 0px rgba(216,216,216,0.78);
}

    .btn-link:hover {
        border-top-color: rgba(3,56,108,0.74);
        box-shadow: 1px 4px 5px 0px rgba(216,216,216,0.78);
    }

    .btn-link:active {
        border-top-color: rgba(3,56,108,0.74);
        box-shadow: 1px 4px 5px 0px rgba(216,216,216,0.78);
    }

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #000;
    text-shadow: 1px 1px #EDEDED;
    font-weight: lighter;
}

.required {
    color: #F00;
}

.hl-tc {
    color: #F60;
}

input[type="text"], input[type="password"] {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background: #FFF;
    padding: 5px 3px;
    border: 1px solid #c4c4c4;
}

select {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 5px 3px;
    border: 1px solid #c4c4c4;
}

.lv a, .lvs a, .lvb a, .lvs-v a, .lvb-v a {
    color: #F60;
    cursor: pointer;
    text-decoration: none;
}

    .lv a:hover, .lvs a:hover, .lvb a:hover, .lvs-v a:hover, .lvb-v a:hover {
        text-decoration: underline;
    }

.lv .rw, .lvs .rw, .lvb .rw, .lvs-v .rw, .lvb-v .rw {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
}

.lv .cl, .lvs .cl, .lvb .cl, .lvs-v .cl, .lvb-v .cl {
    border-right: 1px solid #ddd;
}

.lv .rw:first-child .cl, .lvs .rw:first-child .cl, .lvb .rw:first-child .cl, .lvs-v .rw:first-child .cl, .lvb-v .rw:first-child .cl {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
    background-image: -webkit-linear-gradient(#fafafa,#e8e8e8);
    background-image: -moz-linear-gradient(#fafafa,#e8e8e8);
    background-image: -o-linear-gradient(#fafafa,#e8e8e8);
    background-image: linear-gradient(#fafafa,#e8e8e8);
    color: #4C4747;
    text-shadow: 1px 1px rgba(255,255,255,0.8);
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.lv .rw:nth-of-type(odd), .lvs .rw:nth-of-type(odd), .lvb .rw:nth-of-type(odd), .lvs-v .rw:nth-of-type(odd), .lvb-v .rw:nth-of-type(odd) {
    background: #F7F7F7;
}

.lvs .rw:first-child .cl {
    padding: 10px;
    height: 12px;
}

.lvb .rw:first-child .cl {
    padding: 10px;
    height: 16px;
}

.dr {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
}

    .dr .cl {
        border-right: 1px solid #ddd;
    }

.lvs-v .rw:first-child .cl {
    padding: 10px;
    height: 12px;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-pack: center;
    box-align: center;
}

.lvb-v .rw:first-child .cl {
    padding: 10px;
    height: 16px;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-pack: center;
    box-align: center;
}

.lvw2 a, .lv2s a, .lv2b a {
    color: #F60;
    cursor: pointer;
    text-decoration: none;
}

    .lvw2 a:hover, .lv2s a:hover, .lv2b a:hover {
        text-decoration: underline;
    }

.lvw2 .rw .cl:first-child, .lv2s .rw .cl:first-child, .lv2b .rw .cl:first-child {
    border-left: 1px solid #ddd;
}

.lvw2 .cl, .lv2s .cl, .lv2b .cl {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
}

.lvw2 .rw:first-child .cl, .lv2s .rw:first-child .cl, .lv2b .rw:first-child .cl {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8)) !important;
    background-image: -webkit-linear-gradient(#fafafa,#e8e8e8) !important;
    background-image: -moz-linear-gradient(#fafafa,#e8e8e8) !important;
    background-image: -o-linear-gradient(#fafafa,#e8e8e8) !important;
    background-image: linear-gradient(#fafafa,#e8e8e8) !important;
    color: #4C4747;
    text-shadow: 1px 1px rgba(255,255,255,0.8);
    font-weight: bold;
    border-top: 1px solid #ddd;
}

.lvw2 .rw:nth-of-type(odd) .cl, .lv2s .rw:nth-of-type(odd) .cl, .lv2b .rw:nth-of-type(odd) .cl {
    background: #F7F7F7;
}

.lv2s .rw:first-child .cl {
    padding: 10px;
    height: 12px;
}

.lv2b .rw:first-child .cl {
    padding: 10px;
    height: 16px;
}

.lvsim a {
    color: #F60;
    cursor: pointer;
    text-decoration: none;
}

    .lvsim a:hover {
        text-decoration: underline;
    }

.lvsim .rw .cl:first-child {
    border-left: 1px solid #ddd;
}

.lvsim .cl {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
}

.lvsim .rw:first-child .cl {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8)) !important;
    background-image: -webkit-linear-gradient(#fafafa,#e8e8e8) !important;
    background-image: -moz-linear-gradient(#fafafa,#e8e8e8) !important;
    background-image: -o-linear-gradient(#fafafa,#e8e8e8) !important;
    background-image: linear-gradient(#fafafa,#e8e8e8) !important;
    color: #4C4747;
    text-shadow: 1px 1px rgba(255,255,255,0.8);
    font-weight: bold;
    border-top: 1px solid #ddd;
}

.lvsim .rw:nth-of-type(odd) .cl {
    background: #F7F7F7;
}

.lvsim2 a {
    color: #F60;
    cursor: pointer;
    text-decoration: none;
}

    .lvsim2 a:hover {
        text-decoration: underline;
    }

.lvsim2 .cl {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
}

.lvsim2 .rw:first-child .cl {
    border-top: 1px solid #DDD;
}

.lvsim2 .rw .cl:first-child {
    border-left: 1px solid #ddd;
}

.lvsim2 .rw:nth-of-type(odd) .cl {
    background: #F7F7F7;
}

.lvsim3 a {
    color: #F60;
    cursor: pointer;
    text-decoration: none;
}

    .lvsim3 a:hover {
        text-decoration: underline;
    }

.lvsim3 .cl {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #F7F7F7;
}

.lvsim3 .rw:first-child .cl {
    border-top: 1px solid #DDD;
}

.lvsim3 .rw .cl:first-child {
    border-left: 1px solid #ddd;
}

.lvsim3 .rw:nth-of-type(odd) .cl {
    background: #FFF;
}

.lvsim-fr .first.rw .cl:first-child {
    border-left: 1px solid #ddd;
}

.lvsim-fr .first.rw .cl {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
}

.lvsim-fr .first.rw .cl {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8)) !important;
    background-image: -webkit-linear-gradient(#fafafa,#e8e8e8) !important;
    background-image: -moz-linear-gradient(#fafafa,#e8e8e8) !important;
    background-image: -o-linear-gradient(#fafafa,#e8e8e8) !important;
    background-image: linear-gradient(#fafafa,#e8e8e8) !important;
    color: #4C4747;
    text-shadow: 1px 1px rgba(255,255,255,0.8);
    font-weight: bold;
    border-top: 1px solid #ddd;
}

.lvsim-nr a {
    color: #F60;
    cursor: pointer;
    text-decoration: none;
}

    .lvsim-nr a:hover {
        text-decoration: underline;
    }

.lvsim-nr .rw .cl:first-child {
    border-left: 1px solid #ddd;
}

.lvsim-nr .cl {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
}

.lvsim-nr .rw:nth-of-type(odd) .cl {
    background: #F7F7F7;
}

.lvsim-nr-even a {
    color: #F60;
    cursor: pointer;
    text-decoration: none;
}

    .lvsim-nr-even a:hover {
        text-decoration: underline;
    }

.lvsim-nr-even .rw .cl:first-child {
    border-left: 1px solid #ddd;
}

.lvsim-nr-even .cl {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
}

.lvsim-nr-even .rw:nth-of-type(even) .cl {
    background: #F7F7F7;
}

.lvsims a {
    color: #F60;
    cursor: pointer;
    text-decoration: none;
}

    .lvsims a:hover {
        text-decoration: underline;
    }

.lvsims .rws .cls:first-child {
    border-left: 1px solid #ddd;
}

.lvsims .cls {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
}

.lvsims .rws:first-child .cls {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8)) !important;
    background-image: -webkit-linear-gradient(#fafafa,#e8e8e8) !important;
    background-image: -moz-linear-gradient(#fafafa,#e8e8e8) !important;
    background-image: -o-linear-gradient(#fafafa,#e8e8e8) !important;
    background-image: linear-gradient(#fafafa,#e8e8e8) !important;
    color: #4C4747;
    text-shadow: 1px 1px rgba(255,255,255,0.8);
    font-weight: bold;
    border-top: 1px solid #ddd;
}

.lvsims .rws:nth-of-type(odd) .cls {
    background: #F7F7F7;
}

.lvsim-ng-nfr a {
    color: #F60;
    cursor: pointer;
    text-decoration: none;
}

    .lvsim-ng-nfr a:hover {
        text-decoration: underline;
    }

.lvsim-ng-nfr .rw .cl:first-child {
    border-left: 1px solid #ddd;
}

.lvsim-ng-nfr .cl {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
}

.lvsim-ng-nfr .rw:first-child .cl {
    border-top: 1px solid #ddd;
}

.lvsim-ng-nfr .rws:nth-of-type(odd) .cl {
    background: #F7F7F7;
}

.table-display .cl {
    display: table-cell;
    vertical-align: top;
    float: none;
}

.lvrw .rw .cl:first-child {
    border-left: 1px solid #ddd;
}

.lvrw .cl {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
}

.lvrw .rw:nth-of-type(odd) .cl {
    background: #F7F7F7;
}

.create-cont {
    display: none;
    width: 500px;
    height: 425px;
    padding: 20px;
    border-radius: 5px;
}

    .create-cont h1:first-child {
        margin-bottom: 10px;
    }

    .create-cont .cl {
        padding: 8px 5px;
    }

    .create-cont .rw .cl:nth-of-type(1) {
        width: 160px;
    }

    .create-cont .rw .cl:nth-of-type(2) {
        width: 180px;
    }

.edit-cont {
    display: none;
    width: 500px;
    height: 425px;
    padding: 20px;
    border-radius: 5px;
}

    .edit-cont h1:first-child {
        margin-bottom: 10px;
    }

    .edit-cont .cl {
        padding: 8px 5px;
    }

    .edit-cont .rw .cl:nth-of-type(1) {
        width: 160px;
    }

    .edit-cont .rw .cl:nth-of-type(2) {
        width: 180px;
    }

.remove-cont {
    display: none;
    width: 500px;
    height: 425px;
    padding: 20px;
    border-radius: 5px;
}

    .remove-cont h1:first-child {
        margin-bottom: 10px;
    }

    .remove-cont .cl {
        padding: 20px 5px;
    }

    .remove-cont .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    .remove-cont .rw .cl:nth-of-type(2) {
        width: 100px;
    }

.srw .rw .cl:first-child {
    border-left: 1px solid #ddd;
}

.srw .rw:first-child .cl {
    border-top: 1px solid #ddd;
}

.srw .cl {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
}

.srw .rw:nth-of-type(even) .cl {
    background: #F7F7F7;
}

.table-ui-rw {
    border: 1px solid #EDEDED;
}

    .table-ui-rw tr {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(100%, #ededed));
        background: -webkit-linear-gradient(#ededed,#ededed);
        background: -moz-linear-gradient(#ededed,#ededed);
        background: -o-linear-gradient(#ededed,#ededed);
        background: linear-gradient(#ededed,#ededed);
        border-top: 1px solid #EDEDED;
        border-top: 1px solid #D5D5D5;
    }

        .table-ui-rw tr:nth-of-type(even) {
            background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
            background: -webkit-linear-gradient(#ffffff,#ffffff);
            background: -moz-linear-gradient(#ffffff,#ffffff);
            background: -o-linear-gradient(#ffffff,#ffffff);
            background: linear-gradient(#ffffff,#ffffff);
        }

        .table-ui-rw tr:last-child {
            border-bottom: 1px solid #EDEDED;
        }

.table-blue tr.t-header {
    background: #2980b9;
    color: #FFF;
}

.table-blue tr {
    background: #E6E6E6;
}

    .table-blue tr:nth-of-type(even) {
        background: #E9E9E9;
    }

.t-grey {
    box-shadow: 0 0 2px 1px #EDE9E9;
}

    .t-grey tr.t-header td {
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8)) !important;
        background-image: -webkit-linear-gradient(#fafafa,#e8e8e8) !important;
        background-image: -moz-linear-gradient(#fafafa,#e8e8e8) !important;
        background-image: -o-linear-gradient(#fafafa,#e8e8e8) !important;
        background-image: linear-gradient(#fafafa,#e8e8e8) !important;
        text-shadow: 1px 1px rgba(255,255,255,0.8);
        color: #4C4747;
        font-weight: bold;
    }

    .t-grey td {
        border: 1px solid #DDD;
    }

    .t-grey tr td {
        background: #FFF;
    }

    .t-grey tr:nth-of-type(odd) td {
        background: #F4F4F4;
    }

    .t-grey a {
        color: #F60;
        cursor: pointer;
        text-decoration: none;
    }

        .t-grey a:hover {
            text-decoration: underline;
        }

.t-def td {
    padding: 10px;
}

.ttl {
    font-weight: bold;
}

.btn-print, .stu-list-cont .pdf-r, .btn-icard {
    display: inline-block;
    border: 1px solid #B0B0B0;
    text-decoration: none !important;
    padding: 7px 10px 7px 27px;
    color: #000;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    background: url("../images/ds/icons/print.png") 6px 7px no-repeat,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #f4f4f4));
    background: url("../images/ds/icons/print.png") 6px 7px no-repeat,-webkit-linear-gradient(#fcfcfc,#f4f4f4);
    background: url("../images/ds/icons/print.png") 6px 7px no-repeat,-moz-linear-gradient(#fcfcfc,#f4f4f4);
    background: url("../images/ds/icons/print.png") 6px 7px no-repeat,-o-linear-gradient(#fcfcfc,#f4f4f4);
    background: url("../images/ds/icons/print.png") 6px 7px no-repeat,linear-gradient(#fcfcfc,#f4f4f4);
    text-shadow: rgba(0,0,0,0.4) 0 1px 0;
    text-decoration: none;
}

    .btn-print:hover, .stu-list-cont .pdf-r:hover, .btn-icard:hover {
        border-top-color: #909090;
        box-shadow: 1px 1px 1px 0px #D8D8D8;
    }

    .btn-print:active, .stu-list-cont .pdf-r:active, .btn-icard:active {
        border-top-color: #909090;
        box-shadow: 1px 1px 1px 0px #D8D8D8;
    }

.btn-pdf {
    display: inline-block;
    border: 1px solid #B0B0B0;
    text-decoration: none !important;
    padding: 7px 10px 7px 27px;
    color: #000;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    background: url("../images/ds/icons/file-pdf.png") 6px 7px no-repeat,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #f4f4f4));
    background: url("../images/ds/icons/file-pdf.png") 6px 7px no-repeat,-webkit-linear-gradient(#fcfcfc,#f4f4f4);
    background: url("../images/ds/icons/file-pdf.png") 6px 7px no-repeat,-moz-linear-gradient(#fcfcfc,#f4f4f4);
    background: url("../images/ds/icons/file-pdf.png") 6px 7px no-repeat,-o-linear-gradient(#fcfcfc,#f4f4f4);
    background: url("../images/ds/icons/file-pdf.png") 6px 7px no-repeat,linear-gradient(#fcfcfc,#f4f4f4);
    text-shadow: rgba(0,0,0,0.4) 0 1px 0;
    text-decoration: none;
}

    .btn-pdf:hover {
        border-top-color: #909090;
        box-shadow: 1px 1px 1px 0px #D8D8D8;
    }

    .btn-pdf:active {
        border-top-color: #909090;
        box-shadow: 1px 1px 1px 0px #D8D8D8;
    }

.btn-add {
    border: 1px solid #B0B0B0;
    text-decoration: none !important;
    background: url("../images/ds/icons/plus.png") 6px 7px no-repeat,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #f4f4f4));
    background: url("../images/ds/icons/plus.png") 6px 7px no-repeat,-webkit-linear-gradient(#fcfcfc,#f4f4f4);
    background: url("../images/ds/icons/plus.png") 6px 7px no-repeat,-moz-linear-gradient(#fcfcfc,#f4f4f4);
    background: url("../images/ds/icons/plus.png") 6px 7px no-repeat,-o-linear-gradient(#fcfcfc,#f4f4f4);
    background: url("../images/ds/icons/plus.png") 6px 7px no-repeat,linear-gradient(#fcfcfc,#f4f4f4);
    text-shadow: rgba(0,0,0,0.4) 0 1px 0;
    padding: 7px 10px 7px 27px;
    color: #000;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}

    .btn-add:hover {
        border-top-color: #909090;
        box-shadow: 1px 1px 1px 0px #D8D8D8;
    }

    .btn-add:active {
        border-top-color: #909090;
        box-shadow: 1px 1px 1px 0px #D8D8D8;
    }

.btn-mod {
    border: 1px solid #B0B0B0;
    text-decoration: none !important;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(#fcfcfc,#f4f4f4);
    background: -moz-linear-gradient(#fcfcfc,#f4f4f4);
    background: -o-linear-gradient(#fcfcfc,#f4f4f4);
    background: linear-gradient(#fcfcfc,#f4f4f4);
    text-shadow: rgba(0,0,0,0.4) 0 1px 0;
    padding: 7px 10px 7px 10px;
    color: #000;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}

    .btn-mod:hover {
        border-top-color: #909090;
        box-shadow: 1px 1px 1px 0px #D8D8D8;
    }

    .btn-mod:active {
        border-top-color: #909090;
        box-shadow: 1px 1px 1px 0px #D8D8D8;
    }

.btn-back {
    border: 1px solid rgba(100,100,100,0.49);
    text-decoration: none !important;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #358fd5), color-stop(100%, #287fbb));
    background: -webkit-linear-gradient(#358fd5,#287fbb);
    background: -moz-linear-gradient(#358fd5,#287fbb);
    background: -o-linear-gradient(#358fd5,#287fbb);
    background: linear-gradient(#358fd5,#287fbb);
    text-shadow: rgba(0,0,0,0.32) 0 1px 0;
    padding: 7px 13px 7px 13px;
    color: #FAFAFA;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 1px 4px 10px 0px rgba(216,216,216,0.78);

    color: #FFF;
    border: 1px solid #00B5E2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: url(../images/ds/a-bg.jpg);
}

    .btn-back:hover {
        border-top-color: rgba(3,56,108,0.74);
        box-shadow: 1px 4px 5px 0px rgba(216,216,216,0.78);
    }

    .btn-back:active {
        border-top-color: rgba(3,56,108,0.74);
        box-shadow: 1px 4px 5px 0px rgba(216,216,216,0.78);
    }

.btn-bl {
    border: 1px solid rgba(100,100,100,0.49);
    text-decoration: none !important;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #358fd5), color-stop(100%, #287fbb));
    background: -webkit-linear-gradient(#358fd5,#287fbb);
    background: -moz-linear-gradient(#358fd5,#287fbb);
    background: -o-linear-gradient(#358fd5,#287fbb);
    background: linear-gradient(#358fd5,#287fbb);
    text-shadow: rgba(0,0,0,0.32) 0 1px 0;
    padding: 6px 13px 6px 13px;
    color: #FAFAFA;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 1px 4px 10px 0px rgba(216,216,216,0.78);
}

    .btn-bl:hover {
        border-top-color: rgba(3,56,108,0.74);
        box-shadow: 1px 4px 5px 0px rgba(216,216,216,0.78);
    }

    .btn-bl:active {
        border-top-color: rgba(3,56,108,0.74);
        box-shadow: 1px 4px 5px 0px rgba(216,216,216,0.78);
    }

.clbr .cl:first-child {
    border-left: 1px solid #ddd;
}

.clbr .cl {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
}

.clbr.fr .cl:first-child {
    border-top: 1px solid #ddd;
}

.clbr.lr .cl:first-child {
    border-top: 1px solid #ddd;
}

.plus_ico {
    background: url(../images/ds/icons/plus.png) no-repeat 18px 10px;
}

.list_ico {
    background: url(../images/ds/icons/list.png) no-repeat 18px 10px;
}

.list2_ico {
    background: url(../images/ds/icons/list2.png) no-repeat 18px 10px;
}

.list8_ico {
    background: url(../images/ds/icons/profile.png) no-repeat 18px 10px;
}
.users_ico {
    background: url(../images/ds/icons/users.png) no-repeat 18px 10px;
}

.users2_ico {
    background: url(../images/ds/icons/users2.png) no-repeat 18px 10px;
}


.class_transfer {
    background: url(../images/ds/icons/tab.png) no-repeat 18px 10px;
}


.attachment 
{
    background: url(../images/ds/icons/attachment.png) no-repeat 18px 10px;
}


.user2_ico {
    background: url(../images/ds/icons/user2.png) no-repeat 18px 10px;
}

.user2_ico2 {
    background: url(../images/ds/icons/drawer3.png) no-repeat 18px 10px;
}

.user2_ico5 {
    background: url(../images/ds/icons/ticket.png) no-repeat 18px 10px;
}

.file_ico {
    background: url(../images/ds/icons/file.png) no-repeat 18px 10px;
}

.file2_ico {
    background: url(../images/ds/icons/file2.png) no-repeat 18px 10px;
}

.cart2_ico {
    background: url(../images/ds/icons/cart2.png) no-repeat 18px 10px;
}

.file3_ico {
    background: url(../images/ds/icons/file3.png) no-repeat 18px 10px;
}

.ico-configuration {
    background: url(../images/ds/icons/ico-configuration.png) no-repeat 18px 10px;
}

.fee_ico {
    background: url(../images/ds/fees-icons.png) no-repeat 19px 10px;
}

.cf_ico {
    background: url(../images/ds/fees-icons.png) no-repeat 19px -75px;
}

.abook_ico {
    background: url(../images/ds/library-icons.png) no-repeat 18px -72px;
}

.profile_ico {
    background: url(../images/ds/icons/profile.png) no-repeat 18px 10px;
}


.download_ico {
    background: url(../images/ds/icons/download.png) no-repeat 18px 10px;
}



.book_ico {
    background: url(../images/ds/icons/book.png) no-repeat 18px 10px;
}

.coin_ico {
    background: url(../images/ds/icons/coin.png) no-repeat 18px 10px;
}

.lhome_ico {
    background: url(../images/ds/icons/home3.png) no-repeat 18px 10px;
}

.lClasses_ico {
    background: url(../images/ds/classes.png) no-repeat 18px 10px;
}

.lCalendar_ico {
    background: url(../images/ds/icons/calendar.png) no-repeat 18px 10px;
}

.lUser_ico {
    background: url(../images/ds/icons/user.png) no-repeat 18px 10px;
}

.lUsers_ico {
    background: url(../images/ds/icons/users.png) no-repeat 18px 10px;
}

.lUser2_ico {
    background: url(../images/ds/icons/user2.png) no-repeat 18px 10px;
}

.lUsers2_ico {
    background: url(../images/ds/icons/users2.png) no-repeat 18px 10px;
}

.lEmail_ico {
    background: url(../images/ds/icons/mail2.png) no-repeat 18px 10px;
}

.bars_ico {
    background: url(../images/ds/icons/bars.png) no-repeat 18px 10px;
}

.bars2_ico {
    background: url(../images/ds/icons/bars2.png) no-repeat 18px 10px;
}

.trophy_ico {
    background: url(../images/ds/icons/trophy.png) no-repeat 18px 10px;
}

.truck_ico {
    background: url(../images/ds/icons/truck.png) no-repeat 18px 10px;
}

.lConfig_ico {
    background: url(../images/ds/icons/ico-configuration.png) no-repeat 18px 10px;
}

.quill_ico {
    background: url(../images/ds/icons/quill.png) no-repeat 18px 10px;
}

.pencil_ico {
    background: url(../images/ds/icons/pencil.png) no-repeat 18px 10px;
}

.calender_ico {
    background: url(../images/ds/icons/calendar.png) no-repeat 18px 10px;
}

.mob_ico {
    background: url(../images/ds/icons/mobile.png) no-repeat 18px 10px;
}

.birthday_ico {
    background: url(../images/ds/birthday-cake.png) no-repeat 18px 10px;
}

.btn-mod-icoaddress {
    padding: 7px 10px 7px 27px;
    background: url("../images/ds/icons/address-book.png") 6px 7px no-repeat;
}

.btn-mod-icoTemplate {
    padding: 7px 10px 7px 27px;
    background: url("../images/ds/icons/insert-template.png") 6px 7px no-repeat;
}

.vl .vl-required-cont {
    font-weight: bold;
    color: #4D4D4D;
    font-size: 14px;
}

.vl .vl-required {
    color: red;
    font-size: 1.3em;
}

.vl .vl-sh {
    font-weight: bold;
    padding-top: 10px;
    color: #CF4B22;
    font-size: 15px;
}

.vl .vl-sh-border {
    background: #9E0F15;
    height: 1px;
    border: none;
    margin-bottom: 15px;
    margin-top: 15px;
}

.vl label.error {
    padding-left: 10px;
    color: red;
    font-family: Segoe UI Semibold;
}

.vl div.error {
    padding: 8px 5px 8px 0;
    color: red;
    font-family: Segoe UI Semibold;
}

.vl input[type='text'].error {
    border: 1px solid red;
}

    .vl input[type='text'].error:focus {
        outline: none;
    }

.vl textarea.error {
    border: 1px solid red;
}

    .vl textarea.error:focus {
        outline: none;
    }

.vl input[type='text'].valid {
    border: 1px solid green;
}

.clock-container {
    width: 250px;
    margin: 0 auto;
    overflow: hidden;

    @-webkit-keyframes mymove {
        0% {
            opacity: 1.0;
            text-shadow: 0 0 20px #00c6ff;
        }

        50% {
            opacity: 0;
            text-shadow: none;
        }

        100% {
            opacity: 1.0;
            text-shadow: 0 0 20px #00c6ff;
        }
    }

    ;

    @-moz-keyframes mymove {
        0% {
            opacity: 1.0;
            text-shadow: 0 0 20px #00c6ff;
        }

        50% {
            opacity: 0;
            text-shadow: none;
        }

        100% {
            opacity: 1.0;
            text-shadow: 0 0 20px #00c6ff;
        }
    }
}

    .clock-container a {
        text-decoration: none;
        color: #000;
    }

    .clock-container h1 {
        font: 1em normal Arial, Helvetica, sans-serif;
        padding: 20px;
        margin: 0;
        text-align: center;
    }

        .clock-container h1 small {
            font: 0.2em normal Arial, Helvetica, sans-serif;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            line-height: 2em;
            display: block;
        }

    .clock-container h2 {
        font-weight: 700;
        color: #bbb;
        font-size: 20px;
    }

    .clock-container h2, .clock-container p {
        margin-bottom: 10px;
    }

    .clock-container .clock {
        width: 228px;
        margin: 0 auto;
        padding: 25px;
        border: 1px solid #DCDCDC;
        color: #000;
        border-radius: 10px;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f9f9f9));
        background: -webkit-linear-gradient(#ffffff,#f9f9f9);
        background: -moz-linear-gradient(#ffffff,#f9f9f9);
        background: -o-linear-gradient(#ffffff,#f9f9f9);
        background: linear-gradient(#ffffff,#f9f9f9);
    }

    .clock-container #Date {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        text-align: center;
        margin-bottom: 5px;
    }

    .clock-container ul {
        width: 180px;
        margin: 0 auto;
        padding: 0px;
        list-style: none;
        text-align: center;
    }

        .clock-container ul li {
            display: inline;
            font-size: 1em;
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 20px;
        }

    .clock-container .point {
        position: relative;
        -moz-animation: mymove 1s ease infinite;
        -webkit-animation: mymove 1s ease infinite;
        padding-left: 10px;
        padding-right: 10px;
    }

@font-face {
    font-family: 'Copperplate_Gothic_Light';
    src: url("fonts/coprgtl-webfont.eot");
    src: url("fonts/coprgtl-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/coprgtl-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

.showtt {
    position: relative;
}

    .showtt.showtt-err:before {
        display: block;
        content: attr(data-showtt);
        border: 1px solid #F00;
        color: #F00;
        padding: 10px;
        border-radius: 2px;
        background: #FFF;
        width: 300px;
        position: absolute;
        z-index: 2000000;
        top: -59px;
        left: -140px;
        font-family: Calibri;
        font-size: 13px;
        text-align: left;
    }

    .showtt.showtt-err:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 8px solid #FF5722;
        border-left: 8px solid rgba(0,0,0,0);
        border-right: 8px solid rgba(0,0,0,0);
        position: absolute;
        top: -11px;
        left: 50%;
        margin-left: -8px;
        text-align: left;
    }

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
}

    table.dataTable thead th, table.dataTable tfoot th {
        font-weight: bold;
    }

    table.dataTable thead th, table.dataTable thead td {
        padding: 10px 18px;
        color: #4C4747;
        text-shadow: 1px 1px rgba(255,255,255,0.8);
        font-weight: bold;
        border-bottom: 1px solid #ddd;
    }

        table.dataTable thead th:active, table.dataTable thead td:active {
            outline: none;
        }

    table.dataTable thead tr td {
        border-right: 1px solid #ddd;
    }

        table.dataTable thead tr td:first-child {
            border-left: 1px solid #ddd;
        }

    table.dataTable tfoot th, table.dataTable tfoot td {
        padding: 10px 18px 6px 18px;
        border-top: 1px solid #ddd;
    }

    table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
        cursor: pointer;
        *cursor: hand;
    }

    table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
        background-repeat: no-repeat;
        background-position: center right;
        border-top: 1px solid #ddd;
    }

    table.dataTable thead .sorting {
        background-image: url("../css/dt/sort_both.png"),linear-gradient(#fafafa,#e8e8e8);
    }

    table.dataTable thead .sorting_asc {
        background-image: url("../css/dt/sort_asc.png"),linear-gradient(#fafafa,#e8e8e8);
    }

    table.dataTable thead .sorting_desc {
        background-image: url("../css/dt/sort_desc.png"),linear-gradient(#fafafa,#e8e8e8);
    }

    table.dataTable thead .sorting_asc_disabled {
        background-image: url("../css/dt/sort_asc_disabled.png"),linear-gradient(#fafafa,#e8e8e8);
    }

    table.dataTable thead .sorting_desc_disabled {
        background-image: url("../css/dt/sort_desc_disabled.png"),linear-gradient(#fafafa,#e8e8e8);
    }

    table.dataTable tbody tr {
        background: #F7F7F7;
    }

        table.dataTable tbody tr.selected {
            background-color: #b0bed9;
        }

    table.dataTable tbody th, table.dataTable tbody td {
        padding: 8px 10px;
    }

    table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
        border-top: 1px solid #ddd;
    }

    table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
        border-top: none;
    }

    table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
        border-left: 1px solid #ddd;
    }

    table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
        border-top: none;
    }

    table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
        background-color: #FFF;
    }

        table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
            background-color: #abb9d3;
        }

    table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
        background-color: #f5f5f5;
    }

        table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
            background-color: #a9b7d1;
        }

    table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
        background-color: #FFF;
    }

    table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
        background-color: #acbad4;
    }

    table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        background-color: #f1f1f1;
    }

    table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
        background-color: #f3f3f3;
    }

    table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
        background-color: #f5f5f5;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
        background-color: #a6b3cd;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
        background-color: #a7b5ce;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
        background-color: #a9b6d0;
    }

    table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        background-color: #f9f9f9;
    }

    table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
        background-color: #fbfbfb;
    }

    table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
        background-color: #fdfdfd;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
        background-color: #acbad4;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
        background-color: #adbbd6;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
        background-color: #afbdd8;
    }

    table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
        background-color: #eaeaea;
    }

    table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
        background-color: #ebebeb;
    }

    table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
        background-color: #eee;
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
        background-color: #a1aec7;
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
        background-color: #a2afc8;
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
        background-color: #a4b2cb;
    }

    table.dataTable.no-footer {
        border-bottom: 1px solid #ddd;
    }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        white-space: nowrap;
    }

    table.dataTable.compact thead th, table.dataTable.compact thead td {
        padding: 4px 17px 4px 4px;
    }

    table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
        padding: 4px;
    }

    table.dataTable.compact tbody th, table.dataTable.compact tbody td {
        padding: 4px;
    }

    table.dataTable th.dt-left, table.dataTable td.dt-left {
        text-align: left;
    }

    table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
        text-align: center;
    }

    table.dataTable th.dt-right, table.dataTable td.dt-right {
        text-align: right;
    }

    table.dataTable th.dt-justify, table.dataTable td.dt-justify {
        text-align: justify;
    }

    table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
        white-space: nowrap;
    }

    table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
        text-align: left;
    }

    table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
        text-align: center;
    }

    table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
        text-align: right;
    }

    table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
        text-align: justify;
    }

    table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
        white-space: nowrap;
    }

    table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
        text-align: left;
    }

    table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
        text-align: center;
    }

    table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
        text-align: right;
    }

    table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
        text-align: justify;
    }

    table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
        white-space: nowrap;
    }

    table.dataTable, table.dataTable th, table.dataTable td {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
}

    .dataTables_wrapper .dataTables_length {
        float: left;
    }

    .dataTables_wrapper .dataTables_filter {
        float: right;
        text-align: right;
    }

        .dataTables_wrapper .dataTables_filter input {
            margin-left: 0.5em;
        }

    .dataTables_wrapper .dataTables_info {
        clear: both;
        float: left;
        padding-top: 0.755em;
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
        text-align: right;
        padding-top: 0.25em;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            padding: 0.5em 1em;
            margin-left: 2px;
            text-align: center;
            text-decoration: none !important;
            cursor: pointer;
            *cursor: hand;
            color: #333 !important;
            border: 1px solid transparent;
            border-radius: 2px;
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                color: #333 !important;
                border: 1px solid #979797;
                background-color: #fff;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
                background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: linear-gradient(to bottom, #ffffff 0%,#dcdcdc 100%);
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
                cursor: default;
                color: #666 !important;
                border: 1px solid transparent;
                background: transparent;
                box-shadow: none;
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                color: white !important;
                border: 1px solid #508da0;
                background-color: #aacbd5;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aacbd5), color-stop(100%, #508da0));
                background: -webkit-linear-gradient(top, #aacbd5 0%, #508da0 100%);
                background: -moz-linear-gradient(top, #aacbd5 0%, #508da0 100%);
                background: -ms-linear-gradient(top, #aacbd5 0%, #508da0 100%);
                background: -o-linear-gradient(top, #aacbd5 0%, #508da0 100%);
                background: linear-gradient(to bottom, #aacbd5 0%,#508da0 100%);
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:active {
                outline: none;
                background-color: #6da5b6;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6da5b6), color-stop(100%, #4d8799));
                background: -webkit-linear-gradient(top, #6da5b6 0%, #4d8799 100%);
                background: -moz-linear-gradient(top, #6da5b6 0%, #4d8799 100%);
                background: -ms-linear-gradient(top, #6da5b6 0%, #4d8799 100%);
                background: -o-linear-gradient(top, #6da5b6 0%, #4d8799 100%);
                background: linear-gradient(to bottom, #6da5b6 0%,#4d8799 100%);
                box-shadow: inset 0 0 3px #111;
            }

        .dataTables_wrapper .dataTables_paginate .ellipsis {
            padding: 0 1em;
        }

    .dataTables_wrapper .dataTables_processing {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 40px;
        margin-left: -50%;
        margin-top: -25px;
        padding-top: 20px;
        text-align: center;
        font-size: 1.2em;
        background-color: white;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,0.9) 75%,rgba(255,255,255,0) 100%);
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
        color: #333;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .dataTables_wrapper .dataTables_scroll {
        clear: both;
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
            *margin-top: -1px;
            -webkit-overflow-scrolling: touch;
        }

            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
                vertical-align: middle;
            }

                .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
                    height: 0;
                    overflow: hidden;
                    margin: 0 !important;
                    padding: 0 !important;
                }

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 1px solid #ddd;
    }

    .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
        border-bottom: none;
    }

    .dataTables_wrapper:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0;
    }

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em;
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em;
    }
}

.dataTables_filter {
    margin-right: 10px;
}

::-webkit-scrollbar {
    width: 0.7em;
    height: 0.7em;
}

::-webkit-scrollbar-thumb {
    background: #508da0;
}

::-webkit-scrollbar-track {
    background: #ccc;
}

body {
    scrollbar-face-color: #508da0;
    scrollbar-track-color: #ccc;
}

body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    background-image: url(../images/ds/body-bg.jpg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    color: #424242;
}

.header {
    width: 100%;
    height: 120px;
    position: relative;
    background-image: url(../images/ds/header-bg.jpg);
}

.header-logo {
    height: 100px;
    padding-left: 50px;
    width: 180px;
}

    .header-logo img {
        width: 110px;
        height: 100px;
        margin-top: 5px;
        box-shadow: 0 0 2px 0px #478292;
    }

.htext {
    position: absolute;
    top: 20px;
    left: 200px;
}

    .htext a {
        font-weight: bold;
        color: #FFF;
        font-size: 18px;
        text-decoration: none;
        text-shadow: 0 0 1px #525252;
    }

    .btn_pro_1 {
        /* display: inline-block; */
    border: 1px solid #B0B0B0;
    text-decoration: none !important;
    padding: 7px 10px 7px 11px;
    color: #000;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    /* background: url(../images/ds/icons/print.png) 6px 7px no-repeat,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #f4f4f4)); */
    /* background: url(../images/ds/icons/print.png) 6px 7px no-repeat,-webkit-linear-gradient(#fcfcfc,#f4f4f4); */
    background: url(../images/ds/icons/mail2.png) 6px 7px no-repeat,-moz-linear-gradient(#fcfcfc,#f4f4f4);
    background: url(../images/ds/icons/mail2.png) 6px 7px no-repeat,-o-linear-gradient(#fcfcfc,#f4f4f4);
    /* background: url(../images/ds/icons/print.png) 6px 7px no-repeat,linear-gradient(#fcfcfc,#f4f4f4); */
    /* text-shadow: rgba(0,0,0,0.4) 0 1px 0; */
    /* text-decoration: none; */
}

.btn_pro_1:hover {
        border-top-color: #909090;
        box-shadow: 1px 1px 1px 0px #D8D8D8;
    }

    .btn_pro_1:active  {
        border-top-color: #909090;
        box-shadow: 1px 1px 1px 0px #D8D8D8;
    }
.header-links {
    position: absolute;
    top: 15px;
    right: 36px;
}

    .header-links div {
        float: left;
        margin: 1px 5px;
        padding: 0 5px;
        overflow: hidden;
    }

    .header-links a {
        padding: 5px 5px 5px 20px;
        display: block;
        float: left;
        color: #F4F4F4;
        text-decoration: none;
        cursor: pointer;
    }

    .header-links .logout-link a {
        background: url(../images/ds/icons/switch.png) no-repeat left center;
    }

    .header-links .profile-link a {
        background: url(../images/ds/icons/cog.png) no-repeat left center;
    }


     .header-links .profile-link2 a {
        background: url(../images/ds/icons/remove.png) no-repeat left center;
    }
      .header-links .profile-link3 a {
        background: url(../images/ds/icons/mobile.png) no-repeat left center;
    }

        .header-links .profile-link5 a {
        background: url(../images/ds/birthday-cake1.png) no-repeat left center;
    }

    .header-links .logout-link:hover, .header-links .profile-link:hover , .header-links .profile-link2:hover,  .header-links .profile-link3:hover,   .header-links .profile-link5:hover {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e6e6e6));
        background: -webkit-linear-gradient(#fbfbfb,#e6e6e6);
        background: -moz-linear-gradient(#fbfbfb,#e6e6e6);
        background: -o-linear-gradient(#fbfbfb,#e6e6e6);
        background: linear-gradient(#fbfbfb,#e6e6e6);
        text-shadow: 0 0 #000;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
    }

        .header-links .logout-link:hover a, .header-links .profile-link:hover a , .header-links .profile-link2:hover a ,   .header-links .profile-link5:hover a   {
            color: #000;
        }

#nojs {
    display: none;
    width: 820px;
    height: 20px;
    position: fixed;
    top: 0;
    left: 200px;
    z-index: 1000;
    background: #FFF;
    padding: 10px 10px 10px 40px;
    color: #E80000;
    border-radius: 0 0 5px 5px;
}

    #nojs a {
        color: #000;
    }

.no-js #nojs {
    display: block;
}

#menu {
    padding-left: 120px;
    height: 35px;
    background: url(../images/ds/menu-bg.jpg) repeat-x;
    background-size: 1px 35px;
    border-bottom: 1px solid #91C4C6;
}

    #menu li {
        float: left;
        margin-right: 2px;
        list-style: none;
    }

    #menu a {
        font-size: 12px;
        display: block;
        padding: 8px 15px 8px 15px;
        text-align: center;
        text-decoration: none;
        color: #031C27;
        font-weight: 700;
        border: 1px solid rgba(0,0,0,0);
        cursor: pointer;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

        #menu a img {
            border: none;
            vertical-align: middle;
            margin-right: 13px;
            width: 16px;
            height: 16px;
        }

        #menu a:hover {
            color: #FFF;
            border: 1px solid #00B5E2;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            background: url(../images/ds/a-bg.jpg);
        }

    #menu:after {
        content: '';
        display: block;
        clear: both;
    }

    #menu .active-menu {
        color: #FFF;
        border: 1px solid #00B5E2;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background: url(../images/ds/a-bg.jpg);
    }

#sub-menu {
    position: relative;
}

    #sub-menu:hover ul {
        display: block;
    }

    #sub-menu ul {
        display: none;
        position: absolute;
        z-index: 1000;
        background: #FFF;
        border: 1px solid #91C4C6;
        width: 200px;
    }

        #sub-menu ul li {
            width: 100%;
        }

            #sub-menu ul li a {
                text-align: left;
            }

                #sub-menu ul li a:hover {
                    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0dce7), color-stop(100%, #2dc3e8));
                    background: -webkit-linear-gradient(#b0dce7,#2dc3e8);
                    background: -moz-linear-gradient(#b0dce7,#2dc3e8);
                    background: -o-linear-gradient(#b0dce7,#2dc3e8);
                    background: linear-gradient(#b0dce7,#2dc3e8);
                }

.content {
    min-height: 468px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(#ffffff,#ffffff);
    background: -moz-linear-gradient(#ffffff,#ffffff);
    background: -o-linear-gradient(#ffffff,#ffffff);
    background: linear-gradient(#ffffff,#ffffff);
    position: relative;
}

    .content .left {
        width: 228px;
        min-height: 454px;
        border: 1px solid #DDD;
        margin: 25px 0 10px 25px;
        background: #fff;
        float: left;
    }

        .content .left h1 {
            padding: 16px 0 16px 20px;
        }

            .content .left h1 a {
                color: initial;
                text-decoration: none;
            }

                .content .left h1 a:hover {
                    text-decoration: underline;
                }

        .content .left ul li {
            padding: 10px 0 10px 20px;
            border-top: 1px solid #D1D1D1;
        }

            .content .left ul li:last-child {
                border-bottom: 1px solid #D1D1D1;
            }

            .content .left ul li:hover {
                background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #88dcf1), color-stop(100%, #2fadd5));
                background: -webkit-linear-gradient(#88dcf1,#2fadd5);
                background: -moz-linear-gradient(#88dcf1,#2fadd5);
                background: -o-linear-gradient(#88dcf1,#2fadd5);
                background: linear-gradient(#88dcf1,#2fadd5);
            }

                .content .left ul li:hover a {
                    color: white;
                    text-shadow: 0 1px #818181;
                }

        .content .left ul a {
            position: relative;
            text-decoration: none;
            color: #000;
        }

            .content .left ul a span {
                font-size: 10px;
            }

    .content .right {
        float: left;
        min-width: 1070px;
        max-width: 1076px;
        min-height: 420px;
        margin: 10px;
        padding: 20px;
        position: relative;
    }

    .content:after {
        content: '';
        display: block;
        clear: both;
    }

.active-left-side-menu::after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: -3px;
    border-top: 20px solid rgba(0,0,0,0);
    border-bottom: 20px solid rgba(0,0,0,0);
    border-right: 6px solid #E1E1E1;
}

.footer {
    margin-top: 30px;
}

.dashboard {
    height: 400px;
    padding: 30px 0px 30px 0px;
    position: relative;
}

    .dashboard .clock1 {
        position: absolute;
        top: 60px;
        right: 70px;
    }

    .dashboard .home-icon-cont ul {
        width: 940px;
        height: 130px;
        margin-left: 30px;
    }

        .dashboard .home-icon-cont ul:not(:nth-of-type(1)) {
            margin-top: 60px;
        }

    .dashboard .home-icon-cont a {
        position: relative;
        display: block;
        float: left;
        height: 128px;
        width: 128px;
        margin-left: 60px;
        padding-top: 16px;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
        background: -webkit-linear-gradient(#ffffff,#efefef);
        background: -moz-linear-gradient(#ffffff,#efefef);
        background: -o-linear-gradient(#ffffff,#efefef);
        background: linear-gradient(#ffffff,#efefef);
        border: solid 1px #B9C4CF;
        border-radius: 2px;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        color: #000405;
        font-weight: bold;
        transition: all .2s ease-in-out;
    }

        .dashboard .home-icon-cont a img {
            width: 64px;
            height: 64px;
        }

        .dashboard .home-icon-cont a:hover {
            background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
            background: -webkit-linear-gradient(#ffffff,#f4f4f4);
            background: -moz-linear-gradient(#ffffff,#f4f4f4);
            background: -o-linear-gradient(#ffffff,#f4f4f4);
            background: linear-gradient(#ffffff,#f4f4f4);
            -webkit-box-shadow: 0px 0px 5px 0px #9d9d9d;
            -moz-box-shadow: 0px 0px 5px 0px #9d9d9d;
            box-shadow: 0px 0px 5px 0px #9d9d9d;
        }

.pager {
    padding: 0 5px 0 5px;
    margin-top: 20px;
}

    .pager .rw {
        border-top: 1px solid #DDD;
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        font-weight: bold;
        padding-top: 2px;
        padding-bottom: 2px;
        background: #FFF !important;
    }

    .pager a {
        float: left;
        cursor: pointer;
        padding: 5px 12px;
        margin: 0px;
        display: block;
        color: #545454;
        border-right: 1px solid #DEDEDE;
        border-left: 1px solid #FFF;
    }

    .pager span {
        float: left;
        padding: 5px 12px;
        border-right: 1px solid #DEDEDE;
    }

        .pager span:first-child {
            border: none;
        }

.smenu li, .admission-menu li, .fee-menu li, #exam-menu li, .book-menu li {
    padding: 5px 0 !important;
}

.smenu h1, .admission-menu h1, .fee-menu h1, #exam-menu h1, .book-menu h1 {
    padding: 8px 0px 8px 20px !important;
    font-size: 12px;
    color: #000;
    font-weight: bold !important;
    text-shadow: 1px 1px #FFF;
    text-shadow: 0.1em 0.1em #FFF;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9));
    background: -webkit-linear-gradient(#ffffff,#d9d9d9);
    background: -moz-linear-gradient(#ffffff,#d9d9d9);
    background: -o-linear-gradient(#ffffff,#d9d9d9);
    background: linear-gradient(#ffffff,#d9d9d9);
}

.smenu a, .admission-menu a, .fee-menu a, #exam-menu a, .book-menu a {
    display: block;
    padding-left: 45px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 7px;
}

    .smenu a span, .admission-menu a span, .fee-menu a span, #exam-menu a span, .book-menu a span {
        display: block;
    }

.search-box-container {
    position: absolute;
    top: 50px;
    right: 44px;
    padding: 2px;
}

    .search-box-container .search-box {
        width: 200px;
        height: 30px;
    }

        .search-box-container .search-box input[type='text'] {
            padding: 5px 20px 5px 7px;
            float: right;
            background: url("../images/ds/icons/search.png") no-repeat scroll 208px 50% #fff;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            border: 1px solid #B2ADAD;
            width: 230px;
        }

.site-menu {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size:12px;
}

    .site-menu a {
        color: #666;
        text-decoration: None;
        font-weight: bold;
        font-size:12px;
    }

        .site-menu a:hover {
            color: #000;
            text-decoration: underline;
            font-size:12px;
        }

.site-menu2 {
    position: absolute;
    right: 60px;
    top: 16px;
    z-index: 1;
}

    .site-menu2 a {
        color: #666;
        text-decoration: None;
        font-weight: bold;
    }

        .site-menu2 a:hover {
            color: #000;
            text-decoration: underline;
        }

.msg {
    width: 465px;
    padding: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(#ffffff,#ededed);
    background: -moz-linear-gradient(#ffffff,#ededed);
    background: -o-linear-gradient(#ffffff,#ededed);
    background: linear-gradient(#ffffff,#ededed);
    margin-bottom: 10px !important;
    box-shadow: 0 1px 1px 1px #B3B3B3;
    -webkit-box-shadow: #b3b3b3 0 1px 1px 1px;
    -moz-box-shadow: #b3b3b3 0 1px 1px 1px;
    box-shadow: #b3b3b3 0 1px 1px 1px;
    font-weight: bold;
    text-shadow: 0px 0px 0px #FFF;
}

    .msg .success {
        color: green;
        padding: 3px 3px 3px 23px;
    }

    .msg .error {
        color: red;
        padding: 3px 3px 3px 23px;
    }

    .msg .info {
        color: black;
        padding: 3px 3px 3px 23px;
    }

    .msg .warning {
        color: red;
        padding: 3px 3px 3px 23px;
    }

    .msg .success-ico {
        background: url(../images/ds/icons/checkmark.png) no-repeat 2px 2px;
    }

    .msg .error-ico {
        background: url(../images/ds/icons/close.png) no-repeat 2px 2px;
    }

    .msg .info-ico {
        background: url(../images/ds/icons/info.png) no-repeat 2px 2px;
    }

    .msg .warning-ico {
        background: url(../images/ds/icons/warning.png) no-repeat 2px 2px;
    }

.errMsg {
    width: 500px;
    padding: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(#ffffff,#ededed);
    background: -moz-linear-gradient(#ffffff,#ededed);
    background: -o-linear-gradient(#ffffff,#ededed);
    background: linear-gradient(#ffffff,#ededed);
    margin-bottom: 10px !important;
    box-shadow: 0 1px 1px 1px #B3B3B3;
    -webkit-box-shadow: #b3b3b3 0 1px 1px 1px;
    -moz-box-shadow: #b3b3b3 0 1px 1px 1px;
    box-shadow: #b3b3b3 0 1px 1px 1px;
    font-weight: bold;
    text-shadow: 0px 0px 0px #FFF;
}

    .errMsg p {
        color: #B31B1B;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 3px;
    }

    .errMsg ul li {
        color: red;
        padding: 4px 0;
        list-style: none;
    }

.hlerr {
    border-color: #FE7777 !important;
}

.content {
    background: url(../images/ds/cream_dust.png);
}

.cont {
    padding-top: 20px;
}

.wrp {
    margin: 0px auto;
    padding: 60px 50px;
    padding-bottom: 20px;
    width: 1100px;
    min-height: 400px;
    border: 1px solid #DADADA;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(#ffffff,#ffffff);
    background: -moz-linear-gradient(#ffffff,#ffffff);
    background: -o-linear-gradient(#ffffff,#ffffff);
    background: linear-gradient(#ffffff,#ffffff);
}

.top-heading {
    color: #D42020;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 0px 0px 0px #F1F1F1;
    padding: 5px 0;
    margin: 5px 0;
    width: 758px;
    border-bottom: 1px solid #D9D9D9;
}

.modal-custom {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.42);
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

#loading-custom {
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    z-index: 50000;
}

.loading-custom {
    width: 200px;
    height: 100px;
    display: block;
    position: fixed;
    top: 270px;
    z-index: 50000;
    left: 550px;
    /*background: url(../images/loader.gif) no-repeat;*/
    background: url(../images/hourglass.svg) no-repeat;
   
    background-position: 74px 10px;


    

}

.pdf-btn {
    border: 1px solid #b2b2b2;
    padding: 6px 10px 6px 30px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(#ffffff,#f7f7f7);
    background: -moz-linear-gradient(#ffffff,#f7f7f7);
    background: -o-linear-gradient(#ffffff,#f7f7f7);
    background: linear-gradient(#ffffff,#f7f7f7);
    border-radius: 4px;
    box-shadow: 1px 1px #D9D3D3;
    background-image: url("../images/ds/icons/file-pdf.png");
    background-repeat: no-repeat;
    background-position: 8px 4px;
    width: 100px;
}

    .pdf-btn a {
        color: #F60;
        text-decoration: none;
        cursor: pointer;
    }

    .pdf-btn:a:hover {
        color: #F00;
    }

.import {
    font-family: Century Gothic,sans-serif;
}

    .import .clk {
        color: #D26E03;
    }

        .import .clk:hover {
            color: #E82200;
        }

.student-details {
    padding-top: 20px;
}

    .student-details h3 {
        padding: 0px 0px 6px 0px;
        color: #2798E5;
        font-size: 13px;
        font-weight: bold;
        border-bottom: 1px #C0C0C0 dashed;
        width: 95%;
    }

    .student-details > p {
        padding: 10px 0;
        font-style: italic;
    }

#new-admission .personal-details {
    height: 600px;
}

.lable {
    padding: 5px 5px 5px 5px;
}

.former-student {
    padding: 10px 8px;
    height: 20px;
    border: 1px solid #EDEDED;
    width: 872px;
    margin: 10px 0;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(#fbfbfb,#f4f4f4);
    background: -moz-linear-gradient(#fbfbfb,#f4f4f4);
    background: -o-linear-gradient(#fbfbfb,#f4f4f4);
    background: linear-gradient(#fbfbfb,#f4f4f4);
    border-radius: 2px;
}

    .former-student input {
        margin-right: 20px;
    }

.top-fields {
    /*border: solid 1px #F7D48C;
    padding: 8px;
    height: 45px;
    width: 890px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe2a9), color-stop(100%, #f4ce80));
    background: -webkit-linear-gradient(#ffe2a9,#f4ce80);
    background: -moz-linear-gradient(#ffe2a9,#f4ce80);
    background: -o-linear-gradient(#ffe2a9,#f4ce80);
    background: linear-gradient(#ffe2a9,#f4ce80);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #BF360C;
    font-weight: bold;
    text-shadow: 0 0 1px #F7F7F7;*/

    
/*border: solid 1px #219CC7;
    padding: 8px;
    height: 45px;
    width: 990px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe2a9), color-stop(100%, #0C0C0B));
    background: -webkit-linear-gradient(#6ECBEA,#99D2E3);
    background: -moz-linear-gradient(#ffe2a9,#f4ce80);
    background: -o-linear-gradient(#ffe2a9,#f4ce80);
    /* background: linear-gradient(#ffe2a9,#f4ce80); */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: black;
    font-weight: bold;
    text-shadow: 0 0 1px #fcfcfc;
    padding-top:3px;
    padding-left: 120px;
    height: 35px;
    background: url(../images/ds/menu-bg.jpg) repeat-x;
    background-size: 1px 35px;
    border-bottom: 1px solid #91C4C6;
     border-top: 1px solid #91C4C6;

}

    .top-fields .cl {
        padding: 0 20px 0 20px;
    }

    .top-fields input[type="text"] {
        margin-left: 10px;
    }

.personal-details {
    border: solid 1px #B9C4CF;
    padding: 20px;
    height: 340px;
    width: 890px;
    background: #FCFCFC;
    margin: 20px 0px 0px 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

    .personal-details .frw {
        padding-top: 20px;
    }

        .personal-details .frw .cl {
            padding: 2px;
            width: 32%;
        }

.contact-details {
    border: solid 1px #B9C4CF;
    padding: 20px;
    height: 290px;
    width: 890px;
    background: #FCFCFC;
    margin: 20px 0px 0px 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

    .contact-details .frw {
        padding-top: 20px;
    }

        .contact-details .frw .cl {
            padding: 2px;
            width: 32%;
        }

.stu-photo-cont {
    position: relative;
    border: solid 1px #B9C4CF;
    padding: 40px 28px 40px 10px;
    width: 890px;
    margin: 20px 0px 0px 0px;
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    .stu-photo-cont .rw .cl:nth-of-type(1) {
        padding-top: 8px;
        width: 140px;
    }

    .stu-photo-cont .rw .cl:nth-of-type(2) {
        width: 100px;
    }

    .stu-photo-cont .rw .cl:nth-of-type(3) {
        padding-top: 8px;
        width: 100px;
    }

    .stu-photo-cont .cl {
        padding: 0 20px 0 20px;
    }

    .stu-photo-cont .student-photo {
        position: absolute;
        top: 8px;
        right: 20px;
    }

        .stu-photo-cont .student-photo img {
            display: none;
            width: 100px;
            height: 90px;
        }

.bt-con {
    padding: 10px 0;
}

.stu-list-cont {
    margin-top: 20px;
    position: relative;
}

    .stu-list-cont a {
        color: #F60;
        text-decoration: none;
    }

        .stu-list-cont a:hover {
            text-decoration: underline;
        }

.stu-list {
    padding: 20px 5px 0 0px;
}

    .stu-list a {
        color: #F60;
        text-decoration: none;
    }

        .stu-list a:hover {
            text-decoration: underline;
        }

    .stu-list .rw .cl:nth-of-type(1) {
        width: 90px;
    }

    .stu-list .rw .cl:nth-of-type(2) {
        width: 290px;
    }

    .stu-list .rw .cl:nth-of-type(3) {
        width: 230px;
    }

    .stu-list .rw .cl:nth-of-type(4) {
        width: 120px;
    }

    .stu-list .rw .cl:nth-of-type(5) {
        width: 120px;
    }

    .stu-list .rw .cl:nth-of-type(6) {
        width: 120px;
    }

    .stu-list .rw:not(first-child) .cl {
        padding: 8px 10px;
    }

#stuListV2 {
    padding: 20px 5px 0 0px;
}

    #stuListV2 a {
        color: #F60;
        text-decoration: none;
    }

        #stuListV2 a:hover {
            text-decoration: underline;
        }

    #stuListV2 .cl {
        display: table-cell;
        float: none;
        line-height: 16px;
    }

    #stuListV2 .rw .cl:nth-of-type(1) {
        min-width: 70px;
        max-width: 70px;
    }

    #stuListV2 .rw .cl:nth-of-type(2) {
        min-width: 100px;
        max-width: 100px;
    }

    #stuListV2 .rw .cl:nth-of-type(3) {
        min-width: 150px;
        max-width: 150px;
    }

    #stuListV2 .rw .cl:nth-of-type(4) {
        min-width: 150px;
        max-width: 150px;
    }

    #stuListV2 .rw .cl:nth-of-type(5) {
        min-width: 150px;
        max-width: 150px;
    }

    #stuListV2 .rw .cl:nth-of-type(6) {
        min-width: 100px;
        max-width: 100px;
    }

    #stuListV2 .rw .cl:nth-of-type(7) {
        min-width: 100px;
        max-width: 100px;
    }

    #stuListV2 .rw .cl:nth-of-type(8) {
        min-width: 100px;
        max-width: 100px;
    }

    #stuListV2 .rw .cl:nth-of-type(9) {
        min-width: 100px;
        max-width: 100px;
    }

    #stuListV2 .rw:not(first-child) .cl {
        padding: 8px 10px;
    }

#student-list-cont {
    position: relative;
}

    #student-list-cont .top {
        padding: 10px 10px 10px 110px;
        position: relative;
    }

        #student-list-cont .top .btn-small {
            margin-left: 10px;
        }

        #student-list-cont .top .btTrans {
            position: absolute;
            top: 20px;
            right: 410px;
        }

            #student-list-cont .top .btTrans a {
                text-decoration: underline;
                color: #F60;
            }

                #student-list-cont .top .btTrans a:hover {
                    text-decoration: none;
                }

.course-details {
    border: solid 1px #B9C4CF;
    padding: 20px;
    height: 250px;
    width: 850px;
    background: #FCFCFC;
    margin: 20px 0px 0px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    .course-details .frw {
        padding-top: 10px;
    }

        .course-details .frw > .rw > .cl {
            width: 37%;
        }

        .course-details .frw > .rw .cl {
            padding: 2px;
            width: 30%;
        }

.admission-tabs {
    min-height: 900px;
    margin-top:15px;
}

    .admission-tabs .ajax__tab_header {
        font-family: "Helvetica Neue", Arial, Sans-Serif;
        background: url(../images/ds/tab-line.png) repeat-x bottom;
        font-size: 12px;
        display: block;
    }

        .admission-tabs .ajax__tab_header .ajax__tab_outer {
            background: url(../images/ds/tab.png) no-repeat left top;
            border-color: #222;
            color: #222;
            padding-left: 10px;
            margin-right: 3px;
        }

        .admission-tabs .ajax__tab_header .ajax__tab_inner {
            background: url(../images/ds/tab.png) no-repeat right top;
            border-color: #666;
            color: #666;
            padding: 6px 16px 8px 5px;
        }

            .admission-tabs .ajax__tab_header .ajax__tab_inner a {
                color: #666;
                outline: none;
            }

    .admission-tabs .ajax__tab_hover a:hover {
        color: #000;
    }

    .admission-tabs .ajax__tab_hover .ajax__tab_inner {
        color: #000;
    }

    .admission-tabs .ajax__tab_active .ajax__tab_outer {
        background: url(../images/ds/tab.png) no-repeat 0pt -40px;
        border-bottom-color: #ffffff;
        box-shadow: -1px -1px 1px 0px #D2D2D2;
    }

    .admission-tabs .ajax__tab_active .ajax__tab_inner {
        background: url(../images/ds/tab.png) no-repeat right -40px;
        color: #009FFF;
        border-color: #333;
    }

        .admission-tabs .ajax__tab_active .ajax__tab_inner a {
            color: #010809;
        }

    .admission-tabs .ajax__tab_body {
        background-color: #fff;
        border: solid 1px #d7d7d7;
        border-top-width: 0;
        padding: 10px 10px 10px 20px;
        box-shadow: 0 0 7px 0px #BCBCBC;
    }

.parent-details .personal-details {
    height: 525px;
}

    .parent-details .personal-details input[type='text'] {
        width: 200px;
    }

.parent-details .contact-details {
    height: 250px;
}

#parentddl {
    padding: 5px;
}

.emergency .contact-details {
    height: 265px;
}

.prev-details .personal-details {
    height: 205px;
}

.fees .hl {
    margin-top: 10px;
    width: 270px;
    border-bottom: 1px dashed #000;
}

.fees .rw .cl:nth-of-type(1) {
    font-weight: bold;
}

.fees .rw .cl:nth-of-type(2) {
    font-weight: normal;
}

.fees .personal-details {
    height: 90px;
}

.sp-tabs {
    min-height: 900px;
    margin-top: 16px;
}

    .sp-tabs .ajax__tab_header {
        font-family: "Helvetica Neue", Arial, Sans-Serif;
        background: url(../images/ds/tab-line.png) repeat-x bottom;
        font-size: 12px;
        display: block;
    }

        .sp-tabs .ajax__tab_header .ajax__tab_outer {
            background: url(../images/ds/tab.png) no-repeat left top;
            border-color: #222;
            color: #222;
            padding-left: 10px;
            margin-right: 3px;
        }

        .sp-tabs .ajax__tab_header .ajax__tab_inner {
            background: url(../images/ds/tab.png) no-repeat right top;
            border-color: #666;
            color: #666;
            padding: 6px 16px 8px 5px;
        }

            .sp-tabs .ajax__tab_header .ajax__tab_inner a {
                color: #666;
                outline: none;
            }

    .sp-tabs .ajax__tab_hover a:hover {
        color: #000;
    }

    .sp-tabs .ajax__tab_hover .ajax__tab_inner {
        color: #000;
    }

    .sp-tabs .ajax__tab_active .ajax__tab_outer {
        background: url(../images/ds/tab.png) no-repeat 0pt -40px;
        border-bottom-color: #ffffff;
        box-shadow: -1px -1px 1px 0px #D2D2D2;
    }

    .sp-tabs .ajax__tab_active .ajax__tab_inner {
        background: url(../images/ds/tab.png) no-repeat right -40px;
        color: #009FFF;
        border-color: #333;
    }

        .sp-tabs .ajax__tab_active .ajax__tab_inner a {
            color: #009FFF;
        }

    .sp-tabs .ajax__tab_body {
        background-color: #fff;
        border: solid 1px #d7d7d7;
        border-top-width: 0;
        padding: 10px 10px 10px 10px;
        box-shadow: 0 0 7px 0px #BCBCBC;
    }

.sd-left {
    width: 400px;
    float: left;
}

    .sd-left .bar {
        background: #FFF;
        width: 280px;
        border: 1px solid #D1D1D1;
        margin: 27px 0 0 60px;
        padding: 10px 0 30px 20px;
        font-weight: bold;
        font-size: 13px;
    }

        .sd-left .bar span {
            font-weight: normal;
        }

            .sd-left .bar span a {
                color: #F60;
            }

        .sd-left .bar img {
            border: 1px solid #d1d1d1;
            margin: 10px 0 0 20px;
            width: 130px;
            height: 130px;
        }

        .sd-left .bar .rw:not(first-child) {
            padding: 8px 0 8px 20px;
        }

        .sd-left .bar a.link {
            text-decoration: underline;
            color: #F60;
            cursor: pointer;
        }

            .sd-left .bar a.link:hover {
                text-decoration: none;
            }

.sd-right {
    width: 800px;
    float: left;
    min-height: 600px;
}

    .sd-right .r-nav {
        position: absolute;
        top: 30px;
        right: 40px;
    }

    .sd-right .top {
        padding: 35px 10px 10px 0;
        height: 85px;
        position: relative;
    }

        .sd-right .top h3 {
            color: #000;
            font-weight: bold;
            font-size: 16px;
            float: left;
            margin-right: 540px;
        }

        .sd-right .top .newAd {
            position: absolute;
            top: 30px;
            right: 10px;
        }

        .sd-right .top .btn-top {
            position: absolute;
            top: 90px;
            right: 0;
        }

            .sd-right .top .btn-top a.btn {
                padding: 5px 20px;
                margin-right: 5px;
                text-decoration: none;
            }

.heading {
    /*font-weight: 700;
    padding: 12px 10px 12px 10px;
    border: 1px solid #d1d1d1;
    border-bottom: none;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(#f4f4f4,#ededed);
    background: -moz-linear-gradient(#f4f4f4,#ededed);
    background: -o-linear-gradient(#f4f4f4,#ededed);
    background: linear-gradient(#f4f4f4,#ededed);
    color: #1976D2;
    text-shadow: 1px 1px 1px #FFF;*/

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: black;
    font-weight: bold;
    text-shadow: 0 0 1px #fcfcfc;
    padding-top: 10px;
    padding-left: 20px;
    height: 35px;
    background: url(../images/ds/menu-bg.jpg) repeat-x;
    background-size: 1px 35px;
    border-bottom: 1px solid #91C4C6;
    border-top: 1px solid #91C4C6;
}

.profile {
    position: relative;
    padding: 15px 0 10px 20px;
}

    .profile .pdf-r {
        position: absolute;
        top: 18px;
        right: 5px;
        border: 1px solid #b2b2b2;
        padding: 6px;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
        background: -webkit-linear-gradient(#ffffff,#f7f7f7);
        background: -moz-linear-gradient(#ffffff,#f7f7f7);
        background: -o-linear-gradient(#ffffff,#f7f7f7);
        background: linear-gradient(#ffffff,#f7f7f7);
        border-radius: 4px;
        box-shadow: 1px 1px #D9D3D3;
    }

        .profile .pdf-r:hover {
            background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
            background: -webkit-linear-gradient(#ffffff,#ffffff);
            background: -moz-linear-gradient(#ffffff,#ffffff);
            background: -o-linear-gradient(#ffffff,#ffffff);
            background: linear-gradient(#ffffff,#ffffff);
        }

        .profile .pdf-r a {
            color: #F60;
            text-decoration: none;
            cursor: pointer;
        }

    .profile .details .cl {
        padding: 12px 10px;
        border-top: 1px solid #D1D1D1;
        height: 40px;
        display: table-cell;
        float: none;
    }

    .profile .details .rw .cl:nth-of-type(1) {
        max-width: 172px;
        min-width: 172px;
        font-weight: bold;
        border-left: 1px solid #D1D1D1;
    }

    .profile .details .rw .cl:nth-of-type(2) {
        max-width: 216px;
        min-width: 216px;
    }

    .profile .details .rw .cl:nth-of-type(3) {
        max-width: 170px;
        min-width: 170px;
        font-weight: bold;
    }

    .profile .details .rw .cl:nth-of-type(4) {
        max-width: 200px;
        min-width: 200px;
        border-right: 1px solid #D1D1D1;
    }

    .profile .details .rw:last-child .cl {
        border-bottom: 1px solid #D1D1D1;
    }

    .profile .details .rw.lbl {
        max-width: 736px;
        min-width: 736px;
        display: table-cell;
        border: 1px solid #d1d1d1;
        border-bottom: none;
        padding: 10px;
    }

.sp .fee {
    padding: 15px 0 10px 20px;
    position: relative;
}

    .sp .fee .fee-admission-btn-cont {
        position: absolute;
        top: 10px;
        right: 25px;
    }

        .sp .fee .fee-admission-btn-cont .btn {
            padding: 5px 20px;
            text-decoration: none;
        }

    .sp .fee .line {
        width: 730px;
        border-bottom: 1px dashed #d1d1d1;
    }

    .sp .fee .h {
        padding: 5px 0;
        font-size: 13px;
        font-weight: bold;
    }

    .sp .fee .pending-fee {
        padding: 10px;
    }

    .sp .fee .paid-fee {
        padding: 10px;
    }

.overview {
    padding: 20px 0 0 0;
    margin: 0px 0 0 0;
    width: 100%;
    height: 100px;
    position: relative;
}

.ovbox {
    padding: 0;
    margin: 0;
    width: 180px;
    border: 1px #C9C9CB solid;
    background: #F4F4F6;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

    .ovbox strong {
        font-weight: bold;
    }

    .ovbox h1 {
        padding: 5px 8px 5px 40px;
        margin: 0;
        font-size: 14px;
        background: #E6E6EC;
        color: #666;
        font-weight: normal;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
    }

.ovr {
    color: #666;
    font-size: 31px;
    padding: 20px 0;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px #FFF, -1px -1px #FFF;
}

.box2 {
    margin-left: 16px;
}

.student-container .stats-container {
    width: 625px;
}

.student-container {
    padding: 10px 0 0 0;
}

    .student-container .stu-list {
        padding: 5px 0;
    }

        .student-container .stu-list .rw:hover .cl {
            background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f9d966));
            background: -webkit-linear-gradient(#ffffff,#f9d966);
            background: -moz-linear-gradient(#ffffff,#f9d966);
            background: -o-linear-gradient(#ffffff,#f9d966);
            background: linear-gradient(#ffffff,#f9d966);
            text-shadow: 0 0 #3B3B3B;
        }

.filter-cntr {
    width: 868px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 10px 10px 100px;
    margin: 6px 0 20px 0;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(#ffffff,#f3f3f3);
    background: -moz-linear-gradient(#ffffff,#f3f3f3);
    background: -o-linear-gradient(#ffffff,#f3f3f3);
    background: linear-gradient(#ffffff,#f3f3f3);
    min-height: 50px;
}

.filter-list li {
    float: left;
}

.filter-list input {
    margin-left: 10px;
}

.filter-list .cl {
    padding: 5px;
}

.filter-list .rw {
    width: 750px;
}

    .filter-list .rw .cl:nth-of-type(1) {
        width: 145px;
    }

    .filter-list .rw .cl:nth-of-type(2) {
        width: 60px;
        padding: 12px 5px 5px 5px;
        font-weight: bold;
    }

    .filter-list .rw .cl:nth-of-type(3) {
        width: 140px;
        padding: 0;
    }

    .filter-list .rw .cl:nth-of-type(4) {
        width: 150px;
        padding: 0;
    }

    .filter-list .rw .cl:nth-of-type(5) {
        width: 120px;
        padding: 5px 0 0 0;
    }

.manage-stu .stu-list {
    padding: 35px 5px 0 30px;
}

    .manage-stu .stu-list .cl {
        height: 30px;
    }

    .manage-stu .stu-list .rw .cl:nth-of-type(1) {
        width: 52px;
    }

    .manage-stu .stu-list .rw .cl:nth-of-type(2) {
        width: 80px;
    }

    .manage-stu .stu-list .rw .cl:nth-of-type(3) {
        width: 380px;
    }

    .manage-stu .stu-list .rw .cl:nth-of-type(4) {
        width: 120px;
    }

    .manage-stu .stu-list .rw .cl:nth-of-type(5) {
        width: 205px;
    }

    .manage-stu .stu-list .rw .cl:nth-of-type(6) {
        width: 110px;
    }

    .manage-stu .stu-list .rw .cl:nth-of-type(7) {
        width: 115px;
    }

    .manage-stu .stu-list .rw .cl:nth-of-type(8) {
        width: 65px;
    }

    .manage-stu .stu-list .rw:not(first-child) .cl {
        padding: 8px 10px;
    }

.manage-stu .pager {
    padding: 0 5px 0 90px;
}

    .manage-stu .pager .rw {
        width: 730px;
    }

.sub-heading {
    padding: 6px;
    color: #FF4308;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 1px #FFF;
}

.parent {
    padding: 15px 0 10px 20px;
}

    .parent .details .cl {
        padding: 12px 10px;
        border-top: 1px solid #D1D1D1;
        height: 40px;
    }

    .parent .details .heading {
        border: 1px solid #d1d1d1 !important;
    }

    .parent .details .rw .cl:nth-of-type(1) {
        width: 170px;
        font-weight: bold;
        border-left: 1px solid #D1D1D1;
    }

    .parent .details .rw .cl:nth-of-type(2) {
        width: 216px;

    }

    .parent .details .rw .cl:nth-of-type(3) {
        width: 170px;
       font-weight: bold;
    }

    .parent .details .rw .cl:nth-of-type(4) {
        width: 200px;
        border-right: 1px solid #D1D1D1;
    }

    .parent .details .rw:last-child .cl {
        border-bottom: 1px solid #D1D1D1;
    }

    .parent .details .rw.lbl {
        width: 736px;
        border: 1px solid #d1d1d1;
        border-bottom: none;
        padding: 10px;
    }

    .parent .sub-head {
        margin: 8px 0 6px 0 !important;
    }

    .parent .border-bottom {
        border-bottom: 1px solid #D1D1D1;
    }

#emerg .rw .cl:nth-of-type(1) {
    max-width: 120px;
    min-width: 120px;
    border-bottom: none;
}

#emerg .rw .cl:nth-of-type(2) {
    max-width: 638px;
    min-width: 638px;
    border-right: 1px solid #D1D1D1;
    border-bottom: none;
}

#addln .rw .cl:nth-of-type(1) {
    max-width: 120px;
    min-width: 120px;
    border-bottom: none;
}

#addln .rw .cl:nth-of-type(2) {
    max-width: 638px;
    min-width: 638px;
    border-right: 1px solid #D1D1D1;
    border-bottom: none;
}

.edit-stu-left {
    height: 554px;
    padding: 10px;
    font-weight: bold;
    font-size: 13px;
}

    .edit-stu-left img {
        border: 1px solid #D1D1D1;
        width: 130px;
        height: 130px;
        margin: 25px 0 0 25px;
    }

    .edit-stu-left .rw {
        padding: 5px 0 0 10px;
    }

    .edit-stu-left span {
        font-weight: normal;
    }

    .edit-stu-left .change-photo {
        margin-top: 10px;
        background: #FCFCFC;
    }

        .edit-stu-left .change-photo .rw:first-child {
            color: #E41717;
            padding-left: 13px;
        }

.edit-student-details {
    position: relative;
}

    .edit-student-details .btn-top {
        position: absolute;
        top: 30px;
        right: 0px;
    }

        .edit-student-details .btn-top .btn {
            padding: 5px 20px;
            text-decoration: none;
        }

    .edit-student-details .parent-details .personal-details {
        height: 525px;
    }

    .edit-student-details .parent-details .contact-details {
        height: 185px;
    }

.school-container {
    padding-left: 20px;
}

    .school-container .school-info {
        position: relative;
        border: 1px solid #ddd;
        padding: 20px;
        background: #FFF;
        margin-top: 20px;
    }

        .school-container .school-info .rw {
            padding: 5px 0;
        }

            .school-container .school-info .rw .cl:nth-of-type(1) {
                padding: 14px 10px;
                width: 190px;
                font-weight: bold;
            }

            .school-container .school-info .rw .cl:nth-of-type(2) {
                padding: 2px 10px;
                width: 250px;
            }

        .school-container .school-info p.ins {
            padding: 10px 0;
            margin-left: 10px;
            font-style: italic;
            color: #E01313;
        }

        .school-container .school-info .rw.last .btn {
            margin: 16px 16px 16px 200px;
        }

#session-cont {
    background: #FFF;
    border: solid 1px #B9C4CF;
    padding-bottom: 250px;
}

.session-info {
    padding: 20px;
    background: #FFF;
    margin: 20px 0px 0px 0px;
}

    .session-info .rw .cl:nth-of-type(1) {
        padding: 6px 10px;
        width: 250px;
        color: #C30404;
        font-weight: bold;
    }

    .session-info .rw .cl:nth-of-type(2) {
        padding: 2px 10px;
        width: 500px;
    }

    .session-info > p {
        padding: 10px 0;
    }

    .session-info .rw.last {
        padding: 20px;
    }

        .session-info .rw.last .btn {
            margin: 10px 16px 0 140px;
        }

#session-upgrade-importoptions {
    border: 1px solid #B9C4CF;
    width: 320px;
}

    #session-upgrade-importoptions .rws .cls:nth-of-type(1) {
        padding: 6px 10px;
        width: 40px;
    }

    #session-upgrade-importoptions .rws .cls:nth-of-type(2) {
        padding: 10px 10px;
        width: 270px;
    }

#sessionSetting-batcheslistcont {
    margin: 10px 0 0 20px;
}

    #sessionSetting-batcheslistcont .batches {
        background: #FFF;
    }

        #sessionSetting-batcheslistcont .batches .cl {
            border-bottom: 1px solid #EDEDED;
            height: 40px;
            padding: 12px 10px;
        }

        #sessionSetting-batcheslistcont .batches .rw .cl:nth-of-type(1) {
            width: 150px;
        }

        #sessionSetting-batcheslistcont .batches .rw .cl:nth-of-type(2) {
            width: 220px;
            padding: 5px 5px 2px 5px;
        }

        #sessionSetting-batcheslistcont .batches .rw .cl:nth-of-type(3) {
            width: 180px;
        }

        #sessionSetting-batcheslistcont .batches .rw .cl:nth-of-type(4) {
            width: 150px;
        }

        #sessionSetting-batcheslistcont .batches .rw .cl:nth-of-type(5) {
            width: 300px;
        }

        #sessionSetting-batcheslistcont .batches .rw:first-child .cl {
            padding: 16px;
            color: initial !important;
        }

#sessionList {
    margin: 80px 20px 20px 35px;
}

    #sessionList .cl {
        padding: 10px;
        height: 32px;
    }

    #sessionList .rw .cl:nth-of-type(1) {
        width: 55px;
    }

    #sessionList .rw:first-child .cl:nth-of-type(2) {
        color: initial;
    }

    #sessionList .rw .cl:nth-of-type(2) {
        width: 200px;
        color: #F44336;
    }

    #sessionList .rw .cl:nth-of-type(3) {
        width: 150px;
    }

    #sessionList .rw .cl:nth-of-type(4) {
        width: 150px;
    }

    #sessionList .rw .cl:nth-of-type(5) {
        width: 180px;
    }

    #sessionList .rw .cl:nth-of-type(6) {
        width: 180px;
    }

.admin-setting-info {
    border: solid 1px #B9C4CF;
    padding: 20px;
    height: 140px;
    width: 760px;
    background: #FCFCFC;
    margin: 20px 0px 0px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    .admin-setting-info .rw .cl:nth-of-type(1) {
        padding: 6px 10px;
        width: 130px;
    }

    .admin-setting-info .rw .cl:nth-of-type(2) {
        padding: 2px 10px;
        width: 250px;
    }

    .admin-setting-info > p {
        padding: 10px 0;
    }

.ui-autocomplete {
    border-radius: initial !important;
}

    .ui-autocomplete .ui-widget-content {
        background: #fff;
    }

    .ui-autocomplete .ui-autocomplete-category {
        color: #000;
        font-weight: bold;
        padding: 2px 5px;
    }

    .ui-autocomplete .ui-state-focus {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(100%, #e8e8e8));
        background: -webkit-linear-gradient(#e8e8e8,#e8e8e8);
        background: -moz-linear-gradient(#e8e8e8,#e8e8e8);
        background: -o-linear-gradient(#e8e8e8,#e8e8e8);
        background: linear-gradient(#e8e8e8,#e8e8e8);
        border: initail !important;
        border-radius: initial !important;
        margin: initial !important;
    }

    .ui-autocomplete .ui-corner-all {
        border: none !important;
        border-radius: initial !important;
    }

.title {
    color: #009FFF;
    font-weight: bold;
}

.section-title {
    border-bottom: solid 2px #DFDFDF;
    padding-bottom: 2px;
    margin-bottom: 10px;
    color: #1976D2;
    font-size: 14px;
    font-weight: bold;
    vertical-align: bottom;
}

    .section-title img {
        vertical-align: middle;
        padding-bottom: 2px;
    }

.intro {
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f1eea3));
    background: -webkit-linear-gradient(#ffffff,#f1eea3);
    background: -moz-linear-gradient(#ffffff,#f1eea3);
    background: -o-linear-gradient(#ffffff,#f1eea3);
    background: linear-gradient(#ffffff,#cae1e9);
    border: dashed 1px #DFDFDF;
    margin-bottom: 10px;
}

.options {
    padding: 10px 10px 10px 10px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(#ffffff,#f4f4f4);
    background: -moz-linear-gradient(#ffffff,#f4f4f4);
    background: -o-linear-gradient(#ffffff,#f4f4f4);
    background: linear-gradient(#ffffff,#f4f4f4);
}

    .options li {
        margin-bottom: 5px;
        padding-bottom: 5px;
        list-style: none;
    }

        .options li .title a {
            color: #009FFF;
            text-decoration: none;
        }

            .options li .title a:hover {
                text-decoration: underline;
            }

        .options li .description {
            margin-top: 5px;
            margin-bottom: 5px;
        }

.global-settings .media .cl img {
    vertical-align: bottom;
    padding-right: 2px;
}

.global-settings .media .rw {
    padding: 10px 0;
}

    .global-settings .media .rw .cl:nth-of-type(1) {
        padding: 6px 10px;
        width: 250px;
    }

    .global-settings .media .rw .cl:nth-of-type(2) {
        padding: 2px 10px;
        width: 400px;
    }

.remove-student {
    margin: 10px 0 0 150px;
    padding: 20px;
    width: 900px;
    height: 400px;
}

    .remove-student .title {
        margin-top: 30px;
    }

        .remove-student .title a {
            color: #E5000E;
            font-weight: bold;
            font-size: 15px;
        }

            .remove-student .title a:hover {
                text-decoration: none;
            }

        .remove-student .title img {
            vertical-align: baseline;
        }

    .remove-student .decription {
        padding: 5px;
        width: 670px;
    }

        .remove-student .decription p {
            font-size: 15px;
            line-height: 20px;
        }

    .remove-student .student-info {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff7d8), color-stop(100%, #f4da7a));
        background: -webkit-linear-gradient(#fff7d8,#f4da7a);
        background: -moz-linear-gradient(#fff7d8,#f4da7a);
        background: -o-linear-gradient(#fff7d8,#f4da7a);
        background: linear-gradient(#fff7d8,#f4da7a);
        border: 1px solid #D5D0D0;
        position: relative;
        width: 670px;
        height: 130px;
    }

        .remove-student .student-info .pic {
            position: absolute;
            top: 10px;
            right: 10px;
            height: 105px;
            background: #FFF;
        }

            .remove-student .student-info .pic img {
                width: 110px;
                height: 110px;
                border: 1px solid #ededed;
            }

        .remove-student .student-info .cl {
            padding: 6px 10px;
        }

        .remove-student .student-info .rw .cl:nth-of-type(1) {
            font-weight: bold;
            width: 200px;
        }

        .remove-student .student-info .rw .cl:nth-of-type(2) {
            width: 250px;
            font-size: 14px;
            font-weight: bold;
            text-shadow: 1px 0px #FFF;
        }

.archive-student-cont .remove-student {
    height: 220px !important;
}

.archive-student-cont .archive-student {
    margin: 0px 0 0 170px;
    width: 710px;
    height: 440px;
}

    .archive-student-cont .archive-student .description {
        font-size: 15px;
        line-height: 20px;
    }

    .archive-student-cont .archive-student .hlink-btn-c {
        margin-left: 10px;
    }

    .archive-student-cont .archive-student .rw {
        padding: 10px 0;
    }

        .archive-student-cont .archive-student .rw .cl:nth-of-type(1) {
            font-weight: bold;
            width: 200px;
        }

        .archive-student-cont .archive-student .rw .cl:nth-of-type(2) {
            width: 250px;
            font-size: 14px;
            font-weight: bold;
            text-shadow: 1px 0px #FFF;
        }

.delete-student-cont {
    position: relative;
}

    .delete-student-cont .remove-student {
        height: 220px !important;
    }

    .delete-student-cont .delete-student {
        margin: 0px 0 0 170px;
        width: 670px;
        height: 420px;
        text-shadow: 0 0 #FFFCFC;
    }

        .delete-student-cont .delete-student .description {
            font-size: 15px;
            line-height: 20px;
        }

        .delete-student-cont .delete-student .hlink-btn-c {
            margin-left: 10px;
        }

        .delete-student-cont .delete-student .rw {
            padding: 10px 0;
            font-size: 14px;
        }

            .delete-student-cont .delete-student .rw img {
                vertical-align: baseline;
            }

.create-new-user-cont .create-new {
    border: solid 1px #B9C4CF;
    padding: 20px;
    height: 370px;
    width: 760px;
    background: #FCFCFC;
    margin: 20px 0px 0px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    .create-new-user-cont .create-new .rw {
        padding: 5px 0;
    }

        .create-new-user-cont .create-new .rw .cl:nth-of-type(1) {
            width: 170px;
            font-weight: bold;
            text-shadow: 0px 2px #F9F9F9;
        }

        .create-new-user-cont .create-new .rw .cl:nth-of-type(2) {
            width: 150px;
            padding: 0;
        }

        .create-new-user-cont .create-new .rw.last .btn {
            margin: 16px 16px 16px 172px;
        }

.sub-head {
    padding: 0 5px;
    margin: 16px 0 0 0;
    color: #E56565;
    font-weight: bold;
    font-size: 14px;
}

.Guardian {
    display: none;
    border: solid 1px #B9C4CF;
    padding: 20px;
    height: 285px;
    width: 930px;
    background: #FCFCFC;
    margin: 20px 0px 20px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    .Guardian .frw {
        padding-top: 10px;
    }

        .Guardian .frw > .rw > .cl {
            width: 37%;
        }

        .Guardian .frw > .rw .cl {
            padding: 2px;
            width: 30%;
        }

#addGuardian {
    display: block;
    width: 125px;
    height: 28px;
    padding: 3px 0px 3px 22px;
    border: 1px solid #9F9F9F;
    text-decoration: none;
    border-radius: 2px;
    line-height: 20px;
    margin: 16px 0 5px 1px;
    position: relative;
    color: #000;
    font-weight: bold;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e3e3e3));
    background: -webkit-linear-gradient(#ffffff,#e3e3e3);
    background: -moz-linear-gradient(#ffffff,#e3e3e3);
    background: -o-linear-gradient(#ffffff,#e3e3e3);
    background: linear-gradient(#ffffff,#e3e3e3);
    text-shadow: 1px 1px #FFF;
    transition: all .2s ease-in-out;
}

    #addGuardian:hover {
        border: 1px solid #9F9F9F;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #bcbbbb));
        background: -webkit-linear-gradient(#ffffff,#bcbbbb);
        background: -moz-linear-gradient(#ffffff,#bcbbbb);
        background: -o-linear-gradient(#ffffff,#bcbbbb);
        background: linear-gradient(#ffffff,#bcbbbb);
    }

    #addGuardian img {
        position: absolute;
        top: 4px;
        left: 3px;
    }

.EditGuardian {
    border: solid 1px #B9C4CF;
    padding: 20px;
    height: 240px;
    width: 850px;
    background: #FCFCFC;
    margin: 20px 0px 20px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    .EditGuardian .frw {
        padding-top: 10px;
    }

        .EditGuardian .frw > .rw > .cl {
            width: 37%;
        }

        .EditGuardian .frw > .rw .cl {
            padding: 2px;
            width: 30%;
        }

.user-profile-cont .user-profile {
    height: 330px;
    width: 815px;
    padding: 50px 108px 108px 55px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(#ffffff,#ffffff);
    background: -moz-linear-gradient(#ffffff,#ffffff);
    background: -o-linear-gradient(#ffffff,#ffffff);
    background: linear-gradient(#ffffff,#ffffff);
    border-radius: 2px;
}

    .user-profile-cont .user-profile .rw .cl {
        padding: 16px;
    }

        .user-profile-cont .user-profile .rw .cl:nth-of-type(1) {
            width: 170px;
            color: #F42B5F;
            text-shadow: 0px 2px #F9F9F9;
            font-weight: bold;
        }

        .user-profile-cont .user-profile .rw .cl:nth-of-type(2) {
            width: 460px;
            font-size: 13px;
            color: #717171;
            font-weight: bold;
        }

    .user-profile-cont .user-profile .rw.last {
        border: none;
        padding: 25px 0 0 0;
    }

        .user-profile-cont .user-profile .rw.last .hlink-btn {
            margin: 16px 16px 16px 205px;
        }

.user-profile-cont .uhd {
    font-weight: 700;
    font-size: 15px;
    padding: 12px 10px 12px 10px;
    border-bottom: 1px solid #D1D1D1;
    color: #6E6E6E;
    text-shadow: 1px 1px 1px #FFF;
    width: 579px;
}

.change-pass-cont {
    padding: 20px;
}

    .change-pass-cont .change-pass {
        height: 330px;
        width: 760px;
        border: 1px solid #ddd;
        box-shadow: 0px 0px 1px 0px #000;
        padding: 20px;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #fcfcfc));
        background: -webkit-linear-gradient(#fcfcfc,#fcfcfc);
        background: -moz-linear-gradient(#fcfcfc,#fcfcfc);
        background: -o-linear-gradient(#fcfcfc,#fcfcfc);
        background: linear-gradient(#fcfcfc,#fcfcfc);
        margin-top: 20px;
        border-radius: 2px;
    }

        .change-pass-cont .change-pass .rw .cl {
            padding: 16px;
            font-weight: bold;
        }

            .change-pass-cont .change-pass .rw .cl:nth-of-type(1) {
                width: 170px;
            }

            .change-pass-cont .change-pass .rw .cl:nth-of-type(2) {
                width: 150px;
                padding: none;
            }

        .change-pass-cont .change-pass p.ins {
            padding: 10px 0;
            margin-left: 10px;
            font-style: italic;
        }

        .change-pass-cont .change-pass .rw.last .btn {
            margin: 16px 16px 16px 220px;
        }

.emailsetting-cont {
    padding-left: 20px;
}

    .emailsetting-cont .email-setting {
        height: 400px;
        width: 800px;
        border: 1px solid #ddd;
        box-shadow: 0px 0px 1px 0px #000;
        padding: 20px;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #fcfcfc));
        background: -webkit-linear-gradient(#fcfcfc,#fcfcfc);
        background: -moz-linear-gradient(#fcfcfc,#fcfcfc);
        background: -o-linear-gradient(#fcfcfc,#fcfcfc);
        background: linear-gradient(#fcfcfc,#fcfcfc);
        margin-top: 20px;
        border-radius: 2px;
    }

        .emailsetting-cont .email-setting .rw .cl:nth-of-type(1) {
            width: 190px;
            font-weight: bold;
            padding: 16px 10px;
        }

        .emailsetting-cont .email-setting .rw .cl:nth-of-type(2) {
            width: 360px;
            padding: 2px 5px;
        }

            .emailsetting-cont .email-setting .rw .cl:nth-of-type(2) input[type='text'] {
                width: 200px;
            }

        .emailsetting-cont .email-setting p.ins {
            padding: 10px 0;
            margin-left: 10px;
            font-style: italic;
        }

        .emailsetting-cont .email-setting .rw.last .btn {
            margin: 16px 16px 16px 196px;
        }

.top-block {
    width: 700px;
    background: #F4F4F4;
    border: 1px solid #CFCFCF;
}

    .top-block .rw .cl {
        padding: 16px;
        font-weight: bold;
    }

        .top-block .rw .cl:nth-of-type(1) {
            width: 280px;
        }

        .top-block .rw .cl:nth-of-type(2) {
            width: 180px;
            padding: none;
        }

        .top-block .rw .cl:nth-of-type(3) {
            width: 180px;
            padding: none;
        }

    .top-block a {
        text-decoration: none;
        color: inherit;
    }

        .top-block a:hover {
            text-decoration: underline;
        }

#student-send-email {
    width: 710px;
    height: 620px;
    padding: 20px;
}

    #student-send-email .rw .cl {
        padding: 16px;
    }

        #student-send-email .rw .cl:nth-of-type(1) {
            width: 200px;
        }

        #student-send-email .rw .cl:nth-of-type(2) {
            width: 446px;
            padding: 0;
        }

            #student-send-email .rw .cl:nth-of-type(2) td {
                padding: 4px 0;
            }

    #student-send-email p.ins {
        padding: 10px 0;
        margin-left: 10px;
        font-style: italic;
    }

    #student-send-email .rw.last .btn {
        margin: 16px 16px 16px 220px;
    }

#classes-cont {
    position: relative;
    padding-bottom: 200px;
}

    #classes-cont .pager {
        padding: 0 !important;
    }

        #classes-cont .pager .rw {
            width: 560px !important;
        }

    #classes-cont .r-nav {
        position: absolute;
        top: 60px;
        right: 50px;
    }

#create-class {
    display: none;
    width: 600px;
    height: 470px;
    padding: 20px;
    border-radius: 5px;
}

    #create-class h1:first-child {
        margin-bottom: 10px;
    }

    #create-class .line {
        width: 450px;
    }

    #create-class .cl {
        font-weight: bold;
        padding: 10px 5px;
    }

    #create-class .rw {
        padding: 10px 0;
    }

        #create-class .rw .cl:nth-of-type(1) {
            width: 150px;
        }

        #create-class .rw .cl:nth-of-type(2) {
            width: 180px;
            padding: 2px;
        }

        #create-class .rw.las .btn {
            margin: 0px 0px 0px 0px;
        }

        #create-class .rw.first .cl:nth-of-type(2) {
            padding: 10px;
        }

#del-class {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #del-class .cl {
        padding: 10px 5px;
        font-size: 15px;
    }

    #del-class .rw {
        padding: 16px 0;
    }

        #del-class .rw .cl:nth-of-type(1) {
            width: 80px;
            font-weight: bold;
        }

        #del-class .rw .cl:nth-of-type(2) {
            width: 100px;
            font-weight: bold;
        }

        #del-class .rw:last-child {
            margin-top: 10px;
        }

#classes {
    width: 820px;
    padding-top: 0px;
    margin: 70px 0 0 90px;
}

    #classes .cl {
        height: 30px;
    }

    #classes .rw .cl:nth-of-type(1) {
        width: 164px;
        font-weight: bold;
        padding-left: 30px;
        color: #F60;
    }

    #classes .rw .cl:nth-of-type(2) {
        width: 180px;
        padding-left: 30px;
    }

    #classes .rw .cl:nth-of-type(3) {
        width: 200px;
        padding-left: 30px;
    }

    #classes .rw .cl:nth-of-type(4) {
        width: 275px;
        padding-left: 30px;
    }

    #classes .rw:not(first-child) .cl {
        padding: 10px;
    }

    #classes .rw.first .cl {
        color: initial !important;
    }

#manage-sections {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #manage-sections h1:first-child {
        margin-bottom: 10px;
    }

    #manage-sections .line {
        width: 450px;
    }

    #manage-sections #lErr {
        color: red;
    }

    #manage-sections .cl {
        font-weight: bold;
        padding: 10px 5px;
    }

    #manage-sections .rw .cl:nth-of-type(1) {
        width: 90px;
    }

    #manage-sections .rw .cl:nth-of-type(2) {
        width: 180px;
        padding: 2px;
    }

    #manage-sections .rw .cl:nth-of-type(3) {
        width: 50px;
        padding: 2px;
    }

    #manage-sections .sub-con {
        border: 1px solid #CBCBCB;
        padding: 30px 5px;
        margin-top: 16px;
    }

    #manage-sections .rw.first .cl:nth-of-type(2) {
        padding: 10px;
    }

#all-users-cont {
    padding: 20px;
    position: relative;
}

    #all-users-cont .top {
        padding-left: 170px;
        padding-top: 20px;
        color: #B30E0E;
    }

#all-users {
    width: 690px;
    padding: 30px 5px 0 30px;
}

    #all-users a {
        color: #F60;
        text-decoration: none;
        cursor: pointer;
    }

        #all-users a:hover {
            text-decoration: underline;
        }

    #all-users .rw {
        background: #FFF;
        border-left: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }

    #all-users .cl {
        border-right: 1px solid #DDD;
        height: 30px;
    }

    #all-users .rw:first-child .cl {
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
        background-image: -webkit-linear-gradient(#fafafa,#e8e8e8);
        background-image: -moz-linear-gradient(#fafafa,#e8e8e8);
        background-image: -o-linear-gradient(#fafafa,#e8e8e8);
        background-image: linear-gradient(#fafafa,#e8e8e8);
        padding: 10px;
        color: #666;
        text-shadow: 1px 1px rgba(255,255,255,0.8);
        font-weight: bold;
        border-bottom: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

    #all-users .rw .cl:nth-of-type(1) {
        width: 90px;
    }

    #all-users .rw .cl:nth-of-type(2) {
        width: 220px;
    }

    #all-users .rw .cl:nth-of-type(3) {
        width: 164px;
    }

    #all-users .rw .cl:nth-of-type(4) {
        width: 180px;
    }

    #all-users .rw .cl:nth-of-type(5) {
        width: 160px;
    }

    #all-users .rw:not(first-child) .cl {
        padding: 8px 10px;
    }

    #all-users .rw:nth-of-type(odd) {
        background: #F7F7F7;
    }

#subject-cont {
    padding: 20px;
    position: relative;
}

    #subject-cont .top {
      
    }

    #subject-cont .r-nav {
        position: absolute;
        top: 66px;
        right: 20px;
    }

#subjects {
    padding: 30px 5px 0 0px;
    margin-left: 30px;
    margin-top: 20px;
    width: 933px;
}

    #subjects .sublist {
       margin-left: 0px;
    width: 937px;
    }

        #subjects .sublist .cl {
            height: 35px;
        }

        #subjects .sublist .rw .cl:nth-of-type(1) {
            width: 120px;
        }

        #subjects .sublist .rw .cl:nth-of-type(2) {
            width: 210px;
        }

        #subjects .sublist .rw .cl:nth-of-type(3) {
            width: 140px;
        }

        #subjects .sublist .rw .cl:nth-of-type(4) {
            width: 140px;
        }

        #subjects .sublist .rw .cl:nth-of-type(5) {
            width: 120px;
        }

        #subjects .sublist .rw .cl:nth-of-type(6) {
            width: 120px;
        }

        #subjects .sublist .rw:not(first-child) .cl {
            padding: 12px 10px;
        }

#create-sub {
    display: none;
    width: 650px;
    height: 440px;
    padding: 20px;
    border-radius: 5px;
}

    #create-sub h1:first-child {
        margin-bottom: 10px;
    }

    #create-sub .line {
        width: 450px;
    }

    #create-sub #lErr {
        color: red;
    }

    #create-sub .cl {
        font-weight: bold;
        padding: 10px 5px;
    }

    #create-sub .rw {
        padding: 10px 0;
    }

        #create-sub .rw .cl:nth-of-type(1) {
            width: 150px;
        }

        #create-sub .rw .cl:nth-of-type(2) {
            width: 180px;
            padding: 2px;
        }

        #create-sub .rw .cl:nth-of-type(3) {
            width: 50px;
            padding: 2px;
        }

        #create-sub .rw.first .cl:nth-of-type(2) {
            padding: 10px;
        }

#edit-sub {
    display: none;
    width: 540px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #edit-sub h1:first-child {
        margin-bottom: 10px;
    }

    #edit-sub .line {
        width: 450px;
    }

    #edit-sub #lErrPay2 {
        color: red;
    }

    #edit-sub .cl {
        padding: 10px 5px;
    }

    #edit-sub .rw .cl:nth-of-type(1) {
        width: 160px;
        font-weight: bold;
    }

    #edit-sub .rw .cl:nth-of-type(2) {
        width: 250px;
    }

#remove-sub {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #remove-sub .cl {
        padding: 10px 5px;
    }

    #remove-sub .rw {
        padding: 16px 0;
    }

        #remove-sub .rw .cl:nth-of-type(1) {
            width: 80px;
            font-weight: bold;
        }

        #remove-sub .rw .cl:nth-of-type(2) {
            width: 100px;
        }

        #remove-sub .rw:last-child {
            margin-top: 10px;
        }

#importSub {
    width: 630px;
    padding: 20px;
    margin-left: 60px;
    margin-top: 20px;
    border: 1px solid #D0D0D0;
    background: #FFF;
    min-height: 160px;
}

    #importSub .cl {
        height: 32px;
        padding: 10px;
    }

    #importSub .rw .cl:nth-of-type(1) {
        width: 70px;
    }

    #importSub .rw .cl:nth-of-type(2) {
        width: 270px;
    }

    #importSub .rw .cl:nth-of-type(3) {
        width: 140px;
    }

#subjectSort {
    cursor: pointer;
}

.subjectSort-placeholder {
    border: 1px dashed #ABABAB;
    min-height: 30px;
    padding: 10px 5px;
    margin: 0 0 0 -10px;
    width: 766px;
    background: #FFF;
}

#subject-gp-cont {
    padding: 20px;
    position: relative;
}

    #subject-gp-cont .top {
        padding-left: 130px;
    }

    #subject-gp-cont .r-nav {
        position: absolute;
        top: 66px;
        right: 20px;
    }

#subject-gp {
    margin: 60px 10px 10px 160px;
    width: 546px;
}

    #subject-gp .cl {
        height: 35px;
    }

    #subject-gp .rw .cl:nth-of-type(1) {
        width: 70px;
    }

    #subject-gp .rw .cl:nth-of-type(2) {
        width: 336px;
    }

    #subject-gp .rw .cl:nth-of-type(3) {
        width: 140px;
    }

    #subject-gp .rw:not(first-child) .cl {
        padding: 12px 10px;
    }

.sub-head-p {
    padding: 0 5px;
    margin: 16px 0 0 0;
    color: #E56565;
    font-weight: bold;
    font-size: 14px;
    margin: 8px 0 6px 0 !important;
}

#manage-batch-def-cont {
    position: relative;
    padding: 20px;
    width: 950px;
    margin: 0 auto;
}

    #manage-batch-def-cont .top {
        padding: 20px 10px 10px 245px;
        font-weight: bold;
        font-size: 13px;
    }

        #manage-batch-def-cont .top span {
            color: red;
        }

    #manage-batch-def-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 30px;
    }

        #manage-batch-def-cont .r-nav .hlink-btn {
            margin-left: 10px;
        }

#manage-batch-def {
    width: 681px;
    margin: 50px 0px 0px 150px;
}

    #manage-batch-def a {
        font-size: 16px;
    }

    #manage-batch-def .rw .cl {
        padding: 16px 0px 20px 20px;
        height: 38px;
    }

        #manage-batch-def .rw .cl:nth-of-type(1) {
            width: 220px;
        }

        #manage-batch-def .rw .cl:nth-of-type(2) {
            width: 120px;
        }

        #manage-batch-def .rw .cl:nth-of-type(3) {
            width: 120px;
        }

        #manage-batch-def .rw .cl:nth-of-type(4) {
            width: 220px;
        }

            #manage-batch-def .rw .cl:nth-of-type(4) a {
                font-size: 14px !important;
                padding: 0 10px;
            }

    #manage-batch-def h1 {
        margin-bottom: 10px;
    }

#manage-batch-cont {
    position: relative;
    padding: 20px;
    width: 950px;
    margin: 0 auto;
}

    #manage-batch-cont .top {
        padding: 20px 10px 10px 245px;
        font-weight: bold;
        font-size: 13px;
    }

        #manage-batch-cont .top span {
            color: red;
        }

    #manage-batch-cont .r-nav {
        position: absolute;
        top: 70px;
        right: 20px;
    }

        #manage-batch-cont .r-nav .hlink-btn {
            margin-left: 10px;
        }

#manage-batch {
    padding: 20px 5px 0 0px;
    width: 686px;
    margin: 30px 10px 10px 60px;
}

    #manage-batch .cl {
        height: 28px;
        padding: 10px;
    }

    #manage-batch .rw .cl:nth-of-type(1) {
        width: 70px;
    }

    #manage-batch .rw .cl:nth-of-type(2) {
        width: 150px;
    }

    #manage-batch .rw .cl:nth-of-type(3) {
        width: 300px;
    }

    #manage-batch .rw .cl:nth-of-type(4) {
        width: 160px;
    }

#create-batch {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #create-batch h1:first-child {
        margin-bottom: 10px;
    }

    #create-batch .line {
        width: 450px;
    }

    #create-batch #lErr {
        color: red;
    }

    #create-batch .cl {
        font-weight: bold;
        padding: 10px 5px;
    }

    #create-batch .rw .cl:nth-of-type(1) {
        width: 90px;
    }

    #create-batch .rw .cl:nth-of-type(2) {
        width: 180px;
        padding: 2px;
    }

    #create-batch .rw .cl:nth-of-type(3) {
        width: 50px;
        padding: 2px;
    }

    #create-batch .sub-con {
        border: 1px solid #CBCBCB;
        padding: 30px 5px;
        margin-top: 16px;
    }

    #create-batch .rw.first .cl:nth-of-type(2) {
        padding: 10px;
    }

#edit-batch {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #edit-batch h1:first-child {
        margin-bottom: 10px;
    }

    #edit-batch .line {
        width: 450px;
    }

    #edit-batch #lErr {
        color: red;
    }

    #edit-batch .cl {
        font-weight: bold;
        padding: 10px 5px;
    }

    #edit-batch .rw .cl:nth-of-type(1) {
        width: 90px;
    }

    #edit-batch .rw .cl:nth-of-type(2) {
        width: 180px;
        padding: 2px;
    }

    #edit-batch .rw .cl:nth-of-type(3) {
        width: 50px;
        padding: 2px;
    }

    #edit-batch .sub-con {
        border: 1px solid #CBCBCB;
        padding: 30px 5px;
        margin-top: 16px;
    }

    #edit-batch .rw.first .cl:nth-of-type(2) {
        padding: 10px;
    }

#remove-batch {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #remove-batch h1:first-child {
        margin-bottom: 10px;
    }

    #remove-batch .line {
        width: 450px;
    }

    #remove-batch .cl {
        font-weight: bold;
        padding: 10px 5px;
    }

    #remove-batch .rw .cl:nth-of-type(1) {
        width: 90px;
    }

    #remove-batch .rw .cl:nth-of-type(2) {
        width: 180px;
    }

    #remove-batch .rw .cl:nth-of-type(3) {
        width: 50px;
        padding: 2px;
    }

    #remove-batch .sub-con {
        border: 1px solid #CBCBCB;
        padding: 30px 5px;
        margin-top: 16px;
    }

    #remove-batch .rw.first .cl:nth-of-type(2) {
        padding: 10px;
    }

.menu-defs {
    padding: 10px 10px 10px 80px;
}

    .menu-defs .rw {
        margin-bottom: 10px;
    }

        .menu-defs .rw .cl {
            padding: 20px 30px 20px 30px;
        }

            .menu-defs .rw .cl:nth-of-type(1) {
                min-width: 310px;
            }

            .menu-defs .rw .cl:nth-of-type(2) {
                min-width: 310px;
            }

            .menu-defs .rw .cl:nth-of-type(3) {
                min-width: 310px;
            }

    .menu-defs .title a {
        color: #E70A36;
        text-decoration: none;
        font-size: 14px;
        text-shadow: 0 0 0px #CE0000;
    }

        .menu-defs .title a:hover {
            text-decoration: underline;
        }

    .menu-defs .description {
        margin-top: 5px;
        margin-bottom: 5px;
    }

.menu-sub-hd {
    padding: 8px 10px 8px 0px;
    color: #206B6B;
    font-weight: bold;
    border-bottom: 1px solid #206B6B;
    width: 260px;
}

#recent-admission-stu-list-con .stu-list .rw {
    width: 800px;
}

.hlbs {
    background: #EAEAEA;
    border-bottom: 1px solid #CABFBF;
}

#student-category {
    margin: 70px 20px 20px 160px;
    width: 503px;
}

    #student-category .cl {
        height: 12px;
        padding: 10px;
    }

    #student-category .rw .cl:nth-of-type(1) {
        width: 220px;
        padding-left: 30px;
    }

    #student-category .rw .cl:nth-of-type(2) {
        width: 200px;
        padding-left: 30px;
    }

#create-stu-cat {
    display: none;
    width: 400px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #create-stu-cat h1:first-child {
        margin-bottom: 10px;
    }

    #create-stu-cat .cl {
        padding: 8px 5px;
    }

    #create-stu-cat .rw .cl:nth-of-type(1) {
        width: 160px;
    }

    #create-stu-cat .rw .cl:nth-of-type(2) {
        width: 180px;
    }

#edit-stu-cat {
    display: none;
    width: 400px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #edit-stu-cat h1:first-child {
        margin-bottom: 10px;
    }

    #edit-stu-cat .cl {
        padding: 8px 5px;
    }

    #edit-stu-cat .rw .cl:nth-of-type(1) {
        width: 160px;
    }

    #edit-stu-cat .rw .cl:nth-of-type(2) {
        width: 180px;
    }

#del-stu-cat {
    display: none;
    width: 400px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #del-stu-cat h1:first-child {
        margin-bottom: 10px;
    }

    #del-stu-cat .cl {
        padding: 8px 5px;
    }

    #del-stu-cat .rw .cl:nth-of-type(1) {
        width: 160px;
    }

    #del-stu-cat .rw .cl:nth-of-type(2) {
        width: 180px;
    }

#IsStudentExist {
    background: #FCFCFC;
    border: solid 1px #B9C4CF;
    margin-top: 20px;
    width: 997px;
}

    #IsStudentExist .cl {
        padding: 10px 20px;
    }

    #IsStudentExist .rw .cl:nth-of-type(1) {
        width: 250px;
    }

    #IsStudentExist .rw .cl:nth-of-type(2) {
        width: 200px;
    }

#last-reg {
    background: #FCFCFC;
    border: solid 1px #F7F7F7;
    margin-top: 0px;
    margin-bottom: 10px;
    width: 995px;
}

    #last-reg .cl {
        padding: 8px 20px;
    }

    #last-reg .rw .cl:nth-of-type(1) {
        width: 180px;
    }

    #last-reg .rw .cl:nth-of-type(2) {
        width: 200px;
    }

#sg-all-cont {
    position: relative;
    padding: 40px 190px 40px 140px;
    min-height: 1200px;
}

    #sg-all-cont .top {
        padding-left: 130px;
    }

    #sg-all-cont .r-nav {
        position: absolute;
        top: 76px;
        right: 190px;
    }

#sg-all {
    margin: 110px 10px 10px 160px;
    width: 796px;
}

    #sg-all .cl {
        height: 32px;
    }

    #sg-all .rw .cl:nth-of-type(1) {
        width: 70px;
    }

    #sg-all .rw .cl:nth-of-type(2) {
        width: 220px;
    }

    #sg-all .rw .cl:nth-of-type(3) {
        width: 506px;
    }

    #sg-all .rw:not(first-child) .cl {
        padding: 12px 10px;
    }

#course-gp-cont {
    position: relative;
}

    #course-gp-cont .top {
        padding: 20px 10px 10px 90px;
    }

    #course-gp-cont .r-nav {
        position: absolute;
        top: 40px;
        right: 20px;
    }

#course-gp .cgc {
    position: relative;
    margin-top: 20px;
    border: 1px solid #EDEDED;
    border-radius: 3px;
    background: #FFF;
    box-shadow: 5px 5px 12px 1px #DADADA;
}

    #course-gp .cgc .course {
        border: 1px solid #A8A8A8;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d3eaf0), color-stop(100%, rgba(8,123,194,0.56)));
        background: -webkit-linear-gradient(#d3eaf0,rgba(8,123,194,0.56));
        background: -moz-linear-gradient(#d3eaf0,rgba(8,123,194,0.56));
        background: -o-linear-gradient(#d3eaf0,rgba(8,123,194,0.56));
        background: linear-gradient(#d3eaf0,rgba(8,123,194,0.56));
        box-shadow: 0 0 5px 0px rgba(100,100,100,0.35);
        margin: 5px;
        cursor: pointer;
        cursor: -webkit-grab;
        color: #414141;
        padding: 10px 5px 10px 15px;
        height: 30px;
        width: 300px;
        font-weight: bold;
    }

        #course-gp .cgc .course:hover {
            background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c5eefa), color-stop(100%, rgba(45,132,186,0.8)));
            background: -webkit-linear-gradient(#c5eefa,rgba(45,132,186,0.8));
            background: -moz-linear-gradient(#c5eefa,rgba(45,132,186,0.8));
            background: -o-linear-gradient(#c5eefa,rgba(45,132,186,0.8));
            background: linear-gradient(#c5eefa,rgba(45,132,186,0.8));
        }

    #course-gp .cgc .cgt {
        padding: 10px 10px 10px 70px;
        font-size: 18px;
        color: #E44010;
        font-weight: bold;
    }

    #course-gp .cgc .cg {
        padding: 10px;
    }

.course-placeholder {
    border: 3px dashed #ABABAB;
    height: 35px;
    width: 310px;
    background: #D5D5D5;
}

.cgoptions {
    position: absolute;
    top: 10px;
    right: 10px;
}

    .cgoptions a {
        color: #F60;
        font-size: 14px;
        padding: 10px;
        cursor: pointer;
        text-decoration: underline;
    }

#user-roles-cont .r-nav {
    position: absolute;
    top: 50px;
    right: 210px;
}

#user-roles .cl {
    height: 30px;
    padding: 10px 20px;
}

#user-roles .rw .cl:nth-of-type(1) {
    width: 380px;
}

#user-roles .rw .cl:nth-of-type(2) {
    width: 140px;
}

#new-user-roles-cont .r-nav {
    position: absolute;
    top: 50px;
    right: 20px;
}

#user-role {
    border: solid 1px #B9C4CF;
    padding: 20px;
    min-height: 370px;
    width: 760px;
    background: #FCFCFC;
    margin: 20px 0px 0px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    #user-role .rw {
        padding: 5px 0;
    }

        #user-role .rw .cl:nth-of-type(1) {
            width: 170px;
            font-weight: bold;
            text-shadow: 0px 2px #F9F9F9;
        }

        #user-role .rw .cl:nth-of-type(2) {
            width: 150px;
            padding: 0;
        }

        #user-role .rw.last .btn {
            margin: 16px 16px 16px 172px;
        }

    #user-role .ishid {
        color: #808080 !important;
    }

#role-permission {
    background: #FFF;
    border: 1px solid #DDD;
    width: 360px;
    padding: 20px;
}

    #role-permission .rp-mod {
        color: #0774AD;
        font-weight: bold;
    }

    #role-permission .rp-second {
        margin-left: 20px;
    }

        #role-permission .rp-second li {
            padding: 2px;
            color: red;
        }

#advanced-set-cont {
    padding-left: 20px;
}

#advanced-sets {
    position: relative;
    padding: 30px 60px 60px 60px;
    height: 360px;
    width: 980px;
    background: #FFF;
    display: table-cell;
    box-shadow: 0px 0px 6px 1px #C5C5C5;
    margin-top: 20px;
}

.adv-sets .adv-hd {
    font-weight: bold;
    font-size: 13px;
    color:  #1976d2;
    border-bottom: 1px solid #E2E2E2;
     border-top: 1px solid #E2E2E2;
    padding: 5px;
}

.adv-sets .adv-subhd {
       padding-left: 56px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    /* color: #FF5722; */
    font-weight: bold;
    /* padding: 5px; */
    background: url(../images/ds/icons/point-right.png) 6px 7px no-repeat,linear-gradient(#fcfcfc,#f4f4f4);
}

.adv-sets .rw {
    padding: 5px 0;
}

.adv-sets .cl {
    min-height: 20px;
    vertical-align: middle;
    display: table-cell;
    float: none;
}

.adv-sets .rw .cl:nth-of-type(1) {
    padding: 1px 56px 10px;
    width: 400px;
     font-weight: bold;  
    font-style: normal;
    color: #565656;
}

.adv-sets .rw .cl:nth-of-type(2) {
    padding: 2px 10px;
    width: 250px;
}

#grading-settings-cont {
    padding-left: 20px;
}

#grading-settings {
    border: 1px solid #ddd;
    padding: 20px;
    width: 760px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #fcfcfc));
    background: -webkit-linear-gradient(#fcfcfc,#fcfcfc);
    background: -moz-linear-gradient(#fcfcfc,#fcfcfc);
    background: -o-linear-gradient(#fcfcfc,#fcfcfc);
    background: linear-gradient(#fcfcfc,#fcfcfc);
    box-shadow: 0px 0px 1px 0px #000;
    margin-top: 20px;
    border-radius: 2px;
}

    #grading-settings .top {
        font-weight: bold;
        padding: 10px;
    }

        #grading-settings .top a {
            color: #B82828;
            cursor: pointer;
        }

    #grading-settings .rw {
        padding: 5px 0;
    }

        #grading-settings .rw .cl:nth-of-type(1) {
            padding: 14px 10px;
            width: 280px;
        }

            #grading-settings .rw .cl:nth-of-type(1) span {
                font-weight: bold;
                color: #F41A1A;
            }

        #grading-settings .rw .cl:nth-of-type(2) {
            padding: 10px;
            width: 250px;
        }

        #grading-settings .rw.last .btn {
            margin: 36px 16px 16px 200px;
        }

#cbse-reg {
    /*margin: 80px 10px 10px 40px;*/

    border: 1px solid #dddddd;
    background: #fcfcfc;
    padding-left: 20px;
    padding-top: 20px;
}

    #cbse-reg .cl {
        height: 25px;
        padding: 10px 20px;
        display: table-cell;
        float: none;
    }

    #cbse-reg .rw .cl:nth-of-type(1) {
        width: 200px;
    }

    #cbse-reg .rw .cl:nth-of-type(2) {
        width: 250px;
    }

    #cbse-reg .rw .cl:nth-of-type(3) {
        width: 250px;
    }

.btn-icard {
    background: url("../images/ds/icons/profile.png") 6px 7px no-repeat,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #f4f4f4));
    background: url("../images/ds/icons/profile.png") 6px 7px no-repeat,-webkit-linear-gradient(#fcfcfc,#f4f4f4);
    background: url("../images/ds/icons/profile.png") 6px 7px no-repeat,-moz-linear-gradient(#fcfcfc,#f4f4f4);
    background: url("../images/ds/icons/profile.png") 6px 7px no-repeat,-o-linear-gradient(#fcfcfc,#f4f4f4);
    background: url("../images/ds/icons/profile.png") 6px 7px no-repeat,linear-gradient(#fcfcfc,#f4f4f4);
}

#stu-roll {
  border: 1px solid #dddddd;
    background: #fcfcfc;
    padding-left: 20px;
    padding-top: 20px;
}

    #stu-roll .cl {
        height: 18px;
        padding: 5px 20px;
        display: table-cell;
        float: none;
    }

    #stu-roll .rw .cl:nth-of-type(1) {
        width: 265px;
    }

    #stu-roll .rw .cl:nth-of-type(2) {
        width: 220px;
    }

.disable-link-action {
    text-decoration: line-through !important;
    color: #A9A7A7 !important;
    cursor: not-allowed !important;
}

#exam-repcardset-cont {
    padding: 10px;
}

#exam-repcardset {
    padding: 30px 60px 60px 60px;
    height: 360px;
    width: 980px;
    background: #FFF;
    display: table-cell;
    box-shadow: 0px 0px 6px 1px #C5C5C5;
    margin-top: 20px;
}

    #exam-repcardset .cl {
        height: 40px;
        display: table-cell;
        float: none;
    }

    #exam-repcardset .rw .cl:nth-of-type(1) {
        width: 265px;
        font-weight: bold;
        padding: 10px 20px;
    }

    #exam-repcardset .rw .cl:nth-of-type(2) {
        width: 120px;
        padding: 10px 20px;
    }

    #exam-repcardset .rw .cl:nth-of-type(3) {
        width: 410px;
        padding: 5px 20px;
        text-align: center;
    }

#elevtiveGroup-cont .top {
    padding: 10px 10px 10px 110px;
}

#elevtiveGroup-cont .r-nav {
    position: absolute;
    top: 70px;
    right: 110px;
}

#electiveGroups .electg {
    position: relative;
    margin-top: 20px;
    border: 1px solid #EDEDED;
    border-radius: 3px;
    background: #FFF;
    box-shadow: 5px 5px 12px 1px #DADADA;
}

#electiveGroups .electghd {
    padding: 10px 10px 10px 15px;
    /*font-size: 18px;*/
    /*color: #E44010;*/
    font-weight: bold;
}

#electiveGroups .egsubs {
       width: 1000px;
    margin: 20px 10px 10px 10px
}

    #electiveGroups .egsubs .cl {
        padding: 10px;
    }

    #electiveGroups .egsubs .rw .cl:nth-of-type(1) {
         width: 690px;
    }

    #electiveGroups .egsubs .rw .cl:nth-of-type(2) {
        width: 310px;
    }

#electiveGroups .egoptions {
    position: absolute;
    top: 10px;
    right: 10px;
}

    #electiveGroups .egoptions a {
        color: #1976d3;
        font-size: 14px;
        padding: 10px;
        cursor: pointer;
        text-decoration: none;
    }

.top-info .cl {
    padding: 10px 20px;
    font-weight: bold;
}

.top-info .rw .cl:nth-of-type(1) {
    width: 140px;
    color: #EA5B31;
}

.top-info .rw .cl:nth-of-type(2) {
    width: 30px;
}

.top-info .rw .cl:nth-of-type(3) {
    width: 280px;
}

#electiveStu-cont {
    position: relative;
    padding: 20px;
    width: 1100px;
    margin: 0 auto;
}

    #electiveStu-cont .top {
        padding: 20px 10px 10px 245px;
        font-weight: bold;
        font-size: 13px;
    }

        #electiveStu-cont .top span {
            color: red;
        }

    #electiveStu-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 30px;
    }

        #electiveStu-cont .r-nav .hlink-btn {
            margin-left: 10px;
        }

#electiveStu {
    margin: 20px 10px 10px 270px;
}

    #electiveStu .cl {
        height: 10px;
        display: table-cell;
        float: none;
       padding: 7px 9px;
    }

    #electiveStu .rw .cl:nth-of-type(1) {
        width: 90px;
    }

    #electiveStu .rw .cl:nth-of-type(2) {
        width: 140px;
    }

    #electiveStu .rw .cl:nth-of-type(3) {
        width: 340px;
    }

    #electiveStu .rw .cl:nth-of-type(4) {
        width: 160px;
        padding: 5px 20px;
    }

.chkcb {
    color: #F60;
    cursor: pointer;
    text-decoration: none;
}

#stupro-print-cont {
    display: none;
}

#stupro-print {
    display: none;
}

#student-birthday-cont {
    padding: 20px 60px;
}

    #student-birthday-cont .top {
        padding: 25px 10px;
        margin-left: 210px;
    }

    #student-birthday-cont .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

#stu-dob-todaydate {
    font-weight: bold;
    font-size: 20px;
    color: #D40000;
    font-family: Calibri;
    margin-left: 110px;
    padding: 10px;
}

#student-birthday-list {
    margin-left: 110px;
    padding: 40px;
    width: 700px;
}

    #student-birthday-list .cl {
        padding: 10px;
    }

    #student-birthday-list .rw .cl:nth-of-type(1) {
        width: 70px;
    }

    #student-birthday-list .rw .cl:nth-of-type(2) {
        width: 120px;
    }

    #student-birthday-list .rw .cl:nth-of-type(3) {
        width: 120px;
    }

    #student-birthday-list .rw .cl:nth-of-type(4) {
        width: 310px;
    }

        #student-birthday-list .rw .cl:nth-of-type(4) a {
            color: #4A4A4A;
        }

    #student-birthday-list .fdb {
        padding: 10px 10px;
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        padding-left: 220px;
        color: #F72F2F;
        font-size: 14px;
        font-weight: bold;
        width: 620px;
        background: #FFF;
    }

#user-mod-cont .r-nav {
    position: absolute;
    top: 50px;
    right: 20px;
}

#user-mod {
    padding: 20px;
    min-height: 370px;
    width: 940px;
    background: #FFF;
    border: 1px solid #DDD;
    margin: 40px 0px 0px 0px;
    position: relative;
}

    #user-mod .rw.last .btn {
        margin: 16px 16px 16px 172px;
    }

    #user-mod .role-permission {
        margin-top: 50px;
        padding: 20px;
    }

        #user-mod .role-permission .rp-mod {
            color: #0774AD;
            font-weight: bold;
            position: relative;
            padding: 2px 2px;
        }

        #user-mod .role-permission .rp-second {
            margin-left: 20px;
        }

            #user-mod .role-permission .rp-second li {
                padding: 2px;
                color: red;
                border: 1px solid rgba(158,158,158,0.13);
                border-top: none;
                position: relative;
            }

                #user-mod .role-permission .rp-second li:nth-of-type(1) {
                    border-top: 1px solid rgba(158,158,158,0.13);
                }

    #user-mod .ishid {
        color: #808080 !important;
    }

    #user-mod .del-ua, #user-mod .del-ua2 {
        margin-left: 30px;
        position: absolute;
        top: 10px;
        right: 200px;
        color: #673AB7;
        cursor: pointer;
    }

    #user-mod .edit-ua {
        margin-left: 30px;
        position: absolute;
        top: 10px;
        right: 140px;
        cursor: pointer;
    }

    #user-mod .per-ua, #user-mod .per-ua2 {
        margin-left: 30px;
        position: absolute;
        top: 10px;
        right: 40px;
        cursor: pointer;
        color: #673AB7;
    }

        #user-mod .per-ua:hover, #user-mod .per-ua2:hover {
            text-decoration: none;
        }

    #user-mod .del-um {
        margin-left: 30px;
        position: absolute;
        top: 6px;
        right: 200px;
        color: #0774AD;
        cursor: pointer;
    }

    #user-mod .del-um2 {
        margin-left: 30px;
        position: absolute;
        top: 6px;
        right: 200px;
        color: #808080 !important;
    }

    #user-mod .edit-um {
        margin-left: 30px;
        position: absolute;
        top: 6px;
        color: #0774AD;
        right: 140px;
        cursor: pointer;
    }

    #user-mod .umhid {
        color: #808080 !important;
    }

    #user-mod .del-ua:hover, #user-mod .edit-ua:hover {
        text-decoration: underline;
    }

#uapage-per-cont .r-nav {
    position: absolute;
    top: 50px;
    right: 20px;
}

#uapage-per {
    padding: 20px;
    min-height: 370px;
    width: 900px;
    background: #FFF;
    border: 1px solid #DDD;
    margin: 20px 0px 0px 0px;
    position: relative;
}

    #uapage-per .rw.last .btn {
        margin: 16px 16px 16px 172px;
    }

    #uapage-per .role-permission {
        margin-top: 50px;
        padding: 20px;
    }

        #uapage-per .role-permission .rp-mod {
            color: #0774AD;
            font-weight: bold;
            font-size: 13px;
        }

        #uapage-per .role-permission .rp-second {
            margin-left: 20px;
        }

            #uapage-per .role-permission .rp-second li {
                padding: 2px;
                color: red;
                border: 1px solid rgba(158,158,158,0.13);
                border-top: none;
                position: relative;
            }

                #uapage-per .role-permission .rp-second li:nth-of-type(1) {
                    border-top: 1px solid rgba(158,158,158,0.13);
                }

#naex-exsoftdown-cont {
    padding: 40px 110px;
}

    #naex-exsoftdown-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#naex-exsoftdown {
    background: #FFF;
    padding: 10px 10px 10px 30px;
    margin: 10px 10px 10px 210px;
    font-weight: bold;
    color: #5C5C5C;
    font-size: 15px;
    border: 1px solid #CDCDCD;
    width: 610px;
}

#naex-exsoftup {
    background: #FFF;
    padding: 10px 10px 10px 30px;
    margin: 10px 10px 10px 210px;
    font-weight: bold;
    color: #5C5C5C;
    font-size: 15px;
    border: 1px solid #CDCDCD;
    width: 610px;
}

#naex-exsoftdown-op {
    margin: 5px 10px 10px 10px;
}

    #naex-exsoftdown-op a {
        color: #607D8B;
    }

.log {
    width: 620px;
    height: 250px;
    border: 1px solid #8C8C8C;
    background: #FFF;
    padding: 10px;
    overflow: auto;
}

    .log .log-hd {
        font-weight: bold;
        color: #9C9C9C;
        padding: 5px;
    }

    .log .log-ln {
        padding: 5px 10px 5px 10px;
    }

#create-session-cont {
    position: relative;
    padding: 20px;
    width: 1250px;
    margin: 0 auto;
}

    #create-session-cont .top {
        padding: 20px 10px 10px 245px;
        font-weight: bold;
        font-size: 13px;
    }

        #create-session-cont .top span {
            color: red;
        }

    #create-session-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 60px;
    }

        #create-session-cont .r-nav .hlink-btn {
            margin-left: 10px;
        }

#create-session {
    background: #FFF;
    margin: 0px 20px 20px 0px;
    padding: 50px;
    min-height: 500px;
}

    #create-session .rw .cl:nth-of-type(1) {
        padding: 12px 10px 12px 30px;
        width: 340px;
        font-weight: bold;
        color: #C30404;
    }

    #create-session .rw .cl:nth-of-type(2) {
        padding: 8px 10px;
    }

#session-upgrade-cont {
    position: relative;
    padding: 20px;
    width: 95%;
    margin: 0 auto;
}

    #session-upgrade-cont .top {
        padding: 20px 10px 10px 245px;
        font-weight: bold;
        font-size: 13px;
    }

        #session-upgrade-cont .top span {
            color: red;
        }

    #session-upgrade-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 60px;
    }

        #session-upgrade-cont .r-nav .hlink-btn {
            margin-left: 10px;
        }

#session-upgrade-ct {
    background: #FFF;
    margin: 0px 20px 20px 10px;
    padding: 30px;
    min-height: 420px;
}

    #session-upgrade-ct .cls {
        height: 30px;
    }

    #session-upgrade-ct .rws .cls:nth-of-type(1) {
        padding: 10px;
        width: 260px;
        font-weight: bold;
        color: #C30404;
    }

    #session-upgrade-ct .rws .cls:nth-of-type(2) {
        padding: 10px 10px 10px 30px;
        width: 320px;
    }

    #session-upgrade-ct .stu-col {
        color: #0288D1;
    }

#session-upgrade {
    margin: 10px;
}

    #session-upgrade .cl {
        padding: 8px 10px;
        height: 30px;
    }

    #session-upgrade .rw .cl:nth-of-type(1) {
        width: 60px;
    }

    #session-upgrade .rw .cl:nth-of-type(2) {
        width: 120px;
    }

    #session-upgrade .rw .cl:nth-of-type(3) {
        width: 270px;
    }

    #session-upgrade .rw .cl:nth-of-type(4) {
        width: 270px;
    }

    #session-upgrade .rw .cl:nth-of-type(5) {
        width: 140px;
    }

    #session-upgrade .rw .cl:nth-of-type(6) {
        width: 150px;
    }

#configure-session-cont {
    position: relative;
    padding: 20px;
    width: 95%;
    margin: 0 auto;
}

    #configure-session-cont .top {
        padding: 20px 10px 10px 245px;
        font-weight: bold;
        font-size: 13px;
    }

        #configure-session-cont .top span {
            color: red;
        }

    #configure-session-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 70px;
    }

        #configure-session-cont .r-nav .hlink-btn {
            margin-left: 10px;
        }

#configure-session {
    background: #FFF;
    margin: 0px 20px 20px 0px;
    padding: 30px;
    min-height: 600px;
}

    #configure-session .rw .cl:nth-of-type(1) {
        padding: 12px 10px 12px 30px;
        width: 340px;
        font-weight: bold;
        color: #C30404;
    }

    #configure-session .rw .cl:nth-of-type(2) {
        padding: 8px 10px;
    }

.session-sett-currsess .cl {
    background: #EFFDFF !important;
    color: #F44336;
    font-weight: bold;
    text-shadow: 0 0 1px #D6D6D6;
}

.fee-cats-container {
    padding: 20px;
    overflow: auto;
    min-height: 200px;
}

.fee-list-container #lv1 .pager .rw {
    width: 700px !important;
}

.fee-list-container #lv2 {
    margin-left: 40px;
}

    .fee-list-container #lv2 .pager .rw {
        width: 510px !important;
    }

.fee-list-container .fee-list {
    padding-top: 25px !important;
    margin-left: 50px;
}

    .fee-list-container .fee-list .btn {
        height: 25px !important;
        font-size: 11px !important;
    }

    .fee-list-container .fee-list .cl {
        padding: 12px;
        height: 10px;
    }

    .fee-list-container .fee-list .rw .cl:nth-of-type(1) {
        width: 50px;
    }

    .fee-list-container .fee-list .rw .cl:nth-of-type(2) {
        width: 165px;
    }

    .fee-list-container .fee-list .rw .cl:nth-of-type(3) {
        width: 110px;
    }

    .fee-list-container .fee-list .rw .cl:nth-of-type(4) {
        width: 100px;
    }

    .fee-list-container .fee-list .rw .cl:nth-of-type(5) {
        width: 150px;
        padding-left: 30px;
    }

    .fee-list-container .fee-list input[type="text"] {
        width: 100px;
    }

    .fee-list-container .fee-list select {
        width: 100px;
    }

    .fee-list-container .fee-list .edit .cl {
        padding: 20px 12px !important;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdeab5), color-stop(100%, #fff2cf));
        background: -webkit-linear-gradient(#fdeab5,#fff2cf);
        background: -moz-linear-gradient(#fdeab5,#fff2cf);
        background: -o-linear-gradient(#fdeab5,#fff2cf);
        background: linear-gradient(#fdeab5,#fff2cf);
    }

        .fee-list-container .fee-list .edit .cl:nth-of-type(3) {
            padding: 10px 15px 10px 9px !important;
            height: 30px;
        }

        .fee-list-container .fee-list .edit .cl:nth-of-type(5) {
            padding: 15px 10px 12px 32px !important;
            height: 23px;
        }

.fee-list-container .pager {
    padding: 0 !important;
}

#create-fee {
    display: none;
    width: 300px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #create-fee h1:first-child {
        margin-bottom: 10px;
    }

    #create-fee .cl {
        padding: 5px;
    }

    #create-fee .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #create-fee .rw .cl:nth-of-type(2) {
        width: 100px;
    }

#btnCreateFee, #btnNewSubject {
    text-decoration: none;
    padding: 6px;
    margin-left: 200px;
}

.fancybox-skin {
    border: 10px solid #2A4C5D !important;
}

.status {
    padding: 5px 0;
}

.fees-collections-container {
    position: relative;
}

    .fees-collections-container .pay-all-student {
        position: absolute;
        top: 20px;
        right: 136px;
    }

        .fees-collections-container .pay-all-student a {
            color: #F60;
            text-decoration: underline;
            cursor: pointer;
        }

            .fees-collections-container .pay-all-student a:hover {
                text-decoration: none;
            }

.fees-collection-list-cont .fees-collection {
    border: 10px solid #FFF;
    box-shadow: 0 0 1px 1px rgba(120,120,120,0.38);
    margin: 40px 10px 10px 2px;
    width: 843px;
}

    .fees-collection-list-cont .fees-collection a {
        cursor: pointer !important;
        text-decoration: none;
        color: #FF3D00;
        text-shadow: 0px 0px #E7E7E7;
    }

        .fees-collection-list-cont .fees-collection a:hover {
            text-decoration: underline;
        }

    .fees-collection-list-cont .fees-collection .cl {
        height: 12px;
        padding: 12px 10px;
    }

    .fees-collection-list-cont .fees-collection .rw .cl:nth-of-type(1) {
        width: 70px;
    }

    .fees-collection-list-cont .fees-collection .rw .cl:nth-of-type(2) {
        width: 186px;
    }

    .fees-collection-list-cont .fees-collection .rw .cl:nth-of-type(3) {
        width: 100px;
    }

    .fees-collection-list-cont .fees-collection .rw .cl:nth-of-type(4) {
        width: 100px;
    }

    .fees-collection-list-cont .fees-collection .rw .cl:nth-of-type(5) {
        width: 100px;
    }

    .fees-collection-list-cont .fees-collection .rw .cl:nth-of-type(6) {
        width: 160px;
    }

.fees-collection-list-cont .pager {
    padding: 0 !important;
}

    .fees-collection-list-cont .pager .rw {
        width: 862px !important;
    }

#payfee {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #payfee h1:first-child {
        margin-bottom: 10px;
    }

    #payfee .line {
        width: 450px;
    }

    #payfee #lErrPay {
        color: red;
    }

    #payfee .cl {
        padding: 16px 5px;
    }

    #payfee .rw .cl:nth-of-type(1) {
        width: 100px;
        font-weight: bold;
    }

    #payfee .rw .cl:nth-of-type(2) {
        width: 120px;
    }

    #payfee .rw .cl:nth-of-type(3) {
        width: 100px;
        font-weight: bold;
    }

    #payfee .rw .cl:nth-of-type(4) {
        width: 100px;
    }

    #payfee .last .cl:nth-of-type(2) {
        padding: 5px;
    }

        #payfee .last .cl:nth-of-type(2) input[type="text"] {
            width: 90px;
        }

#err {
    display: none;
    padding: 5px;
}

#loaderImg {
    display: none;
    position: absolute;
    top: 300px;
    left: 620px;
    z-index: 1000;
}

.line {
    border-bottom: 1px solid #C3C3C3;
}

#student-fee-list-mid .toprw {
    padding: 20px 5px 0 5px;
}

    #student-fee-list-mid .toprw a {
        color: #F60;
        text-decoration: underline;
        cursor: pointer;
    }

    #student-fee-list-mid .toprw .btn {
        padding: 3px 7px;
        margin-right: 5px;
        color: initial;
        text-decoration: none !important;
    }

    #student-fee-list-mid .toprw .rw .cl {
        padding: 5px;
    }

        #student-fee-list-mid .toprw .rw .cl:first-of-type {
            font-weight: bold;
        }

        #student-fee-list-mid .toprw .rw .cl:nth-of-type(2) {
            color: #FF3D00;
            width: 420px;
        }

        #student-fee-list-mid .toprw .rw .cl:nth-of-type(3) {
            font-weight: bold;
        }

        #student-fee-list-mid .toprw .rw .cl:nth-of-type(4) {
            width: 80px;
        }

            #student-fee-list-mid .toprw .rw .cl:nth-of-type(4) a {
                cursor: pointer;
                color: #FF3D00;
                text-decoration: underline;
            }

                #student-fee-list-mid .toprw .rw .cl:nth-of-type(4) a:hover {
                    text-decoration: none;
                }

    #student-fee-list-mid .toprw .rw:nth-of-type(2) .cl:nth-of-type(3) {
        width: 448px !important;
    }

#student-fee-list {
    padding: 20px 5px 0 5px;
    width: 800px;
}

    #student-fee-list .cl {
        padding: 10px;
    }

    #student-fee-list .rw .cl:nth-of-type(1) {
        width: 315px;
    }

    #student-fee-list .rw .cl:nth-of-type(2) {
        width: 140px;
    }

    #student-fee-list .rw .cl:nth-of-type(3) {
        width: 130px;
    }

    #student-fee-list .rw .cl:nth-of-type(4) {
        width: 130px;
    }

#change-balance-stu-fee {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #change-balance-stu-fee h1:first-child {
        margin-bottom: 10px;
    }

    #change-balance-stu-fee .line {
        width: 450px;
    }

    #change-balance-stu-fee #lErrPay2 {
        color: red;
    }

    #change-balance-stu-fee .cl {
        padding: 10px 5px;
    }

    #change-balance-stu-fee .rw .cl:nth-of-type(1) {
        width: 120px;
        font-weight: bold;
    }

    #change-balance-stu-fee .rw .cl:nth-of-type(2) {
        width: 180px;
    }

    #change-balance-stu-fee .rw .cl:nth-of-type(3) {
        width: 58px;
        font-weight: bold;
    }

.fee-default-container .box1 {
    margin-left: 16px;
    width: 225px;
}

.fee-default-container .stats-container {
    width: 625px;
}

.fee-recent-list-container {
    padding: 10px 0 0 0;
}

    .fee-recent-list-container .fee-recent-list {
        padding: 20px 5px 0 5px;
    }

        .fee-recent-list-container .fee-recent-list a {
            color: #F60;
            cursor: pointer;
            text-decoration: none;
        }

            .fee-recent-list-container .fee-recent-list a:hover {
                text-decoration: underline;
            }

        .fee-recent-list-container .fee-recent-list .cl {
            border-right: 1px solid #DDD;
        }

        .fee-recent-list-container .fee-recent-list .rw {
            background: #FFF;
            width: 540px;
            border-left: 1px solid #DDD;
            border-bottom: 1px solid #DDD;
        }

            .fee-recent-list-container .fee-recent-list .rw:first-child .cl {
                background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
                background-image: -webkit-linear-gradient(#fafafa,#e8e8e8);
                background-image: -moz-linear-gradient(#fafafa,#e8e8e8);
                background-image: -o-linear-gradient(#fafafa,#e8e8e8);
                background-image: linear-gradient(#fafafa,#e8e8e8);
                padding: 10px;
                color: #666;
                text-shadow: 1px 1px rgba(255,255,255,0.8);
                font-weight: bold;
                border-bottom: 1px solid #DDD;
                border-top: 1px solid #DDD;
            }

            .fee-recent-list-container .fee-recent-list .rw .cl:nth-of-type(1) {
                width: 70px;
            }

            .fee-recent-list-container .fee-recent-list .rw .cl:nth-of-type(2) {
                width: 185px;
            }

            .fee-recent-list-container .fee-recent-list .rw .cl:nth-of-type(3) {
                width: 222px;
            }

            .fee-recent-list-container .fee-recent-list .rw:not(first-child) .cl {
                padding: 8px 10px;
            }

            .fee-recent-list-container .fee-recent-list .rw:nth-of-type(odd) {
                background: #F7F7F7;
            }

#admission-fee-settings {
    padding-top: 20px;
    margin: 0 0 0 140px;
}

    #admission-fee-settings .cl {
        height: 10px;
        padding: 12px;
    }

    #admission-fee-settings .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #admission-fee-settings .rw .cl:nth-of-type(2) {
        width: 225px;
    }

    #admission-fee-settings .rw .cl:nth-of-type(3) {
        width: 172px;
    }

#mng-adm-fee-cont .top {
    padding: 10px;
    margin-left: 270px;
    font-weight: bold;
    color: red;
    font-size: 13px;
}

    #mng-adm-fee-cont .top select {
        margin-left: 30px;
    }

#mng-adm-fee-cont .btn {
    margin: 40px 10px 10px 400px;
}

#mng-adm-fee {
    padding-top: 20px;
    margin: 0 0 0 100px;
}

    #mng-adm-fee .cl {
        height: 12px;
        padding: 12px;
    }

    #mng-adm-fee .rw .cl:nth-of-type(1) {
        width: 50px;
    }

    #mng-adm-fee .rw .cl:nth-of-type(2) {
        width: 220px;
    }

    #mng-adm-fee .rw .cl:nth-of-type(3) {
        width: 90px;
    }

    #mng-adm-fee .rw .cl:nth-of-type(4) {
        width: 90px;
    }

    #mng-adm-fee .rw .cl:nth-of-type(5) {
        width: 104px;
    }

    #mng-adm-fee .rw .cl:nth-of-type(6) {
        width: 50px;
    }

#mng-adfee {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #mng-adfee h1:first-child {
        margin-bottom: 10px;
    }

    #mng-adfee .line {
        width: 450px;
    }

    #mng-adfee #lErr {
        color: red;
    }

    #mng-adfee .cl {
        font-weight: bold;
        padding: 10px 5px;
    }

    #mng-adfee .rw .cl:nth-of-type(1) {
        width: 90px;
    }

    #mng-adfee .rw .cl:nth-of-type(2) {
        width: 180px;
        padding: 2px;
    }

    #mng-adfee .rw .cl:nth-of-type(3) {
        width: 50px;
        padding: 2px;
    }

    #mng-adfee .rw.first .cl:nth-of-type(2) {
        padding: 10px;
    }

    #mng-adfee .cbmonths {
        position: relative;
        border: 1px solid #cbcbcb;
        padding: 10px 10px 10px 20px;
    }

        #mng-adfee .cbmonths ul li {
            padding: 3px 0;
        }

#cbMonthOK {
    position: absolute;
    top: 340px;
    right: 160px;
}

#cbMonthDeselect {
    position: absolute;
    top: 340px;
    right: 40px;
    margin-left: 20px;
}

#ImportFeeCat {
    width: 590px;
    padding: 20px;
    margin-left: 60px;
    margin-top: 20px;
    border: 1px solid #D8D8D8;
    background: #FFF;
}

    #ImportFeeCat .ht2 {
        color: #DB0707;
        margin-right: 20px;
    }

    #ImportFeeCat .cl {
        height: 12px;
        padding: 10px;
    }

    #ImportFeeCat .rw .cl:nth-of-type(1) {
        width: 50px;
    }

    #ImportFeeCat .rw .cl:nth-of-type(2) {
        width: 250px;
    }

    #ImportFeeCat .rw .cl:nth-of-type(3) {
        width: 120px;
    }

#pay-fee-all-cont {
    min-height: 400px;
    padding: 20px 200px;
}

    #pay-fee-all-cont .section-title {
        color: #FD0014;
    }

    #pay-fee-all-cont .top {
        padding: 20px 10px 10px 190px;
        font-weight: bold;
        font-size: 13px;
        color: #B30E0E;
    }

    #pay-fee-all-cont .r-nav {
        position: absolute;
        top: 88px;
        right: 20px;
    }

#pay-fee-all {
    margin: 50px 10px 10px 140px;
}

    #pay-fee-all .cl {
        height: 12px;
        padding: 10px;
    }

    #pay-fee-all .rw .cl:nth-of-type(1) {
        width: 95px;
    }

    #pay-fee-all .rw .cl:nth-of-type(2) {
        width: 350px;
    }

    #pay-fee-all .rw .cl:nth-of-type(3) {
        width: 120px;
    }

#pay-stu-cont {
    min-height: 400px;
    padding: 20px 50px;
}

    #pay-stu-cont .section-title {
        color: #FD0014;
    }

    #pay-stu-cont .top {
        padding: 20px 10px 10px 190px;
        font-weight: bold;
        font-size: 13px;
    }

        #pay-stu-cont .top a {
            text-decoration: none;
            color: inherit;
        }

            #pay-stu-cont .top a:hover {
                text-decoration: underline;
            }

    #pay-stu-cont .r-nav {
        position: absolute;
        top: 88px;
        right: 20px;
    }

    #pay-stu-cont .lt {
        width: 230px;
        min-height: 600px;
        float: left;
    }

        #pay-stu-cont .lt img {
            margin: 20px 0 20px 0;
            border: 1px solid #CCC;
            box-shadow: 0 0 1px 9px #F5F5F5;
        }

        #pay-stu-cont .lt .cl {
            padding: 10px 0 10px 0;
            font-weight: bold;
        }

        #pay-stu-cont .lt .rw .cl:nth-of-type(1) {
            width: 100px;
            color: #AA0C0C;
        }

        #pay-stu-cont .lt .rw .cl:nth-of-type(2) {
            width: 100px;
        }

    #pay-stu-cont .rt {
        float: left;
        min-height: 600px;
    }

#pay-stu {
    margin: 50px 10px 10px 0px;
}

    #pay-stu .cl {
        height: 12px;
        padding: 10px;
    }

    #pay-stu .rw .cl:nth-of-type(1) {
        width: 35px;
    }

    #pay-stu .rw .cl:nth-of-type(2) {
        width: 170px;
    }

    #pay-stu .rw .cl:nth-of-type(3) {
        width: 100px;
    }

    #pay-stu .rw .cl:nth-of-type(4) {
        width: 90px;
    }

    #pay-stu .rw .cl:nth-of-type(5) {
        width: 90px;
    }

    #pay-stu .rw .cl:nth-of-type(6) {
        width: 100px;
    }

    #pay-stu .rw .cl:nth-of-type(7) {
        width: 100px;
    }

    #pay-stu .rw .cl:nth-of-type(8) {
        width: 120px;
    }

        #pay-stu .rw .cl:nth-of-type(8) a {
            text-decoration: underline;
        }

#fee-collection-cont {
    padding: 10px 10px 10px 10px;
}

    #fee-collection-cont .top {
        padding: 20px 10px 10px 190px;
        font-weight: bold;
        font-size: 13px;
    }

#fee-collection {
    margin: 40px 20px 20px 80px;
}

#create-fee-coll {
    display: none;
    width: 300px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #create-fee-coll h1:first-child {
        margin-bottom: 10px;
    }

    #create-fee-coll .cl {
        padding: 8px 5px;
    }

    #create-fee-coll .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #create-fee-coll .rw .cl:nth-of-type(2) {
        width: 100px;
    }

#fee-cat-cont {
    position: relative;
}

    #fee-cat-cont .top {
        padding: 20px 10px 10px 90px;
    }

    #fee-cat-cont .r-nav {
        position: absolute;
        top: 88px;
        right: 20px;
    }

#fee-cat {
    margin: 40px 10px 10px 80px;
    width: 850px;
}

    #fee-cat .cl {
        height: 32px;
        padding: 10px;
        display: table-cell;
        float: none;
    }

    #fee-cat .rw .cl:nth-of-type(1) {
        width: 70px;
    }

    #fee-cat .rw .cl:nth-of-type(2) {
        width: 290px;
    }

    #fee-cat .rw .cl:nth-of-type(3) {
        width: 350px;
    }

    #fee-cat .rw .cl:nth-of-type(4) {
        width: 140px;
    }

#edit-fee-cat {
    display: none;
    width: 520px;
    height: 380px;
    padding: 20px;
    border-radius: 5px;
}

    #edit-fee-cat h1:first-child {
        margin-bottom: 10px;
    }

    #edit-fee-cat .cl {
        padding: 8px 5px;
    }

    #edit-fee-cat .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #edit-fee-cat .rw .cl:nth-of-type(2) {
        width: 100px;
    }

#remove-fee-cat {
    display: none;
    width: 300px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #remove-fee-cat h1:first-child {
        margin-bottom: 10px;
    }

    #remove-fee-cat .cl {
        padding: 20px 5px;
    }

    #remove-fee-cat .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #remove-fee-cat .rw .cl:nth-of-type(2) {
        width: 100px;
    }

#create-fee-cat-cont {
    min-height: 1000px;
    position: relative;
}

    #create-fee-cat-cont .r-nav {
        position: absolute;
        top: 10px;
        right: 0px;
    }

#create-fee-cat {
    padding: 20px;
    margin: 40px 0 0 20px;
    width: 450px;
    float: left;
}

    #create-fee-cat .rw .cl:nth-of-type(1) {
        width: 120px;
        padding: 18px 16px 16px 16px;
        color: #585858;
        font-weight: bold;
    }

    #create-fee-cat .rw .cl:nth-of-type(2) {
        width: 250px;
        padding: 10px;
    }

        #create-fee-cat .rw .cl:nth-of-type(2) input[type='text'] {
            width: 250px;
        }

#fee-cat-batch {
    margin: 30px 0 0 50px;
    padding: 10px;
    width: 350px;
    border: 1px solid #BEBEBE;
    border-radius: 5px;
    background: #F0EEEE;
    float: left;
}

    #fee-cat-batch .batches {
        padding: 5px;
        margin-top: 12px;
        height: 380px;
        background: #FFF;
        overflow: overlay;
    }

        #fee-cat-batch .batches .cl {
            border-bottom: 1px solid #EDEDED;
        }

        #fee-cat-batch .batches .rw .cl:nth-of-type(1) {
            width: 50px;
            padding: 2px;
        }

        #fee-cat-batch .batches .rw .cl:nth-of-type(2) {
            width: 100px;
            padding: 6px 5px 5px 5px;
        }

        #fee-cat-batch .batches .rw .cl:nth-of-type(3) {
            width: 50px;
            padding: 6px 5px 5px 5px;
        }

.hta {
    font-weight: bold;
    color: #AA0C0C;
    text-shadow: 0 0 1px #FDCAB9;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
}

#create-fee-particular-cont {
    min-height: 1000px;
    position: relative;
}

    #create-fee-particular-cont .r-nav {
        position: absolute;
        top: 10px;
        right: 0px;
    }

#create-fee-particular {
    padding: 20px;
    margin: 40px 0 0 20px;
    width: 450px;
    float: left;
}

    #create-fee-particular .rw .cl:nth-of-type(1) {
        width: 120px;
        padding: 18px 16px 16px 16px;
        color: #585858;
        font-weight: bold;
    }

    #create-fee-particular .rw .cl:nth-of-type(2) {
        width: 250px;
        padding: 10px;
    }

        #create-fee-particular .rw .cl:nth-of-type(2) input[type='text'] {
            width: 250px;
        }

#fee-cat-batch2 {
    margin: 30px 0 0 50px;
    padding: 10px;
    width: 380px;
    border: 1px solid #BEBEBE;
    border-radius: 5px;
    background: #F0EEEE;
    float: left;
}

    #fee-cat-batch2 .batches {
        padding: 5px;
        margin-top: 12px;
        height: 380px;
        background: #FFF;
        overflow: overlay;
    }

        #fee-cat-batch2 .batches .bn {
            font-weight: bold;
            padding: 8px 0px 8px 38px;
            color: #F44336;
            width: 346px;
        }

        #fee-cat-batch2 .batches .cl {
            border-bottom: 1px solid #EDEDED;
            height: 25px;
        }

        #fee-cat-batch2 .batches .rw .cl:nth-of-type(1) {
            width: 30px;
            padding: 2px;
        }

        #fee-cat-batch2 .batches .rw .cl:nth-of-type(2) {
            width: 310px;
            padding: 6px 5px 5px 5px;
        }

#input-list .rw .cl:nth-of-type(1) {
    width: 30px;
    padding: 5px;
}

#input-list .rw .cl:nth-of-type(2) {
    width: 110px;
    padding: 10px 5px 5px 5px;
}

.feeSort-placeholder {
    border: 1px dashed #ABABAB;
    min-height: 30px;
    padding: 10px 5px;
    margin: 0 0 0 -10px;
    width: 766px;
    background: #FFF;
}

#fee-part-cont {
    position: relative;
}

    #fee-part-cont .top {
        padding: 20px 10px 10px 90px;
    }

    #fee-part-cont .r-nav {
        position: absolute;
        top: 10px;
        right: 0px;
    }

#fee-part {
    margin: 80px 10px 10px 30px;
    width: 970px;
}

    #fee-part .cl {
        height: 32px;
        padding: 10px;
        display: table-cell;
        float: none;
    }

    #fee-part .rw .cl:nth-of-type(1) {
        width: 60px;
    }

    #fee-part .rw .cl:nth-of-type(2) {
        width: 220px;
    }

    #fee-part .rw .cl:nth-of-type(3) {
        width: 110px;
        text-align: right;
    }

    #fee-part .rw .cl:nth-of-type(4) {
        width: 100px;
        text-align: right;
    }

    #fee-part .rw .cl:nth-of-type(5) {
        width: 100px;
        text-align: right;
    }

    #fee-part .rw .cl:nth-of-type(6) {
        width: 100px;
        text-align: right;
    }

    #fee-part .rw .cl:nth-of-type(7) {
        width: 160px;
    }

    #fee-part .rw .cl:nth-of-type(8) {
        width: 120px;
        text-align: center;
    }

#edit-fee-part {
    display: none;
    width: 520px;
    height: 440px;
    padding: 20px;
    border-radius: 5px;
}

    #edit-fee-part h1:first-child {
        margin-bottom: 10px;
    }

    #edit-fee-part .cl {
        padding: 8px 5px;
    }

    #edit-fee-part .rw .cl:nth-of-type(1) {
        width: 110px;
    }

    #edit-fee-part .rw .cl:nth-of-type(2) {
        width: 180px;
    }

#remove-fee-part {
    display: none;
    width: 300px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #remove-fee-part h1:first-child {
        margin-bottom: 10px;
    }

    #remove-fee-part .cl {
        padding: 20px 5px;
    }

    #remove-fee-part .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #remove-fee-part .rw .cl:nth-of-type(2) {
        width: 100px;
    }

#input-list2 .rw .cl:nth-of-type(1) {
    width: 30px;
    padding: 5px;
}

#input-list2 .rw .cl:nth-of-type(2) {
    width: 100px;
    padding: 10px 5px 5px 5px;
}

#fee-default-report-options {
    padding: 10px 10px 10px 80px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fdfdfd));
    background: -webkit-linear-gradient(#ffffff,#fdfdfd);
    background: -moz-linear-gradient(#ffffff,#fdfdfd);
    background: -o-linear-gradient(#ffffff,#fdfdfd);
    background: linear-gradient(#ffffff,#fdfdfd);
}

    #fee-default-report-options .rw {
        margin-bottom: 10px;
    }

        #fee-default-report-options .rw .cl {
            padding: 20px 40px 20px 40px;
        }

            #fee-default-report-options .rw .cl:nth-of-type(1) {
                width: 225px;
            }

            #fee-default-report-options .rw .cl:nth-of-type(2) {
                width: 280px;
            }

            #fee-default-report-options .rw .cl:nth-of-type(3) {
                width: 310px;
            }

    #fee-default-report-options .title a {
        color: #E70A36;
        text-decoration: none;
        font-size: 14px;
        text-shadow: 0 0 0px #CE0000;
    }

        #fee-default-report-options .title a:hover {
            text-decoration: underline;
        }

    #fee-default-report-options .description {
        margin-top: 5px;
        margin-bottom: 5px;
    }

#discount-cont {
    min-height: 800px;
    position: relative;
}

    #discount-cont .r-nav {
        position: absolute;
        top: 30px;
        right: 120px;
    }

#discount {
    padding: 20px;
    margin: 30px 0 300px 0;
}

    #discount .rw .cl:nth-of-type(1) {
        width: 200px;
        padding: 20px;
        font-weight: bold;
    }

    #discount .rw .cl:nth-of-type(2) {
        width: 400px;
        padding: 10px;
    }

        #discount .rw .cl:nth-of-type(2) input[type='text'] {
            width: 210px;
        }

#stubatches {
    padding: 10px;
    width: 320px !important;
    border: 1px solid #BEBEBE;
    border-radius: 5px;
    background: #F0EEEE;
    margin: 10px;
}

    #stubatches .batches {
        padding: 5px;
        margin-top: 12px;
        height: 300px;
        background: #FFF;
        overflow: overlay;
    }

        #stubatches .batches .cl {
            border-bottom: 1px solid #EDEDED;
        }

        #stubatches .batches .rw .cl:nth-of-type(1) {
            width: 30px;
            padding: 2px;
        }

        #stubatches .batches .rw .cl:nth-of-type(2) {
            width: 100px;
            padding: 6px 5px 5px 5px;
        }

        #stubatches .batches .rw .cl:nth-of-type(3) {
            width: 50px;
            padding: 6px 5px 5px 5px;
        }

        #stubatches .batches .rw .cl:nth-of-type(4) {
            width: 50px;
            padding: 6px 5px 5px 5px;
        }

#v-discount-cont {
    min-height: 800px;
    position: relative;
}

    #v-discount-cont .top {
        padding: 20px 10px 10px 60px;
    }

    #v-discount-cont .r-nav {
        position: absolute;
        top: 68px;
        right: 60px;
    }

#v-discount {
    padding: 20px;
    margin: 20px 10px 10px 40px;
}

    #v-discount .cl {
        height: 12px;
        padding: 10px;
    }

    #v-discount .rw .cl:nth-of-type(1) {
        width: 40px;
    }

    #v-discount .rw .cl:nth-of-type(2) {
        width: 150px;
    }

    #v-discount .rw .cl:nth-of-type(3) {
        width: 130px;
    }

    #v-discount .rw .cl:nth-of-type(4) {
        width: 150px;
    }

    #v-discount .rw .cl:nth-of-type(5) {
        width: 100px;
    }

    #v-discount .rw .cl:nth-of-type(6) {
        width: 100px;
    }

#edit-discount {
    display: none;
    width: 400px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #edit-discount h1:first-child {
        margin-bottom: 10px;
    }

    #edit-discount .cl {
        padding: 8px 5px;
    }

    #edit-discount .rw .cl:nth-of-type(1) {
        width: 160px;
    }

    #edit-discount .rw .cl:nth-of-type(2) {
        width: 180px;
    }

#remove-discount {
    display: none;
    width: 300px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #remove-discount h1:first-child {
        margin-bottom: 10px;
    }

    #remove-discount .cl {
        padding: 20px 5px;
    }

    #remove-discount .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #remove-discount .rw .cl:nth-of-type(2) {
        width: 100px;
    }

#fee-coll-cont {
    min-height: 800px;
    position: relative;
}

    #fee-coll-cont .top {
        padding: 20px 10px 10px 60px;
    }

    #fee-coll-cont .r-nav {
        position: absolute;
        top: 35px;
        right: 10px;
    }

#fee-coll {
    padding: 20px;
    margin: 10px 0 300px 0;
}

    #fee-coll .rw .cl:nth-of-type(1) {
        width: 200px;
        padding: 20px;
        font-weight: bold;
    }

    #fee-coll .rw .cl:nth-of-type(2) {
        width: 400px;
        padding: 10px;
    }

        #fee-coll .rw .cl:nth-of-type(2) input[type='text'] {
            width: 210px;
        }

#feeCollBatches {
    padding: 10px;
    position: absolute;
    top: 70px;
    right: 50px;
    width: 320px !important;
    border: 1px solid #BEBEBE;
    border-radius: 5px;
    background: #F0EEEE;
    margin: 10px;
}

    #feeCollBatches .batches {
        padding: 5px;
        margin-top: 12px;
        height: 300px;
        background: #FFF;
        overflow: overlay;
    }

        #feeCollBatches .batches .cl {
            border-bottom: 1px solid #EDEDED;
        }

        #feeCollBatches .batches .rw .cl:nth-of-type(1) {
            width: 30px;
            padding: 2px;
        }

        #feeCollBatches .batches .rw .cl:nth-of-type(2) {
            width: 100px;
            padding: 6px 5px 5px 5px;
        }

        #feeCollBatches .batches .rw .cl:nth-of-type(3) {
            width: 50px;
            padding: 6px 5px 5px 5px;
        }

        #feeCollBatches .batches .rw .cl:nth-of-type(4) {
            width: 50px;
            padding: 6px 5px 5px 5px;
        }

#v-fee-coll-cont {
    min-height: 800px;
    position: relative;
}

    #v-fee-coll-cont .top {
        padding: 20px 10px 10px 120px;
    }

    #v-fee-coll-cont .r-nav {
        position: absolute;
        top: 70px;
        right: 200px;
    }

#v-fee-coll {
    padding: 20px;
    margin: 20px 10px 10px 70px;
}

    #v-fee-coll .cl {
        height: 12px;
        padding: 10px;
    }

    #v-fee-coll .rw .cl:nth-of-type(1) {
        width: 40px;
    }

    #v-fee-coll .rw .cl:nth-of-type(2) {
        width: 290px;
    }

    #v-fee-coll .rw .cl:nth-of-type(3) {
        width: 100px;
    }

    #v-fee-coll .rw .cl:nth-of-type(4) {
        width: 120px;
    }

    #v-fee-coll .rw .cl:nth-of-type(5) {
        width: 80px;
    }

    #v-fee-coll .rw .cl:nth-of-type(6) {
        width: 100px;
    }

#feecol-details-cont {
    position: relative;
    padding: 20px 60px;
    min-height: 800px;
}

    #feecol-details-cont .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

#feecol-details {
    margin-left: 130px;
}

    #feecol-details .cl {
        height: 12px;
        padding: 10px;
    }

    #feecol-details .rw .cl:nth-of-type(1) {
        width: 120px;
        font-weight: bold;
    }

    #feecol-details .rw .cl:nth-of-type(2) {
        width: 700px;
        color: #B42626;
        text-shadow: 0 0 #FAFAFA;
        font-weight: bold;
    }

        #feecol-details .rw .cl:nth-of-type(2) span {
            margin-left: 10px;
        }

#feecol-part {
    margin: 10px 10px 30px 130px;
}

    #feecol-part .cl {
        height: 12px;
        padding: 10px;
    }

    #feecol-part .rw .cl:nth-of-type(1) {
        width: 40px;
    }

    #feecol-part .rw .cl:nth-of-type(2) {
        width: 350px;
    }

    #feecol-part .rw .cl:nth-of-type(3) {
        width: 150px;
    }

    #feecol-part .rw .cl:nth-of-type(4) {
        width: 150px;
    }

    #feecol-part .rw .cl:nth-of-type(5) {
        width: 80px;
    }

    #feecol-part .rw .cl:nth-of-type(6) {
        width: 100px;
    }

#feecol-dis {
    margin: 10px 10px 30px 130px;
}

    #feecol-dis .cl {
        height: 12px;
        padding: 10px;
    }

    #feecol-dis .rw .cl:nth-of-type(1) {
        width: 40px;
    }

    #feecol-dis .rw .cl:nth-of-type(2) {
        width: 150px;
    }

    #feecol-dis .rw .cl:nth-of-type(3) {
        width: 150px;
    }
cl rc-ex-tot
    #feecol-dis .rw .cl:nth-of-type(4) {
        width: 150px;
    }

    #feecol-dis .rw .cl:nth-of-type(5) {
        width: 200px;
    }

#fee-submission-cont {
    position: relative;
    padding: 30px 60px;
    min-height: 1300px;
    /*padding-bottom: 300px;*/
}

    #fee-submission-cont .top {
        /*padding: 35px 10px;
        margin-left: 210px;*/
           text-align: center;
    padding-right: 50px;
    }

    #fee-submission-cont .r-nav {
        position: absolute;
        top: 70px;
        right: 60px;
    }

#feeSubmission {
    margin: 30px 10px 10px 0px;
    padding: 20px 10px 40px 380px;
}

    #feeSubmission .cl {
        height: 12px;
        padding: 10px;
    }

    #feeSubmission .rw .cl:nth-of-type(1) {
        width: 150px;
        font-weight: bold;
    }

    #feeSubmission .rw .cl:nth-of-type(2) {
        width: 170px;
        color: #B42626;
        font-weight: bold;
    }

        #feeSubmission .rw .cl:nth-of-type(2) span {
            margin-left: 10px;
        }

#feeSubmisionDetails {
    border: 1px solid #CAC9C9;
    margin: 10px 10px 10px 20px;
    width: 1100px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #fafafa));
    background: -webkit-linear-gradient(#fafafa,#fafafa);
    background: -moz-linear-gradient(#fafafa,#fafafa);
    background: -o-linear-gradient(#fafafa,#fafafa);
    background: linear-gradient(#fafafa,#fafafa);
    box-shadow: 0px 0px 10px 2px #ededed;
    border-radius: 5px;
    padding: 30px 50px;
}

    #feeSubmisionDetails h2 {
        margin: 15px 0 10px 0;
    }

    #feeSubmisionDetails .fp {
        margin: 5px 0 30px 0;
    }

        #feeSubmisionDetails .fp .cl {
            height: 12px;
            padding: 10px;
        }

        #feeSubmisionDetails .fp .rw .cl:nth-of-type(1) {
            width: 40px;
        }

        #feeSubmisionDetails .fp .rw .cl:nth-of-type(2) {
            width: 640px;
        }

        #feeSubmisionDetails .fp .rw .cl:nth-of-type(3) {
            width: 320px;
            text-align: right;
        }

    #feeSubmisionDetails .fp2 {
        margin: 20px 0px 30px 0px;
    }

        #feeSubmisionDetails .fp2 .rw {
            margin-bottom: 15px;
        }

        #feeSubmisionDetails .fp2 .cl {
            height: 12px;
            padding: 10px;
        }

        #feeSubmisionDetails .fp2 .rw .cl:nth-of-type(1) {
            width: 700px;
            text-align: right;
        }

        #feeSubmisionDetails .fp2 .rw .cl:nth-of-type(2) {
            width: 150px;
            text-align: right;
        }

#fsb {
    padding: 10px 0;
}

    #fsb .fp6 {
        margin: 20px 0px 16px 0px;
    }

        #fsb .fp6 .cl {
            height: 12px;
            padding: 10px;
            font-weight: bold;
        }

            #fsb .fp6 .cl:nth-of-type(1) {
                width: 700px;
                text-align: right;
            }

            #fsb .fp6 .cl:nth-of-type(2) {
                width: 320px;
                text-align: right;
            }

    #fsb .fp3 .cl {
        height: 32px;
    }

    #fsb .fp3 .rw .cl:nth-of-type(1) {
        width: 580px;
        text-align: right;
        padding: 10px;
    }

    #fsb .fp3 .rw .cl:nth-of-type(2) {
        width: 180px;
        text-align: right;
        padding: 2px;
    }

    #fsb .fp3 .rw .cl:nth-of-type(3) {
        width: 100px;
        text-align: right;
        padding: 2px;
    }

    #fsb .fp4 .cl {
        height: 32px;
    }

    #fsb .fp4 .rw .cl:nth-of-type(1) {
        width: 1040px;
        text-align: right;
        padding: 10px;
    }

    #fsb .fp5 .rw .cl:nth-of-type(1) {
        width: 1040px;
        text-align: right;
        padding: 10px;
    }

#pnlFineList {
    margin-bottom: 16px;
}

    #pnlFineList .cl {
        height: 12px;
        padding: 8px 10px;
    }

    #pnlFineList .rw .cl:nth-of-type(1) {
        width: 40px;
    }

    #pnlFineList .rw .cl:nth-of-type(2) {
        width: 560px;
        color: #D34343;
        border-right: none;
    }

    #pnlFineList .rw .cl:nth-of-type(3) {
        width: 60px;
        text-align: right;
        font-weight: bold;
    }

        #pnlFineList .rw .cl:nth-of-type(3) a {
            cursor: pointer;
            color: #D34343;
            text-decoration: underline;
        }

            #pnlFineList .rw .cl:nth-of-type(3) a:hover {
                text-decoration: none;
            }

    #pnlFineList .rw .cl:nth-of-type(4) {
        width: 150px;
        text-align: right;
        font-weight: bold;
    }

#pnlPaymentDone .cl {
    height: 12px;
    padding: 8px 10px;
}

#pnlPaymentDone .rw .cl:nth-of-type(1) {
    width: 40px;
}

#pnlPaymentDone .rw .cl:nth-of-type(2) {
    width: 280px;
    color: #D34343;
    overflow: hidden;
}

#pnlPaymentDone .rw .cl:nth-of-type(3) {
    width: 410px;
    color: #D34343;
    overflow: hidden;
}

#pnlPaymentDone .rw .cl:nth-of-type(4) {
    width: 78px;
    text-align: right;
    font-weight: bold;
}

    #pnlPaymentDone .rw .cl:nth-of-type(4) a {
        cursor: pointer;
        color: #D34343;
        text-decoration: underline;
    }

        #pnlPaymentDone .rw .cl:nth-of-type(4) a:hover {
            text-decoration: none;
        }

#pnlPaymentDone .rw .cl:nth-of-type(5) {
    width: 150px;
    text-align: right;
    font-weight: bold;
}

#pnlPaymentDone .first {
    color: #676767 !important;
    font-weight: bold;
}

#pnlPayCustom {
    display: none;
    width: 700px;
    height: 430px;
    padding: 20px;
    border-radius: 5px;
}

    #pnlPayCustom .cl {
        height: 12px;
        padding: 10px;
    }

    #pnlPayCustom .listview .rw .cl:nth-of-type(1) {
        width: 180px;
    }

    #pnlPayCustom .listview .rw .cl:nth-of-type(2) {
        width: 100px;
    }

        #pnlPayCustom .listview .rw .cl:nth-of-type(2) input[type="text"] {
            width: 90px;
        }

    #pnlPayCustom .listview .rw .cl:nth-of-type(3) {
        width: 50px;
    }

#pnlPaymentDoneCustom {
    margin-top: 20px;
}

    #pnlPaymentDoneCustom .cl {
        height: 12px;
        padding: 8px 10px;
    }

    #pnlPaymentDoneCustom .rw .cl:nth-of-type(1) {
        width: 40px;
    }

    #pnlPaymentDoneCustom .rw .cl:nth-of-type(2) {
        width: 280px;
        color: #D34343;
    }

    #pnlPaymentDoneCustom .rw .cl:nth-of-type(3) {
        width: 410px;
        color: #D34343;
    }

    #pnlPaymentDoneCustom .rw .cl:nth-of-type(4) {
        width: 78px;
        text-align: right;
        font-weight: bold;
    }

        #pnlPaymentDoneCustom .rw .cl:nth-of-type(4) a {
            cursor: pointer;
            color: #D34343;
            text-decoration: underline;
        }

            #pnlPaymentDoneCustom .rw .cl:nth-of-type(4) a:hover {
                text-decoration: none;
            }

    #pnlPaymentDoneCustom .rw .cl:nth-of-type(5) {
        width: 150px;
        text-align: right;
        font-weight: bold;
    }

    #pnlPaymentDoneCustom .first {
        color: #676767 !important;
        font-weight: bold;
    }

#pnlGenCustom {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

#pnlFeeCollRepTop .cl:nth-of-type(1) {
    width: 150px;
    padding: 20px;
}

#pnlFeeCollRepTop .cl:nth-of-type(2) {
    width: 150px;
    padding: 15px 20px;
}

#fee-coll-report {
    position: relative;
    padding: 20px 60px;
    min-height: Auto;
}

    #fee-coll-report .top {
        padding: 30px;
    }

    #fee-coll-report .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

    #fee-coll-report .report .rw .cl:nth-of-type(1) {
        width:80px;
        padding: 10px;
        height:35px;
    }

    #fee-coll-report .report .rw .cl:nth-of-type(2) {
        width: 300px;
        padding: 10px;
        overflow: hidden;
    }

    #fee-coll-report .report .rw .cl:nth-of-type(3) {
        width: 266px;
        height: 37px;
        padding: 10px;
    }

    #fee-coll-report .report .rw .cl:nth-of-type(4) {
        width: 203px;
        padding: 10px;
        height: 37px;
        overflow: hidden;
    }

    #fee-coll-report .report .rw .cl:nth-of-type(5) {
        width: 80px;
        padding: 10px;
    }

    #fee-coll-report .report .rw .cl:nth-of-type(6) {
        width: 80px;
        padding: 10px;
    }

    #fee-coll-report .report .rw .cl:nth-of-type(7) {
        width: 90px;
        padding: 10px;
    }

#stu-fee-report {
    position: relative;
    padding: 20px 60px;
    min-height: Auto;
}

    #stu-fee-report .top {
        padding: 30px;
    }

    #stu-fee-report .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

    #stu-fee-report .report .rw .cl:nth-of-type(1) {
        width: 567px;
        padding: 10px;
        height: 37px;
    }

    #stu-fee-report .report .rw .cl:nth-of-type(2) {
        width: 200px;
        padding: 10px;
         height: 37px;
        overflow: hidden;
    }

    #stu-fee-report .report .rw .cl:nth-of-type(3) {
        width: 266px;
        height: 37px;
        padding: 10px;
    }

    #stu-fee-report .report .rw .cl:nth-of-type(4) {
        width: 203px;
        padding: 10px;
        height: 37px;
        overflow: hidden;
    }

    #stu-fee-report .report .rw .cl:nth-of-type(5) {
        width: 80px;
        padding: 10px;
    }

    #stu-fee-report .report .rw .cl:nth-of-type(6) {
        width: 80px;
        padding: 10px;
    }

    #stu-fee-report .report .rw .cl:nth-of-type(7) {
        width: 90px;
        padding: 10px;
    }

#pnlFeeSubmissionCustom {
    margin: 30px 10px 10px 0px;
    /*padding: 20px 10px 40px 70px;*/
    position: relative;
}

    #pnlFeeSubmissionCustom .fee-sub-cus-info {
        font-size: 15px;
    }

        #pnlFeeSubmissionCustom .fee-sub-cus-info .cl {
            height: 32px;
            padding: 10px;
        }

        #pnlFeeSubmissionCustom .fee-sub-cus-info .rw .cl:nth-of-type(1) {
            width: 170px;
            color: #676767;
            font-weight: bold;
        }

        #pnlFeeSubmissionCustom .fee-sub-cus-info .rw .cl:nth-of-type(2) {
            width: 30px;
        }

        #pnlFeeSubmissionCustom .fee-sub-cus-info .rw .cl:nth-of-type(3) {
            width: 420px;
            color: #B42626;
            font-weight: bold;
        }

            #pnlFeeSubmissionCustom .fee-sub-cus-info .rw .cl:nth-of-type(3) span {
                margin-left: 10px;
            }

            #pnlFeeSubmissionCustom .fee-sub-cus-info .rw .cl:nth-of-type(3) a {
                color: #B42626;
                text-decoration: none;
            }

                #pnlFeeSubmissionCustom .fee-sub-cus-info .rw .cl:nth-of-type(3) a:hover {
                    text-decoration: underline;
                }

#pnlPayFeeCustomeDetails {
    border: 1px solid #CAC9C9;
    margin: 10px 0 10px 20px;
    width: 1200px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(#ffffff,#ffffff);
    background: -moz-linear-gradient(#ffffff,#ffffff);
    background: -o-linear-gradient(#ffffff,#ffffff);
    background: linear-gradient(#ffffff,#ffffff);
    box-shadow: 0px 0px 10px 2px #C5C5C5;
    border-radius: 5px;
    padding: 30px 50px;
}

    #pnlPayFeeCustomeDetails h2 {
        margin: 15px 0 10px 0;
    }

    #pnlPayFeeCustomeDetails h1 {
        color: #494949;
    }

#pnlPayCustomStudent {
    position: relative;
    border: 1px solid rgba(186,186,186,0.53);
    padding: 20px 20px 200px 20px;
    /*min-height: 760px;*/
    margin-top: 40px;
}

    #pnlPayCustomStudent .cl {
        height: 40px;
        padding: 10px;
    }

    #pnlPayCustomStudent .fc {
        font-weight: bold;
        width: 500px;
        padding: 10px 2px;
        margin-top: 18px;
        color: #0087C1;
        font-size: 15px;
        border-bottom: 1px solid #0087C1;
        text-shadow: 1px 1px 1px #F9F9F9;
    }

    #pnlPayCustomStudent .fpn {
        padding-left: 20px !important;
        font-size: 14px;
        text-shadow: 1px 1px 1px #E8E8E8;
        font-family: Calibri;
    }

    #pnlPayCustomStudent .fpamt {
        font-size: 14px;
        text-shadow: 1px 1px 1px #E8E8E8;
        font-family: Calibri;
    }

    #pnlPayCustomStudent .sub-h {
        font-weight: bold;
        border: 1px solid #DDD;
        background: linear-gradient(#efefef,#efefef);
        width: 500px;
        color: #B81515;
        text-shadow: 0 0 #FFF;
        padding: 10px 2px;
        font-size: 15px;
        padding-left:10px;
    }

    #pnlPayCustomStudent .hlbl {
        color: #B5292D;
        font-weight: bold;
    }

    #pnlPayCustomStudent .listview .rw .cl:nth-of-type(1) {
        width: 280px;
    }

    #pnlPayCustomStudent .listview .rw .cl:nth-of-type(2) {
        width: 140px;
    }

        #pnlPayCustomStudent .listview .rw .cl:nth-of-type(2) input[type="text"] {
            width: 100px;
        }

    #pnlPayCustomStudent .listview .rw .cl:nth-of-type(3) {
        width: 240px;
    }

#fee-collection-mode {
    padding: 10px 0;
}

    #fee-collection-mode .cl:nth-of-type(1) {
        padding: 10px;
    }

    #fee-collection-mode .cl:nth-of-type(2) {
        padding: 2px;
    }

#feecollmode-bank {
    border: 1px solid #03A9F4;
    width: 500px;
    padding: 10px;
}

    #feecollmode-bank .hd {
        font-weight: bold;
        font-size: 14px;
        padding: 10px 150px;
    }

    #feecollmode-bank .cl5 {
        height: 40px;
    }

        #feecollmode-bank .cl5:nth-of-type(1) {
            width: 140px;
            padding: 10px;
            color: #0880E0;
        }

        #feecollmode-bank .cl5:nth-of-type(2) {
            width: 300px;
            padding: 2px;
        }

#feecollmode-cheque {
    border: 1px solid #03A9F4;
    width: 500px;
    padding: 10px;
}

    #feecollmode-cheque .hd {
        font-weight: bold;
        font-size: 14px;
        padding: 10px 150px;
    }

    #feecollmode-cheque .cl5 {
        height: 40px;
    }

        #feecollmode-cheque .cl5:nth-of-type(1) {
            width: 140px;
            padding: 10px;
            color: #0880E0;
        }

        #feecollmode-cheque .cl5:nth-of-type(2) {
            width: 300px;
            padding: 2px;
        }


       #feecollmode-pos {
    border: 1px solid #03A9F4;
    width: 500px;
    padding: 10px;
}

    #feecollmode-pos .hd {
        font-weight: bold;
        font-size: 14px;
        padding: 10px 150px;
    }

    #feecollmode-pos .cl5 {
        height: 40px;
    }

        #feecollmode-pos .cl5:nth-of-type(1) {
            width: 140px;
            padding: 10px;
            color: #0880E0;
        }

        #feecollmode-pos .cl5:nth-of-type(2) {
            width: 300px;
            padding: 2px;
        }

#pnlPaymentDoneCustomStudent {
    margin-top: 20px;
    margin-bottom: 20px;
}

    #pnlPaymentDoneCustomStudent .rem {
        color: #F60;
    }

    #pnlPaymentDoneCustomStudent .rem2 {
        color: #3C3A3B;
    }

    #pnlPaymentDoneCustomStudent .cl {
        height: 30px;
        padding: 8px 10px;
    }

    #pnlPaymentDoneCustomStudent .rw {
        line-height: 16px;
    }

        #pnlPaymentDoneCustomStudent .rw .cl:nth-of-type(1) {
            min-width: 40px;
            max-width: 40px;
        }

        #pnlPaymentDoneCustomStudent .rw .cl:nth-of-type(2) {
            max-width: 450px;
            min-width: 450px;
            overflow-wrap: break-word;
        }

        #pnlPaymentDoneCustomStudent .rw .cl:nth-of-type(3) {
            min-width: 110px;
            text-align: left;
        }

        #pnlPaymentDoneCustomStudent .rw .cl:nth-of-type(4) {
            min-width: 126px;
            text-align: right;
        }

        #pnlPaymentDoneCustomStudent .rw .cl:nth-of-type(5) {
            max-width: 85px;
            min-width: 85px;
            overflow-wrap: break-word;
        }

        #pnlPaymentDoneCustomStudent .rw .cl:nth-of-type(6) {
            min-width: 185px;
            max-width: 185px;
            text-align: left;
        }

            #pnlPaymentDoneCustomStudent .rw .cl:nth-of-type(6) a {
                color: #B82222;
                cursor: pointer;
                text-decoration: underline;
            }

                #pnlPaymentDoneCustomStudent .rw .cl:nth-of-type(6) a:hover {
                    text-decoration: none;
                }

        #pnlPaymentDoneCustomStudent .rw .cl:nth-of-type(7) {
            min-width: 100px;
            max-width: 100px;
            text-align: right;
            font-weight: bold;
        }

            #pnlPaymentDoneCustomStudent .rw .cl:nth-of-type(7) a {
                color: #008DD7;
                cursor: pointer;
                text-decoration: underline;
                font-weight: normal;
            }

                #pnlPaymentDoneCustomStudent .rw .cl:nth-of-type(7) a:hover {
                    color: #B82222;
                    text-decoration: underline;
                }

    #pnlPaymentDoneCustomStudent .first {
        color: #0768D5 !important;
        font-weight: bold;
    }

#topCustomReciept {
    position: absolute;
    top: 60px;
    right: 20px;
}

    #topCustomReciept .cl {
        height: 12px;
        padding: 10px;
    }

    #topCustomReciept .rw .cl:nth-of-type(1) {
        width: 150px;
        font-size: 15px;
    }

    #topCustomReciept .rw .cl:nth-of-type(2) {
        width: 220px;
    }

#pnlGenCustomStudent {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

#pnlBatchesList {
    padding: 10px;
    position: absolute;
    top: 40px;
    right: 10px;
    width: 230px !important;
    border: 1px solid #BEBEBE;
    border-radius: 5px;
    background: #F0EEEE;
    margin: 10px;
}

    #pnlBatchesList .batches {
        padding: 5px;
        margin-top: 12px;
        height: 300px;
        background: #FFF;
        overflow: overlay;
    }

        #pnlBatchesList .batches .rw {
            padding: 0;
        }

        #pnlBatchesList .batches .cl {
            border-bottom: 1px solid #EDEDED;
        }

        #pnlBatchesList .batches .rw .cl:nth-of-type(1) {
            width: 30px;
            padding: 2px;
        }

        #pnlBatchesList .batches .rw .cl:nth-of-type(2) {
            width: 70px;
            padding: 6px 5px 5px 5px;
        }

        #pnlBatchesList .batches .rw .cl:nth-of-type(3) {
            width: 50px;
            padding: 6px 5px 5px 5px;
        }

        #pnlBatchesList .batches .rw .cl:nth-of-type(4) {
            width: 50px;
            padding: 6px 5px 5px 5px;
        }

.fees-paid-discount {
    color: #1194A3;
    font-weight: bold;
}

.fees-paid-custom {
    color: red;
}

.tr-feepaid {
    padding: 10px 0 2px 3px;
}

#transportFee {
    position: absolute;
    top: 170px;
    right: 10px;
    width: 400px;
    background: #FFF;
    border: 1px solid #D3D3D3;
    box-shadow: 0 0 10px 1px #EDEDED;
    padding-bottom: 10px;
}

    #transportFee .sub-h {
        width: 400px;
        padding-left: 130px;
    }

    #transportFee .cls {
        height: 30px;
        padding: 8px 10px;
    }

    #transportFee .rws .cls:nth-of-type(1) {
        width: 80px;
    }

    #transportFee .rws .cls:nth-of-type(2) {
        width: 20px;
    }

    #transportFee .rws .cls:nth-of-type(3) {
        width: 270px;
        color: #D34343;
    }

    #transportFee .listview .rw:nth-of-type(1) .cl {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
        background: -webkit-linear-gradient(#fafafa,#e8e8e8);
        background: -moz-linear-gradient(#fafafa,#e8e8e8);
        background: -o-linear-gradient(#fafafa,#e8e8e8);
        background: linear-gradient(#fafafa,#e8e8e8);
        color: #4C4747 !important;
        text-shadow: 1px 1px rgba(255,255,255,0.8);
        font-weight: bold;
        padding: 8px 10px !important;
    }

    #transportFee .listview .cl {
        height: 30px;
        padding: 8px 20px;
    }

    #transportFee .listview .rw .cl:nth-of-type(1) {
        width: 150px;
        padding: 10px 0 5px 10px;
    }

    #transportFee .listview .rw .cl:nth-of-type(2) {
        width: 130px;
        color: #D34343;
        border-right: none;
        padding: 2px 0 2px 10px;
    }

        #transportFee .listview .rw .cl:nth-of-type(2) input[type='text'] {
            height: 20px;
        }

    #transportFee .listview .rw .cl:nth-of-type(3) {
        width: 118px;
        text-align: right;
    }

        #transportFee .listview .rw .cl:nth-of-type(3) a {
            color: #B82222;
            cursor: pointer;
            text-decoration: underline;
        }

            #transportFee .listview .rw .cl:nth-of-type(3) a:hover {
                text-decoration: none;
            }

    #transportFee .trans-cus-info {
        position: absolute;
        top: 60px;
        right: 20px;
    }

        #transportFee .trans-cus-info a {
            color: #B82222;
            cursor: pointer;
            text-decoration: none;
        }

            #transportFee .trans-cus-info a:hover {
                text-decoration: underline;
            }


            /*----------------------------------------------*/


            #transportFee_2 {
    position: absolute;
   /*top: 100px;*/
    right: 336px;
    width: 304px;
    background: #FFF;
    border: 1px solid #D3D3D3;
    box-shadow: 0 0 10px 1px #EDEDED;
    padding-bottom: 10px;
    height:582px;
}

    #transportFee_2 .sub-h {
        width: 300px;
        padding-left: 0px;
    }

    #transportFee_2 .cls {
        height: 30px;
        padding: 8px 10px;
    }

    #transportFee_2 .rws .cls:nth-of-type(1) {
        width: 80px;
    }

    #transportFee_2 .rws .cls:nth-of-type(2) {
        width: 20px;
    }

    #transportFee_2 .rws .cls:nth-of-type(3) {
        width: 200px;
        color: #D34343;
    }

    #transportFee_2 .listview .rw:nth-of-type(1) .cl {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
        background: -webkit-linear-gradient(#fafafa,#e8e8e8);
        background: -moz-linear-gradient(#fafafa,#e8e8e8);
        background: -o-linear-gradient(#fafafa,#e8e8e8);
        background: linear-gradient(#fafafa,#e8e8e8);
        color: #4C4747 !important;
        text-shadow: 1px 1px rgba(255,255,255,0.8);
        font-weight: bold;
        padding: 8px 10px !important;
    }

    #transportFee_2 .listview .cl {
        height: 30px;
        padding: 8px 20px;
    }

    #transportFee_2 .listview .rw .cl:nth-of-type(1) {
        width: 100px;
        padding: 10px 0 5px 10px;
    }

    #transportFee_2 .listview .rw .cl:nth-of-type(2) {
        width: 100px;
        color: #D34343;
        border-right: none;
        padding: 2px 0 2px 10px;
    }

        #transportFee_2 .listview .rw .cl:nth-of-type(2) input[type='text'] {
            height: 20px;
        }

    #transportFee_2 .listview .rw .cl:nth-of-type(3) {
        width: 100px;
        text-align: right;
    }

        #transportFee_2 .listview .rw .cl:nth-of-type(3) a {
            color: #B82222;
            cursor: pointer;
            text-decoration: underline;
        }

            #transportFee_2 .listview .rw .cl:nth-of-type(3) a:hover {
                text-decoration: none;
            }

    #transportFee_2 .trans-cus-info {
        position: absolute;
        top: 60px;
        right: 20px;
    }

        #transportFee_2 .trans-cus-info a {
            color: #B82222;
            cursor: pointer;
            text-decoration: none;
        }

            #transportFee_2 .trans-cus-info a:hover {
                text-decoration: underline;
            }

      /*-----------------------------------------------------------------------------*/

        /*----------------------------------------------*/


            #transportFee_3 {
    position: absolute;
   /*top: 100px;*/
    right: 12px;
    width: 304px;
    background: #FFF;
    border: 1px solid #D3D3D3;
    box-shadow: 0 0 10px 1px #EDEDED;
    padding-bottom: 10px;
    height:583px;

    overflow: overlay;
}

    #transportFee_3 .sub-h {
        width: 300px;
        padding-left: 0px;
    }

    #transportFee_3 .cls {
        height: 30px;
        padding: 8px 10px;
    }

    #transportFee_3 .rws .cls:nth-of-type(1) {
        width: 80px;
    }

    #transportFee_3 .rws .cls:nth-of-type(2) {
        width: 20px;
    }

    #transportFee_3 .rws .cls:nth-of-type(3) {
        width: 200px;
        color: #D34343;
    }

    #transportFee_3 .listview .rw:nth-of-type(1) .cl {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
        background: -webkit-linear-gradient(#fafafa,#e8e8e8);
        background: -moz-linear-gradient(#fafafa,#e8e8e8);
        background: -o-linear-gradient(#fafafa,#e8e8e8);
        background: linear-gradient(#fafafa,#e8e8e8);
        color: #4C4747 !important;
        text-shadow: 1px 1px rgba(255,255,255,0.8);
        font-weight: bold;
        padding: 8px 10px !important;
    }

    #transportFee_3 .listview .cl {
        height: 30px;
        padding: 8px 20px;
    }

    #transportFee_3 .listview .rw .cl:nth-of-type(1) {
        width: 100px;
        padding: 10px 0 5px 10px;
    }

    #transportFee_3 .listview .rw .cl:nth-of-type(2) {
        width: 100px;
        color: #D34343;
        border-right: none;
        padding: 2px 0 2px 10px;
    }

        #transportFee_3 .listview .rw .cl:nth-of-type(2) input[type='text'] {
            height: 20px;
        }

    #transportFee_3 .listview .rw .cl:nth-of-type(3) {
        width: 100px;
        text-align: right;
    }

        #transportFee_3 .listview .rw .cl:nth-of-type(3) a {
            color: #B82222;
            cursor: pointer;
            text-decoration: underline;
        }

            #transportFee_3 .listview .rw .cl:nth-of-type(3) a:hover {
                text-decoration: none;
            }

    #transportFee_3 .trans-cus-info {
        position: absolute;
        top: 60px;
        right: 20px;
    }

        #transportFee_3 .trans-cus-info a {
            color: #B82222;
            cursor: pointer;
            text-decoration: none;
        }

            #transportFee_3 .trans-cus-info a:hover {
                text-decoration: underline;
            }

            /*--------------------------------------------------------------*/



#customRemark {
    position: absolute;
    top: 60px;
    right: 10px;
}

    #customRemark .cl {
        height: 12px;
    }

    #customRemark .rw .cl:nth-of-type(1) {
        width: 60px;
        font-weight: bold;
    }

    #customRemark .rw .cl:nth-of-type(2) {
        width: 200px;
    }

#connect-sib {
    margin: 20px 0 10px 180px;
}

    #connect-sib .cl {
        height: 32px;
        padding: 10px;
    }

    #connect-sib .rw .cl:nth-of-type(1) {
        width: 60px;
    }

    #connect-sib .rw .cl:nth-of-type(2) {
        width: 310px;
    }

    #connect-sib .rw .cl:nth-of-type(3) {
        width: 120px;
    }

    #connect-sib .rw .cl:nth-of-type(4) {
        width: 100px;
    }

    #connect-sib .rw .cl:nth-of-type(5) {
        width: 200px;
        text-align: right;
    }

        #connect-sib .rw .cl:nth-of-type(5) img {
            vertical-align: middle;
            margin-right: 40px;
        }

#add-sib {
    border: 1px solid #C8C8C8;
    padding: 20px 50px 50px 50px;
    background: #FFF;
    margin: 65px 0 0 180px;
    width: 700px;
    box-shadow: 0 0 15px 1px #BEBEBE;
}

    #add-sib .cl {
        height: 10px;
    }

    #add-sib .rw .cl:nth-of-type(1) {
        width: 150px;
        padding: 25px 10px;
        font-weight: bold;
    }

    #add-sib .rw .cl:nth-of-type(2) {
        width: 120px;
        padding: 20px 10px;
    }

        #add-sib .rw .cl:nth-of-type(2) select {
            width: 200px;
        }

.stu-sib .rw.first .cl {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea), color-stop(100%, #eaeaea));
    background: -webkit-linear-gradient(#eaeaea,#eaeaea);
    background: -moz-linear-gradient(#eaeaea,#eaeaea);
    background: -o-linear-gradient(#eaeaea,#eaeaea);
    background: linear-gradient(#eaeaea,#eaeaea);
    padding: 7px 10px;
    color: black;
    font-size: 12px;
   
}

.stu-sib .cl {
    padding: 10px;
    height: 25px;
}

.stu-sib .rw .cl:nth-of-type(1) {
    width: 190px;
}

    .stu-sib .rw .cl:nth-of-type(1) a {
        color: #0B83B8;
        font-weight: normal;
        text-decoration: none;
    }

        .stu-sib .rw .cl:nth-of-type(1) a:hover {
            color: #5E5048;
            text-decoration: underline;
        }

.stu-sib .rw .cl:nth-of-type(2) {
    width: 140px;
    text-align: right;
}

.stu-sib-details li {
    list-style-type: decimal;
    padding: 6px 5px;
    list-style-position: inside;
}

    .stu-sib-details li a {
        color: #0B83B8;
        font-weight: normal;
        text-decoration: none;
    }

        .stu-sib-details li a:hover {
            color: #5E5048;
            text-decoration: underline;
        }

#stu-sib-cont {
    /*background: -webkit-linear-gradient(90deg, #fcfcfc 80%,#f2f2f2 100%);
    background: -moz-linear-gradient(90deg, #fcfcfc 80%,#f2f2f2 100%);
    background: -o-linear-gradient(90deg, #fcfcfc 80%,#f2f2f2 100%);
    background: linear-gradient(90deg, #fcfcfc 80%,#f2f2f2 100%);
   
    border: 1px solid #EDEDED;*/
    padding: 10px 10px 10px 10px;
}

#connect-sib-feelist-cont {
    margin: 80px 20px 20px 180px;
    padding: 20px 70px;
    width: 795px;
    background: #FFF;
    border: 1px solid #C3C3C3;
    box-shadow: 0 0 15px 1px #BEBEBE;
}

    #connect-sib-feelist-cont .fl-hd {
        text-align: center;
        color: #4C4C4C;
        font-size: 16px;
        font-weight: bold;
        padding: 10px 20px;
    }

#connect-sib-feelist {
    padding: 20px 0;
    font-size: 13px;
}

    #connect-sib-feelist .fc {
        font-weight: bold;
        width: 390px;
        padding: 10px 2px 10px 110px;
    }

    #connect-sib-feelist .cl {
        height: 30px;
        padding: 10px;
        border-bottom: 1px solid #F2F2F2;
    }

    #connect-sib-feelist .rw.first .cl {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(100%, #e7e7e7));
        background: -webkit-linear-gradient(#e8e8e8,#e7e7e7);
        background: -moz-linear-gradient(#e8e8e8,#e7e7e7);
        background: -o-linear-gradient(#e8e8e8,#e7e7e7);
        background: linear-gradient(#e8e8e8,#e7e7e7);
        padding: 15px 10px;
        color: #AB430D;
        font-size: 12px;
        text-shadow: 0 0 1px #FFF;
        font-weight: bold;
    }

        #connect-sib-feelist .rw.first .cl:nth-of-type(1) {
            text-align: center;
        }

    #connect-sib-feelist .rw .cl:nth-of-type(1) {
        width: 330px;
    }

    #connect-sib-feelist .rw .cl:nth-of-type(2) {
        width: 150px;
    }

    #connect-sib-feelist .rw .cl:nth-of-type(3) {
        width: 120px;
        text-align: right;
    }

#fee-pref-list-cont {
    margin: 0 0 0 20px;
    padding: 10px 30px 70px 30px;
    background: #FFF;
    border: 1px solid #C3C3C3;
    width: 1080px;
    border-radius: 5px;
}

    #fee-pref-list-cont .fl-hd {
        text-align: center;
        color: #4C4C4C;
        font-size: 16px;
        font-weight: bold;
        padding: 10px 20px;
    }

#fee-pref-list {
    padding: 20px;
    width: 1020px;
}

    #fee-pref-list .fc {
        font-weight: bold;
        padding: 10px 2px 10px 450px;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        color: #F44336;
    }

    #fee-pref-list .cl {
        height: 25px;
        padding: 5px 10px;
        display: table-cell;
        float: none;
    }

    #fee-pref-list .rw.first .cl {
        background: linear-gradient(#e8e8e8,#e8e8e8);
        padding: 12px 10px;
        height: 36px;
        color: #BF360C;
        font-size: 12px;
        text-shadow: 0 0 1px #FFF;
        font-weight: bold;
        border-left: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

        #fee-pref-list .rw.first .cl:nth-of-type(3) {
            text-align: center;
        }

        #fee-pref-list .rw.first .cl:nth-of-type(5) {
            text-align: center;
            border-right: 1px solid #ddd;
        }

    #fee-pref-list .rw .cl:nth-of-type(1) {
        width: 150px;
    }

    #fee-pref-list .rw .cl:nth-of-type(2) {
        width: 150px;
    }

    #fee-pref-list .rw .cl:nth-of-type(3) {
        width: 230px;
    }

    #fee-pref-list .rw .cl:nth-of-type(4) {
        width: 150px;
        text-align: right;
    }

    #fee-pref-list .rw .cl:nth-of-type(5) {
        width: 300px;
    }

#feePrefList {
    margin: 10px 0 10px 5px;
}

    #feePrefList .cl {
        padding: 10px;
    }

    #feePrefList .rw .cl:nth-of-type(1) {
        width: 40px;
    }

    #feePrefList .rw .cl:nth-of-type(2) {
        width: 200px;
    }

    #feePrefList .rw .cl:nth-of-type(3) {
        width: 200px;
        overflow: hidden;
    }

    #feePrefList .rw .cl:nth-of-type(4) {
        width: 120px;
    }

    #feePrefList .rw .cl:nth-of-type(5) {
        width: 80px;
    }

#fee-list-cont {
    position: relative;
    padding: 20px 60px;
    min-height: 1300px;
}

    #fee-list-cont .top {
        padding: 25px 10px;
        margin-left: 210px;
    }

    #fee-list-cont .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

#fee-all-list-cont {
    margin: 0 0 0 20px;
    padding: 10px 30px 70px 30px;
    background: #FFF;
    border: 1px solid #C3C3C3;
    width: 1080px;
    border-radius: 5px;
}

    #fee-all-list-cont .fl-hd {
        text-align: center;
        color: #4C4C4C;
        font-size: 16px;
        font-weight: bold;
        padding: 10px 20px;
    }

#fee-all-list {
    width: 1020px;
}

    #fee-all-list .fc {
        font-weight: bold;
        padding: 10px 2px 10px 450px;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        color: #F44336;
    }

    #fee-all-list .cl {
        height: 32px;
        padding: 10px;
        display: table-cell;
        float: none;
    }

    #fee-all-list .rw.first .cl {
        background: linear-gradient(#e8e8e8,#e8e8e8);
        padding: 12px 6px;
        height: 36px;
        color: #BF360C;
        font-size: 12px;
        text-shadow: 0 0 1px #FFF;
        font-weight: bold;
        border-left: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

        #fee-all-list .rw.first .cl:nth-of-type(1) {
            text-align: center;
        }

    #fee-all-list .rw .cl:nth-of-type(1) {
        min-width: 50px;
        max-width: 50px;
    }

    #fee-all-list .rw .cl:nth-of-type(2) {
        min-width: 200px;
        max-width: 200px;
    }

    #fee-all-list .rw .cl:nth-of-type(3) {
        min-width: 100px;
        max-width: 100px;
        text-align: right;
    }

    #fee-all-list .rw .cl:nth-of-type(4) {
        min-width: 100px;
        max-width: 100px;
        text-align: right;
    }

    #fee-all-list .rw .cl:nth-of-type(5) {
        min-width: 100px;
        max-width: 100px;
        text-align: right;
    }

    #fee-all-list .rw .cl:nth-of-type(6) {
        min-width: 100px;
        max-width: 100px;
        text-align: right;
    }

    #fee-all-list .rw .cl:nth-of-type(7) {
        min-width: 230px;
        max-width: 230px;
    }

    #fee-all-list .rw .cl:nth-of-type(8) {
        min-width: 140px;
        max-width: 140px;
    }

    #fee-all-list .st .cl {
        background: #FFF;
        font-weight: bold;
    }

        #fee-all-list .st .cl:nth-of-type(1) {
            min-width: 250px;
            max-width: 250px;
            text-align: right;
        }

        #fee-all-list .st .cl:nth-of-type(2) {
            min-width: 770px;
            max-width: 770px;
        }

    #fee-all-list .stot .cl {
        background: #FFF;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        font-weight: bold;
    }

        #fee-all-list .stot .cl:nth-of-type(1) {
            min-width: 249px;
            max-width: 249px;
            text-align: right;
        }

        #fee-all-list .stot .cl:nth-of-type(2) {
            min-width: 771px;
            max-width: 771px;
            border-right: 1px solid #ddd;
        }

.fee-cust-more {
    width: 500px;
    background: linear-gradient(#efeeee,#efeeee);
    color: #0087C1;
    text-shadow: 0px 0px #F1F1F1;
    font-size: 14px;
    border: 1px solid #DDD;
}

    .fee-cust-more .cl {
        height: 25px !important;
        padding: 5px 10px !important;
    }

#payfeeDueCont {
    margin: 2px 10px 10px 10px;
    font-size: 15px;
}

    #payfeeDueCont .rw .cl:nth-of-type(1) {
        width: 240px;
    }

    #payfeeDueCont .rw .cl:nth-of-type(2) {
        width: 250px;
        font-weight: bold;
        text-align: right;
    }

    #payfeeDueCont .hd {
        font-weight: bold;
        color: #E20000;
    }

.fee-menu-group {
    position: relative;
    margin: 20px 0 0 0;
    background: #FFF;
    padding: 10px 10px;
}

    .fee-menu-group .menu-ht {
        position: absolute;
        top: -13px;
        left: 0px;
        background: linear-gradient(#fafafa,#fdfdfd);
        padding: 5px;
        border-radius: 1px;
        border: 1px solid #C7C6C6;
        font-weight: bold;
        z-index: 1;
    }

    .fee-menu-group .menu-ln {
        width: 350px;
        height: 1px;
        border-top: 1px solid #C7C6C6;
        position: absolute;
        top: -1px;
        left: 0px;
        z-index: 0;
    }

#fee-duelist-cont {
    padding: 20px 60px;
}

    #fee-duelist-cont .top {
        padding: 25px 10px;
        /*margin-left: 210px;*/
    }

    #fee-duelist-cont .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

#fee-duelist {
    background: #FFF;
    padding: 40px;
    width: 1238px;
    box-shadow: 0px 0px 6px 1px #B7B7B7;
    margin-left: 57px;
}

    #fee-duelist .cl {
        padding: 10px;
    }

    #fee-duelist .rw .cl:nth-of-type(1) {
        width: 60px;
     
    }

    #fee-duelist .rw .cl:nth-of-type(2) {
        width: 280px;
        font-weight: bold;
     
    }

    #fee-duelist .rw .cl:nth-of-type(3) {
        width: 100px;
        color: #4A4A4A;
       
    }

    #fee-duelist .rw .cl:nth-of-type(4) {
        width: 216px;
         text-align: left;
        /*height: 150px;*/
    }

    #fee-duelist .rw .cl:nth-of-type(5) {
        width: 150px;
        text-align: left;
        /*height: 150px;*/
    }

    #fee-duelist .rw .cl:nth-of-type(6) {
        width: 150px;
          text-align: left;
        /*height: 150px;*/
    }

    #fee-duelist .rw .cl:nth-of-type(7) {
        width: 150px;
        text-align: left;
        color: black;
      
        /*height: 150px;*/
    }

    #fee-duelist .rw .cl:nth-of-type(8) {
        width: 50px;
        text-align: left;
        /*height: 150px;*/
    }

    #fee-duelist .fdb {
        padding: 10px 10px;
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        text-align: center;
        color: #AA0C47;
        font-size: 14px;
        font-weight: bold;
        width: 1156px;
        background: #FFF;
    }

#receipt-details-cont {
    padding: 20px 60px;
}

    #receipt-details-cont .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

#receipt-details-ct {
    margin: 30px auto;
    background: #FFF;
    width: 960px;
    padding: 20px 50px;
    box-shadow: 0 0 1px 1px #ADADAD;
    font-size: 14px;
}

#receipt-details {
    width: 850px;
    margin: 10px auto;
    padding: 20px 50px;
    background: #FFF;
}

    #receipt-details .receipt-details-hd1 {
        padding: 5px;
    font-weight: bold;
    /* color: #F90000; */
    font-size: 14px;
    width: 720px;
    padding-left: 0;
    text-align: center;
    }

    #receipt-details .tot .cl2 {
        padding: 10px;
        font-weight: bold;
    }

        #receipt-details .tot .cl2:nth-of-type(1) {
            width: 400px;
            text-align: right;
            border-left: 1px solid #DDD;
            border-right: 1px solid #DDD;
            border-bottom: 1px solid #DDD;
        }

        #receipt-details .tot .cl2:nth-of-type(2) {
            width: 198px;
            text-align: right;
            border-right: 1px solid #DDD;
            border-bottom: 1px solid #DDD;
        }

#receipt-details-popcont {
    width: 950px;
    padding: 10px;
}

    #receipt-details-popcont #receipt-details {
        width: 852px;
        border: 1px solid #00BCD4;
    }

#receipt-details-info {
    margin-left: 10px;
    width: 464px;
    font-size: 14px;
}

    #receipt-details-info .cl {
        padding: 10px;
    }

    #receipt-details-info .rw .cl:nth-of-type(1) {
        width: 160px;
        color: #607D8B;
    }

    #receipt-details-info .rw .cl:nth-of-type(2) {
        width: 20px;
    }

    #receipt-details-info .rw .cl:nth-of-type(3) {
        width: 280px;
        color: #232323;
    }

    #receipt-details-info .hd {
        padding: 10px;
        font-weight: bold;
        color: #CE0A0A;
        width: 441px;
    }

#receipt-details-paymentinfo {
    margin-left: 10px;
    width: 464px;
    font-size: 14px;
}

    #receipt-details-paymentinfo .cl {
        padding: 10px;
    }

    #receipt-details-paymentinfo .rw .cl:nth-of-type(1) {
        width: 160px;
        color: #607D8B;
    }

    #receipt-details-paymentinfo .rw .cl:nth-of-type(2) {
        width: 20px;
    }

    #receipt-details-paymentinfo .rw .cl:nth-of-type(3) {
        width: 280px;
        color: #232323;
    }

    #receipt-details-paymentinfo .hd {
        padding: 10px;
        font-weight: bold;
        color: #CE0A0A;
        width: 441px;
    }

    #receipt-details-paymentinfo .hd2 {
        padding: 10px;
        font-weight: bold;
        color: #CE0A0A;
        width: 441px;
    }

#receipt-details-list {
    margin: 20px;
    width: 600px;
    font-size: 13px;
}

    #receipt-details-list .cl {
        padding: 10px;
    }

    #receipt-details-list .rw .cl:nth-of-type(1) {
        width: 400px;
    }

    #receipt-details-list .rw .cl:nth-of-type(2) {
        width: 198px;
        text-align: right;
    }

    #receipt-details-list .receipt-details-hd {
        padding: 10px;
        font-weight: bold;
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        color: #CE0A0A;
        width: 598px;
    }

#fee-coll-tot .cl2 {
    padding: 10px;
    font-weight: bold;
    height: 34px;
}

    #fee-coll-tot .cl2:nth-of-type(1) {
        width: 490px;
        text-align: right;
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }

    #fee-coll-tot .cl2:nth-of-type(2) {
        width: 110px;
        text-align: right;
        border-right: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }

    #fee-coll-tot .cl2:nth-of-type(3) {
        width: 496px;
        text-align: right;
        border-right: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }

#fee-coll-custfine {
    margin: 20px 0;
}

    #fee-coll-custfine .cl {
        height: 50px;
    }

    #fee-coll-custfine .rw .cl:nth-of-type(1) {
        width: 280px;
        color: #E91E63;
        font-weight: bold;
        font-size: 14px;
        padding: 13px 20px;
    }

    #fee-coll-custfine .rw .cl:nth-of-type(2) {
        width: 198px;
        padding: 10px;
    }

#fee-coll-custdis {
    margin: 20px 0;
}

    #fee-coll-custdis .cl {
        height: 50px;
    }

    #fee-coll-custdis .rw .cl:nth-of-type(1) {
        width: 280px;
        color: #E91E63;
        font-weight: bold;
        font-size: 14px;
        padding: 13px 20px;
    }

    #fee-coll-custdis .rw .cl:nth-of-type(2) {
        width: 198px;
        padding: 10px;
    }

#feecoll-set-cont {
    padding: 40px 110px;
}

    #feecoll-set-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#feecoll-set-fh, #feecoll-set-discount {
    width: 660px;
}

    #feecoll-set-fh .rw .cl:nth-of-type(1), #feecoll-set-discount .rw .cl:nth-of-type(1) {
        width: 200px;
    }

    #feecoll-set-fh .rw .cl:nth-of-type(2), #feecoll-set-discount .rw .cl:nth-of-type(2) {
        width: 300px;
    }

#feecoll-set-fhlist, #feecoll-set-discountlist {
    position: relative;
    margin: 10px 10px 10px 180px;
}

    #feecoll-set-fhlist .cl, #feecoll-set-discountlist .cl {
        padding: 10px;
        min-height: 25px;
        display: table-cell;
        float: none;
    }

    #feecoll-set-fhlist .rw .cl:nth-of-type(1), #feecoll-set-discountlist .rw .cl:nth-of-type(1) {
        width: 220px;
    }

    #feecoll-set-fhlist .rw .cl:nth-of-type(2), #feecoll-set-discountlist .rw .cl:nth-of-type(2) {
        width: 250px;
    }

    #feecoll-set-fhlist .rw .cl:nth-of-type(3), #feecoll-set-discountlist .rw .cl:nth-of-type(3) {
        width: 150px;
        text-align: right;
    }

    #feecoll-set-fhlist .rw .cl:nth-of-type(4), #feecoll-set-discountlist .rw .cl:nth-of-type(4) {
        width: 120px;
    }

    #feecoll-set-fhlist .no-data, #feecoll-set-discountlist .no-data {
        font-weight: bold;
        padding: 18px;
        font-size: 15px;
        color: #607D8B;
    }

.feecoll-set-hd {
    padding: 10px 20px;
    color: #CE0A0A;
    width: 441px;
    margin-left: 175px;
    font-weight: bold;
    font-size: 15px;
}

#student-fee-rec-cont {
    padding: 20px 60px;
    min-height: 900px;
    position: relative;
}

    #student-fee-rec-cont .r-nav {
        position: absolute;
        right: 10px;
        top: 20px;
    }

#student-fee-rec {
    padding: 80px 30px 80px 120px;
    position: relative;
}

#student-rnum-cont {
    position: absolute;
    top: 160px;
    right: 180px;
}

#stu-receipt-right-btncont {
    position: absolute;
    top: 240px;
    right: 300px;
}

#stu-receipt {
    width: 16.1cm;
    height: 19cm;
    background: #FFF;
    position: relative;
    font-family: Calibri;
    font-size: 14px;
    color: #EF5350;
    text-shadow: 0 0 0 #020101;
}

    #stu-receipt .txt {
        color: #000;
    }

    #stu-receipt #stu-receipt-heading {
        background-image: url(../images/stu-watermark.png);
        background-repeat: no-repeat;
        background-position: .9cm .5cm;
        background-size: 2.2cm 1.8cm;
        padding-top: 0.5cm;
        height: 2.5cm;
        width: 16cm;
    }

        #stu-receipt #stu-receipt-heading .rw .cl {
            padding: 0.13cm 0.45cm;
            text-align: center;
        }

            #stu-receipt #stu-receipt-heading .rw .cl:nth-of-type(1) {
                width: 15.5cm;
            }

    #stu-receipt #stuReceiptInfo {
        padding-left: .5cm;
        padding-top: .5cm;
    }

        #stu-receipt #stuReceiptInfo .rw .cl {
            padding: 0.13cm 0.25cm;
        }

            #stu-receipt #stuReceiptInfo .rw .cl:nth-of-type(1) {
                width: 10cm;
            }

            #stu-receipt #stuReceiptInfo .rw .cl:nth-of-type(2) {
                width: 5cm;
            }

        #stu-receipt #stuReceiptInfo .rw:nth-of-type(1) .cl {
            font-weight: bold;
        }

        #stu-receipt #stuReceiptInfo .srd {
            padding-left: .2cm;
            padding-right: 0.2cm;
        }

    #stu-receipt #stu-receipt-fee-part {
        margin: 0.1cm 0 0 0.7cm;
        width: 14cm;
        min-height: 8.6cm;
    }

        #stu-receipt #stu-receipt-fee-part .cl {
            padding: 0.2cm 0.25cm;
            line-height: 2.5pt;
            /*height: 22.2pt;*/

              height: 15.2pt;
            border-left: 1px solid #ef5350;
        }

        #stu-receipt #stu-receipt-fee-part .rw.first .cl {
            border-top: 1px solid #ef5350;
            border-bottom: 1px solid #ef5350;
        }

        #stu-receipt #stu-receipt-fee-part .rw .cl:nth-of-type(1) {
            width: 1.1cm;
            padding: 0.2cm 0.065cm;
            text-align: center;
        }

        #stu-receipt #stu-receipt-fee-part .rw .cl:nth-of-type(2) {
            width: 9.847cm;
        }

        #stu-receipt #stu-receipt-fee-part .rw .cl:nth-of-type(3) {
            width: 3cm;
            text-align: right;
            border-right: 1px solid #ef5350;
        }

    #stu-receipt #stu-receipt-fee #pnlDis, #stu-receipt #stu-receipt-fee .rw.last {
        margin: 0cm 0 0 0.7cm;
    }

        #stu-receipt #stu-receipt-fee #pnlDis .cl, #stu-receipt #stu-receipt-fee .rw.last .cl {
            padding: 0.2cm 0.25cm;
            border-top: 1px solid #ef5350;
            border-left: 1px solid #ef5350;
            height: 30px;
        }

            #stu-receipt #stu-receipt-fee #pnlDis .cl:nth-of-type(1), #stu-receipt #stu-receipt-fee .rw.last .cl:nth-of-type(1) {
                width: 1.1cm;
                padding: 0.2cm 0.065cm;
                text-align: center;
            }

            #stu-receipt #stu-receipt-fee #pnlDis .cl:nth-of-type(2), #stu-receipt #stu-receipt-fee .rw.last .cl:nth-of-type(2) {
                width: 9.847cm;
            }

            #stu-receipt #stu-receipt-fee #pnlDis .cl:nth-of-type(3), #stu-receipt #stu-receipt-fee .rw.last .cl:nth-of-type(3) {
                width: 3cm;
                text-align: right;
                border-right: 1px solid #ef5350;
            }

        #stu-receipt #stu-receipt-fee .rw.last .cl {
            border-bottom: 1px solid #ef5350;
        }

    #stu-receipt #stu-receipt-fee #inwords {
        padding: 0.2cm 0.25cm;
        margin: 0 0 0 0.7cm;
        width: 14cm;
        height: 1cm;
        line-height: 0.5cm;
    }

    #stu-receipt #stu-receipt-watermark {
        background-image: url(../images/stu-watermark.png);
        background-size: 5cm;
        padding-top: 0.5cm;
        position: absolute;
        background-repeat: no-repeat;
        background-position: 5cm 7cm;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
        opacity: 0.2;
        width: 100%;
        height: 100%;
    }

.stu-receipt-def #stu-receipt-heading .cl {
    padding: 0 !important;
}

.stu-receipt-def #stu-receipt-heading .sn .cl {
    font-weight: bold;
    font-size: 20px;
}

.stu-receipt-def #stu-receipt-heading .sadd .cl {
    font-weight: bold;
    font-size: 14px;
    margin-top: 3px;
}

.stu-receipt-def #stu-receipt-heading .fr .cl {
    font-weight: bold;
    font-size: 18px;
    margin-top: 6px;
}

.stu-receipt-def #stu-receipt-heading .sess .cl {
    font-weight: bold;
    font-size: 16px;
    margin-top: 6px;
}

.stu-receipt-def #stureciept-sign {
    margin: 0.4cm 0 0.5cm 11cm;
}

.stu-receiptV1 #stu-receipt-heading .cl {
    padding: 0 !important;
}

.stu-receiptV1 #stu-receipt-heading .sn .cl {
    font-weight: bold;
    font-size: 20px;
}

.stu-receiptV1 #stu-receipt-heading .sadd .cl {
    font-weight: bold;
    font-size: 14px;
    margin-top: 3px;
}

.stu-receiptV1 #stu-receipt-heading .fr .cl {
    font-weight: bold;
    font-size: 18px;
    margin-top: 6px;
}

.stu-receiptV1 #stu-receipt-heading .sess .cl {
    font-weight: bold;
    font-size: 16px;
    margin-top: 6px;
}

.stu-receiptV1 #stu-receipt-fee-part {
    min-height: 9cm;
}

.stu-receiptV1 #stureciept-sign {
    margin: 1.2cm 0 0.5cm 11cm;
}

.stu-receipt-db #stu-receipt-heading .cl {
    padding: 0 !important;
}

.stu-receipt-db #stu-receipt-heading .sn .cl {
    font-weight: bold;
    font-size: 20px;
}

.stu-receipt-db #stu-receipt-heading .sadd .cl {
    font-weight: bold;
    font-size: 14px;
    margin-top: 3px;
}

.stu-receipt-db #stu-receipt-heading .fr .cl {
    font-weight: bold;
    font-size: 18px;
    margin-top: 6px;
}

.stu-receipt-db #stu-receipt-heading .sess .cl {
    font-weight: bold;
    font-size: 16px;
    margin-top: 6px;
}

.stu-receipt-db #stu-receipt-fee-part {
    min-height: 8cm;
}

.stu-receipt-db #stureciept-sign {
    margin: 0.4cm 0 0.5cm 11cm;
}

.stu-receipt-jcips #stu-receipt-heading .cl {
    padding: 0 !important;
}

.stu-receipt-jcips #stu-receipt-heading .fr .cl {
    font-weight: bold;
    font-size: 18px;
}

.stu-receipt-jcips #stu-receipt-heading .sn .cl {
    font-weight: bold;
    font-size: 20px;
    margin-top: 6px;
}

.stu-receipt-jcips #stu-receipt-heading .sadd .cl {
    font-weight: bold;
    font-size: 14px;
    margin-top: 3px;
}

.stu-receipt-jcips #stu-receipt-heading .sess .cl {
    font-weight: bold;
    font-size: 16px;
    margin-top: 6px;
}

.stu-receipt-jcips #stu-receipt-fee-part {
    min-height: 8cm;
}

.stu-receipt-jcips #stureciept-sign {
    margin: 0.1cm 0 0.5cm 11cm;
}

#exam-grade-cont {
    position: relative;
}

    #exam-grade-cont .top {
        padding-left: 240px;
    }

#btnNewGrade {
    position: absolute;
    top: 60px;
    right: 190px;
}

#exam-grade {
    padding: 20px 5px 0 70px;
}

    #exam-grade .cl {
        height: 32px;
    }

    #exam-grade .lv1 .rw .cl:nth-of-type(1) {
        width: 70px;
    }

    #exam-grade .lv1 .rw .cl:nth-of-type(2) {
        width: 200px;
    }

    #exam-grade .lv1 .rw .cl:nth-of-type(3) {
        width: 164px;
        text-align: right;
    }

    #exam-grade .lv1 .rw .cl:nth-of-type(4) {
        width: 180px;
        text-align: right;
    }

    #exam-grade .lv1 .rw .cl:nth-of-type(5) {
        width: 160px;
    }

    #exam-grade .lv2 .rw .cl:nth-of-type(1) {
        width: 70px;
    }

    #exam-grade .lv2 .rw .cl:nth-of-type(2) {
        width: 120px;
    }

    #exam-grade .lv2 .rw .cl:nth-of-type(3) {
        width: 120px;
        text-align: right;
    }

    #exam-grade .lv2 .rw .cl:nth-of-type(4) {
        width: 120px;
        text-align: right;
    }

    #exam-grade .lv2 .rw .cl:nth-of-type(5) {
        width: 120px;
        text-align: right;
    }

    #exam-grade .lv2 .rw .cl:nth-of-type(6) {
        width: 170px;
    }

    #exam-grade .lv2 .rw .cl:nth-of-type(7) {
        width: 120px;
    }

    #exam-grade .rw:not(first-child) .cl {
        padding: 8px 10px;
    }

#edit-grade {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #edit-grade h1:first-child {
        margin-bottom: 10px;
    }

    #edit-grade .line {
        width: 450px;
    }

    #edit-grade .rw {
        padding: 10px 0px;
    }

    #edit-grade #lErr {
        color: red;
    }

    #edit-grade .cl {
        font-weight: bold;
        padding: 10px 5px;
    }

    #edit-grade .rw .cl:nth-of-type(1) {
        width: 90px;
    }

    #edit-grade .rw .cl:nth-of-type(2) {
        width: 180px;
        padding: 2px;
    }

    #edit-grade .rw .cl:nth-of-type(3) {
        width: 50px;
        padding: 2px;
    }

    #edit-grade .rw.first .cl:nth-of-type(2) {
        padding: 10px;
    }

#remove-grade {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #remove-grade h1:first-child {
        margin-bottom: 10px;
    }

    #remove-grade .line {
        width: 450px;
    }

    #remove-grade #lErr {
        color: red;
    }

    #remove-grade .cl {
        font-weight: bold;
        padding: 10px 5px;
    }

    #remove-grade .rw {
        padding: 6px 0;
    }

        #remove-grade .rw .cl:nth-of-type(1) {
            width: 90px;
        }

        #remove-grade .rw .cl:nth-of-type(2) {
            width: 180px;
            padding: 10px 2px;
        }

        #remove-grade .rw.first .cl:nth-of-type(2) {
            padding: 10px;
        }

#create-grade {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #create-grade h1:first-child {
        margin-bottom: 10px;
    }

    #create-grade .line {
        width: 450px;
    }

    #create-grade #lErr {
        color: red;
    }

    #create-grade .cl {
        font-weight: bold;
        padding: 10px 5px;
    }

    #create-grade .rw {
        padding: 10px 0;
    }

        #create-grade .rw .cl:nth-of-type(1) {
            width: 90px;
        }

        #create-grade .rw .cl:nth-of-type(2) {
            width: 180px;
            padding: 2px;
        }

        #create-grade .rw .cl:nth-of-type(3) {
            width: 50px;
            padding: 2px;
        }

        #create-grade .rw.first .cl:nth-of-type(2) {
            padding: 10px;
        }

#exam-group-cont {
    position: relative;
}

    #exam-group-cont .top {
        padding-left: 240px;
    }

    #exam-group-cont .r-nav {
        position: absolute;
        top: 66px;
        right: 138px;
    }

        #exam-group-cont .r-nav a {
            margin-right: 10px;
        }

    #exam-group-cont .eghd {
        font-weight: bold;
        font-size: 16px;
        color: #5C6061;
    }

#exam-group {
    padding: 20px;
    width: 890px;
    margin: 10px 0px 0px 90px;
}

    #exam-group .cl {
        height: 32px;
        padding: 10px;
    }

    #exam-group .rw .cl:nth-of-type(1) {
        width: 89px;
    }

    #exam-group .rw .cl:nth-of-type(2) {
        width: 270px;
        font-weight: bold;
    }

    #exam-group .rw .cl:nth-of-type(3) {
        width: 120px;
    }

    #exam-group .rw .cl:nth-of-type(4) {
        width: 370px;
        text-align: center;
    }

        #exam-group .rw .cl:nth-of-type(4) span {
            color: #f60;
        }

#remove-eg {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #remove-eg .cl {
        padding: 10px 5px;
    }

    #remove-eg .rw {
        padding: 16px 0;
    }

        #remove-eg .rw .cl:nth-of-type(1) {
            width: 80px;
            font-weight: bold;
        }

        #remove-eg .rw .cl:nth-of-type(2) {
            width: 100px;
        }

        #remove-eg .rw:last-child {
            margin-top: 10px;
        }

#publish-sh {
    display: none;
    width: 470px;
    height: 300px;
    padding: 20px;
    border-radius: 5px;
}

    #publish-sh .cl {
        padding: 10px 5px;
    }

    #publish-sh .rw {
        padding: 16px 0;
    }

        #publish-sh .rw .cl:nth-of-type(1) {
            width: 80px;
            font-weight: bold;
        }

        #publish-sh .rw .cl:nth-of-type(2) {
            width: 100px;
        }

        #publish-sh .rw:last-child {
            margin-top: 10px;
        }

#publish-res {
    display: none;
    width: 470px;
    height: 300px;
    padding: 20px;
    border-radius: 5px;
}

    #publish-res .cl {
        padding: 10px 5px;
    }

    #publish-res .rw {
        padding: 16px 0;
    }

        #publish-res .rw .cl:nth-of-type(1) {
            width: 80px;
            font-weight: bold;
        }

        #publish-res .rw .cl:nth-of-type(2) {
            width: 100px;
        }

        #publish-res .rw:last-child {
            margin-top: 10px;
        }

#create-exam-cont {
    padding-bottom: 100px;
}

    #create-exam-cont .top {
        padding: 10px 10px 10px 330px;
        font-weight: bold;
        font-size: 13px;
    }

        #create-exam-cont .top span {
            color: red;
        }

    #create-exam-cont .btn-abs {
        position: absolute;
        top: 80px;
        right: 240px;
    }

#create-exam {
    width: 650px;
    padding: 50px 10px 10px 240px;
}

    #create-exam .rw .cl:nth-of-type(1) {
        width: 168px;
        padding: 14px;
    }

    #create-exam .rw .cl:nth-of-type(2) {
        width: 166px;
        padding: 5px 8px;
    }

    #create-exam .rw.last .btn {
        margin: 20px 10px 10px 130px;
    }

    #create-exam .rw.et {
        position: relative;
    }

#etlink {
    position: absolute;
    top: 16px;
    right: -50px;
    color: #E84242;
    text-decoration: underline;
}

    #etlink:hover {
        text-decoration: none;
    }

#marks {
    padding: 8px;
    margin-left: 230px;
}

    #marks .rw .cl:nth-of-type(1) {
        width: 140px;
        padding: 14px;
    }

    #marks .rw .cl:nth-of-type(2) {
        width: 150px;
        padding: 5px 8px;
    }

#grades {
    width: 725px;
    margin: 10px 0px 0px 20px;
    border: 10px solid #E1E1E1;
    box-shadow: 0 0 1px 1px #7D7D7D;
}

    #grades .rw .cl:nth-of-type(1) {
        width: 200px;
        padding: 16px 10px;
    }

    #grades .rw .cl:nth-of-type(2) {
        width: 170px;
        padding: 7px 10px;
        height: 30px;
    }

        #grades .rw .cl:nth-of-type(2) input {
            width: 130px;
        }

    #grades .rw .cl:nth-of-type(3) {
        width: 170px;
        padding: 7px 10px;
        height: 30px;
    }

        #grades .rw .cl:nth-of-type(3) input {
            width: 130px;
        }

    #grades .rw .cl:nth-of-type(4) {
        width: 100px;
        height: 20px;
        padding: 12px 10px;
    }

#marksAndGrade {
    width: 927px;
    margin: 10px 0px 0px 20px;
    border: 10px solid #E1E1E1;
    box-shadow: 0 0 1px 1px #7D7D7D;
    box-sizing: content-box;
}

    #marksAndGrade .rw .cl:nth-of-type(1) {
        width: 200px;
        padding: 16px 10px;
    }

    #marksAndGrade .rw .cl:nth-of-type(2) {
        width: 100px;
        padding: 7px 10px;
        height: 30px;
    }

        #marksAndGrade .rw .cl:nth-of-type(2) input {
            width: 40px;
        }

    #marksAndGrade .rw .cl:nth-of-type(3) {
        width: 100px;
        padding: 7px 10px;
        height: 30px;
    }

        #marksAndGrade .rw .cl:nth-of-type(3) input {
            width: 40px;
        }

    #marksAndGrade .rw .cl:nth-of-type(4) {
        width: 150px;
        padding: 7px 10px;
        height: 30px;
    }

        #marksAndGrade .rw .cl:nth-of-type(4) input {
            width: 130px;
        }

    #marksAndGrade .rw .cl:nth-of-type(5) {
        width: 150px;
        padding: 7px 10px;
        height: 30px;
    }

        #marksAndGrade .rw .cl:nth-of-type(5) input {
            width: 130px;
        }

    #marksAndGrade .rw .cl:nth-of-type(6) {
        width: 100px;
        height: 20px;
        padding: 12px 10px;
    }

.sub-header {
    font-weight: bold;
    color: black;
    font-size: 13px;
}

#btnSaveExam {
    margin: 30px 10px 10px 370px;
}

.create-new-exam-cont .top {
    padding: 10px 10px 10px 250px !important;
}

.create-new-exam-cont #marks {
    margin-top: 40px;
}

#exam-details-cont {
    padding-bottom: 100px;
    position: relative;
}

    #exam-details-cont .top {
        padding: 10px 10px 10px 280px;
        font-weight: bold;
        font-size: 13px;
    }

        #exam-details-cont .top span {
            color: red;
        }

    #exam-details-cont .new {
        position: absolute;
        top: 50px;
        right: 80px;
    }

        #exam-details-cont .new .btn-link {
            margin-left: 35px;
        }

#exam-details {
    padding: 20px;
    width: 680px;
    margin: 10px 0px 0px 110px;
}

    #exam-details .cl {
        height: 32px;
        padding: 10px;
    }

    #exam-details .rw .cl:nth-of-type(1) {
        width: 220px;
    }

    #exam-details .rw .cl:nth-of-type(2) {
        width: 110px;
    }

    #exam-details .rw .cl:nth-of-type(3) {
        width: 110px;
    }

    #exam-details .rw .cl:nth-of-type(4) {
        width: 199px;
    }

#exam-edit-cont {
    padding-bottom: 150px;
    position: relative;
}

    #exam-edit-cont .top {
        padding: 10px 10px 10px 250px;
        font-weight: bold;
        font-size: 13px;
    }

        #exam-edit-cont .top span {
            color: red;
        }

#exam-edit {
    padding: 20px;
    width: 860px;
    margin: 20px 20px 20px 160px;
}

    #exam-edit .cl {
        height: 40px;
    }

    #exam-edit .rw .cl:nth-of-type(1) {
        width: 232px;
        padding: 16px;
        color: #585858;
        font-weight: bold;
    }

    #exam-edit .rw .cl:nth-of-type(2) {
        width: 220px;
        padding: 10px;
    }

        #exam-edit .rw .cl:nth-of-type(2) input[type='text'] {
            text-transform: uppercase;
        }

    #exam-edit .rw.last .btn {
        margin: 40px 20px 20px 160px;
    }

#remove-exam {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #remove-exam .cl {
        padding: 10px 5px;
    }

    #remove-exam .rw {
        padding: 16px 0;
    }

        #remove-exam .rw .cl:nth-of-type(1) {
            width: 80px;
            font-weight: bold;
        }

        #remove-exam .rw .cl:nth-of-type(2) {
            width: 100px;
        }

        #remove-exam .rw:last-child {
            margin-top: 10px;
        }

#exam-mark-cont {
    padding-bottom: 100px;
}

    #exam-mark-cont .top {
        padding: 20px 10px 10px 205px;
        font-weight: bold;
        font-size: 13px;
    }

        #exam-mark-cont .top span {
            color: red;
        }

    #exam-mark-cont .btn-abs {
        position: absolute;
        top: 80px;
        right: 30px;
    }

    #exam-mark-cont .btn {
        margin: 20px 10px 10px 370px;
    }

    #exam-mark-cont .eghd {
        font-weight: bold;
        font-size: 16px;
        color: #5C6061;
    }

#exam-marks {
    width: 870px;
    padding: 20px 20px 20px 20px;
    margin-left: 60px;
}

    #exam-marks .cl {
        padding: 10px;
        height: 48px;
    }

    #exam-marks .rw .cl:nth-of-type(1) {
        width: 70px;
        padding: 20px 10px 0px 10px;
    }

    #exam-marks .rw .cl:nth-of-type(2) {
        width: 234px;
        padding: 20px 10px 0px 10px;
    }

    #exam-marks .rw .cl:nth-of-type(3) {
        width: 170px;
    }

        #exam-marks .rw .cl:nth-of-type(3) input {
            width: 60px;
        }

    #exam-marks .rw .cl:nth-of-type(4) {
        width: 285px;
    }

        #exam-marks .rw .cl:nth-of-type(4) input {
            width: 250px;
        }

    #exam-marks .rw .cl:nth-of-type(5) {
        width: 70px;
        padding: 20px 10px 0px 10px;
    }

.exam-marks-nograde .rw .cl:nth-of-type(4) {
    width: 355px !important;
}

    .exam-marks-nograde .rw .cl:nth-of-type(4) input[type='text'] {
        width: 300px !important;
    }

#exam-rl-cont {
    position: relative;
    padding-bottom: 100px;
}

    #exam-rl-cont .top {
        padding: 20px 10px 10px 245px;
        font-weight: bold;
        font-size: 13px;
    }

    #exam-rl-cont .btn-abs {
        position: absolute;
        top: 80px;
        right: 240px;
    }

    #exam-rl-cont .btn {
        margin: 20px 10px 10px 370px;
    }

#exam-rl {
    width: 806px;
    padding: 50px 10px 10px 70px;
}

    #exam-rl .cl {
        padding: 10px;
        padding: 10px;
    }

    #exam-rl .rw .cl:nth-of-type(1) {
        width: 50px;
    }

    #exam-rl .rw .cl:nth-of-type(2) {
        width: 200px;
    }

    #exam-rl .rw .cl:nth-of-type(3) {
        width: 150px;
    }

    #exam-rl .rw .cl:nth-of-type(4) {
        width: 150px;
    }

    #exam-rl .rw .cl:nth-of-type(5) {
        width: 150px;
    }

#btnNewRL {
    position: absolute;
    top: 60px;
    right: 210px;
}

#create-rl {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #create-rl h1:first-child {
        margin-bottom: 10px;
    }

    #create-rl .line {
        width: 450px;
    }

    #create-rl #lErr {
        color: red;
    }

    #create-rl .cl {
        font-weight: bold;
        padding: 16px 5px;
    }

    #create-rl .rw .cl:nth-of-type(1) {
        width: 180px;
    }

    #create-rl .rw .cl:nth-of-type(2) {
        width: 180px;
        padding: 5px;
    }

#edit-rl-cont {
    position: relative;
    padding-bottom: 100px;
}

    #edit-rl-cont .top {
        padding: 20px 10px 10px 245px;
        font-weight: bold;
        font-size: 13px;
    }

        #edit-rl-cont .top span {
            color: red;
        }

    #edit-rl-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 280px;
    }

#edit-rl {
    padding: 50px 10px 10px 70px;
    margin-left: 70px;
}

    #edit-rl .cl {
        font-weight: bold;
        padding: 16px 5px;
    }

    #edit-rl .rw .cl:nth-of-type(1) {
        width: 180px;
    }

    #edit-rl .rw .cl:nth-of-type(2) {
        width: 180px;
        padding: 5px;
    }

        #edit-rl .rw .cl:nth-of-type(2) a {
            cursor: pointer;
        }

    #edit-rl .btn {
        margin: 20px 10px 10px 140px;
    }

#remove-rl {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #remove-rl .cl {
        padding: 10px 5px;
    }

    #remove-rl .rw {
        padding: 16px 0;
    }

        #remove-rl .rw .cl:nth-of-type(1) {
            width: 80px;
            font-weight: bold;
        }

        #remove-rl .rw .cl:nth-of-type(2) {
            width: 100px;
        }

        #remove-rl .rw.last {
            margin-top: 10px;
        }

#class-desig-cont {
    position: relative;
    padding-bottom: 100px;
}

    #class-desig-cont .top {
        padding: 20px 10px 10px 245px;
        font-weight: bold;
        font-size: 13px;
    }

    #class-desig-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 280px;
    }

#class-desig {
    width: 524px;
    padding: 50px 10px 10px 70px;
    margin-left: 140px;
}

    #class-desig .cl {
        padding: 10px;
    }

    #class-desig .rw .cl:nth-of-type(1) {
        width: 50px;
    }

    #class-desig .rw .cl:nth-of-type(2) {
        width: 260px;
    }

    #class-desig .rw .cl:nth-of-type(3) {
        width: 150px;
    }

#create-cd {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #create-cd h1:first-child {
        margin-bottom: 10px;
    }

    #create-cd .line {
        width: 450px;
    }

    #create-cd #lErr {
        color: red;
    }

    #create-cd .cl {
        font-weight: bold;
        padding: 16px 5px;
    }

    #create-cd .rw .cl:nth-of-type(1) {
        width: 180px;
    }

    #create-cd .rw .cl:nth-of-type(2) {
        width: 180px;
        padding: 5px;
    }

#btnNewCD {
    position: absolute;
    top: 60px;
    right: 210px;
}

#edit-class-cont {
    position: relative;
    padding-bottom: 100px;
}

    #edit-class-cont .r-nav {
        position: absolute;
        top: 60px;
        right: 40px;
    }

#edit-class {
    padding: 50px 10px 10px 70px;
    background: #FFF;
}

    #edit-class .cl {
        font-weight: bold;
        padding: 16px 5px;
    }

    #edit-class .rw .cl:nth-of-type(1) {
        width: 180px;
    }

    #edit-class .rw .cl:nth-of-type(2) {
        width: 180px;
        padding: 5px;
    }

        #edit-class .rw .cl:nth-of-type(2) a {
            cursor: pointer;
        }

    #edit-class .rw.last .btn {
        margin: 35px 10px 10px 140px;
    }

#batch-tr-cont {
    position: relative;
    padding: 20px 20px 200px 20px;
    width: 950px;
    margin: 0 auto;
}

    #batch-tr-cont .top {
        padding: 20px 10px 10px 245px;
        font-weight: bold;
        font-size: 13px;
    }

        #batch-tr-cont .top span {
            color: red;
        }

    #batch-tr-cont .r-nav {
        position: absolute;
        top: 70px;
        right: 50px;
    }

        #batch-tr-cont .r-nav .hlink-btn {
            margin-left: 10px;
        }

    #batch-tr-cont p {
        font-size: 14px;
        margin-top: 10px;
        padding: 5px;
    }

        #batch-tr-cont p select {
            width: 100px;
        }

        #batch-tr-cont p.first {
            font-size: 15px;
            margin-top: 40px;
            text-shadow: 0 0 1px #DCDCDC;
        }

    #batch-tr-cont .rw.last .btn {
        margin: 30px 0px 0px 380px;
    }

#batch-tr {
    width: 641px;
    padding: 50px 10px 10px 70px;
    margin-left: 60px;
}

    #batch-tr .cl {
        padding: 10px;
        height: 32px;
    }

    #batch-tr .rw .cl:nth-of-type(1) {
        width: 110px;
    }

    #batch-tr .rw .cl:nth-of-type(2) {
        width: 280px;
    }

    #batch-tr .rw .cl:nth-of-type(3) {
        width: 170px;
    }

#batch-tr-def {
    margin: 30px 0px 0px 200px;
}

    #batch-tr-def li {
        padding: 10px;
        list-style-position: inside;
        list-style-type: decimal;
        font-size: 16px;
        text-shadow: 0 0 1px #E3E3E3;
    }

    #batch-tr-def a {
        text-decoration: none;
        color: red;
        margin-left: 10px;
    }

        #batch-tr-def a:hover {
            text-decoration: underline;
        }

#class-desig {
    width: 735px;
    padding: 50px 10px 10px 70px;
    margin-left: 40px;
}

    #class-desig .cl {
        padding: 10px;
        height: 10px;
    }

    #class-desig .rw .cl:nth-of-type(1) {
        width: 90px;
    }

    #class-desig .rw .cl:nth-of-type(2) {
        width: 260px;
    }

    #class-desig .rw .cl:nth-of-type(3) {
        width: 150px;
    }

    #class-desig .rw .cl:nth-of-type(4) {
        width: 150px;
    }

#edit-cd {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #edit-cd h1:first-child {
        margin-bottom: 10px;
    }

    #edit-cd .line {
        width: 450px;
    }

    #edit-cd #lErr {
        color: red;
    }

    #edit-cd .cl {
        font-weight: bold;
        padding: 16px 5px;
    }

    #edit-cd .rw .cl:nth-of-type(1) {
        width: 180px;
    }

    #edit-cd .rw .cl:nth-of-type(2) {
        width: 180px;
        padding: 10px;
    }

#delete-cd {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #delete-cd h1:first-child {
        margin-bottom: 10px;
    }

    #delete-cd .line {
        width: 450px;
    }

    #delete-cd #lErr {
        color: red;
    }

    #delete-cd .cl {
        font-weight: bold;
        padding: 16px 5px;
    }

    #delete-cd .rw .cl:nth-of-type(1) {
        width: 180px;
    }

    #delete-cd .rw .cl:nth-of-type(2) {
        width: 180px;
    }

#group-exam-cont {
    position: relative;
    padding-bottom: 200px;
}

    #group-exam-cont .top {
        padding: 20px 10px 10px 245px;
        font-weight: bold;
        font-size: 13px;
    }

        #group-exam-cont .top span {
            color: red;
        }

    #group-exam-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 280px;
    }

    #group-exam-cont .rw.last .btn {
        margin: 10px 0px 0px 380px;
    }

#group-exam .cl {
    padding: 10px;
    height: 25px !important;
}

#group-exam .rw .cl:nth-of-type(1) {
    width: 90px;
}

#group-exam .rw .cl:nth-of-type(2) {
    width: 380px;
}

#group-exam .rw .cl:nth-of-type(3) {
    width: 100px;
}

    #group-exam .rw .cl:nth-of-type(3) input[type='text'] {
        width: 80px;
    }

#wt .cl {
    padding: 10px;
    height: 25px !important;
    color: #F00;
    font-weight: bold;
}

    #wt .cl:nth-of-type(1) {
        width: 491px;
        text-align: right;
    }

    #wt .cl:nth-of-type(2) {
        width: 100px;
    }

#gr-wrap {
    margin: 60px 40px 40px 120px;
    width: 634px;
    border: 11px solid #F3F3F3;
    outline: 1px solid #ECECEC;
}

#exam-report-options {
    height: 380px;
    padding: 10px 10px 10px 20px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(#f7f7f7,#f4f4f4);
    background: -moz-linear-gradient(#f7f7f7,#f4f4f4);
    background: -o-linear-gradient(#f7f7f7,#f4f4f4);
    background: linear-gradient(#f7f7f7,#f4f4f4);
}

    #exam-report-options .rw {
        margin-bottom: 10px;
    }

        #exam-report-options .rw .cl {
            padding: 20px 40px 20px 40px;
        }

            #exam-report-options .rw .cl:nth-of-type(1) {
                width: 280px;
            }

            #exam-report-options .rw .cl:nth-of-type(2) {
                width: 200px;
            }

            #exam-report-options .rw .cl:nth-of-type(3) {
                width: 200px;
            }

    #exam-report-options .title a {
        color: #E70A36;
        text-decoration: none;
        font-size: 14px;
        text-shadow: 0 0 0px #CE0000;
    }

        #exam-report-options .title a:hover {
            text-decoration: underline;
        }

    #exam-report-options .description {
        margin-top: 5px;
        margin-bottom: 5px;
    }

#exam-wise-rep-cont {
    position: relative;
}

#exam-wist-rep-top {
    padding: 40px 190px;
    position: relative;
}

    #exam-wist-rep-top .top {
        padding: 20px 20px 20px 190px;
    }

    #exam-wist-rep-top .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

input[type="text"].marks {
    text-transform: uppercase;
}

.note {
    padding: 20px 10px 10px 60px;
}

    .note .note-hr {
        color: #B8860B;
        font-weight: bold;
        font-size: 15px;
        border-bottom: 1px solid;
        padding: 10px 0;
        width: 360px;
        text-shadow: 0 0 #EDEC8C;
    }

    .note .note-rw {
        padding: 10px;
    }

        .note .note-rw li {
            padding: 10px;
            list-style-type: decimal;
            list-style-position: inside;
            color: #242424;
            text-shadow: 0 0 #FFF;
        }

.absent {
    color: #F00;
    font-weight: bold;
    border: 1px solid #F00;
    background: #FFF;
    padding: 1px 4px;
}

.rw2:after {
    content: '';
    display: block;
    clear: both;
}

#ewr-cont {
    width: 1200px;
    margin: 50px auto;
    border: 10px solid #FFF;
    box-shadow: 0 0 1px 1px rgba(120,120,120,0.38);
}

#ewr-parent {
    width: 1200px;
    overflow: auto;
}

#ewr .rw:first-child .cl {
    padding: 20px 10px 20px 10px;
}

#ewr .cl {
    padding: 10px;
    height: 12px;
}

#ewr .rw .cl:nth-of-type(1) {
    width: 40px;
}

#ewr .rw .cl:nth-of-type(2) {
    width: 210px;
}

#ewr .rw .cl:nth-of-type(3) {
    width: auto;
    padding: 0 0 0 0;
    height: 32px;
}

    #ewr .rw .cl:nth-of-type(3) .sd {
        padding: 10px 0;
        text-align: center;
        float: left;
        height: 12px;
        border-right: 1px solid #CBCBCB;
    }

    #ewr .rw .cl:nth-of-type(3) .bld {
        border-right: 1px solid #DDD;
    }

#ewr .rw .cl:nth-of-type(4) {
    width: 80px;
    min-width: 80px;
}

#sub-head .t {
    padding: 5px 0px 5px 0px !important;
    border-bottom: 1px solid #DDD;
    text-align: center;
    background-image: linear-gradient(#fafafa,#e8e8e8);
}

#sub-head .b {
    background-image: linear-gradient(#fafafa,#e8e8e8);
    height: 30px;
}

#sub-head .s {
    padding: 9px 0;
    text-align: center;
    float: left;
    border-right: 1px solid #CBCBCB;
}

#sub-head .bl {
    border-right: 1px solid #DDD;
}

.ht {
    font-weight: bold;
    color: #AA0C0C;
    text-shadow: 0 0 1px #FDCAB9;
    font-size: 14px;
}

.ht2 {
    font-weight: bold;
    color: #C8711C;
    text-shadow: 0 0 1px #FDCAB9;
    font-size: 14px;
}

#stu-exam-rep-cont {
    width: 1000px;
    margin: 0 auto;
    padding: 20px;
    position: relative;
}

    #stu-exam-rep-cont .section-title {
        color: #FD0014;
    }

#stu-exam-rep {
    margin-top: 30px;
}

#stu-exam-rep-submarks {
    margin: 50px 10px 10px 10px;
}

    #stu-exam-rep-submarks .cl {
        height: 12px;
    }

    #stu-exam-rep-submarks .rw .cl {
        padding: 10px;
    }

        #stu-exam-rep-submarks .rw .cl:nth-of-type(1) {
            width: 50px;
        }

        #stu-exam-rep-submarks .rw .cl:nth-of-type(2) {
            width: 100px;
        }

        #stu-exam-rep-submarks .rw .cl:nth-of-type(3) {
            width: 100px;
        }

        #stu-exam-rep-submarks .rw .cl:nth-of-type(4) {
            width: 100px;
        }

        #stu-exam-rep-submarks .rw .cl:nth-of-type(5) {
            width: 100px;
        }

        #stu-exam-rep-submarks .rw .cl:nth-of-type(6) {
            width: 100px;
        }

#gen-marksheet {
    width: 1300px;
    margin: 0 auto;
    padding: 20px;
    position: relative;
}

    #gen-marksheet .r-nav {
        position: absolute;
        top: 60px;
        right: 20px;
    }

    #gen-marksheet .top {
        padding-left: 240px;
    }

#academic-graph-cont {
    position: relative;
    padding: 40px 190px 40px 140px;
    min-height: 1200px;
}

    #academic-graph-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 190px;
    }

    #academic-graph-cont .stu-info {
        padding: 40px 5px 10px 25px;
    }

        #academic-graph-cont .stu-info .cl {
            padding: 5px 20px;
            text-align: left;
            font-size: 14px;
        }

        #academic-graph-cont .stu-info .shd {
            font-weight: bold;
            color: #C5001E;
        }

#academic-subjects-graph {
    margin: 10px 10px 10px 10px;
    padding: 60px 0px;
    width: 980px;
    height: 600px;
}

.markTypeMenu li {
    padding: 10px;
}

.markTypeMenu a {
    padding: 10px;
    color: red;
}

    .markTypeMenu a:hover {
        color: red;
    }

#marksheet-list {
 width: 1272px;
    border: 1px solid #dddddd;
    background: #fcfcfc;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 400px;
}

    #marksheet-list .cl {
        height: 32px;
        padding: 10px;
    }

    #marksheet-list .rw .cl:nth-of-type(1) {
        width: 57px;
    }

    #marksheet-list .rw .cl:nth-of-type(2) {
        width: 80px;
    }

    #marksheet-list .rw .cl:nth-of-type(3) {
        width: 265px;
    }

#marksheet-cont {
    padding: 20px 60px;
    min-height: 900px;
    position: relative;
}

#marksh {
    width: 900px;
    min-height: 770px;
    border: 1px solid #C7C3C3;
    box-shadow: 0 0 12px 1px #C0C0C0;
    padding: 20px;
    position: relative;
    box-sizing: content-box;
}

    #marksh .mark-top .mark-hd {
        background-image: url("../images/stu-watermark.png");
        background-repeat: no-repeat;
        height: 85px;
        background-position: 30px 5px;
        background-size: 85px 75px;
    }

        #marksh .mark-top .mark-hd .rw {
            padding: 5px 5px 5px 5px;
            text-align: center;
        }

    #marksh .stu-info {
        padding: 40px 5px 10px 25px;
    }

        #marksh .stu-info .cl {
            padding: 5px 20px;
            text-align: left;
            font-size: 14px;
        }

        #marksh .stu-info .shd {
            font-weight: bold;
            color: #C5001E;
        }

    #marksh .mark-sub-cont {
        padding: 20px 20px 0 40px;
    }

        #marksh .mark-sub-cont .mark-sub-hd .cl {
            font-weight: bold;
            border: 1px solid #9b9b9b;
            height: 50px;
            border-right: none;
        }

        #marksh .mark-sub-cont .mark-sub-hd .rw .cl:nth-of-type(1) {
            width: 190px;
            text-align: center;
            line-height: 50px;
            border-right: none;
        }

        #marksh .mark-sub-cont .mark-sub-hd .rw .cl:nth-of-type(2) {
            width: 582px;
        }

        #marksh .mark-sub-cont .mark-exam-hd {
            width: 194px;
            float: left;
        }

            #marksh .mark-sub-cont .mark-exam-hd .mehd {
                padding: 5px;
                width: 183px;
                text-align: center;
                border-right: 1px solid #9b9b9b;
            }

            #marksh .mark-sub-cont .mark-exam-hd .cls {
                width: 80px;
                padding: 8px;
                border: 1px solid #9b9b9b;
                border-left: none;
                border-bottom: none;
            }

    #marksh .mark-sub .su {
        width: 170px;
        padding: 10px;
        border: 1px solid #9b9b9b;
        border-top: none;
    }

    #marksh .mark-sub .mark-exam .cls {
        width: 80px;
        padding: 8px;
        border: 1px solid #9b9b9b;
        border-left: none;
        border-top: none;
        height: 16px;
    }

    #marksh .mark-remark {
        padding: 30px 40px 40px 40px;
    }

        #marksh .mark-remark .mr-hd {
            padding: 8px 0;
        }

        #marksh .mark-remark .mr-ct {
            border: 1px solid #9b9b9b;
            width: 770px;
            height: 60px;
        }

    #marksh .mark-sign {
        padding: 10px 40px 10px 40px;
    }

        #marksh .mark-sign .mark-sgn-hd {
            width: 120px;
            height: 25px;
            padding: 10px;
            font-weight: bold;
        }

        #marksh .mark-sign .msign {
            width: 260px;
            height: 25px;
        }

    #marksh .col-divi {
        padding: 5px;
    }

.principal-sign {
    background: url("../images/principal-sign.png");
    background-size: 110px 25px;
    background-repeat: no-repeat;
}

#principal-sign {
    position: absolute;
    background: url("../images/principal-sign.png");
    top: -9px;
    right: 34px;
    width: 110px;
    height: 23px;
}

#marksh-def {
    height: 840pt;
    width: 595pt;
    border: 0.8pt solid #C7C3C3;
    background: #FFF;
    background-size: 595pt 842pt;
    box-shadow: 0 0 3pt 0.5pt #C0C0C0;
    padding: 9pt 15pt;
    position: relative;
    font-family: calibri;
}

    #marksh-def .mark-top .mark-hd {
        background-image: url("../images/stu-watermark.png");
        background-repeat: no-repeat;
        height: 70pt;
        background-position: 0pt 8pt;
        background-size: 75pt 58pt;
    }

        #marksh-def .mark-top .mark-hd .rw {
            text-align: center;
        }

    #marksh-def .lSchoolName {
        font-weight: bold;
        font-size: 24pt;
        color: #4C4C4C;
        padding-top: 6pt;
    }

    #marksh-def .lSchoolAddress {
        margin-top: 3pt;
        font-size: 12pt;
    }

    #marksh-def .sess {
        font-weight: bold;
        font-size: 15pt;
        margin-top: 6pt;
    }

    #marksh-def .stu-info {
        margin-top: 16pt;
        font-style: italic;
        font-family: Century Gothic;
        font-size: 13px;
    }

        #marksh-def .stu-info .cl {
            padding: 6pt 9pt;
            text-align: left;
            font-size: 10.5pt;
            min-width: 186pt;
        }

        #marksh-def .stu-info .shd {
            font-weight: bold;
            color: #C5001E;
        }

    #marksh-def .acp {
        padding: 6pt;
        width: 558pt;
        text-align: center;
        border-right: 0.8pt solid #9b9b9b;
        border-left: 0.8pt solid #9b9b9b;
        border-top: 0.8pt solid #9b9b9b;
        margin-top: 15pt;
        font-weight: bold;
    }

    #marksh-def .mark-sub-cont .mark-sub-hd .cl {
        font-weight: bold;
        border: 0.8pt solid #9b9b9b;
        height: 72pt;
        border-right: none;
    }

    #marksh-def .mark-sub-cont .mark-sub-hd .rw .cl:nth-of-type(1) {
        width: 95pt;
        text-align: center;
        line-height: 74pt;
        border-right: none;
    }

    #marksh-def .mark-sub-cont .mark-sub-hd .rw .cl:nth-of-type(2) {
        width: 463pt;
    }

    #marksh-def .mark-sub-cont .mark-exam-hd {
        width: 66pt;
        float: left;
    }

        #marksh-def .mark-sub-cont .mark-exam-hd .mehd {
            padding: 3pt 2pt;
            width: 66pt;
            height: 48pt;
            vertical-align: middle;
            text-align: center;
            border-right: 0.8pt solid #9b9b9b;
            display: table-cell;
        }

        #marksh-def .mark-sub-cont .mark-exam-hd .cls {
            width: 33pt;
            padding: 6pt;
            border: 0.8pt solid #9b9b9b;
            border-left: none;
            border-bottom: none;
            height: 24pt;
        }

    #marksh-def .mark-sub .cl {
        width: 33pt;
        padding: 6pt;
        border: 0.8pt solid #9b9b9b;
        border-left: none;
        border-top: none;
        height: 21pt;
    }

        #marksh-def .mark-sub .cl:nth-of-type(1) {
            width: 96pt;
            padding: 5pt 3pt 5pt 12pt;
            height: 21pt;
            border-left: 0.8pt solid #9b9b9b;
            font-weight: bold;
        }

    #marksh-def .tot-text .cl {
        padding: 4pt 4pt;
    }

        #marksh-def .tot-text .cl:nth-of-type(1) {
            padding: 5pt 3pt 5pt 12pt;
        }

    #marksh-def .tot-text input[type='text'] {
        width: 25pt;
        padding: 0;
    }

    #marksh-def .mark-remark {
        margin-top: 20pt;
        width: 558pt;
    }

        #marksh-def .mark-remark .mr-hd {
            padding: 5pt;
            text-align: center;
            border: 0.8pt solid #9b9b9b;
            border-bottom: none;
            font-weight: bold;
        }

        #marksh-def .mark-remark .mr-ct .cls {
            width: 279pt;
            border: 0.8pt solid #9b9b9b;
            padding: 3pt;
            text-align: center;
            height: 16pt;
        }

            #marksh-def .mark-remark .mr-ct .cls:nth-of-type(1) {
                border-right: none;
            }

        #marksh-def .mark-remark .mr-ct .rws:nth-of-type(1) .cls {
            font-weight: bold;
        }

        #marksh-def .mark-remark .mr-ct .rws:nth-of-type(2) .cls {
            border-top: none;
            height: 40pt;
        }

        #marksh-def .mark-remark input[type='text'] {
            height: 34pt;
            width: 272pt;
            padding: 2pt;
        }

    #marksh-def .mark-sign {
        margin-top: 20pt;
        width: 558pt;
    }

        #marksh-def .mark-sign .mr-hd {
            padding: 5pt;
            text-align: center;
            border: 0.8pt solid #9b9b9b;
            border-bottom: none;
            font-weight: bold;
        }

        #marksh-def .mark-sign .mr-ct .cls {
            width: 279pt;
            border: 0.8pt solid #9b9b9b;
            padding: 3pt;
            height: 18pt;
        }

            #marksh-def .mark-sign .mr-ct .cls:nth-of-type(1) {
                border-right: none;
            }

        #marksh-def .mark-sign .mr-ct .rws:nth-of-type(1) .cls {
            text-align: center;
            height: 16pt;
            font-weight: bold;
        }

        #marksh-def .mark-sign .mr-ct .rws:nth-of-type(2) .cls {
            border-top: none;
            padding-left: 40pt;
        }

        #marksh-def .mark-sign .mr-ct .rws:nth-of-type(3) .cls {
            border-top: none;
            padding-left: 40pt;
        }

        #marksh-def .mark-sign .mr-ct .rws:nth-of-type(4) .cls {
            border-top: none;
            padding-left: 40pt;
        }

    #marksh-def .col-divi {
        padding: 6pt;
    }

    #marksh-def .tot {
        color: #EA0000;
        font-weight: bold;
    }

.principal-sign-def {
    background: url("../images/principal-sign.png");
    background-size: 90pt 15pt;
    background-repeat: no-repeat;
    background-position: 160pt;
}

#marksheet-set-cont {
    position: relative;
    padding: 40px 190px 40px 140px;
    min-height: 1200px;
}

    #marksheet-set-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 190px;
    }

#marksheet-set .cl {
    padding: 10px;
    border: 1px solid #BBB;
    display: table-cell;
    float: none;
}

#marksheet-set .rw .cl:nth-of-type(1) {
    width: 200px;
    border-right: none;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

#marksheet-set .rw .cl:nth-of-type(2) {
    width: 400px;
}

#markshGCAUnitTest {
    width: 900px;
    min-height: 770px;
    border: 1px solid #C7C3C3;
    background: #FFF;
    box-shadow: 0 0 12px 1px #C0C0C0;
    padding: 20px;
    position: relative;
}

    #markshGCAUnitTest .mark-top .mark-hd {
        background-image: url("../images/stu-watermark.png");
        background-repeat: no-repeat;
        height: 85px;
        background-position: 30px 5px;
        background-size: 85px 75px;
    }

        #markshGCAUnitTest .mark-top .mark-hd .rw {
            padding: 5px 5px 5px 5px;
            text-align: center;
        }

    #markshGCAUnitTest .stu-info {
        padding: 40px 5px 10px 25px;
    }

        #markshGCAUnitTest .stu-info .cl {
            padding: 5px 20px;
            text-align: left;
            font-size: 14px;
        }

        #markshGCAUnitTest .stu-info .shd {
            font-weight: bold;
            color: #C5001E;
        }

    #markshGCAUnitTest .GCA-UTHD {
        border: 1px solid #9B9B9B;
        margin: 20px 20px 0px 40px;
        padding: 14px;
        width: 763px;
        text-align: center;
        border-bottom: none;
        font-weight: bold;
        word-spacing: 4px;
        font-size: 15px;
        font-style: italic;
    }

    #markshGCAUnitTest .GCAUT-footer {
        padding: 0px 20px 0 40px;
    }

        #markshGCAUnitTest .GCAUT-footer .rw {
            padding: 10px;
        }

    #markshGCAUnitTest .GCA-UTTitle {
        border: 1px solid #9B9B9B;
        margin: 0 20px 0px 40px;
        padding: 14px;
        width: 763px;
        text-align: center;
        border-bottom: none;
        font-weight: bold;
        word-spacing: 4px;
        font-size: 15px;
        font-style: italic;
    }

    #markshGCAUnitTest .mark-sub-cont {
        padding: 0px 20px 0 40px;
    }

        #markshGCAUnitTest .mark-sub-cont .cl {
            height: 25px;
            line-height: 25px;
            border: 1px solid #9b9b9b;
            border-right: none;
            padding: 0 5px;
            border-bottom: none;
            text-align: left;
            text-align: center;
        }

        #markshGCAUnitTest .mark-sub-cont .rw .cl:nth-of-type(1) {
            width: 180px;
            text-align: left;
            padding-left: 20px;
        }

        #markshGCAUnitTest .mark-sub-cont .rw .cl.mmGCAUT {
            width: 80px;
        }

        #markshGCAUnitTest .mark-sub-cont .rw .cl.egGCAUT {
            width: 80px;
        }

        #markshGCAUnitTest .mark-sub-cont .rw .cl.gtGCAUT {
            width: 100px;
        }

        #markshGCAUnitTest .mark-sub-cont .rw .cl.perGCAUT {
            width: 100px;
            border-right: 1px solid #9B9B9B;
        }

        #markshGCAUnitTest .mark-sub-cont .rw:last-child .cl {
            border-bottom: 1px solid #9B9B9B;
        }

        #markshGCAUnitTest .mark-sub-cont .mark-exhd-GCAUT .cl {
            font-weight: bold;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

            #markshGCAUnitTest .mark-sub-cont .mark-exhd-GCAUT .cl:nth-of-type(1) {
                text-align: center;
            }

        #markshGCAUnitTest .mark-sub-cont .sg-tot-GCAUT .cl {
            font-weight: bold;
        }

            #markshGCAUnitTest .mark-sub-cont .sg-tot-GCAUT .cl:nth-of-type(1) {
                text-align: right;
            }

#markshGCAFinal {
    width: 900px;
    min-height: 770px;
    border: 1px solid #C7C3C3;
    background: #FFF;
    box-shadow: 0 0 12px 1px #C0C0C0;
    padding: 20px;
    position: relative;
}

    #markshGCAFinal .mark-top .mark-hd {
        background-image: url("../images/stu-watermark.png");
        background-repeat: no-repeat;
        height: 85px;
        background-position: 30px 5px;
        background-size: 85px 75px;
    }

        #markshGCAFinal .mark-top .mark-hd .rw {
            padding: 5px 5px 5px 5px;
            text-align: center;
        }

    #markshGCAFinal .stu-info {
        padding: 40px 5px 10px 25px;
    }

        #markshGCAFinal .stu-info .cl {
            padding: 5px 20px;
            text-align: left;
            font-size: 14px;
        }

        #markshGCAFinal .stu-info .shd {
            font-weight: bold;
            color: #C5001E;
        }

    #markshGCAFinal .GCAFinalHD {
        border: 1px solid #9B9B9B;
        margin: 20px 20px 0px 40px;
        padding: 14px;
        width: 763px;
        text-align: center;
        border-bottom: none;
        font-weight: bold;
        word-spacing: 4px;
        font-size: 15px;
        font-style: italic;
    }

    #markshGCAFinal .GCAFinalTitle {
        border: 1px solid #9B9B9B;
        margin: 0 20px 0px 40px;
        padding: 10px 14px;
        width: 763px;
        text-align: center;
        border-bottom: none;
        border-top: none;
        font-weight: bold;
        word-spacing: 4px;
        font-size: 15px;
        font-style: italic;
    }

    #markshGCAFinal .GCAFinalTitleBig {
        border: 1px solid #9B9B9B;
        margin: 0 20px 0px 40px;
        padding: 10px 14px 0px 14px;
        width: 763px;
        text-align: center;
        border-bottom: none;
        font-weight: bold;
        font-size: 31px;
        color: #4C4C4C;
    }

    #markshGCAFinal .mark-sub-cont {
        padding: 0px 0 0 40px;
        width: 550px;
    }

        #markshGCAFinal .mark-sub-cont .cl {
            height: 25px;
            line-height: 25px;
            border: 1px solid #9b9b9b;
            border-right: none;
            padding: 0 5px;
            border-bottom: none;
            text-align: left;
            text-align: center;
        }

        #markshGCAFinal .mark-sub-cont .rw .cl:nth-of-type(1) {
            width: 240px;
            text-align: left;
            padding-left: 30px;
        }

        #markshGCAFinal .mark-sub-cont .rw .cl.mmGCAUT {
            width: 80px;
        }

        #markshGCAFinal .mark-sub-cont .rw .cl.egGCAUT {
            width: 80px;
            border-right: 1px solid #9B9B9B;
        }

        #markshGCAFinal .mark-sub-cont .rw:last-child .cl {
            border-bottom: 1px solid #9B9B9B;
        }

        #markshGCAFinal .mark-sub-cont .mark-exhd-GCAFinal .cl {
            font-weight: bold;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

            #markshGCAFinal .mark-sub-cont .mark-exhd-GCAFinal .cl:nth-of-type(1) {
                text-align: center;
            }

        #markshGCAFinal .mark-sub-cont .sg-tot-GCAUT .cl {
            font-weight: bold;
        }

            #markshGCAFinal .mark-sub-cont .sg-tot-GCAUT .cl:nth-of-type(1) {
                text-align: right;
                padding-right: 20px;
                width: 225px;
            }

    #markshGCAFinal .GCAFinal-footer {
        padding: 0px 0 0 40px;
    }

        #markshGCAFinal .GCAFinal-footer .cl {
            height: 25px;
            line-height: 25px;
            border: 1px solid #9b9b9b;
            border-right: none;
            padding: 0 5px;
            border-bottom: none;
            text-align: left;
            text-align: center;
        }

        #markshGCAFinal .GCAFinal-footer .rw:first-child .cl {
            border-top: none;
        }

        #markshGCAFinal .GCAFinal-footer .rw .cl:nth-of-type(1) {
            width: 240px;
            text-align: left;
            padding-left: 30px;
        }

        #markshGCAFinal .GCAFinal-footer .rw .cl:nth-of-type(2) {
            width: 80px;
        }

        #markshGCAFinal .GCAFinal-footer .rw .cl:nth-of-type(3) {
            width: 80px;
        }

        #markshGCAFinal .GCAFinal-footer .rw .cl:nth-of-type(4) {
            width: 80px;
        }

        #markshGCAFinal .GCAFinal-footer .rw .cl:nth-of-type(5) {
            width: 232px;
            border-right: 1px solid #9B9B9B;
        }

        #markshGCAFinal .GCAFinal-footer .rw:last-child .cl {
            border-bottom: 1px solid #9b9b9b;
        }

    #markshGCAFinal .annual-report-GCAFinal {
        border: 1px solid #9B9B9B;
        position: absolute;
        top: 160px;
        left: 30px;
        width: 160px;
    }

        #markshGCAFinal .annual-report-GCAFinal .hd {
            border-bottom: 1px solid #9b9b9b;
            font-weight: bold;
            padding: 10px;
            text-align: center;
        }

        #markshGCAFinal .annual-report-GCAFinal .rws {
            padding: 8px 10px;
            text-align: center;
        }

    #markshGCAFinal .rem-GCAFinal {
        padding: 10px 10px 10px 80px;
        position: absolute;
        bottom: 0;
        left: 0px;
        width: 160px;
    }

#markshGCAHY {
    width: 900px;
    min-height: 770px;
    border: 1px solid #C7C3C3;
    background: #FFF;
    box-shadow: 0 0 12px 1px #C0C0C0;
    padding: 20px;
    position: relative;
}

    #markshGCAHY .mark-top .mark-hd {
        background-image: url("../images/stu-watermark.png");
        background-repeat: no-repeat;
        height: 85px;
        background-position: 30px 5px;
        background-size: 85px 75px;
    }

        #markshGCAHY .mark-top .mark-hd .rw {
            padding: 5px 5px 5px 5px;
            text-align: center;
        }

    #markshGCAHY .stu-info {
        padding: 40px 5px 10px 25px;
    }

        #markshGCAHY .stu-info .cl {
            padding: 5px 20px;
            text-align: left;
            font-size: 14px;
        }

        #markshGCAHY .stu-info .shd {
            font-weight: bold;
            color: #C5001E;
        }

    #markshGCAHY .GCAHYHD {
        border: 1px solid #9B9B9B;
        margin: 20px 20px 0px 40px;
        padding: 14px;
        width: 763px;
        text-align: center;
        border-bottom: none;
        font-weight: bold;
        word-spacing: 4px;
        font-size: 15px;
        font-style: italic;
    }

    #markshGCAHY .GCAHYTitle {
        border: 1px solid #9B9B9B;
        margin: 0 20px 0px 40px;
        padding: 10px 14px;
        width: 763px;
        text-align: center;
        border-bottom: none;
        border-top: none;
        font-weight: bold;
        word-spacing: 4px;
        font-size: 15px;
        font-style: italic;
    }

    #markshGCAHY .GCAHYTitleBig {
        border: 1px solid #9B9B9B;
        margin: 0 20px 0px 40px;
        padding: 10px 14px 0px 14px;
        width: 763px;
        text-align: center;
        border-bottom: none;
        font-weight: bold;
        font-size: 31px;
        color: #4C4C4C;
    }

    #markshGCAHY .mark-sub-cont {
        padding: 0px 0 0 40px;
        width: 550px;
    }

        #markshGCAHY .mark-sub-cont .cl {
            height: 25px;
            line-height: 25px;
            border: 1px solid #9b9b9b;
            border-right: none;
            padding: 0 5px;
            border-bottom: none;
            text-align: left;
            text-align: center;
        }

        #markshGCAHY .mark-sub-cont .rw .cl:nth-of-type(1) {
            width: 240px;
            text-align: left;
            padding-left: 30px;
        }

        #markshGCAHY .mark-sub-cont .rw .cl.mmGCAUT {
            width: 80px;
        }

        #markshGCAHY .mark-sub-cont .rw .cl.egGCAUT {
            width: 80px;
            border-right: 1px solid #9B9B9B;
        }

        #markshGCAHY .mark-sub-cont .rw:last-child .cl {
            border-bottom: 1px solid #9B9B9B;
        }

        #markshGCAHY .mark-sub-cont .mark-exhd-GCAHY .cl {
            font-weight: bold;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

            #markshGCAHY .mark-sub-cont .mark-exhd-GCAHY .cl:nth-of-type(1) {
                text-align: center;
            }

        #markshGCAHY .mark-sub-cont .sg-tot-GCAUT .cl {
            font-weight: bold;
        }

            #markshGCAHY .mark-sub-cont .sg-tot-GCAUT .cl:nth-of-type(1) {
                text-align: right;
                padding-right: 20px;
                width: 225px;
            }

    #markshGCAHY .GCAHY-footer {
        padding: 0px 0 0 40px;
    }

        #markshGCAHY .GCAHY-footer .cl {
            height: 25px;
            line-height: 25px;
            border: 1px solid #9b9b9b;
            border-right: none;
            padding: 0 5px;
            border-bottom: none;
            text-align: left;
            text-align: center;
        }

        #markshGCAHY .GCAHY-footer .rw:first-child .cl {
            border-top: none;
        }

        #markshGCAHY .GCAHY-footer .rw .cl:nth-of-type(1) {
            width: 240px;
            text-align: left;
            padding-left: 30px;
        }

        #markshGCAHY .GCAHY-footer .rw .cl:nth-of-type(2) {
            width: 80px;
        }

        #markshGCAHY .GCAHY-footer .rw .cl:nth-of-type(3) {
            width: 80px;
        }

        #markshGCAHY .GCAHY-footer .rw .cl:nth-of-type(4) {
            width: 80px;
        }

        #markshGCAHY .GCAHY-footer .rw .cl:nth-of-type(5) {
            width: 232px;
            border-right: 1px solid #9B9B9B;
        }

        #markshGCAHY .GCAHY-footer .rw:last-child .cl {
            border-bottom: 1px solid #9b9b9b;
        }

    #markshGCAHY .annual-report-GCAHY {
        border: 1px solid #9B9B9B;
        position: absolute;
        top: 160px;
        left: 30px;
        width: 160px;
    }

        #markshGCAHY .annual-report-GCAHY .hd {
            border-bottom: 1px solid #9b9b9b;
            font-weight: bold;
            padding: 10px;
            text-align: center;
        }

        #markshGCAHY .annual-report-GCAHY .rws {
            padding: 8px 10px;
            text-align: center;
        }

    #markshGCAHY .rem-GCAHY {
        padding: 10px 10px 10px 80px;
        position: absolute;
        bottom: 0;
        left: 0px;
        width: 160px;
    }

.tt-menu-group {
    position: relative;
    margin: 20px 0 0 0;
    padding: 10px 10px 10px 80px;
}

    .tt-menu-group .rw {
        margin-bottom: 10px;
    }

        .tt-menu-group .rw .cl {
            padding: 20px 40px 20px 25px;
        }

            .tt-menu-group .rw .cl:nth-of-type(1) {
                width: 295px;
            }

            .tt-menu-group .rw .cl:nth-of-type(2) {
                width: 295px;
            }

            .tt-menu-group .rw .cl:nth-of-type(3) {
                width: 295px;
            }

    .tt-menu-group .title a {
        color: #E70A36;
        text-decoration: none;
        font-size: 14px;
        text-shadow: 0 0 0px #CE0000;
    }

        .tt-menu-group .title a:hover {
            text-decoration: underline;
        }

    .tt-menu-group .description {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .tt-menu-group .menu-ht {
        position: absolute;
        top: -13px;
        left: 50px;
        background: linear-gradient(#ffffff,#ffffff);
        padding: 5px;
        border-radius: 1px;
        border: 1px solid #C7C6C6;
        font-weight: bold;
        z-index: 1;
    }

    .tt-menu-group .menu-ln {
        width: 350px;
        height: 1px;
        border-top: 1px solid #C7C6C6;
        position: absolute;
        top: -1px;
        left: 95px;
        z-index: 0;
    }

#ttDef {
    padding: 40px 140px 40px 190px;
}

#createWD {
    padding: 40px 190px;
    position: relative;
}

    #createWD .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

    #createWD .top {
        padding: 20px 20px 20px 260px;
    }

    #createWD table tr td:nth-of-type(1) {
        padding: 10px 100px;
        width: 350px;
    }

    #createWD table tr td:nth-of-type(2) {
        padding: 5px 50px;
        width: 250px;
    }

#createTT {
    padding: 40px 190px;
    position: relative;
}

    #createTT .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

#classTimings {
    padding: 40px 190px;
    position: relative;
}

    #classTimings .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

    #classTimings .top {
        padding: 20px 20px 20px 260px;
    }

    #classTimings tr td:nth-of-type(1) {
        width: 160px;
    }

    #classTimings tr td:nth-of-type(2) {
        width: 180px;
    }

    #classTimings tr td:nth-of-type(3) {
        width: 180px;
    }

    #classTimings tr td:nth-of-type(4) {
        width: 180px;
    }

    #classTimings .ct-break {
        color: #F00;
    }

        #classTimings .ct-break td {
            background: linear-gradient(#ffffff,#ffffff);
            height: 35px;
            font-weight: bold;
            border: 1px double #FFC5C5;
        }

#NewClassTiming {
    display: none;
    width: 500px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #NewClassTiming h1:first-child {
        margin-bottom: 10px;
    }

    #NewClassTiming select {
        width: 80px;
    }

    #NewClassTiming tr td:nth-of-type(1) {
        width: 200px;
        font-weight: 600;
        padding: 20px;
    }

    #NewClassTiming tr td:nth-of-type(2) {
        width: 180px;
        padding: 2px 10px;
    }

#EditClassTiming {
    display: none;
    width: 440px;
    height: 440px;
    padding: 20px;
    border-radius: 5px;
}

    #EditClassTiming h1:first-child {
        margin-bottom: 10px;
    }

    #EditClassTiming select {
        width: 80px;
    }

    #EditClassTiming tr td:nth-of-type(1) {
        width: 140px;
        font-weight: 600;
        padding: 20px;
    }

    #EditClassTiming tr td:nth-of-type(2) {
        width: 200px;
        padding: 2px 10px;
    }

#editTT {
    padding: 40px 190px;
    position: relative;
}

    #editTT .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

    #editTT .top {
        padding: 20px 20px 20px 260px;
    }

    #editTT a {
        font-size: 14px;
    }

    #editTT table tr td:nth-of-type(1) {
        width: 50px;
    }

    #editTT table tr td:nth-of-type(2) {
        width: 450px;
    }

        #editTT table tr td:nth-of-type(2) a {
            color: #F41731;
            text-shadow: 0 0 1px #FFF;
            font-weight: bold;
        }

    #editTT table tr td:nth-of-type(3) {
        width: 100px;
    }

#viewTT {
    padding: 40px 190px;
    position: relative;
}

    #viewTT .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

    #viewTT .top {
        padding: 20px 20px 20px 130px;
    }

#updateTT {
    padding: 40px 190px;
    position: relative;
}

    #updateTT .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

#editTTE {
    padding: 40px 190px;
    position: relative;
}

    #editTTE .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

    #editTTE .top {
        padding: 20px 20px 20px 150px;
    }

#editTTECont {
    min-height: 1200px;
}

#tt-cont {
    margin: 0 0 0 30px;
    overflow: overlay;
    position: relative;
    padding: 10px 10px 10px 50px;
    height: 440px;
    width: 1200px;
}

    #tt-cont table tr td:nth-of-type(1) {
        max-width: 120px;
        font-weight: bold;
        color: #444;
        padding: 20px;
    }

    #tt-cont table td {
        min-width: 200px;
    }

    #tt-cont table tr td:nth-of-type(1) {
        max-width: 120px;
        color: #A8380F;
    }

    #tt-cont table tr:nth-of-type(1) td {
        font-size: 10px;
        font-weight: bold;
        padding: 20px 5px;
        text-align: center;
        color: #A8380F;
    }

    #tt-cont table .tc {
        text-align: center;
        position: relative;
    }

    #tt-cont .subemp {
        color: #F00;
        padding: 8px 10px;
        font-size: 11px;
    }

    #tt-cont .per {
        color: #068C87;
    }

    #tt-cont .tc.rec-cont {
        background: #FFF !important;
    }

#tt-emplist {
    width: 443px;
}

    #tt-emplist .cl {
        height: 16px;
    }

    #tt-emplist .rw .cl:nth-of-type(1) {
        width: 100px;
        font-weight: bold;
        color: #454545;
        padding: 10px 10px 10px 10px;
    }

    #tt-emplist .rw .cl:nth-of-type(2) {
        width: 300px;
        padding: 10px 10px 10px 10px;
    }

#work-allot-cont {
    padding: 40px 190px;
    position: relative;
}

    #work-allot-cont .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

    #work-allot-cont .top {
        padding: 20px 20px 20px 150px;
    }

#work-allot {
    margin: 30px 10px 10px 150px;
    border: 1px solid #EDEDED;
    padding: 20px;
    background: #FFF;
    width: 960px;
}

    #work-allot .fc {
        font-weight: bold;
        width: 460px;
        padding: 10px 2px;
        margin-top: 18px;
        text-align: center;
        color: #935B10;
        font-size: 18px;
    }

    #work-allot .fc2 {
        font-weight: bold;
        width: 460px;
        padding: 20px 20px;
        margin-top: 18px;
        font-size: 14px;
        color: #F00;
    }

    #work-allot .cl {
        height: 28px;
    }

    #work-allot .rw .cl:nth-of-type(1) {
        width: 150px;
        font-weight: bold;
        color: #454545;
        padding: 17px 10px 3px 10px;
    }

    #work-allot .rw .cl:nth-of-type(2) {
        width: 300px;
        padding: 10px 10px 10px 10px;
    }

        #work-allot .rw .cl:nth-of-type(2) select {
            min-width: 200px;
        }

    #work-allot .rw .cl:nth-of-type(3) {
        width: 400px;
        padding: 10px 10px 10px 10px;
    }

    #work-allot .work-cs {
        border: 1px solid #C7C7C7;
        padding: 20px;
        border-bottom: none;
    }

    #work-allot .work-bt .rw .cl:first-child {
        border-left: 1px solid #938383;
    }

    #work-allot .work-bt .cl {
        background: rgba(8,180,255,0.28);
        border-right: 1px solid #938383;
        border-bottom: 1px solid #938383;
    }

    #work-allot .work-bt .rw:nth-of-type(odd) .cl {
        background: rgba(186,171,23,0.43);
    }

    #work-allot .work-bt .rw:nth-of-type(2) .cl {
        border-top: 1px solid #938383;
    }

    #work-allot .work-bt .rw .cl:nth-of-type(3) a {
        text-decoration: none;
        color: #F40;
        font-weight: bold;
    }

        #work-allot .work-bt .rw .cl:nth-of-type(3) a:hover {
            text-decoration: underline;
        }

    #work-allot .work-cs:last-child {
        border-bottom: 1px solid #C7C7C7;
    }

#teachers-tt-cont {
    padding: 40px 190px;
    position: relative;
}

    #teachers-tt-cont .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

    #teachers-tt-cont .top {
        padding: 20px 20px 20px 150px;
    }

#subList {
    margin: 50px 10px 10px 90px;
}

.subject {
    padding: 20px 5px;
    height: 50px;
    cursor: pointer;
}

.sub {
    padding: 10px 15px;
    min-width: 50px;
    border-radius: 5px;
    color: #FFF;
    border: 1px solid #16ADBA;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #abe9f7), color-stop(100%, #32bff2));
    background-image: -webkit-linear-gradient(#abe9f7,#32bff2);
    background-image: -moz-linear-gradient(#abe9f7,#32bff2);
    background-image: -o-linear-gradient(#abe9f7,#32bff2);
    background-image: linear-gradient(#abe9f7,#32bff2);
    margin-left: 10px;
    margin-top: 10px;
    cursor: pointer;
}

    .sub:hover {
        box-shadow: 0 0 1px 1px #EDEDED;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #21bce0), color-stop(100%, #32bff2));
        background-image: -webkit-linear-gradient(#21bce0,#32bff2);
        background-image: -moz-linear-gradient(#21bce0,#32bff2);
        background-image: -o-linear-gradient(#21bce0,#32bff2);
        background-image: linear-gradient(#21bce0,#32bff2);
    }

.sub-hlt {
    border: 1px solid #FF0;
    background: #FCF9C7;
}

.cross {
    border: 1px solid #000;
    border-radius: 20px;
    position: absolute;
    cursor: pointer;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    zoom: 0.5;
    z-index: 1000;
    background: url(../images/ds/icons/close.png) no-repeat 11px 11px;
}

.dayOfWeek {
    cursor: pointer;
}

#vtt-cont {
    overflow: overlay;
    position: relative;
}

    #vtt-cont table tr td:nth-of-type(1) {
        width: 100px;
        font-weight: bold;
        color: #A8380F;
        padding: 20px;
    }

    #vtt-cont table tr td {
        min-width: 200px;
    }

    #vtt-cont table tr:nth-of-type(1) td {
        color: #A8380F;
        font-size: 10px;
        font-weight: bold;
        padding: 20px 12px;
        text-align: center;
        font-size: 14px;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
        background: -webkit-linear-gradient(#fafafa,#e8e8e8);
        background: -moz-linear-gradient(#fafafa,#e8e8e8);
        background: -o-linear-gradient(#fafafa,#e8e8e8);
        background: linear-gradient(#fafafa,#e8e8e8);
    }

    #vtt-cont table tr td:nth-of-type(1) {
        max-width: 120px;
    }

    #vtt-cont table .tc {
        text-align: center;
        position: relative;
    }

    #vtt-cont .subemp {
        color: #F00;
        padding: 8px 10px;
        font-size: 11px;
    }

    #vtt-cont .per {
        color: #068C87;
    }

    #vtt-cont .tc.rec-cont {
        background: #FFF !important;
    }

#ts-allot-cont {
    padding: 40px 190px;
    position: relative;
}

    #ts-allot-cont .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

    #ts-allot-cont .top {
        padding: 20px 20px 20px 150px;
    }

#ts-allot {
    margin: 10px 10px 10px 200px;
    border: 1px solid #EDEDED;
    padding: 20px;
    background: #FFF;
    width: 940px;
}

    #ts-allot .cl {
        height: 30px;
        padding: 10px;
        display: table-cell;
        float: none;
    }

    #ts-allot .rw .cl:nth-of-type(1) {
        min-width: 60px;
        max-width: 60px;
        font-weight: bold;
        color: #454545;
        vertical-align: middle;
    }

    #ts-allot .rw .cl:nth-of-type(2) {
        min-width: 290px;
        max-width: 290px;
        vertical-align: middle;
    }

    #ts-allot .rw .cl:nth-of-type(3) {
        min-width: 160px;
        max-width: 160px;
        vertical-align: middle;
    }

    #ts-allot .rw .cl:nth-of-type(4) {
        min-width: 390px;
        max-width: 390px;
    }

    #ts-allot .esg .cls {
        height: 35px;
    }

    #ts-allot .esg .rws .cls:nth-of-type(1) {
        min-width: 90px;
        max-width: 90px;
        padding: 10px;
    }

    #ts-allot .esg .rws .cls:nth-of-type(2) {
        min-width: 200px;
        max-width: 200px;
        padding: 5px;
    }

.ts-cgt {
    color: #F75400;
    font-weight: bold;
    margin: 35px 10px 10px 210px;
    padding: 20px;
    width: 790px;
    font-size: 15px;
}

#gen-tt-cont {
    padding: 40px 190px;
    position: relative;
}

    #gen-tt-cont .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

    #gen-tt-cont .top {
        padding: 20px 20px 20px 150px;
    }

#gen-tt {
    margin: 0 0 0 30px;
    overflow: overlay;
    position: relative;
    padding: 10px 10px 10px 50px;
    min-height: 460px;
    width: 1260px;
}

    #gen-tt table tr td:nth-of-type(1) {
        width: 140px;
        font-weight: bold;
        color: #444;
        padding: 20px;
    }

    #gen-tt table td {
        min-width: 160px;
    }

    #gen-tt table tr td:nth-of-type(1) {
        max-width: 100px;
        color: #A8380F;
    }

    #gen-tt table tr:nth-of-type(1) td {
        font-size: 10px;
        font-weight: bold;
        padding: 20px 5px;
        text-align: center;
        color: #A8380F;
        font-size: 12px;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
        background: -webkit-linear-gradient(#fafafa,#e8e8e8);
        background: -moz-linear-gradient(#fafafa,#e8e8e8);
        background: -o-linear-gradient(#fafafa,#e8e8e8);
        background: linear-gradient(#fafafa,#e8e8e8);
    }

    #gen-tt table .tc {
        text-align: center;
        position: relative;
    }

    #gen-tt .per {
        color: #068C87;
    }

    #gen-tt .subemp {
        color: #F00;
        padding: 8px 10px;
        font-size: 11px;
    }

#view-ttt-cont {
    padding: 40px 190px;
    position: relative;
}

    #view-ttt-cont .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

    #view-ttt-cont .top {
        padding: 20px 20px 20px 150px;
    }

#view-ttt {
    margin: 10px 10px 10px 210px;
    width: 940px;
}

    #view-ttt .cl {
        height: 30px;
        display: table-cell;
        float: none;
    }

    #view-ttt .rw .cl:nth-of-type(1) {
        width: 120px;
        padding: 10px 10px;
        font-weight: bold;
        vertical-align: middle;
    }

    #view-ttt .rw .cl:nth-of-type(2) {
        width: 820px;
        border: none;
    }

    #view-ttt .cls {
        padding: 15px 10px;
        height: 35px;
        border-bottom: 1px solid #DDD;
        border-right: 1px solid #DDD;
    }

        #view-ttt .cls:nth-of-type(1) {
            width: 320px;
        }

        #view-ttt .cls:nth-of-type(2) {
            width: 250px;
        }

        #view-ttt .cls:nth-of-type(3) {
            width: 250px;
        }

    #view-ttt .bt {
        color: red;
    }

    #view-ttt .ct {
        color: #626262;
        font-weight: bold;
    }

    #view-ttt .sb {
        color: #119086;
        font-weight: bold;
    }

    #view-ttt .rw:nth-of-type(1) .cl {
        background: #F7F7F7 !important;
        padding: 0;
    }

        #view-ttt .rw:nth-of-type(1) .cl:nth-of-type(1) {
            padding: 10px 10px;
            color: #F44336;
        }

        #view-ttt .rw:nth-of-type(1) .cl:nth-of-type(2) {
            width: 820px;
            text-align: center;
            vertical-align: middle;
        }

            #view-ttt .rw:nth-of-type(1) .cl:nth-of-type(2) .fr {
                padding: 14px 0;
                border-top: 1px solid #DDD;
                border-right: 1px solid #DDD;
            }

            #view-ttt .rw:nth-of-type(1) .cl:nth-of-type(2) .sec {
                border-top: 1px solid #DDD;
            }

            #view-ttt .rw:nth-of-type(1) .cl:nth-of-type(2) .cls {
                padding: 10px 10px;
            }

                #view-ttt .rw:nth-of-type(1) .cl:nth-of-type(2) .cls:nth-of-type(1) {
                    border-right: 1px solid #DDD;
                    width: 320px;
                }

                #view-ttt .rw:nth-of-type(1) .cl:nth-of-type(2) .cls:nth-of-type(2) {
                    border-right: 1px solid #DDD;
                    width: 250px;
                }

#batch-ct-cont {
    padding: 40px 100px;
    position: relative;
}

    #batch-ct-cont .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

    #batch-ct-cont .top {
        padding: 20px 20px 20px 150px;
    }

.teach {
    padding: 10px 15px;
    min-width: 80px;
    border-radius: 5px;
    color: #FFF;
    border: 1px solid #16ADBA;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #abe9f7), color-stop(100%, #32bff2));
    background-image: -webkit-linear-gradient(#abe9f7,#32bff2);
    background-image: -moz-linear-gradient(#abe9f7,#32bff2);
    background-image: -o-linear-gradient(#abe9f7,#32bff2);
    background-image: linear-gradient(#abe9f7,#32bff2);
    margin-left: 10px;
    cursor: move;
    width: 140px;
    margin: 6px;
}

    .teach:hover {
        box-shadow: 0 0 1px 1px #EDEDED;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #21bce0), color-stop(100%, #32bff2));
        background-image: -webkit-linear-gradient(#21bce0,#32bff2);
        background-image: -moz-linear-gradient(#21bce0,#32bff2);
        background-image: -o-linear-gradient(#21bce0,#32bff2);
        background-image: linear-gradient(#21bce0,#32bff2);
    }

.bct-first .cl {
    height: 30px;
    padding: 10px 20px;
}

.bct-first .rw .cl:nth-of-type(1) {
    width: 120px;
}

.bct-first .rw .cl:nth-of-type(2) {
    width: 70px;
}

.bct-first .rw .cl:nth-of-type(3) {
    width: 115px;
}

.bct-first .rw .cl:nth-of-type(4) {
    width: 250px;
}

.bct-cont {
    background: #FFF;
}

    .bct-cont .odd-bg .cls {
        background: #F7F7F7;
    }

    .bct-cont .cl {
        height: 30px;
        display: table-cell;
        float: none;
    }

    .bct-cont .rw .cl:nth-of-type(1) {
        max-width: 120px;
        min-width: 120px;
        padding: 10px 20px;
        border: 1px solid #ddd;
        border-top: none;
        text-align: center;
        vertical-align: middle;
    }

    .bct-cont .rw .cl:nth-of-type(2) {
        width: 410px;
        padding: 0px;
        border: 1px solid #ddd;
        border-top: none;
        border-left: none;
    }

    .bct-cont .bct .cls {
        height: 50px;
        display: table-cell;
        float: none;
    }

    .bct-cont .bct .rws .cls:nth-of-type(1) {
        max-width: 70px;
        min-width: 70px;
        padding: 20px;
        border-bottom: 1px solid #ddd;
    }

    .bct-cont .bct .rws .cls:nth-of-type(2) {
        max-width: 115px;
        min-width: 115px;
        font-weight: bold;
        color: #F00;
        padding: 20px;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }

    .bct-cont .bct .rws .cls:nth-of-type(3) {
        max-width: 250px;
        min-width: 250px;
        padding: 20px;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .bct-cont .bct .rws:last-child .cls {
        border-bottom: none;
    }

    .bct-cont .bct .empd {
        position: relative;
    }

    .bct-cont .bct .cross-bct {
        border: 1px solid #000;
        border-radius: 20px;
        position: absolute;
        cursor: pointer;
        top: 0px;
        right: 0px;
        width: 40px;
        height: 40px;
        zoom: 0.5;
        z-index: 1000;
        background: url(../images/ds/icons/close.png) no-repeat 13px 12px;
    }

.teach-nm {
    padding: 10px 15px;
    min-width: 50px;
    border-radius: 5px;
    color: #242424;
    border: 1px solid #B2B2B2;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea), color-stop(100%, #aeaeae));
    background-image: -webkit-linear-gradient(#eaeaea,#aeaeae);
    background-image: -moz-linear-gradient(#eaeaea,#aeaeae);
    background-image: -o-linear-gradient(#eaeaea,#aeaeae);
    background-image: linear-gradient(#eaeaea,#aeaeae);
    margin-left: 10px;
    cursor: not-allowed;
    width: 110px;
    margin: 6px;
}

    .teach-nm:hover {
        box-shadow: 0 0 1px 1px #EDEDED;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d8d8d8), color-stop(100%, #a19d9d));
        background-image: -webkit-linear-gradient(#d8d8d8,#a19d9d);
        background-image: -moz-linear-gradient(#d8d8d8,#a19d9d);
        background-image: -o-linear-gradient(#d8d8d8,#a19d9d);
        background-image: linear-gradient(#d8d8d8,#a19d9d);
    }

.depList .dt {
    padding: 10px 15px;
    color: #2D2D2D;
    font-weight: bold;
}

.tcdrag.teach.ui-draggable {
    z-index: 1000;
}

.menu-sub-group {
    position: relative;
    margin: 40px 0 0 0;
    border: 1px solid #C7C6C6;
    background: #FFF;
    border-radius: 10px;
    padding: 40px 10px;
}

    .menu-sub-group .title a {
        color: #009FC5 !important;
    }

.create-book h1:first-child {
    margin-bottom: 8px;
}

.book-details {
    border: solid 1px #B9C4CF;
    padding: 20px;
    height: 360px;
    width: 760px;
    background: #FCFCFC;
    margin: 20px 0px 0px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    .book-details .rw .cl:nth-of-type(1) {
        padding: 16px 10px;
        width: 130px;
    }

    .book-details .rw .cl:nth-of-type(2) {
        padding: 2px 10px;
        width: 250px;
    }

    .book-details p.ins {
        padding: 16px 0;
        margin-left: 10px;
        font-style: italic;
    }

    .book-details .rw.last .btn {
        margin: 20px 16px 16px 160px;
    }

.list-books-container h1:first-child {
    margin-bottom: 8px;
}

.list-books-container .top-header {
    padding: 3px 0 3px 180px;
}

.list-books-container .book-list {
    padding: 20px 5px 0 5px;
}

    .list-books-container .book-list a {
        color: #F60;
        cursor: pointer;
        text-decoration: none;
    }

        .list-books-container .book-list a:hover {
            text-decoration: underline;
        }

    .list-books-container .book-list .rw {
        width: 800px;
        border-left: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        background: #FFF;
    }

    .list-books-container .book-list .cl {
        border-right: 1px solid #DDD;
    }

    .list-books-container .book-list .rw:first-child .cl {
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
        background-image: -webkit-linear-gradient(#fafafa,#e8e8e8);
        background-image: -moz-linear-gradient(#fafafa,#e8e8e8);
        background-image: -o-linear-gradient(#fafafa,#e8e8e8);
        background-image: linear-gradient(#fafafa,#e8e8e8);
        padding: 10px;
        color: #666;
        text-shadow: 1px 1px rgba(255,255,255,0.8);
        font-weight: bold;
        border-bottom: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

    .list-books-container .book-list .rw .cl:nth-of-type(1) {
        width: 200px;
    }

    .list-books-container .book-list .rw .cl:nth-of-type(2) {
        width: 100px;
    }

    .list-books-container .book-list .rw .cl:nth-of-type(3) {
        width: 64px;
    }

    .list-books-container .book-list .rw .cl:nth-of-type(4) {
        width: 110px;
    }

    .list-books-container .book-list .rw .cl:nth-of-type(5) {
        width: 120px;
    }

    .list-books-container .book-list .rw .cl:nth-of-type(6) {
        width: 80px;
    }

    .list-books-container .book-list .rw:not(first-child) .cl {
        padding: 8px 10px;
    }

    .list-books-container .book-list .rw:nth-of-type(odd) {
        background: #F7F7F7;
    }

.list-books-container .pager .rw {
    width: 800px !important;
}

#edit-book {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #edit-book h1:first-child {
        margin-bottom: 10px;
    }

    #edit-book .line {
        width: 450px;
    }

    #edit-book #lErrPay {
        color: red;
    }

    #edit-book .cl {
        padding: 10px 5px;
    }

    #edit-book .rw .cl:nth-of-type(1) {
        width: 120px;
        font-weight: bold;
    }

    #edit-book .rw .cl:nth-of-type(2) {
        width: 120px;
    }

    #edit-book .rw .cl:nth-of-type(3) {
        width: 100px;
        font-weight: bold;
    }

    #edit-book .rw .cl:nth-of-type(4) {
        width: 100px;
    }

#new-subject {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #new-subject h1:first-child {
        margin-bottom: 10px;
    }

    #new-subject .line {
        width: 450px;
    }

    #new-subject #lErrPay {
        color: red;
    }

    #new-subject .cl {
        padding: 10px 5px;
    }

    #new-subject .rw .cl:nth-of-type(1) {
        width: 120px;
        font-weight: bold;
    }

    #new-subject .rw .cl:nth-of-type(2) {
        width: 250px;
    }

.book-subjects {
    position: relative;
}

    .book-subjects h1:first-child {
        margin-bottom: 8px;
    }

    .book-subjects .book-subject-list {
        padding: 20px 5px 0 5px;
        margin: 20px 0 0 0px;
    }

        .book-subjects .book-subject-list a {
            color: #F60;
            cursor: pointer;
            text-decoration: none;
        }

            .book-subjects .book-subject-list a:hover {
                text-decoration: underline;
            }

        .book-subjects .book-subject-list .rw {
            width: 600px;
            border-left: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            background: #FFF;
        }

        .book-subjects .book-subject-list .cl {
            border-right: 1px solid #ddd;
        }

        .book-subjects .book-subject-list .rw:first-child .cl {
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
            background-image: -webkit-linear-gradient(#fafafa,#e8e8e8);
            background-image: -moz-linear-gradient(#fafafa,#e8e8e8);
            background-image: -o-linear-gradient(#fafafa,#e8e8e8);
            background-image: linear-gradient(#fafafa,#e8e8e8);
            padding: 10px;
            color: #666;
            text-shadow: 1px 1px rgba(255,255,255,0.8);
            font-weight: bold;
            border-bottom: 1px solid #ddd;
            border-top: 1px solid #ddd;
        }

        .book-subjects .book-subject-list .rw .cl:nth-of-type(1) {
            width: 75px;
        }

        .book-subjects .book-subject-list .rw .cl:nth-of-type(2) {
            width: 200px;
        }

        .book-subjects .book-subject-list .rw .cl:nth-of-type(3) {
            width: 260px;
        }

        .book-subjects .book-subject-list .rw:not(first-child) .cl {
            padding: 8px 10px;
        }

        .book-subjects .book-subject-list .rw:nth-of-type(odd) {
            background: #F7F7F7;
        }

    .book-subjects .pager .rw {
        width: 600px !important;
    }

    .book-subjects .btn-top {
        position: absolute;
        top: 40px;
        right: 290px;
    }

#edit-subject {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #edit-subject h1:first-child {
        margin-bottom: 10px;
    }

    #edit-subject .line {
        width: 450px;
    }

    #edit-subject #lErrPay2 {
        color: red;
    }

    #edit-subject .cl {
        padding: 10px 5px;
    }

    #edit-subject .rw .cl:nth-of-type(1) {
        width: 120px;
        font-weight: bold;
    }

    #edit-subject .rw .cl:nth-of-type(2) {
        width: 250px;
    }

#remove-subject {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #remove-subject .cl {
        padding: 10px 5px;
    }

    #remove-subject .rw .cl:nth-of-type(1) {
        width: 450px;
        font-weight: bold;
    }

    #remove-subject .rw:last-child {
        margin-top: 10px;
    }

#remove-book {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #remove-book .cl {
        padding: 10px 5px;
    }

    #remove-book .rw .cl:nth-of-type(1) {
        width: 150px;
        font-weight: bold;
    }

    #remove-book .rw .cl:nth-of-type(2) {
        width: 200px;
    }

    #remove-book .rw:last-child {
        margin-top: 10px;
    }

.book-default-container .box3 {
    margin-left: 16px;
    width: 260px;
}

.book-list-container {
    padding: 10px 0 0 0;
}

.book-list-default {
    padding: 20px 5px 0 5px;
}

    .book-list-default a {
        color: #F60;
        text-decoration: none;
    }

        .book-list-default a:hover {
            text-decoration: underline;
        }

    .book-list-default .rw {
        width: 610px;
        border-left: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }

    .book-list-default .cl {
        border-right: 1px solid #DDD;
        height: 12px;
    }

    .book-list-default .rw:first-child .cl {
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
        background-image: -webkit-linear-gradient(#fafafa,#e8e8e8);
        background-image: -moz-linear-gradient(#fafafa,#e8e8e8);
        background-image: -o-linear-gradient(#fafafa,#e8e8e8);
        background-image: linear-gradient(#fafafa,#e8e8e8);
        padding: 10px;
        color: #666;
        text-shadow: 1px 1px rgba(255,255,255,0.8);
        font-weight: bold;
        border-bottom: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

    .book-list-default .rw .cl:nth-of-type(1) {
        width: 170px;
    }

    .book-list-default .rw .cl:nth-of-type(2) {
        width: 150px;
    }

    .book-list-default .rw .cl:nth-of-type(3) {
        width: 120px;
    }

    .book-list-default .rw .cl:nth-of-type(4) {
        width: 85px;
    }

    .book-list-default .rw:not(first-child) .cl {
        padding: 8px 10px;
    }

    .book-list-default .rw:nth-of-type(odd) {
        background: #F7F7F7;
    }

    .book-list-default .rw:hover {
        background: none !important;
    }

.err-container {
    padding: 5px 0;
}

.err {
    color: #F00;
}

.book-list-container .book-list {
    padding: 20px 5px 0 5px;
}

    .book-list-container .book-list a {
        color: #F60;
        cursor: pointer;
        text-decoration: none;
    }

        .book-list-container .book-list a:hover {
            text-decoration: underline;
        }

    .book-list-container .book-list .rw {
        width: 800px;
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }

        .book-list-container .book-list .rw:first-child .cl {
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
            background-image: -webkit-linear-gradient(#fafafa,#e8e8e8);
            background-image: -moz-linear-gradient(#fafafa,#e8e8e8);
            background-image: -o-linear-gradient(#fafafa,#e8e8e8);
            background-image: linear-gradient(#fafafa,#e8e8e8);
            padding: 10px;
            color: #666;
            text-shadow: 1px 1px rgba(255,255,255,0.8);
            font-weight: bold;
            border-bottom: 1px solid #DDD;
            border-top: 1px solid #DDD;
        }

        .book-list-container .book-list .rw .cl:nth-of-type(1) {
            width: 200px;
        }

        .book-list-container .book-list .rw .cl:nth-of-type(2) {
            width: 100px;
        }

        .book-list-container .book-list .rw .cl:nth-of-type(3) {
            width: 70px;
        }

        .book-list-container .book-list .rw .cl:nth-of-type(4) {
            width: 110px;
        }

        .book-list-container .book-list .rw .cl:nth-of-type(5) {
            width: 120px;
        }

        .book-list-container .book-list .rw .cl:nth-of-type(6) {
            width: 80px;
        }

        .book-list-container .book-list .rw:not(first-child) .cl {
            padding: 8px 10px;
        }

        .book-list-container .book-list .rw:nth-of-type(odd) {
            background: #F7F7F7;
        }

.book-list-container input[type='checkbox'] {
    margin-left: 16px;
}

.book-list-container .emptyrw {
    padding: 10px 0;
}

.book-list-container .toprw {
    padding: 20px 5px 0 5px;
}

    .book-list-container .toprw .cl {
        padding: 5px;
    }

        .book-list-container .toprw .cl:first-of-type {
            font-weight: bold;
        }

        .book-list-container .toprw .cl:nth-of-type(2) {
            color: #FF3D00;
        }

        .book-list-container .toprw .cl:nth-of-type(3) {
            width: 405px;
        }

        .book-list-container .toprw .cl:nth-of-type(4) {
            font-weight: bold;
        }

        .book-list-container .toprw .cl:nth-of-type(5) a {
            cursor: pointer;
            text-decoration: none;
            color: #FF3D00;
        }

            .book-list-container .toprw .cl:nth-of-type(5) a:hover {
                text-decoration: underline;
            }

.book-list-container .totalrw {
    border-top: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    font-weight: bold;
}

    .book-list-container .totalrw .cl {
        padding: 10px !important;
    }

.book-list-container .pager .rw {
    width: 800px !important;
}

.list-copy-cont .copy-list {
    padding: 20px 5px 0 5px;
}

    .list-copy-cont .copy-list a {
        color: #F60;
        cursor: pointer;
        text-decoration: none;
    }

        .list-copy-cont .copy-list a:hover {
            text-decoration: underline;
        }

    .list-copy-cont .copy-list .rw {
        width: 800px;
        border-left: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }

    .list-copy-cont .copy-list .cl {
        border-right: 1px solid #DDD;
    }

    .list-copy-cont .copy-list .rw:first-child .cl {
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
        background-image: -webkit-linear-gradient(#fafafa,#e8e8e8);
        background-image: -moz-linear-gradient(#fafafa,#e8e8e8);
        background-image: -o-linear-gradient(#fafafa,#e8e8e8);
        background-image: linear-gradient(#fafafa,#e8e8e8);
        padding: 10px;
        color: #666;
        text-shadow: 1px 1px rgba(255,255,255,0.8);
        font-weight: bold;
        border-bottom: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

    .list-copy-cont .copy-list .rw .cl:nth-of-type(1) {
        width: 392px;
    }

    .list-copy-cont .copy-list .rw .cl:nth-of-type(2) {
        width: 100px;
    }

    .list-copy-cont .copy-list .rw .cl:nth-of-type(3) {
        width: 100px;
    }

    .list-copy-cont .copy-list .rw .cl:nth-of-type(4) {
        width: 124px;
    }

    .list-copy-cont .copy-list .rw:not(first-child) .cl {
        padding: 8px 10px;
    }

    .list-copy-cont .copy-list .rw:nth-of-type(odd) {
        background: #F7F7F7;
    }

#edit-copy {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #edit-copy h1:first-child {
        margin-bottom: 10px;
    }

    #edit-copy .line {
        width: 450px;
    }

    #edit-copy #lErr {
        color: red;
    }

    #edit-copy .cl {
        padding: 10px 5px;
    }

    #edit-copy .rw .cl:nth-of-type(1) {
        width: 120px;
        font-weight: bold;
    }

    #edit-copy .rw .cl:nth-of-type(2) {
        width: 250px;
    }

#remove-copy {
    display: none;
    width: 470px;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
}

    #remove-copy h1:first-child {
        margin-bottom: 10px;
    }

    #remove-copy .line {
        width: 450px;
    }

    #remove-copy #lErr {
        color: red;
    }

    #remove-copy .cl {
        padding: 10px 5px;
    }

    #remove-copy .rw .cl:nth-of-type(1) {
        width: 190px;
        font-weight: bold;
    }

    #remove-copy .rw .cl:nth-of-type(2) {
        width: 250px;
    }

.create-copy-cont .create-copy {
    border: solid 1px #B9C4CF;
    padding: 20px;
    height: 300px;
    width: 760px;
    background: #FCFCFC;
    margin: 20px 0px 0px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    .create-copy-cont .create-copy .rw .cl:nth-of-type(1) {
        padding: 16px 10px;
        width: 170px;
    }

    .create-copy-cont .create-copy .rw .cl:nth-of-type(2) {
        padding: 2px 10px;
        width: 400px;
    }

    .create-copy-cont .create-copy p.ins {
        padding: 10px 0;
        marg1in-left: 10px;
        font-style: italic;
    }

    .create-copy-cont .create-copy .rw.last .btn {
        margin: 16px 16px 16px 200px;
    }

.student-copies-cont .student-copy-list {
    padding: 20px 5px 0 5px;
}

    .student-copies-cont .student-copy-list a {
        color: #F60;
        cursor: pointer;
        text-decoration: none;
    }

        .student-copies-cont .student-copy-list a:hover {
            text-decoration: underline;
        }

    .student-copies-cont .student-copy-list .rw {
        width: 800px;
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }

        .student-copies-cont .student-copy-list .rw:first-child .cl {
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
            background-image: -webkit-linear-gradient(#fafafa,#e8e8e8);
            background-image: -moz-linear-gradient(#fafafa,#e8e8e8);
            background-image: -o-linear-gradient(#fafafa,#e8e8e8);
            background-image: linear-gradient(#fafafa,#e8e8e8);
            padding: 10px;
            color: #666;
            text-shadow: 1px 1px rgba(255,255,255,0.8);
            font-weight: bold;
            border-bottom: 1px solid #DDD;
            border-top: 1px solid #DDD;
        }

        .student-copies-cont .student-copy-list .rw .cl:nth-of-type(1) {
            width: 355px;
        }

        .student-copies-cont .student-copy-list .rw .cl:nth-of-type(2) {
            width: 80px;
        }

        .student-copies-cont .student-copy-list .rw .cl:nth-of-type(3) {
            width: 90px;
        }

            .student-copies-cont .student-copy-list .rw .cl:nth-of-type(3) input[type='text'] {
                width: 40px;
            }

        .student-copies-cont .student-copy-list .rw .cl:nth-of-type(4) {
            width: 80px;
        }

        .student-copies-cont .student-copy-list .rw .cl:nth-of-type(5) {
            width: 95px;
        }

        .student-copies-cont .student-copy-list .rw:not(first-child) .cl {
            padding: 8px 10px;
        }

        .student-copies-cont .student-copy-list .rw:nth-of-type(odd) {
            background: #F7F7F7;
        }

.student-copies-cont .toprw {
    padding: 20px 5px 0 5px;
}

    .student-copies-cont .toprw .cl {
        padding: 5px;
    }

        .student-copies-cont .toprw .cl:first-of-type {
            font-weight: bold;
        }

        .student-copies-cont .toprw .cl:nth-of-type(2) {
            color: #FF3D00;
        }

        .student-copies-cont .toprw .cl:nth-of-type(3) {
            width: 405px;
        }

        .student-copies-cont .toprw .cl:nth-of-type(4) {
            font-weight: bold;
        }

        .student-copies-cont .toprw .cl:nth-of-type(5) a {
            cursor: pointer;
            text-decoration: none;
            color: #FF3D00;
        }

            .student-copies-cont .toprw .cl:nth-of-type(5) a:hover {
                text-decoration: underline;
            }

.student-copies-cont input[type='checkbox'] {
    margin-left: 16px;
}

.student-copies-cont .emptyrw {
    padding: 10px 0;
}

.student-copies-cont .totalrw {
    border-top: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    font-weight: bold;
}

    .student-copies-cont .totalrw .cl {
        padding: 10px !important;
    }

.sms-menu-group {
    position: relative;
    margin: 20px 0 0 0;
    padding: 10px 10px;
    padding: 10px 10px 10px 80px;
}

    .sms-menu-group .rw {
        margin-bottom: 10px;
    }

        .sms-menu-group .rw .cl {
            padding: 20px 40px 20px 25px;
        }

            .sms-menu-group .rw .cl:nth-of-type(1) {
                width: 295px;
            }

            .sms-menu-group .rw .cl:nth-of-type(2) {
                width: 295px;
            }

            .sms-menu-group .rw .cl:nth-of-type(3) {
                width: 295px;
            }

    .sms-menu-group .title a {
        color: #E70A36;
        text-decoration: none;
        font-size: 14px;
        text-shadow: 0 0 0px #CE0000;
    }

        .sms-menu-group .title a:hover {
            text-decoration: underline;
        }

    .sms-menu-group .description {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .sms-menu-group .menu-ht {
        position: absolute;
        top: -13px;
        left: 50px;
        background: linear-gradient(#ffffff,#ffffff);
        padding: 5px;
        border-radius: 1px;
        border: 1px solid #C7C6C6;
        font-weight: bold;
        z-index: 1;
    }

    .sms-menu-group .menu-ln {
        width: 350px;
        height: 1px;
        border-top: 1px solid #C7C6C6;
        position: absolute;
        top: -1px;
        left: 95px;
        z-index: 0;
    }

.sms-top-info .cl {
    height: 30px;
    padding: 10px 20px;
    font-weight: bold;
}

.sms-top-info .rw .cl:nth-of-type(1) {
    width: 210px;
    color: #626262;
}

.sms-top-info .rw .cl:nth-of-type(2) {
    width: 50px;
}

.sms-top-info .rw .cl:nth-of-type(3) {
    width: 290px;
}

#smsToStudents {
    padding: 40px 190px 40px 70px;
    position: relative;
}

    #smsToStudents .top {
        padding: 20px 20px 20px 260px;
    }

    #smsToStudents .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

#smsToStudentList .cl {
    height: 32px;
    padding: 10px;
}

#smsToStudentList .rw .cl:nth-of-type(1) {
    width: 60px;
}

#smsToStudentList .rw .cl:nth-of-type(2) {
    width: 270px;
}

#smsToStudentList .rw .cl:nth-of-type(3) {
    width: 160px;
}

#smsToStudentList .rw .cl:nth-of-type(4) {
    width: 60px;
    text-align: center;
}

#smsToBatches {
    padding: 40px 190px 40px 70px;
    position: relative;
}

    #smsToBatches .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

#smsToBatchList {
    height: 800px;
    overflow: overlay;
}

    #smsToBatchList .cl {
        height: 32px;
        padding: 10px;
    }

    #smsToBatchList .rw .cl:nth-of-type(1) {
        width: 220px;
    }

    #smsToBatchList .rw .cl:nth-of-type(2) {
        width: 110px;
    }

    #smsToBatchList .rw .cl:nth-of-type(3) {
        width: 120px;
    }

    #smsToBatchList .rw .cl:nth-of-type(4) {
        width: 58px;
    }

#sms-toNumber-cont {
    padding: 40px 190px;
    position: relative;
}

    #sms-toNumber-cont .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

#sendMsgContToNumber {
    padding-bottom: 200px;
}

    #sendMsgContToNumber .rw .cl:nth-of-type(1) {
        font-weight: bold;
        color: #626262;
        width: 215px;
        font-size: 15px;
        padding: 20px;
    }

    #sendMsgContToNumber .rw .cl:nth-of-type(2) {
        width: 730px;
        padding: 20px;
    }

#pnlStuCont {
    padding: 20px;
}

    #pnlStuCont table {
        border: 1px solid #EDEDED;
    }

        #pnlStuCont table tr {
            background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #ededed));
            background: -webkit-linear-gradient(#f9f9f9,#ededed);
            background: -moz-linear-gradient(#f9f9f9,#ededed);
            background: -o-linear-gradient(#f9f9f9,#ededed);
            background: linear-gradient(#f9f9f9,#ededed);
            border-top: 1px solid #EDEDED;
        }

            #pnlStuCont table tr td:nth-of-type(1) {
                padding: 5px 10px;
                width: 30px;
            }

            #pnlStuCont table tr td:nth-of-type(2) {
                padding: 10px;
                width: 310px;
            }

            #pnlStuCont table tr:nth-of-type(even) {
                background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
                background: -webkit-linear-gradient(#ffffff,#ffffff);
                background: -moz-linear-gradient(#ffffff,#ffffff);
                background: -o-linear-gradient(#ffffff,#ffffff);
                background: linear-gradient(#ffffff,#ffffff);
            }

            #pnlStuCont table tr:last-child {
                border-bottom: 1px solid #EDEDED;
            }

#smsdef-cont {
    padding: 40px 140px 40px 190px;
}

#sms-log-cont {
    position: relative;
    padding: 20px 60px;
    min-height: 1300px;
}

    #sms-log-cont .top {
        padding: 25px 10px;
        margin-left: 210px;
    }

    #sms-log-cont .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

#sms-log {
    width: 1008px;
    box-shadow: 0 0 7px 4px #EAEAEA;
}

    #sms-log .cl {
        height: 8px;
        padding: 5px 10px;
        border-bottom: 1px solid #F2F2F2;
        background: #FFF;
        display: table-cell;
        float: none;
        text-shadow: 0 0 1px #ECECEC;
        line-height: 18px;
    }

    #sms-log .rw.first .cl {
         background: rgb(41, 128, 189) !important;
    padding: 15px 10px;
    color: #FFF;
    font-size: 12px;
    text-shadow: 0 0 1px #000;
    font-weight: bold;
    border-color: rgb(41, 128, 189) !important;
    vertical-align: middle;
    }

        #sms-log .rw.first .cl:nth-of-type(1) {
            text-align: center;
        }

    #sms-log .rw .cl:nth-of-type(1) {
        max-width: 60px;
        min-width: 60px;
    }

    #sms-log .rw .cl:nth-of-type(2) {
        max-width: 200px;
        min-width: 200px;
    }

    #sms-log .rw .cl:nth-of-type(3) {
        max-width: 100px;
        min-width: 100px;
    }

    #sms-log .rw .cl:nth-of-type(4) {
        max-width: 368px;
        min-width: 368px;
    }

    #sms-log .rw .cl:nth-of-type(5) {
        max-width: 90px;
        min-width: 90px;
    }

    #sms-log .rw .cl:nth-of-type(6) {
        max-width: 80px;
        min-width: 80px;
    }

    #sms-log .rw .cl:nth-of-type(7) {
        max-width: 110px;
        min-width: 110px;
    }

#stu-info-report {
    position: relative;
    padding: 20px 60px;
    min-height: 2000px;
}

    #stu-info-report .top {
        padding: 30px;
    }

    #stu-info-report .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

    #stu-info-report .report .cl {
        border-right: 1px solid #C3C3C3;
        border-bottom: 1px solid #C3C3C3;
    }

    #stu-info-report .report .rw:nth-of-type(1) .cl {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ba9f35), color-stop(100%, #b28a34)) !important;
        background: -webkit-linear-gradient(#ba9f35,#b28a34) !important;
        background: -moz-linear-gradient(#ba9f35,#b28a34) !important;
        background: -o-linear-gradient(#ba9f35,#b28a34) !important;
        background: linear-gradient(#ba9f35,#b28a34) !important;
        color: #FFF;
        border-right: 1px solid #B69535 !important;
    }

    #stu-info-report .report .rw .cl:nth-of-type(1) {
        width: 30px;
        padding: 10px;
    }

    #stu-info-report .report .rw .cl:nth-of-type(2) {
        width: 80px;
        padding: 10px;
    }

    #stu-info-report .report .rw .cl:nth-of-type(3) {
        width: 200px;
        padding: 10px;
    }

    #stu-info-report .report .rw .cl:nth-of-type(4) {
        width: 90px;
        padding: 10px;
    }

    #stu-info-report .report .rw .cl:nth-of-type(5) {
        width: 80px;
        padding: 10px;
    }

    #stu-info-report .report .rw .cl:nth-of-type(6) {
        width: 230px;
        padding: 10px;
    }

    #stu-info-report .report .rw .cl:nth-of-type(7) {
        width: 90px;
        padding: 10px;
    }

    #stu-info-report .report .rw .cl:nth-of-type(8) {
        width: 90px;
        padding: 10px;
    }

#sms-template-cont {
    padding: 40px 190px;
    position: relative;
}

    #sms-template-cont .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

#sms-tempcat-list {
    margin-left: 210px;
    margin-top: 30px;
    margin-bottom: 300px;
}

    #sms-tempcat-list .cl {
        height: 12px;
        padding: 10px;
        line-height: 16px;
        display: table-cell;
        float: none;
    }

    #sms-tempcat-list .rw .cl:nth-of-type(1) {
        width: 470px;
    }

    #sms-tempcat-list .rw .cl:nth-of-type(2) {
        width: 170px;
    }

    #sms-tempcat-list .rw .cl:nth-of-type(3) {
        width: 120px;
        vertical-align: middle;
    }

#create-temp {
    display: none;
    width: 540px;
    height: 340px;
    padding: 20px;
    border-radius: 5px;
}

    #create-temp h1:first-child {
        margin-bottom: 10px;
    }

    #create-temp .cl {
        padding: 8px 5px;
    }

    #create-temp .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #create-temp .rw .cl:nth-of-type(2) {
        width: 380px;
    }

#edit-temp {
    display: none;
    width: 540px;
    height: 340px;
    padding: 20px;
    border-radius: 5px;
}

    #edit-temp h1:first-child {
        margin-bottom: 10px;
    }

    #edit-temp .cl {
        padding: 8px 5px;
    }

    #edit-temp .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #edit-temp .rw .cl:nth-of-type(2) {
        width: 380px;
    }

#template-cont {
    padding: 10px 30px;
    width: 600px;
    height: 400px;
    overflow-x: hidden;
}

    #template-cont .rw .cl {
        padding: 5px 10px;
        line-height: 16px;
        display: table-cell;
        float: none;
    }

        #template-cont .rw .cl:nth-of-type(1) {
            width: 400px;
        }

        #template-cont .rw .cl:nth-of-type(2) {
            width: 130px;
            vertical-align: middle;
        }

#sms-contact-cont {
    padding: 40px 190px;
    position: relative;
}

    #sms-contact-cont .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

#sms-contact-list {
    margin-left: 210px;
    margin-top: 30px;
    margin-bottom: 300px;
}

    #sms-contact-list .cl {
        height: 12px;
        padding: 10px;
        line-height: 16px;
        display: table-cell;
        float: none;
    }

    #sms-contact-list .rw .cl:nth-of-type(1) {
        width: 470px;
    }

    #sms-contact-list .rw .cl:nth-of-type(2) {
        width: 170px;
    }

    #sms-contact-list .rw .cl:nth-of-type(3) {
        width: 120px;
        vertical-align: middle;
    }

#create-contact, #edit-contact {
    width: 540px;
}

    #create-contact input[type="text"], #edit-contact input[type="text"] {
        width: 250px;
    }

    #create-contact .rw .cl:nth-of-type(1), #edit-contact .rw .cl:nth-of-type(1) {
        width: 160px;
        padding: 16px 5px;
    }

    #create-contact .rw .cl:nth-of-type(2), #edit-contact .rw .cl:nth-of-type(2) {
        width: 340px;
        padding: 10px 5px;
    }

#contact-cont {
    padding: 10px 30px;
    width: 550px;
    height: 330px;
}

    #contact-cont .rw .cl {
        padding: 5px 10px;
        line-height: 16px;
        display: table-cell;
        float: none;
    }

        #contact-cont .rw .cl:nth-of-type(1) {
            width: 30px;
        }

        #contact-cont .rw .cl:nth-of-type(2) {
            width: 220px;
        }

        #contact-cont .rw .cl:nth-of-type(3) {
            width: 120px;
        }

        #contact-cont .rw .cl:nth-of-type(4) {
            width: 110px;
            vertical-align: middle;
        }

#sms-repcode-cont {
    padding: 40px 190px;
    position: relative;
}

    #sms-repcode-cont .r-nav {
        position: absolute;
        top: 85px;
        right: 190px;
    }

#sms-repcode-top {
    margin-top: 20px;
    padding: 10px;
    font-size: 15px;
    color: #666;
}

#sms-repcode-info {
    margin-top: 20px;
    padding: 10px;
    font-size: 15px;
    color: #666;
    background: #FFF;
    width: 810px;
    border: 1px solid #009688;
}

    #sms-repcode-info a {
        color: #666;
    }

        #sms-repcode-info a:hover {
            text-decoration: none;
        }

    #sms-repcode-info ul {
        margin-left: 50px;
    }

    #sms-repcode-info li {
        padding: 6px 0;
        list-style-type: disc;
    }

#sms-repcodelist-cont {
    margin: 30px 10px 10px 0px;
    padding-bottom: 200px;
    background: #FFF;
    padding: 10px 30px 50px 40px;
    width: 810px;
    box-shadow: 0px 4px 10px 4px #BDBDBD;
}

    #sms-repcodelist-cont .repcode-hd {
        padding: 16px 5px;
        color: #0453A7;
        font-weight: bold;
        font-size: 15px;
    }

    #sms-repcodelist-cont .repcode-list .cl {
        padding: 10px 5px;
    }

    #sms-repcodelist-cont .repcode-list .rw .cl:nth-of-type(1) {
        width: 220px;
        font-weight: bold;
    }

    #sms-repcodelist-cont .repcode-list .rw .cl:nth-of-type(2) {
        width: 510px;
    }

    #sms-repcodelist-cont .repcode-list .rw:not(.first) .cl:nth-of-type(1) {
        color: #CC0202;
    }

    #sms-repcodelist-cont .repcode-list .rw:not(.first) .cl {
        padding: 16px 5px;
    }

#sms-msg-cont {
    position: relative;
    padding: 20px 60px;
    min-height: 1300px;
}

    #sms-msg-cont .top {
        padding: 25px 10px;
        margin-left: 210px;
    }

    #sms-msg-cont .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

#sms-msg-log {
    width: 1219px;
    box-shadow: 0 0 7px 4px #EAEAEA;
}

    #sms-msg-log .cl {
        height: 32px;
        padding: 12px 10px;
        border-bottom: 1px solid #F2F2F2;
        background: #FFF;
        text-shadow: 0 0 1px #ECECEC;
        line-height: 18px;
    }

    #sms-msg-log .rw.first .cl {
   /* background: rgba(255,87,34,0.76) !important; */
    padding: 7px 10px;
    /* color: #FFF; */
    font-size: 12px;
    /* text-shadow: 0 0 1px #000; */
    font-weight: bold;
    /* border-color: rgba(255,87,34,0.76) !important; */
    }

        #sms-msg-log .rw.first .cl:nth-of-type(1) {
            text-align: center;
        }

    #sms-msg-log .rw .cl:nth-of-type(1) {
        width: 60px;
    }

    #sms-msg-log .rw .cl:nth-of-type(2) {
        width: 130px;
    }

    #sms-msg-log .rw .cl:nth-of-type(3) {
        width: 130px;
    }

    #sms-msg-log .rw .cl:nth-of-type(4) {
        width: 130px;
    }

    #sms-msg-log .rw .cl:nth-of-type(5) {
        width: 260px;
    }

    #sms-msg-log .rw .cl:nth-of-type(6) {
        width: 120px;
    }

    #sms-msg-log .rw .cl:nth-of-type(7) {
        width: 150px;
    }

    #sms-msg-log .smspop {
        color: #F60;
        cursor: pointer;
        text-decoration: none;
    }

        #sms-msg-log .smspop:hover {
            text-decoration: underline;
        }

#smslog-pop .sms-log-popup {
    width: 900px;
    box-shadow: none;
}

    #smslog-pop .sms-log-popup .rw .cl:nth-of-type(4) {
        max-width: 250px;
        min-width: 250px;
    }

.hr-cont {
    position: relative;
}

    .hr-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 190px;
    }

.emp-admission-cont {
    position: relative;
    padding: 40px 190px 40px 140px;
}

    .emp-admission-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 190px;
    }

    .emp-admission-cont .top {
        padding-left: 240px;
    }

#emp-admission {
    padding: 20px 20px 20px 80px;
    margin-top: 60px;
    background: #FFF;
    position: relative;
}

    #emp-admission .vl-requried-cont {
        font-weight: bold;
        color: #4D4D4D;
        font-size: 14px;
    }

    #emp-admission .vl-sh {
        padding-top: 15px;
    }

    #emp-admission .cl {
        height: 45px;
    }

    #emp-admission .rw .cl:nth-of-type(1) {
        width: 210px;
        padding: 10px 10px 10px 0px;
        font-size: 14px;
        text-shadow: 0 0 0 #FFF7F7;
    }

    #emp-admission .rw .cl:nth-of-type(2) {
        width: 630px;
        padding: 5px 5px 5px 5px;
    }

        #emp-admission .rw .cl:nth-of-type(2) input[type='text'] {
            width: 260px;
        }

#new-emp-lk {
    position: absolute;
    top: -30px;
    right: 50px;
}

#emp-category {
    padding: 40px 20px 20px 80px;
    margin: 20px 0 0 100px;
}

    #emp-category .cl {
        height: 32px;
        padding: 10px;
    }

    #emp-category .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #emp-category .rw .cl:nth-of-type(2) {
        width: 270px;
    }

    #emp-category .rw .cl:nth-of-type(3) {
        width: 120px;
    }

    #emp-category .rw .cl:nth-of-type(4) {
        width: 120px;
    }

#emp-cat-create {
    display: none;
    width: 510px;
    height: 440px;
    padding: 20px;
    border-radius: 5px;
}

    #emp-cat-create h1:first-child {
        margin-bottom: 10px;
    }

    #emp-cat-create .line {
        width: 450px;
    }

    #emp-cat-create #lErr {
        color: red;
    }

    #emp-cat-create .cl {
        font-weight: bold;
        padding: 10px 5px;
    }

    #emp-cat-create .rw {
        padding: 10px 0;
    }

        #emp-cat-create .rw .cl:nth-of-type(1) {
            width: 130px;
        }

        #emp-cat-create .rw .cl:nth-of-type(2) {
            width: 320px;
            padding: 2px;
        }

        #emp-cat-create .rw.first .cl:nth-of-type(2) {
            padding: 10px;
        }

#pnlEmpSearch {
    padding: 0;
    margin: 20px 0 0 200px;
    width: 800px;
}

    #pnlEmpSearch .cl {
        height: 32px;
        padding: 10px;
    }

    #pnlEmpSearch .rw .cl:nth-of-type(1) {
        width: 70px;
    }

    #pnlEmpSearch .rw .cl:nth-of-type(2) {
        width: 290px;
    }

    #pnlEmpSearch .rw .cl:nth-of-type(3) {
        width: 120px;
    }

    #pnlEmpSearch .rw .cl:nth-of-type(4) {
        width: 120px;
    }

    #pnlEmpSearch .rw .cl:nth-of-type(5) {
        width: 200px;
    }

#emp-profile-cont {
    box-sizing: content-box;
    position: relative;
    padding: 20px 120px 20px 140px;
}

    #emp-profile-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 190px;
    }

    #emp-profile-cont .top {
        padding-left: 240px;
    }

#emp-profile {
    position: relative;
    /*margin: 80px 40px 40px 40px;*/
    border: 1px solid #D1D1D1;
    padding: 3px;
    background: #FFF;
}

    #emp-profile .btn-top {
         position: absolute;
    /* top: 40px; */
    right: 8px;
    z-index: 1;
    }

.emp-profile-details {
    margin: 5px 30px;
}

    .emp-profile-details .cl {
        height: 12px;
        padding: 10px;
    }

    .emp-profile-details .rw .cl:nth-of-type(1) {
        width: 250px;
        font-weight: bold;
        color: #A91A00;
        border: 1px solid #EDEDED;
        border-right: none;
        border-bottom: none;
    }

    .emp-profile-details .rw .cl:nth-of-type(2) {
        width: 300px;
        border: 1px solid #EDEDED;
        border-bottom: none;
        font-weight: bold;
        color: #0B0202;
    }

    .emp-profile-details .rw:last-child .cl {
        border-bottom: 1px solid #EDEDED;
    }

.emp-details-hd {
    color: #458F94;
    padding: 10px;
    margin: 10px 30px 0 30px;
    font-size: 15px;
    font-weight: bold;
}

#emp-top-hd .rw {
    height: 12px;
    padding: 10px;
    margin-left: 50px;
}

.emp-profile-top .img-border {
    border: 1px solid #EAEAEA;
}

.emp-hd {
    font-weight: bold;
    font-size: 20px;
    color: #3A3636;
}

.emp-shd {
    font-weight: bold;
    font-size: 16px;
    color: #C35151;
}

#remove-emp {
    margin: 10px 0 0 150px;
    padding: 20px;
    width: 900px;
    height: 400px;
}

    #remove-emp .title {
        margin-top: 30px;
    }

        #remove-emp .title a {
            color: #E5000E;
            font-weight: bold;
            font-size: 15px;
        }

            #remove-emp .title a:hover {
                text-decoration: none;
            }

        #remove-emp .title img {
            vertical-align: baseline;
        }

    #remove-emp .decription {
        padding: 5px;
        width: 670px;
    }

        #remove-emp .decription p {
            font-size: 15px;
            line-height: 20px;
        }

    #remove-emp .remove-emp-info {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #f5f5f5));
        background: -webkit-linear-gradient(#fbfbfb,#f5f5f5);
        background: -moz-linear-gradient(#fbfbfb,#f5f5f5);
        background: -o-linear-gradient(#fbfbfb,#f5f5f5);
        background: linear-gradient(#fbfbfb,#f5f5f5);
        border: 1px solid #D5D0D0;
        position: relative;
        width: 670px;
        height: 130px;
    }

        #remove-emp .remove-emp-info .pic {
            position: absolute;
            top: 10px;
            right: 10px;
            height: 105px;
            background: #FFF;
        }

            #remove-emp .remove-emp-info .pic img {
                width: 110px;
                height: 110px;
                border: 1px solid #ededed;
            }

        #remove-emp .remove-emp-info .cl {
            padding: 10px;
        }

        #remove-emp .remove-emp-info .rw .cl:nth-of-type(1) {
            font-weight: bold;
            width: 200px;
        }

        #remove-emp .remove-emp-info .rw .cl:nth-of-type(2) {
            width: 250px;
            font-size: 14px;
            font-weight: bold;
            text-shadow: 1px 0px #FFF;
            color: #E91E63;
        }

#archive-emp-cont #remove-emp {
    height: 220px !important;
}

#archive-emp {
    margin: 0px 0 0 170px;
    width: 710px;
    height: 440px;
}

    #archive-emp .description {
        font-size: 15px;
        line-height: 20px;
    }

    #archive-emp .hlink-btn-c {
        margin-left: 10px;
    }

    #archive-emp .rw {
        padding: 10px 0;
    }

        #archive-emp .rw .cl:nth-of-type(1) {
            font-weight: bold;
            width: 200px;
        }

        #archive-emp .rw .cl:nth-of-type(2) {
            width: 250px;
            font-size: 14px;
            font-weight: bold;
            text-shadow: 1px 0px #FFF;
        }

#delete-emp-cont {
    position: relative;
}

    #delete-emp-cont #remove-emp {
        height: 220px !important;
    }

#delete-emp {
    margin: 0px 0 0 170px;
    width: 670px;
    height: 420px;
    text-shadow: 0 0 #FFFCFC;
}

    #delete-emp .description {
        font-size: 15px;
        line-height: 20px;
    }

    #delete-emp .hlink-btn-c {
        margin-left: 10px;
    }

    #delete-emp .rw {
        padding: 10px 0;
        font-size: 14px;
    }

        #delete-emp .rw img {
            vertical-align: baseline;
        }

#edit-emp-pic {
    position: absolute;
    right: 10px;
    top: 65px;
    width: 270px;
}

    #edit-emp-pic img {
        width: 100px;
        height: 110px;
        border: 1px solid #EDEDED;
    }

#pnlEmpSubject {
    margin: 40px 40px 40px 120px;
    padding: 20px 20px 20px 20px;
}

#pnlSubAssigned {
    margin: 0px 50px 50px 50px;
}

    #pnlSubAssigned .cl {
        height: 32px;
        padding: 10px;
    }

    #pnlSubAssigned .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #pnlSubAssigned .rw .cl:nth-of-type(2) {
        width: 270px;
    }

    #pnlSubAssigned .rw .cl:nth-of-type(3) {
        width: 120px;
    }

#pnlSubNotAssigned {
    margin: 50px 50px 50px 50px;
}

    #pnlSubNotAssigned .cl {
        height: 32px;
        padding: 10px;
    }

    #pnlSubNotAssigned .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #pnlSubNotAssigned .rw .cl:nth-of-type(2) {
        width: 270px;
    }

    #pnlSubNotAssigned .rw .cl:nth-of-type(3) {
        width: 120px;
    }

#payroll-setting-cont {
    padding: 40px 190px;
}

    #payroll-setting-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#payroll-setting {
    padding: 50px 0;
}

#gen-psemp-cont {
    padding: 40px 110px;
}

    #gen-psemp-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#gen-psemp .cl {
    height: 30px;
    padding: 10px 20px;
}

#gen-psemp .rw .cl:nth-of-type(1) {
    width: 80px;
}

#gen-psemp .rw .cl:nth-of-type(2) {
    width: 320px;
}

#gen-psemp .rw .cl:nth-of-type(3) {
    width: 130px;
}

#gen-premp-cont {
    padding: 40px 110px;
    box-sizing: content-box;
}

    #gen-premp-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#gen-premp-info .cl {
    height: 12px;
    padding: 10px 20px;
    font-weight: bold;
}

#gen-premp-info .rw .cl:nth-of-type(1) {
    width: 150px;
    color: #EA5B31;
}

#gen-premp-info .rw .cl:nth-of-type(2) {
    width: 10px;
}

#gen-premp-info .rw .cl:nth-of-type(3) {
    width: 300px;
}

#gen-premp .cl {
    height: 25px;
}

#gen-premp .rw .cl:nth-of-type(1) {
    width: 180px;
    padding: 10px 20px;
    color: #5A5A5A;
    font-size: 13px;
}

#gen-premp .rw .cl:nth-of-type(2) {
    width: 350px;
    padding: 3px 20px;
}

    #gen-premp .rw .cl:nth-of-type(2) input[type='text'] {
        background: #FAFAFA;
    }

#gen-premp .rw .cl:nth-of-type(3) {
    width: 30px;
    padding: 8px 20px 3px 20px;
}

#gen-premp .gen-premp-hd {
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #E72626;
}

#gen-premp .gen-premp-tot .cl {
    padding: 10px 20px !important;
    font-weight: bold;
}

#gen-premp-tophd {
    border-bottom: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    background: linear-gradient(rgba(224,224,224,0.59),rgba(223,223,223,0.76));
    color: #565656;
    width: 730px;
}

    #gen-premp-tophd .cl {
        height: 20px;
        line-height: 20px;
        font-weight: bold;
    }

    #gen-premp-tophd .rw .cl:nth-of-type(1) {
        width: 195px;
        padding: 10px 20px 10px 10px;
    }

    #gen-premp-tophd .rw .cl:nth-of-type(2) {
        width: 300px;
        padding: 10px 20px;
    }

    #gen-premp-tophd .rw .cl:nth-of-type(3) {
        width: 125px;
        padding: 10px 20px;
    }

#gen-premp-dt .cl {
    height: 20px;
    line-height: 20px;
}

#gen-premp-dt .rw .cl:nth-of-type(1) {
    width: 90px;
    padding: 10px 20px;
}

#gen-premp-dt .rw .cl:nth-of-type(2) {
    width: 190px;
    padding: 7px 20px;
}

#view-psemp-cont {
    padding: 40px 110px;
}

    #view-psemp-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#view-psemp .cl {
    height: 30px;
    padding: 10px 20px;
}

#view-psemp .rw .cl:nth-of-type(1) {
    width: 80px;
}

#view-psemp .rw .cl:nth-of-type(2) {
    width: 140px;
}

#view-psemp .rw .cl:nth-of-type(3) {
    width: 200px;
}

#view-psemp .rw .cl:nth-of-type(4) {
    width: 150px;
}

#view-psemp .rw .cl:nth-of-type(5) {
    width: 150px;
}

#vpsemp-cont {
    min-height: 830px;
    padding: 40px 10px;
}

    #vpsemp-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#vpsemp .cl {
    height: 20px;
    line-height: 20px;
    padding: 10px 20px;
}

#vpsemp .rw .cl:nth-of-type(1) {
    width: 180px;
    color: #080808;
}

#vpsemp .rw .cl:nth-of-type(2) {
    width: 250px;
    text-align: right;
}

#vpsemp .vpsemp-hd {
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #E72626;
}

#vpsemp .vpsemp-tot .cl {
    padding: 10px 20px;
    font-weight: bold;
}

#vpsemp .vpsemp-sal .rw:first-child .cl {
    border-top: 1px solid #DDD;
}

#vpsemp .vpsemp-ded .rw:first-child .cl {
    border-top: 1px solid #DDD;
}

#vpsemp-ct {
    background: #FFF;
    box-sizing: content-box;
}

#vpsemp-info .cl {
    height: 12px;
    padding: 10px 20px;
    font-weight: bold;
}

#vpsemp-info .rw .cl:nth-of-type(1) {
    width: 120px;
    color: #EA5B31;
}

#vpsemp-info .rw .cl:nth-of-type(2) {
    width: 10px;
}

#vpsemp-info .rw .cl:nth-of-type(3) {
    width: 250px;
}

#pnlICard {
    padding: 0;
    margin: 20px 0 0 230px;
    width: 770px;
}

    #pnlICard .cl {
        height: 32px;
        padding: 10px;
    }

    #pnlICard .rw .cl:nth-of-type(1) {
        width: 70px;
    }

    #pnlICard .rw .cl:nth-of-type(2) {
        width: 330px;
    }

    #pnlICard .rw .cl:nth-of-type(3) {
        width: 250px;
    }

    #pnlICard .rw .cl:nth-of-type(4) {
        width: 120px;
    }

.transport-cont {
    position: relative;
    padding: 40px 120px 0px 90px;
}

    .transport-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 120px;
    }

    .transport-cont .top {
        padding-left: 240px;
    }

#transport-area {
    padding: 70px 20px 20px 50px;
}

    #transport-area .cl {
        height: 32px;
        padding: 10px;
    }

    #transport-area .rw .cl:nth-of-type(1) {
        width: 60px;
    }

    #transport-area .rw .cl:nth-of-type(2) {
        width: 270px;
    }

    #transport-area .rw .cl:nth-of-type(3) {
        width: 170px;
    }

    #transport-area .rw .cl:nth-of-type(4) {
        width: 170px;
    }

    #transport-area .rw .cl:nth-of-type(5) {
        width: 156px;
    }

    #transport-area .rw .cl:nth-of-type(6) {
        width: 150px;
    }

    #transport-area .rw .cl:nth-of-type(7) {
        width: 150px;
    }

#transport-area-cont {
    margin: 10px 10px 10px 40px;
}

#transport-area-create {
    height: 330px;
}

#student-transport-area {
    /*padding: 40px 20px 20px 80px;
    margin: 20px 0 0 0px;*/
}

    #student-transport-area .cl {
        height: 32px;
        padding: 10px;
    }

    #student-transport-area .rw .cl:nth-of-type(1) {
        width: 60px;
    }

    #student-transport-area .rw .cl:nth-of-type(2) {
        width: 270px;
    }

    #student-transport-area .rw .cl:nth-of-type(3) {
        width: 120px;
    }

    #student-transport-area .rw .cl:nth-of-type(4) {
        width: 120px;
    }

    #student-transport-area .rw .cl:nth-of-type(5) {
        width: 170px;
    }

    #student-transport-area .rw .cl:nth-of-type(6) {
        width: 170px;
    }

#stoppage-cont {
    position: relative;
    padding: 40px 120px 0px 90px;
}

    #stoppage-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 120px;
    }

    #stoppage-cont .top {
        padding-left: 240px;
    }

#route-stoppage-cont {
    margin: 10px 10px 10px 40px;
}

#route-stoppage {
    padding: 10px 20px 20px 50px;
    margin: 10px 10px 10px 150px;
}

    #route-stoppage .cl {
        height: 32px;
        padding: 10px;
    }

    #route-stoppage .rw .cl:nth-of-type(1) {
        width: 60px;
    }

    #route-stoppage .rw .cl:nth-of-type(2) {
        width: 270px;
    }

    #route-stoppage .rw .cl:nth-of-type(3) {
        width: 170px;
    }

    #route-stoppage .rw .cl:nth-of-type(4) {
        width: 170px;
    }

.no-record {
    font-weight: bold;
    font-size: 16px;
    color: red;
    margin: 60px 10px 10px 220px;
}

#route-stoppage-create {
    height: 330px;
}

#pnlStuTransportInfo {
    margin: 30px 10px 10px 270px;
}

    #pnlStuTransportInfo .cl {
        height: 32px;
        padding: 10px;
    }

    #pnlStuTransportInfo .rw .cl:nth-of-type(1) {
        width: 170px;
        font-weight: bold;
    }

    #pnlStuTransportInfo .rw .cl:nth-of-type(2) {
        width: 350px;
        color: #B42626;
        font-weight: bold;
    }

        #pnlStuTransportInfo .rw .cl:nth-of-type(2) span {
            margin-left: 10px;
        }

#pnlStuTrCreate {
    margin: 30px 10px 10px 50px;
    padding: 30px 200px;
    background: #FFF;
}

    #pnlStuTrCreate .cl {
        font-weight: bold;
        padding: 10px 5px;
    }

    #pnlStuTrCreate .rw {
        padding: 10px 0;
    }

        #pnlStuTrCreate .rw .cl:nth-of-type(1) {
            width: 220px;
        }

        #pnlStuTrCreate .rw .cl:nth-of-type(2) {
            width: 320px;
            padding: 2px;
        }

#conveyance-add-student {
    padding: 30px 60px;
}

    #conveyance-add-student .cl {
        font-weight: bold;
        padding: 10px 5px;
    }

    #conveyance-add-student .rw {
        padding: 10px 0;
    }

        #conveyance-add-student .rw .cl:nth-of-type(1) {
            width: 130px;
        }

        #conveyance-add-student .rw .cl:nth-of-type(2) {
            width: 320px;
            padding: 2px;
        }

#conveyfeepart-cont {
    position: relative;
    padding: 40px 190px 40px 140px;
    min-height: 1200px;
}

    #conveyfeepart-cont .top {
        padding: 30px;
    }

    #conveyfeepart-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 190px;
    }

#conveyfee-part {
    margin: 50px;
    width: 494px;
}

    #conveyfee-part .cl {
        padding: 10px;
        height: 30px;
    }

    #conveyfee-part .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #conveyfee-part .rw .cl:nth-of-type(2) {
        width: 270px;
    }

    #conveyfee-part .rw .cl:nth-of-type(3) {
        width: 124px;
    }

#conveyfeepartcust-cont {
    position: relative;
    padding: 40px 190px 40px 140px;
    min-height: 1200px;
}

    #conveyfeepartcust-cont .top {
        padding: 30px;
    }

    #conveyfeepartcust-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 190px;
    }

#conveyfeecust-part {
    margin: 20px 50px 50px 120px;
    width: 800px;
}

    #conveyfeecust-part .cl {
        padding: 10px;
        height: 30px;
    }

    #conveyfeecust-part .rw .cl:nth-of-type(1) {
        width: 50px;
        text-align: center;
    }

    #conveyfeecust-part .rw .cl:nth-of-type(2) {
        width: 285px;
    }

    #conveyfeecust-part .rw .cl:nth-of-type(3) {
        width: 110px;
        text-align: right;
    }

    #conveyfeecust-part .rw .cl:nth-of-type(4) {
        width: 110px;
        text-align: right;
    }

    #conveyfeecust-part .rw .cl:nth-of-type(5) {
        width: 110px;
        text-align: right;
    }

    #conveyfeecust-part .rw .cl:nth-of-type(6) {
        width: 135px;
        text-align: center;
    }

    #conveyfeecust-part .trfeeSort-placeholder {
        border: 1px dashed #ABABAB;
        min-height: 30px;
        padding: 10px 5px;
        margin: 0 0 0 -10px;
        width: 766px;
        background: #FFF;
    }

    #confeedue-cont_2 {
    padding: 25px 80px;
}


#confeedue-cont {
    padding: 40px 80px;
}

    #confeedue-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#confeedue-list {
    position: relative;
    margin: 10px 10px 10px 180px;
    width: 1000px;
    padding-bottom: 200px;
}

    #confeedue-list .cl {
        padding: 10px;
        min-height: 25px;
        display: table-cell;
        float: none;
    }

    #confeedue-list .rw .cl:nth-of-type(1) {
        width: 220px;
    }

    #confeedue-list .rw .cl:nth-of-type(2) {
        width: 250px;
    }

    #confeedue-list .rw .cl:nth-of-type(3) {
        width: 150px;
        text-align: right;
    }

    #confeedue-list .rw .cl:nth-of-type(4) {
        width: 120px;
    }

    #confeedue-list .no-data {
        font-weight: bold;
        padding: 18px;
        font-size: 15px;
        color: #607D8B;
    }

.confeedue-hd {
    padding: 10px 20px;
    color: #CE0A0A;
    width: 441px;
    margin-left: 175px;
    font-weight: bold;
    font-size: 15px;
}

#ftran-def-cont {
    padding: 40px 190px;
}

    #ftran-def-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 210px;
    }


    


    
#financecatSub-cont {
    padding: 40px 190px;
}

    #financecatSub-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 210px;
    }

#financecatSub {
      margin: 17px 10px 10px 67px;
    width: 1241px;
}

    #financecatSub .cl {
        height: 30px;
        padding: 10px 20px;
    }

    #financecatSub .rw .cl:nth-of-type(1) {
        width: 250px;
    }

    #financecatSub .rw .cl:nth-of-type(2) {
        width: 250px;
    }

    #financecatSub .rw .cl:nth-of-type(3) {
        width: 150px;
    }

    #financecatSub .rw .cl:nth-of-type(4) {
        width: 150px;
    }
     #financecatSub .rw .cl:nth-of-type(5) {
        width: 150px;
    }
      #financecatSub .rw .cl:nth-of-type(6) {
        width: 241px;
    }
        #financecatSub .rw .cl:nth-of-type(7) {
        width: 150px;
    }


#financecat-cont {
    padding: 40px 190px;
}

    #financecat-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 210px;
    }

#financecat {
      margin: 17px 10px 10px 67px;
    width: 1241px;
}

    #financecat .cl {
        height: 30px;
        padding: 10px 20px;
    }

    #financecat .rw .cl:nth-of-type(1) {
        width: 250px;
    }

    #financecat .rw .cl:nth-of-type(2) {
        width: 150px;
    }

    #financecat .rw .cl:nth-of-type(3) {
        width: 150px;
    }

    #financecat .rw .cl:nth-of-type(4) {
        width: 150px;
    }
     #financecat .rw .cl:nth-of-type(5) {
        width: 150px;
    }
      #financecat .rw .cl:nth-of-type(6) {
        width: 241px;
    }
        #financecat .rw .cl:nth-of-type(7) {
        width: 150px;
    }
#expense-cont {
    padding: 40px 110px;
}

    #expense-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#create-expense .rw .cl:nth-of-type(2) input[type='text'], #edit-expense .rw .cl:nth-of-type(2) input[type='text'] {
    width: 270px;
}

#expense .cl {
    height: 32px;
    padding: 10px 20px;
}

#expense .rw .cl:nth-of-type(1) {
    width: 145px;
}

#expense .rw .cl:nth-of-type(2) {
    width: 130px;
   
}

#expense .rw .cl:nth-of-type(3) {
    width: 215px;
     /*text-align: right;*/
}

#expense .rw .cl:nth-of-type(4) {
    width: 305px;

}

#expense .rw .cl:nth-of-type(5) {
    width: 140px;
    text-align: right; 
}

#expense .rw .cl:nth-of-type(6) {
    width: 140px;
}

#expense-total .cl {
    height: 40px !important;
    background: linear-gradient(#fafafa,#ffffff) !important;
    border-top: none;
}

    #expense-total .cl:nth-of-type(1) {
        width: 795px !important;
        padding: 14px 20px;
        color: #F42F02;
        font-weight: bold;
        font-size: 14px;
        text-align: right;
    }

    #expense-total .cl:nth-of-type(2) {
        width: 140px !important;
        padding: 14px 20px;
        font-size: 14px;
        text-align:right;
    }

    #expense-total .cl:nth-of-type(3) {
        width: 690px !important;
        padding: 14px 20px;
        font-size: 14px;
    }

#income-cont {
    padding: 40px 110px;
}

    #income-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#create-income .rw .cl:nth-of-type(2) input[type='text'], #edit-income .rw .cl:nth-of-type(2) input[type='text'] {
    width: 270px;
}

#income .cl {
    height: 30px;
    padding: 10px 20px;
}

#income .rw .cl:nth-of-type(1) {
    width: 230px;
}

#income .rw .cl:nth-of-type(2) {
    width: 155px;
    text-align: right;
}

#income .rw .cl:nth-of-type(3) {
    width: 290px;
}

#income .rw .cl:nth-of-type(4) {
    width: 100px;
}

#income .rw .cl:nth-of-type(5) {
    width: 140px;
}

#income .rw .cl:nth-of-type(6) {
    width: 140px;
}

#income-total .cl {
    height: 40px !important;
    background: linear-gradient(#fafafa,#ffffff) !important;
    border-top: none;
}

    #income-total .cl:nth-of-type(1) {
        width: 230px !important;
        padding: 14px 20px;
        color: #F42F02;
        font-weight: bold;
        font-size: 14px;
        text-align: right;
    }

    #income-total .cl:nth-of-type(2) {
        width: 155px !important;
        padding: 14px 20px;
        font-size: 14px;
    }

    #income-total .cl:nth-of-type(3) {
        width: 670px !important;
        padding: 14px 20px;
        font-size: 14px;
    }

#donation-cont {
    padding: 40px 110px;
}

    #donation-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#create-don .rw .cl:nth-of-type(1), #edit-don .rw .cl:nth-of-type(1) {
    font-weight: bold;
}

#create-don .rw .cl:nth-of-type(2) input[type='text'], #edit-don .rw .cl:nth-of-type(2) input[type='text'] {
    width: 270px;
}

#donation {
    margin: 70px 10px 300px 110px;
    width: 1075px;
}

    #donation .cl {
        height: 30px;
        padding: 10px 20px;
    }

    #donation .rw .cl:nth-of-type(1) {
        width: 230px;
    }

    #donation .rw .cl:nth-of-type(2) {
        width: 155px;
        text-align: right;
    }

    #donation .rw .cl:nth-of-type(3) {
        width: 290px;
    }

    #donation .rw .cl:nth-of-type(4) {
        width: 120px;
    }

    #donation .rw .cl:nth-of-type(5) {
        width: 140px;
    }

    #donation .rw .cl:nth-of-type(6) {
        width: 140px;
    }

#donation-total .cl {
    height: 40px !important;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #ffffff)) !important;
    background: -webkit-linear-gradient(#fafafa,#ffffff) !important;
    background: -moz-linear-gradient(#fafafa,#ffffff) !important;
    background: -o-linear-gradient(#fafafa,#ffffff) !important;
    background: linear-gradient(#fafafa,#ffffff) !important;
    border-top: none;
}

    #donation-total .cl:nth-of-type(1) {
        width: 230px !important;
        padding: 14px 20px;
        color: #F42F02;
        font-weight: bold;
        font-size: 14px;
        text-align: right;
    }

    #donation-total .cl:nth-of-type(2) {
        width: 155px !important;
        padding: 14px 20px;
        font-size: 14px;
    }

    #donation-total .cl:nth-of-type(3) {
        width: 690px !important;
        padding: 14px 20px;
        font-size: 14px;
    }

#donrec-cont {
    padding: 20px 60px;
    position: relative;
}

    #donrec-cont .r-nav {
        position: absolute;
        right: 60px;
        top: 60px;
    }

#donrec {
    padding: 80px 30px 80px 120px;
    position: relative;
}

#donrec-num-cont {
    position: absolute;
    top: 160px;
    right: 180px;
    z-index: 12;
}

#donrec-right-btncont {
    position: absolute;
    top: 240px;
    right: 300px;
}

#donation-reciept {
    width: 16cm;
    height: 19cm;
    border: 1px solid #C7C3C3;
    background: #FFF;
    position: relative;
}

#donation-reciept-heading {
    height: 2cm;
    width: 16cm;
}

    #donation-reciept-heading .rw .cl {
        padding: 0.13cm 0.45cm;
        text-align: center;
    }

        #donation-reciept-heading .rw .cl:nth-of-type(1) {
            width: 15.5cm;
        }

#donationRecieptInfo {
    padding-left: .5cm;
    padding-top: .5cm;
}

    #donationRecieptInfo .rw .cl {
        padding: 0.3cm 0.25cm;
    }

        #donationRecieptInfo .rw .cl:nth-of-type(1) {
            width: 10cm;
        }

        #donationRecieptInfo .rw .cl:nth-of-type(2) {
            width: 4cm;
        }

#donation-reciept-right-btncont {
    position: absolute;
    top: 240px;
    right: 300px;
}

#donation-reciept-watermark {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 5cm 7cm;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
    width: 100%;
    height: 100%;
}

#finance-report-def-cont {
    padding: 10px;
}

    #finance-report-def-cont .r-nav {
        position: absolute;
        top: 60px;
        right: 30px;
    }

#finance-def-chart-container {
    width: 940px;
    height: 420px;
    margin: 20px 20px 20px 10px;
}

#exrep-day-cont {
    padding: 40px 110px;
}

    #exrep-day-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#exrep-day .cl {
    height: 30px;
    padding: 10px 20px;
}

#exrep-day .rw .cl:nth-of-type(1) {
    width: 120px;
}

#exrep-day .rw .cl:nth-of-type(2) {
    width: 170px;
}

#exrep-day .rw .cl:nth-of-type(3) {
    width: 160px;
    text-align: right;
}

#exrep-day .rw .cl:nth-of-type(4) {
    width: 160px;
}

#exrep-day .rw .cl:nth-of-type(5) {
    width: 230px;
}

#exrep-day .rw .cl:nth-of-type(6) {
    width: 140px;
}

#exrep-day .rw.dtChange .cl {
    border-bottom-color: #9E9E9E !important;
}

#exrep-day-total .cl {
    height: 40px !important;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #ffffff)) !important;
    background: -webkit-linear-gradient(#fafafa,#ffffff) !important;
    background: -moz-linear-gradient(#fafafa,#ffffff) !important;
    background: -o-linear-gradient(#fafafa,#ffffff) !important;
    background: linear-gradient(#fafafa,#ffffff) !important;
    border-top: none;
}

    #exrep-day-total .cl:nth-of-type(1) {
        width: 290px !important;
        padding: 14px 20px;
        color: #F42F02;
        font-weight: bold;
        font-size: 14px;
        text-align: right;
    }

    #exrep-day-total .cl:nth-of-type(2) {
        width: 160px !important;
        padding: 14px 20px;
        font-size: 14px;
        text-align: right;
    }

    #exrep-day-total .cl:nth-of-type(3) {
        width: 530px !important;
        padding: 14px 20px;
        font-size: 14px;
    }

#inrep-day-cont {
    padding: 40px 110px;
}

    #inrep-day-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#inrep-day .cl {
    height: 30px;
    padding: 10px 20px;
}

#inrep-day .rw .cl:nth-of-type(1) {
    width: 120px;
}

#inrep-day .rw .cl:nth-of-type(2) {
    width: 170px;
}

#inrep-day .rw .cl:nth-of-type(3) {
    width: 160px;
}

#inrep-day .rw .cl:nth-of-type(4) {
    width: 160px;
}

#inrep-day .rw .cl:nth-of-type(5) {
    width: 230px;
}

#inrep-day .rw .cl:nth-of-type(6) {
    width: 140px;
}

#inrep-day .rw.dtChange .cl {
    border-bottom-color: #9E9E9E !important;
}

#inrep-day-total .cl {
    height: 40px !important;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #ffffff)) !important;
    background: -webkit-linear-gradient(#fafafa,#ffffff) !important;
    background: -moz-linear-gradient(#fafafa,#ffffff) !important;
    background: -o-linear-gradient(#fafafa,#ffffff) !important;
    background: linear-gradient(#fafafa,#ffffff) !important;
    border-top: none;
}

    #inrep-day-total .cl:nth-of-type(1) {
        width: 290px !important;
        padding: 14px 20px;
        color: #F42F02;
        font-weight: bold;
        font-size: 14px;
        text-align: right;
    }

    #inrep-day-total .cl:nth-of-type(2) {
        width: 160px !important;
        padding: 14px 20px;
        font-size: 14px;
        text-align: right;
    }

    #inrep-day-total .cl:nth-of-type(3) {
        width: 530px !important;
        padding: 14px 20px;
        font-size: 14px;
    }

#exrep-type-cont {
    padding: 40px 110px;
}

    #exrep-type-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#exrep-type-ct .cls {
    min-height: 10px;
    padding: 10px 20px;
}

#exrep-type-ct .rws .cls:nth-of-type(1) {
    width: 300px;
}

#exrep-type-ct .rws .cls:nth-of-type(2) {
    width: 500px;
}

#exrep-type .cl {
    height: 30px;
    padding: 10px 20px;
}

#exrep-type .rw .cl:nth-of-type(1) {
    width: 200px;
}

#exrep-type .rw .cl:nth-of-type(2) {
    width: 170px;
    text-align: right;
}

#exrep-type-total .cl {
    height: 40px !important;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #ffffff)) !important;
    background: -webkit-linear-gradient(#fafafa,#ffffff) !important;
    background: -moz-linear-gradient(#fafafa,#ffffff) !important;
    background: -o-linear-gradient(#fafafa,#ffffff) !important;
    background: linear-gradient(#fafafa,#ffffff) !important;
    border-top: none;
    font-size: 14px;
    font-weight: bold;
    padding: 14px 20px;
}

    #exrep-type-total .cl:nth-of-type(1) {
        color: #F42F02;
    }

#inrep-type-cont {
    padding: 40px 110px;
}

    #inrep-type-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#inrep-type-ct .cls {
    min-height: 10px;
    padding: 10px 20px;
}

#inrep-type-ct .rws .cls:nth-of-type(1) {
    width: 300px;
}

#inrep-type-ct .rws .cls:nth-of-type(2) {
    width: 500px;
}

#inrep-type .cl {
    height: 30px;
    padding: 10px 20px;
}

#inrep-type .rw .cl:nth-of-type(1) {
    width: 200px;
}

#inrep-type .rw .cl:nth-of-type(2) {
    width: 170px;
    text-align: right;
}

#inrep-type-total .cl {
    height: 40px !important;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #ffffff)) !important;
    background: -webkit-linear-gradient(#fafafa,#ffffff) !important;
    background: -moz-linear-gradient(#fafafa,#ffffff) !important;
    background: -o-linear-gradient(#fafafa,#ffffff) !important;
    background: linear-gradient(#fafafa,#ffffff) !important;
    border-top: none;
    font-size: 14px;
    font-weight: bold;
    padding: 14px 20px;
}

    #inrep-type-total .cl:nth-of-type(1) {
        color: #F42F02;
    }

#attn-reg-cont {
    padding: 40px 110px;
}

    #attn-reg-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#attn-reg-ct {
    min-height: 350px;
    margin: 40px 10px 10px 10px;
    width: 1110px;
    border: 1px solid #AEAEAE;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 40px 20px 40px 0;
    background: #FFF;
}

    #attn-reg-ct .lvsim2 .rw:nth-of-type(odd) .cl {
        background: #F7F7F7;
    }

#attn-reg {
    padding-left: 259px;
}

#attn-reg-list .cl {
    height: 39.5px;
    line-height: 20px;
    padding: 9px 20px;
    display: table-cell;
    float: none;
}

    #attn-reg-list .cl.dcl {
        min-width: 60px;
    }

    #attn-reg-list .cl.sn {
        min-width: 240px;
        font-weight: bold;
    }

#attn-reg-list .att-hd .cl {
    font-weight: bold;
    color: #E53232;
    background: linear-gradient(#fafafa,#e5e5e5);
    padding: 0;
}

    #attn-reg-list .att-hd .cl.dclt {
        min-height: 20px;
        min-width: 60px;
    }

#attn-reg-list .att-hd .wdn {
    padding: 5px 15px 0px 15px;
}

#attn-reg-list .att-hd .wdc {
    padding: 0px 20px 0px 20px;
}

#attn-reg-list .att-hd .sun {
    /*background: linear-gradient(rgba(255,179,0,0.57),rgba(255,193,7,0.65)) !important;
    color: #0C75A9;*/

       /*background: linear-gradient(rgb(61, 175, 255),rgb(57, 118, 160)) !important;*/
    color: black;

}

#attn-reg-list .dis {
    background: #FFF4F4 !important;
    border-bottom: none;
}

#attn-reg-list .atc {
    cursor: pointer;
}

    #attn-reg-list .atc:hover {
        background: rgba(252,115,0,0.37);
    }

#attn-reg-list .hatt {
    color: #D63A3A;
    font-size: 14px;
    text-shadow: 0 0 #DE0404;
}

#attn-reg-list .rw:last-of-type .dis {
    border-bottom: 1px solid #ddd;
}

#att-stuList-reg .cl {
    height: 20px;
    line-height: 20px;
    padding: 10px 20px;
    display: table-cell;
    float: none;
}

#att-stuList-reg .dis {
    background: #EFEFEF;
}

#att-stuList-reg .cl.sn {
    min-width: 200px;
    font-weight: bold;
}

#att-stuList {
    position: absolute;
    left: 11px;
    top: 41px;
    background: #FFF;
}

    #att-stuList .cl {
        height: 40px;
        line-height: 20px;
        padding: 9px 20px;
        display: table-cell;
        float: none;
    }

        #att-stuList .cl.dcl {
            min-width: 60px;
        }

        #att-stuList .cl.sn {
            min-width: 260px;
            color: #3F3F3F;
            text-shadow: 0 0 #CACACA;
        }

    #att-stuList .dcltf {
        height: 47px;
        color: #E53232 !important;
        font-weight: bold;
        background: linear-gradient(#fafafa,#e5e5e5);
        text-align: center;
    }

#att-rec, #att-up {
    display: none;
    width: 500px;
    height: 380px;
    padding: 20px;
    border-radius: 5px;
}

    #att-rec h1:first-child, #att-up h1:first-child {
        margin-bottom: 10px;
    }

    #att-rec .hd, #att-up .hd {
        font-weight: bold;
        padding: 0px 10px 10px 180px;
        color: #F00;
        border-bottom: 1px solid #DBD4D4;
        width: 180px;
    }

    #att-rec .cl, #att-up .cl {
        padding: 8px 5px;
    }

    #att-rec .rw .cl:nth-of-type(1), #att-up .rw .cl:nth-of-type(1) {
        width: 125px;
        font-weight: bold;
    }

    #att-rec .rw .cl:nth-of-type(2), #att-up .rw .cl:nth-of-type(2) {
        width: 240px;
    }

    #att-rec .cls, #att-up .cls {
        height: 30px;
    }

    #att-rec .rws .cls:nth-of-type(1), #att-up .rws .cls:nth-of-type(1) {
        width: 85px;
        padding: 10px 20px 10px 5px;
        font-weight: bold;
    }

    #att-rec .rws .cls:nth-of-type(2), #att-up .rws .cls:nth-of-type(2) {
        width: 10px;
        padding: 10px 20px;
    }

    #att-rec .rws .cls:nth-of-type(3), #att-up .rws .cls:nth-of-type(3) {
        width: 300px;
        padding: 10px 20px;
        font-weight: bold;
    }

#attn-rep-cont {
    padding: 40px 110px;
}

    #attn-rep-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#attn-rep-info .cl {
    height: 12px;
    padding: 10px 20px;
    font-weight: bold;
}

#attn-rep-info .rw .cl:nth-of-type(1) {
    width: 170px;
    color: #EA5B31;
    height: 25px;
}

#attn-rep-info .rw .cl:nth-of-type(2) {
    width: 10px;
}

#attn-rep-info .rw .cl:nth-of-type(3) {
    width: 250px;
}

#attn-rep .cl {
    height: 30px;
    padding: 10px 20px;
}

#attn-rep .rw .cl:nth-of-type(1) {
    width: 300px;
}

#attn-rep .rw .cl:nth-of-type(2) {
    width: 300px;
    
}

#attn-rep .rw .cl:nth-of-type(3) {
    width: 150px;
}
.report-filter-container {
    margin-bottom: 20px;
}

    .report-filter-container .report-filter {
        padding: 5px;
        border: 1px solid #C7C7C7;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #f2f2f2));
        background-image: -webkit-linear-gradient(#f5f5f5,#f2f2f2);
        background-image: -moz-linear-gradient(#f5f5f5,#f2f2f2);
        background-image: -o-linear-gradient(#f5f5f5,#f2f2f2);
        background-image: linear-gradient(#f5f5f5,#f2f2f2);
    }

        .report-filter-container .report-filter .rp-filter {
            padding: 10px;
        }

        .report-filter-container .report-filter .rp-title {
            font-weight: bold;
            /*color: #AA0C0C;
            text-shadow: 0 0 1px #FDCAB9;*/
            font-size: 14px;
            padding: 5px 5px 5px 0;
        }

    .report-filter-container .rp-divider {
        border-right: 1px solid #C2C2C2;
        box-shadow: 0 0 4px 2px #F9F9F9;
    }

    .report-filter-container .report-export {
        padding: 20px;
    }

    .report-filter-container .rp-export {
        float: right;
    }

.rp-btn {
    padding: 8px 10px;
    border: 1px solid #B0B0B0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #f4f4f4));
    background-image: -webkit-linear-gradient(#fcfcfc,#f4f4f4);
    background-image: -moz-linear-gradient(#fcfcfc,#f4f4f4);
    background-image: -o-linear-gradient(#fcfcfc,#f4f4f4);
    background-image: linear-gradient(#fcfcfc,#f4f4f4);
    font-weight: bold;
    cursor: pointer;
    color: black;
    text-decoration: none;
}

    .rp-btn:hover {
        box-shadow: 1px 1px 1px 0px #D8D8D8;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
        background-image: -webkit-linear-gradient(#ffffff,#f4f4f4);
        background-image: -moz-linear-gradient(#ffffff,#f4f4f4);
        background-image: -o-linear-gradient(#ffffff,#f4f4f4);
        background-image: linear-gradient(#ffffff,#f4f4f4);
    }

    .rp-btn img {
        vertical-align: middle;
        margin-right: 8px;
    }

.report {
    border: 1px solid #BDBDBD;
}

    .report a {
        color: #F60;
        cursor: pointer;
        text-decoration: none;
    }

        .report a:hover {
            text-decoration: underline;
        }

    .report .cl {
        border-right: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        background: #FFF;
    }

    .report .rw:first-of-type .cl {
        padding: 10px;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebeeef), color-stop(100%, #d2d2d2)) !important;
        background: -webkit-linear-gradient(#ebeeef,#d2d2d2) !important;
        background: -moz-linear-gradient(#ebeeef,#d2d2d2) !important;
        background: -o-linear-gradient(#ebeeef,#d2d2d2) !important;
        background: linear-gradient(#ebeeef,#d2d2d2) !important;
        color: #494949;
        font-weight: bold;
        border-bottom: 1px solid #BDBDBD;
    }

    .report .rw .cl {
        padding: 10px;
        height: 10px;
    }

    .report .rw:nth-of-type(odd) .cl {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f3f3), color-stop(100%, #f4f3f3));
        background: -webkit-linear-gradient(#f4f3f3,#f4f3f3);
        background: -moz-linear-gradient(#f4f3f3,#f4f3f3);
        background: -o-linear-gradient(#f4f3f3,#f4f3f3);
        background: linear-gradient(#f4f3f3,#f4f3f3);
    }

    .report .last .cl {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebeeef), color-stop(100%, #d2d2d2)) !important;
        background: -webkit-linear-gradient(#ebeeef,#d2d2d2) !important;
        background: -moz-linear-gradient(#ebeeef,#d2d2d2) !important;
        background: -o-linear-gradient(#ebeeef,#d2d2d2) !important;
        background: linear-gradient(#ebeeef,#d2d2d2) !important;
        border-top: 1px solid #BDBDBD;
        text-shadow: 0 0 1px #C8C5C5;
        font-weight: bold;
    }

.report-info {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(50%, #ffffff), color-stop(100%, #fcfcfc));
    background: -webkit-linear-gradient(#fcfcfc,#ffffff,#fcfcfc);
    background: -moz-linear-gradient(#fcfcfc,#ffffff,#fcfcfc);
    background: -o-linear-gradient(#fcfcfc,#ffffff,#fcfcfc);
    background: linear-gradient(#fcfcfc,#ffffff,#fcfcfc);
    border: 1px solid #B8B8B8;
    box-shadow: 0 0 7px 1px #CBCBCB;
}

.report-fr .cl {
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 10px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebeeef), color-stop(100%, #d2d2d2)) !important;
    background: -webkit-linear-gradient(#ebeeef,#d2d2d2) !important;
    background: -moz-linear-gradient(#ebeeef,#d2d2d2) !important;
    background: -o-linear-gradient(#ebeeef,#d2d2d2) !important;
    background: linear-gradient(#ebeeef,#d2d2d2) !important;
    color: #494949;
    font-weight: bold;
    border-bottom: 1px solid #BDBDBD;
}

.report-notfirst {
    /*border: 1px solid #BDBDBD;*/
}

    .report-notfirst a {
        color: #F60;
        cursor: pointer;
        text-decoration: none;
    }

        .report-notfirst a:hover {
            text-decoration: underline;
        }

    .report-notfirst .cl {
        border-right: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        background: #FFF;
    }

    .report-notfirst .rw .cl {
        padding: 10px;
        height: 10px;
    }

    .report-notfirst .rw:nth-of-type(odd) .cl {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f3f3), color-stop(100%, #f4f3f3));
        background: -webkit-linear-gradient(#f4f3f3,#f4f3f3);
        background: -moz-linear-gradient(#f4f3f3,#f4f3f3);
        background: -o-linear-gradient(#f4f3f3,#f4f3f3);
        background: linear-gradient(#f4f3f3,#f4f3f3);
    }

    .report-notfirst .last .cl {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebeeef), color-stop(100%, #d2d2d2)) !important;
        background: -webkit-linear-gradient(#ebeeef,#d2d2d2) !important;
        background: -moz-linear-gradient(#ebeeef,#d2d2d2) !important;
        background: -o-linear-gradient(#ebeeef,#d2d2d2) !important;
        background: linear-gradient(#ebeeef,#d2d2d2) !important;
        border-top: 1px solid #BDBDBD;
        text-shadow: 0 0 1px #C8C5C5;
        font-weight: bold;
    }

.reports-cont .admission-stats-container {
    width: 935px;
}

.reports-cont .stu-list .rw .cl:nth-of-type(1) {
    width: 90px;
}

.reports-cont .stu-list .rw .cl:nth-of-type(2) {
    width: 240px;
}

.reports-cont .stu-list .rw .cl:nth-of-type(3) {
    width: 230px;
}

.reports-cont .stu-list .rw .cl:nth-of-type(4) {
    width: 120px;
}

.reports-cont .stu-list .rw .cl:nth-of-type(5) {
    width: 120px;
}

.reports-cont .stu-list .rw:not(first-child) .cl {
    padding: 8px 10px;
}

.stu-report-cont .pager {
    padding: 0 !important;
}

    .stu-report-cont .pager .rw {
        width: 623px;
    }

.stu-report-search {
    padding: 20px 5px 15px 20px;
    border: 1px solid #D2D2D2;
    margin-bottom: 30px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(#fefefe,#f6f6f6);
    background: -moz-linear-gradient(#fefefe,#f6f6f6);
    background: -o-linear-gradient(#fefefe,#f6f6f6);
    background: linear-gradient(#fefefe,#f6f6f6);
}

    .stu-report-search .cl {
        padding: 5px;
    }

    .stu-report-search .rw {
        width: 300px !important;
    }

        .stu-report-search .rw .cl:nth-of-type(1) {
            width: 185px;
            text-shadow: 1px 1px #FFF;
            font-weight: bold;
        }

        .stu-report-search .rw .cl:nth-of-type(2) {
            width: 80px;
        }

        .stu-report-search .rw.last .btn {
            margin: 16px 16px 16px 200px;
        }

.stu-repo-search-res {
    padding: 5px 5px 0 5px;
}

    .stu-repo-search-res a {
        color: #F60;
        text-decoration: none;
    }

        .stu-repo-search-res a:hover {
            text-decoration: underline;
        }

    .stu-repo-search-res .rw {
        width: 623px;
        border-left: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }

    .stu-repo-search-res .cl {
        border-right: 1px solid #DDD;
    }

    .stu-repo-search-res .rw:first-child .cl {
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e8e8e8));
        background-image: -webkit-linear-gradient(#fafafa,#e8e8e8);
        background-image: -moz-linear-gradient(#fafafa,#e8e8e8);
        background-image: -o-linear-gradient(#fafafa,#e8e8e8);
        background-image: linear-gradient(#fafafa,#e8e8e8);
        padding: 10px;
        color: #666;
        text-shadow: 1px 1px rgba(255,255,255,0.8);
        font-weight: bold;
        border-bottom: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

    .stu-repo-search-res .rw .cl:nth-of-type(1) {
        width: 85px;
    }

    .stu-repo-search-res .rw .cl:nth-of-type(2) {
        width: 150px;
    }

    .stu-repo-search-res .rw .cl:nth-of-type(3) {
        width: 100px;
    }

    .stu-repo-search-res .rw .cl:nth-of-type(4) {
        width: 110px;
    }

    .stu-repo-search-res .rw .cl:nth-of-type(5) {
        width: 73px;
    }

    .stu-repo-search-res .rw:not(first-child) .cl {
        padding: 8px 10px;
    }

    .stu-repo-search-res .rw:nth-of-type(odd) {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
        background: -webkit-linear-gradient(#ffffff,#f4f4f4);
        background: -moz-linear-gradient(#ffffff,#f4f4f4);
        background: -o-linear-gradient(#ffffff,#f4f4f4);
        background: linear-gradient(#ffffff,#f4f4f4);
    }

.rw-info {
    padding: 10px;
}

.fee-defaulters-cont {
    position: relative;
}

    .fee-defaulters-cont .pdf-r {
        position: absolute;
        top: 97px;
        right: 193px;
        border: 1px solid #b2b2b2;
        padding: 6px;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
        background: -webkit-linear-gradient(#ffffff,#f7f7f7);
        background: -moz-linear-gradient(#ffffff,#f7f7f7);
        background: -o-linear-gradient(#ffffff,#f7f7f7);
        background: linear-gradient(#ffffff,#f7f7f7);
        border-radius: 4px;
        box-shadow: 1px 1px #D9D3D3;
    }

        .fee-defaulters-cont .pdf-r:hover {
            background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
            background: -webkit-linear-gradient(#ffffff,#ffffff);
            background: -moz-linear-gradient(#ffffff,#ffffff);
            background: -o-linear-gradient(#ffffff,#ffffff);
            background: linear-gradient(#ffffff,#ffffff);
        }

        .fee-defaulters-cont .pdf-r a {
            color: #F60;
            text-decoration: none;
            cursor: pointer;
        }

    .fee-defaulters-cont .top {
        padding: 20px 5px 0 5px;
    }

        .fee-defaulters-cont .top .cl {
            padding: 5px;
        }

        .fee-defaulters-cont .top .rw:nth-of-type(1) .cl:nth-of-type(1) {
            width: 170px;
            font-weight: bold;
            text-shadow: 0px 2px #F9F9F9;
            color: red;
        }

        .fee-defaulters-cont .top .rw:nth-of-type(1) .cl:nth-of-type(2) {
            width: 150px;
            padding: 0;
        }

        .fee-defaulters-cont .top .rw:nth-of-type(1) .cl:nth-of-type(3) {
            width: 150px;
            font-weight: bold;
            text-shadow: 0px 2px #F9F9F9;
        }

        .fee-defaulters-cont .top .rw:nth-of-type(1) .cl:nth-of-type(4) {
            width: 64px;
        }

        .fee-defaulters-cont .top .rw:nth-of-type(1) .cl:nth-of-type(5) {
            width: 142px;
            font-weight: bold;
        }

        .fee-defaulters-cont .top .rw:nth-of-type(1) .cl:nth-of-type(6) {
            width: 105px;
        }

        .fee-defaulters-cont .top .rw:nth-of-type(2) {
            margin-top: 20px;
        }

            .fee-defaulters-cont .top .rw:nth-of-type(2) .cl:nth-of-type(1) {
                width: 95px;
                font-weight: bold;
                text-shadow: 0px 2px #F9F9F9;
            }

            .fee-defaulters-cont .top .rw:nth-of-type(2) .cl:nth-of-type(2) {
                width: 86px;
            }

            .fee-defaulters-cont .top .rw:nth-of-type(2) .cl:nth-of-type(3) {
                width: 95px;
                font-weight: bold;
                text-shadow: 0px 2px #F9F9F9;
            }

            .fee-defaulters-cont .top .rw:nth-of-type(2) .cl:nth-of-type(4) {
                width: 64px;
            }

            .fee-defaulters-cont .top .rw:nth-of-type(2) .cl:nth-of-type(5) {
                width: 142px;
                font-weight: bold;
            }

            .fee-defaulters-cont .top .rw:nth-of-type(2) .cl:nth-of-type(6) {
                width: 105px;
                padding: 0;
            }

    .fee-defaulters-cont .pager {
        padding: 0 5px 0 5px;
    }

        .fee-defaulters-cont .pager .rw {
            width: 799px;
            border-top: 1px solid #DDD;
            border-left: 1px solid #DDD;
            border-right: 1px solid #DDD;
            border-bottom: 1px solid #DDD;
            margin-top: 18px;
            padding-top: 2px;
            padding-bottom: 2px;
            background: #FFF !important;
        }

        .fee-defaulters-cont .pager a {
            float: left;
            cursor: pointer;
            padding: 5px 12px;
            margin: 0px;
            display: block;
            color: #545454;
            font-weight: bold;
            border-right: 1px solid #DEDEDE;
            border-left: 1px solid #FFF;
        }

        .fee-defaulters-cont .pager span {
            float: left;
            padding: 5px 12px;
            border-right: 1px solid #DEDEDE;
        }

            .fee-defaulters-cont .pager span:first-child {
                border: none;
            }

#fee-defaulters {
    padding: 20px 5px 0 5px;
    width: 801px;
    margin-top: 20px;
}

    #fee-defaulters .cl {
        padding: 10px;
        height: 12px;
    }

    #fee-defaulters .rw .cl:nth-of-type(1) {
        width: 30px;
    }

    #fee-defaulters .rw .cl:nth-of-type(2) {
        width: 244px;
    }

    #fee-defaulters .rw .cl:nth-of-type(3) {
        width: 100px;
    }

    #fee-defaulters .rw .cl:nth-of-type(4) {
        width: 95px;
    }

    #fee-defaulters .rw .cl:nth-of-type(5) {
        width: 105px;
    }

    #fee-defaulters .rw .cl:nth-of-type(6) {
        width: 100px;
    }

.report-options {
    height: 700px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(#f7f7f7,#f4f4f4);
    background: -moz-linear-gradient(#f7f7f7,#f4f4f4);
    background: -o-linear-gradient(#f7f7f7,#f4f4f4);
    background: linear-gradient(#f7f7f7,#f4f4f4);
}

    .report-options .rw {
        margin-bottom: 10px;
    }

        .report-options .rw .cl {
            padding: 20px 40px 20px 40px;
        }

            .report-options .rw .cl:nth-of-type(1) {
                width: 320px;
            }

            .report-options .rw .cl:nth-of-type(2) {
                width: 320px;
            }

            .report-options .rw .cl:nth-of-type(3) {
                width: 320px;
            }

    .report-options .title a {
        color: #E70A36;
        text-decoration: none;
        font-size: 14px;
        text-shadow: 0 0 0px #CE0000;
    }

        .report-options .title a:hover {
            text-decoration: underline;
        }

    .report-options .description {
        margin-top: 5px;
        margin-bottom: 5px;
    }

.conveyance-stu .report .rw .cl:nth-of-type(1) {
    width: 30px;
    padding: 10px;
}

.conveyance-stu .report .rw .cl:nth-of-type(2) {
    /*width: 250px !important;*/
}

.conveyance-stu .report .rw .cl:nth-of-type(3) {
    /*width: 150px !important;*/
}

.conveyance-stu .report .rw .cl:nth-of-type(4) {
    width: 100px !important;
}

.conveyance-stu .report .rw .cl:nth-of-type(5) {
    width: 100px !important;
}

.conveyance-stu .report .rw .cl:nth-of-type(6) {
    width: 100px !important;
}

#conveyance-rr-cont {
    border: 1px solid #ADADAD;
    padding: 13px;
    background: #FDFDFD;
    width: 1200px;
    overflow: auto;
}

#conveyance-rr .fcl {
    width: 200px;
}

#conveyance-rr .report-fr .rw .cl {
    background: #e7e7e7;
    padding: 10px !important;
    color: #AB430D;
    font-size: 12px;
    text-shadow: 0 0 1px #FFF;
    font-weight: bold;
    border-bottom: none;
   
}

    #conveyance-rr .report-fr .rw .cl:nth-of-type(1) {
        width: 30px;
    }

    #conveyance-rr .report-fr .rw .cl:nth-of-type(2) {
        width: 250px;
    }

    #conveyance-rr .report-fr .rw .cl:nth-of-type(3) {
        width: 90px;
    }

#conveyance-rr .report-notfirst {
    display: table;
}

    #conveyance-rr .report-notfirst .rw {
        display: inline-flex;
    }

        #conveyance-rr .report-notfirst .rw .cl:nth-of-type(1) {
            width: 30px;
        }

        #conveyance-rr .report-notfirst .rw .cl:nth-of-type(2) {
            width: 250px;
        }

        #conveyance-rr .report-notfirst .rw .cl:nth-of-type(3) {
            width: 90px;
        }

#conveyance-rr .report-st-cont {
    padding: 10px 0;
}

    #conveyance-rr .report-st-cont .fc2 {
        /*font-weight: bold;
        font-size: 12px;
        width: 90.5%;
        padding: 10px 2px 10px 172px;
        border: 1px solid rgba(231,184,0,0.87);
        border-bottom: none;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(247,227,147,0.34)), color-stop(50%, rgba(247,227,147,0.48)), color-stop(100%, rgba(247,227,147,0.34)));
        background: -webkit-linear-gradient(rgba(247,227,147,0.34),rgba(247,227,147,0.48),rgba(247,227,147,0.34));
        background: -moz-linear-gradient(rgba(247,227,147,0.34),rgba(247,227,147,0.48),rgba(247,227,147,0.34));
        background: -o-linear-gradient(rgba(247,227,147,0.34),rgba(247,227,147,0.48),rgba(247,227,147,0.34));
        background: linear-gradient(rgba(247,227,147,0.34),rgba(247,227,147,0.48),rgba(247,227,147,0.34));*/
    }

#conveyance-rr .no-stu {
    padding: 20px;
}

#conve-stoppage-cont {
    border: 1px solid #ADADAD;
    padding: 13px;
    background: #FDFDFD;
    width: 1200px;
    overflow: auto;
}

#conve-stoppage .fcl {
    width: 300px;
}

#conve-stoppage .report-fr .rw .cl {
    background: #e7e7e7;
    padding: 10px !important;
    color: #AB430D;
    font-size: 12px;
    text-shadow: 0 0 1px #FFF;
    font-weight: bold;
    border-bottom: none;
}

    #conve-stoppage .report-fr .rw .cl:nth-of-type(1) {
        width: 30px;
    }

    #conve-stoppage .report-fr .rw .cl:nth-of-type(2) {
        width: 250px;
    }

    #conve-stoppage .report-fr .rw .cl:nth-of-type(3) {
        width: 90px;
    }

#conve-stoppage .report-notfirst .rw {
    display: inline-flex;
}

    #conve-stoppage .report-notfirst .rw .cl:nth-of-type(1) {
        width: 30px;
    }

    #conve-stoppage .report-notfirst .rw .cl:nth-of-type(2) {
        width: 250px;
    }

    #conve-stoppage .report-notfirst .rw .cl:nth-of-type(3) {
        width: 90px;
    }

#conve-stoppage .report-st-cont {
    padding: 10px 0;
}

    #conve-stoppage .report-st-cont .fc2 {
        /*font-weight: bold;
        font-size: 12px;
        width: 82.4%;
        padding: 10px 2px 10px 172px;
        border: 1px solid rgba(231,184,0,0.87);
        border-bottom: none;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(247,227,147,0.34)), color-stop(50%, rgba(247,227,147,0.48)), color-stop(100%, rgba(247,227,147,0.34)));
        background: -webkit-linear-gradient(rgba(247,227,147,0.34),rgba(247,227,147,0.48),rgba(247,227,147,0.34));
        background: -moz-linear-gradient(rgba(247,227,147,0.34),rgba(247,227,147,0.48),rgba(247,227,147,0.34));
        background: -o-linear-gradient(rgba(247,227,147,0.34),rgba(247,227,147,0.48),rgba(247,227,147,0.34));
        background: linear-gradient(rgba(247,227,147,0.34),rgba(247,227,147,0.48),rgba(247,227,147,0.34));*/
    }

#conve-stoppage .no-stu {
    padding: 20px;
}

#stu-conveyance-report {
    padding: 20px 70px;
    width: 810px;
    background: #FFF;
    border: 1px solid #C3C3C3;
}

    #stu-conveyance-report h2 {
        font-weight: bold;
        color: #ED143D;
        padding: 10px;
    }

    #stu-conveyance-report h3 {
        font-weight: bold;
        color: #545454;
        padding: 10px;
    }

    #stu-conveyance-report .stu-rep {
        width: 814px;
    }

        #stu-conveyance-report .stu-rep .cl {
            padding: 10px 10px;
            height: 10px;
        }

        #stu-conveyance-report .stu-rep .rw .cl:nth-of-type(1) {
            width: 230px;
        }

        #stu-conveyance-report .stu-rep .rw .cl:nth-of-type(2) {
            width: 300px;
        }

        #stu-conveyance-report .stu-rep .rw .cl:nth-of-type(3) {
            width: 100px;
        }

        #stu-conveyance-report .stu-rep .rw .cl:nth-of-type(4) {
            width: 100px;
        }

#con-fee-coll-report {
    position: relative;
    padding: 20px 60px;
    min-height: 2000px;
}

    #con-fee-coll-report .top {
        padding: 30px;
    }

    #con-fee-coll-report .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

#conveyance-rr-cont-all {
    border: 1px solid #E0E0E0;
    padding: 13px;
    background: #FFF;
    overflow: auto;
}

#conveyance-rr-all .fcl {
    width: 200px;
    height:30px;
}

#conveyance-rr-all .report-fr .cl {
    background: #e7e7e7;
    padding: 10px !important;
    color: #5A5A5A;
    font-size: 12px;
    text-shadow: 0 0 1px #FFF;
    border-bottom: none;
    height:32px;
}

    #conveyance-rr-all .report-fr .cl:nth-of-type(1) {
        width: 30px;
    }

    #conveyance-rr-all .report-fr .cl:nth-of-type(2) {
        width: 250px;
    }

    #conveyance-rr-all .report-fr .cl:nth-of-type(3) {
        width: 90px;
    }

#conveyance-rr-all .report-notfirst .rw {
    display: inline-flex;
}

    #conveyance-rr-all .report-notfirst .rw .cl:nth-of-type(1) {
        width: 30px;
    }

    #conveyance-rr-all .report-notfirst .rw .cl:nth-of-type(2) {
        width: 250px;
    }

    #conveyance-rr-all .report-notfirst .rw .cl:nth-of-type(3) {
        width: 90px;
    }

#conveyance-rr-all .trans-per-route .fc {
    font-weight: bold;
    font-size: 15px;
    width: 100%;

    padding-top:10px;
}

#conveyance-rr-all .report-st-cont {
    padding: 10px 0;
    background: #FFF;
}

    #conveyance-rr-all .report-st-cont .fc2 {
        padding-bottom:10px;
        /*font-weight: bold;
        font-size: 12px;
        width: 90.5%;
        padding: 10px 2px 10px 172px;
        border: 1px solid rgba(223,208,149,0.87);
        border-bottom: none;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(165,135,15,0.09)), color-stop(50%, rgba(181,159,71,0.23)), color-stop(100%, rgba(168,145,55,0.15)));
        background: -webkit-linear-gradient(rgba(165,135,15,0.09),rgba(181,159,71,0.23),rgba(168,145,55,0.15));
        background: -moz-linear-gradient(rgba(165,135,15,0.09),rgba(181,159,71,0.23),rgba(168,145,55,0.15));
        background: -o-linear-gradient(rgba(165,135,15,0.09),rgba(181,159,71,0.23),rgba(168,145,55,0.15));
        background: linear-gradient(rgba(165,135,15,0.09),rgba(181,159,71,0.23),rgba(168,145,55,0.15));
        color: #413C3F;
        text-shadow: 1px 1px 1px #D3D3D3;*/
    }

#conveyance-rr-all .no-stu {
    padding: 20px;
}

#feeCollDailyCont {
    padding: 20px 70px;
    width: 1240px;
    background: #FFF;
    border: 1px solid #C3C3C3;
}

    #feeCollDailyCont h2 {
        font-weight: bold;
        color: #ED143D;
        padding: 10px;
    }

    #feeCollDailyCont h3 {
        font-weight: bold;
        color: #545454;
        padding: 10px;
    }

    #feeCollDailyCont .stu-fee {
        width: 814px;
    }

        #feeCollDailyCont .stu-fee .cl {
            padding: 10px 10px;
            height: 10px;
        }

        #feeCollDailyCont .stu-fee .rw .cl:nth-of-type(1) {
            width: 150px;
        }

        #feeCollDailyCont .stu-fee .rw .cl:nth-of-type(2) {
            width: 300px;
        }

    #feeCollDailyCont .rep-header {
        border-top: 1px solid #A9A9A9;
        border-bottom: 1px solid #A9A9A9;
        background: #FFF;
    }

        #feeCollDailyCont .rep-header .cl {
            padding: 10px 10px;
            height: 10px;
            font-weight: bold;
        }

        #feeCollDailyCont .rep-header .rw1 .cl:nth-of-type(1) {
            width: 80px;
        }

        #feeCollDailyCont .rep-header .rw1 .cl:nth-of-type(2) {
            width: 150px;
        }

        #feeCollDailyCont .rep-header .rw1 .cl:nth-of-type(3) {
            width: 200px;
        }

        #feeCollDailyCont .rep-header .rw2 .cl {
            color: #4C4C4C;
        }

            #feeCollDailyCont .rep-header .rw2 .cl:nth-of-type(1) {
                width: 80px;
            }

            #feeCollDailyCont .rep-header .rw2 .cl:nth-of-type(2) {
                width: 150px;
            }

            #feeCollDailyCont .rep-header .rw2 .cl:nth-of-type(3) {
                width: 250px;
            }

            #feeCollDailyCont .rep-header .rw2 .cl:nth-of-type(4) {
                width: 150px;
                text-align: right;
            }

    #feeCollDailyCont .sum-all {
        padding: 10px;
        text-align: right;
        width: 1097px;
        font-weight: bold;
        border-top: 1px solid #ABABAB;
    }

.ff-per-student .fc {
    background: rgba(247,247,247,0.65);
}

    .ff-per-student .fc .cl {
        padding: 10px 10px;
        height: 10px;
    }

        .ff-per-student .fc .cl:nth-of-type(1) {
          
         font-weight: 700;
        }

        .ff-per-student .fc .cl:nth-of-type(2) {
            width: 180px;
            color: #CF0000;
            height: 31px;
        }

        .ff-per-student .fc .cl:nth-of-type(3) {
            width: 200px;
        }

.ff-per-student .sum {
    text-align: right;
    /*width: 690px;*/
    padding: 10px;
    font-weight: bold;
    color: #626262;
}

.ff-per-student-trans .cl {
    padding: 10px 10px;
    height: 10px;
}

.ff-per-student-trans .rw .cl:nth-of-type(1) {
     width: 80px;
    padding-left: 35px;
}

.ff-per-student-trans .rw .cl:nth-of-type(2) {
    width: 200px;
}

.ff-per-student-trans .rw .cl:nth-of-type(3) {
    width: 250px;
}

.ff-per-student-trans .rw .cl:nth-of-type(4) {
    width: 150px;
    color: #E71010;
    text-align: right;
}

#sibling-all-cont {
    position: relative;
    padding: 20px 60px;
    min-height: 1200px;
}

    #sibling-all-cont .top {
        padding: 30px;
    }

    #sibling-all-cont .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

#sibling-all {
    margin: 30px;
}

    #sibling-all .cl {
        padding: 10px 10px;
    }

    #sibling-all .rw .cl:nth-of-type(1) {
        width: 150px;
    }

    #sibling-all .rw .cl:nth-of-type(2) {
        width: 786px;
        padding: 10px 0 10px 0;
    }

    #sibling-all .rws .cls {
        padding: 10px 10px;
        border-bottom: 1px solid #EDEDED;
        height: 10px;
    }

        #sibling-all .rws .cls:nth-of-type(1) {
            width: 50px;
            text-align: left;
            height:35px;
        }

        #sibling-all .rws .cls:nth-of-type(2) {
            width: 250px;
            height:35px;
        }

        #sibling-all .rws .cls:nth-of-type(3) {
            width: 130px;
            height:35px;
        }

        #sibling-all .rws .cls:nth-of-type(4) {
            width: 120px;
            text-align: left;
               height:35px;
        }

        #sibling-all .rws .cls:nth-of-type(5) {
            width: 135px;
            text-align: right;
            height:35px;
        }

    #sibling-all .rws:last-child .cls {
        border-bottom: none;
        height: 35px;
    }

    #sibling-all .hrw .cl {
        background: #EAEAEA !important;
    }

        #sibling-all .hrw .cl:nth-of-type(2) {
            text-align: center;
        }

    #sibling-all .hr .cls {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #eaeaea));
        background: -webkit-linear-gradient(#f7f7f7,#eaeaea);
        background: -moz-linear-gradient(#f7f7f7,#eaeaea);
        background: -o-linear-gradient(#f7f7f7,#eaeaea);
        background: linear-gradient(#f7f7f7,#eaeaea);
    }

#all-sib-header {
  margin-left: 17px;
    border: 1px solid #CACACA;
    width: 1209px;
    background-color: white;
}

    #all-sib-header .cl {
        padding: 10px 10px;
        font-weight: bold;
        color: #4C4C4C;
        font-size: 13px;
        background: #FFF;
        line-height: 30px;
        border-right: 1px solid #CFCFCF;
    }

        #all-sib-header .cl:nth-of-type(1) {
            width: 200px;
        }

        #all-sib-header .cl:nth-of-type(2) {
            width: 160px;
        }

        #all-sib-header .cl:nth-of-type(3) {
            width: 260px;
        }

        #all-sib-header .cl:nth-of-type(4) {
            width: 260px;
            border-right: none;
        }

    #all-sib-header .ti {
        font-size: 20px;
        color: #DA0606;
    }

#feeDiscountHeader {
    cursor: pointer;
}

    #feeDiscountHeader:hover {
        background: #DDD;
    }

.discount-active {
    background: #D8F0FA;
}

    .discount-active a {
        color: #31969E;
    }

#fee-summary-cont {
    position: relative;
    padding: 20px 60px;
    min-height: 1200px;
}

    #fee-summary-cont .top {
        padding: 30px;
    }

    #fee-summary-cont .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

#fee-summary {
    margin: 70px 10px 10px 30px;
    width: 1100px;
}

    #fee-summary .rw .cl:nth-of-type(1) {
        width: 150px;
        color: black;
        font-weight: bold;
        font-size: 14px;
        padding: 8px 10px;
    }

    #fee-summary .rw .cl:nth-of-type(2) {
        width: 925px;
        padding: 0;
    }

    #fee-summary .rws .cls {
        padding: 10px 10px;
        border-bottom: 1px solid #EDEDED;
        height: 30px;
        font-size: 14px;
        text-align: right;
        border-right: 1px solid #EDEDED;
    }

        #fee-summary .rws .cls:nth-of-type(1) {
            width: 100px;
            text-align: left;
        }

        #fee-summary .rws .cls:nth-of-type(2) {
            width: 120px;
        }

        #fee-summary .rws .cls:nth-of-type(3) {
            width: 185px;
        }

        #fee-summary .rws .cls:nth-of-type(4) {
            width: 185px;
        }

        #fee-summary .rws .cls:nth-of-type(5) {
            width: 185px;
        }

        #fee-summary .rws .cls:nth-of-type(6) {
            width: 140px;
            border-right: none;
        }

    #fee-summary .rws:last-child .cls {
        border-bottom: none;
    }

    #fee-summary .hrw .cl {
        background: #EAEAEA !important;
    }

        #fee-summary .hrw .cl:nth-of-type(1) {
            color: #4C4747;
        }

        #fee-summary .hrw .cl:nth-of-type(2) {
            text-align: center;
        }

    #fee-summary .lrw {
        background: #FFF !important;
        font-weight: bold;
    }

    #fee-summary .hr .cls {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #eaeaea));
        background: -webkit-linear-gradient(#f7f7f7,#eaeaea);
        background: -moz-linear-gradient(#f7f7f7,#eaeaea);
        background: -o-linear-gradient(#f7f7f7,#eaeaea);
        background: linear-gradient(#f7f7f7,#eaeaea);
    }

#all-fee-header {
    margin: 90px 20px 10px 30px;
    border: 1px solid #CACACA;
    width: 1094px;
}

    #all-fee-header .cl {
        padding: 10px 10px;
        font-weight: bold;
        color: #4C4C4C;
        font-size: 13px;
        background: #FFF;
        line-height: 30px;
        border-right: 1px solid #CFCFCF;
    }

        #all-fee-header .cl:nth-of-type(1) {
            width: 200px;
        }

        #all-fee-header .cl:nth-of-type(2) {
            width: 160px;
        }

        #all-fee-header .cl:nth-of-type(3) {
            width: 230px;
        }

        #all-fee-header .cl:nth-of-type(4) {
            width: 260px;
        }

        #all-fee-header .cl:nth-of-type(5) {
            width: 240px;
            border-right: none;
        }

    #all-fee-header .ti {
        font-size: 13px;
        color: black;
    }

#fee-di-cont {
    position: relative;
    padding: 20px 60px;
    min-height: 1200px;
}

    #fee-di-cont .top {
        padding: 30px;
    }

    #fee-di-cont .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

#stu-fee-di-cont {
    margin: 40px 20px 20px 50px;
    padding: 20px 50px;
    width: 1020px;
    background: #FFF;
    border: 1px solid #C3C3C3;
    border-radius: 5px;
}

    #stu-fee-di-cont h2 {
        font-weight: bold;
        color: #ED143D;
        padding: 10px;
    }

#stu-fee-di {
    margin: 20px 0px;
    font-size: 13px;
}

    #stu-fee-di .fc {
        font-weight: bold;
        padding: 10px 2px 10px 450px;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        color: #F44336;
    }

    #stu-fee-di .cl {
        height: 25px;
        padding: 5px 10px;
        display: table-cell;
        float: none;
    }

    #stu-fee-di .rw.first .cl {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(100%, #e7e7e7));
        background: -webkit-linear-gradient(#e8e8e8,#e7e7e7);
        background: -moz-linear-gradient(#e8e8e8,#e7e7e7);
        background: -o-linear-gradient(#e8e8e8,#e7e7e7);
        background: linear-gradient(#e8e8e8,#e7e7e7);
        padding: 12px 10px;
        height: 36px;
        color: #BF360C;
        font-size: 12px;
        text-shadow: 0 0 1px #FFF;
        font-weight: bold;
        border-left: 1px solid #DDD;
        border-top: 1px solid #DDD;
    }

        #stu-fee-di .rw.first .cl:nth-of-type(1) {
            text-align: center;
        }

    #stu-fee-di .rw .cl:nth-of-type(1) {
        width: 300px;
    }

    #stu-fee-di .rw .cl:nth-of-type(2) {
        width: 120px;
        text-align: right;
    }

    #stu-fee-di .rw .cl:nth-of-type(3) {
        width: 380px;
    }

    #stu-fee-di .rw .cl:nth-of-type(4) {
        width: 120px;
        text-align: center;
    }

.fees-stu-dis {
    color: #1194A3;
    font-weight: bold;
}

.active-con .cl {
    background: rgba(239,255,0,0.1) !important;
    color: #F70000 !important;
}

#conveyfee-config-cont {
    position: relative;
    padding: 40px 190px 40px 140px;
    min-height: 1200px;
}

    #conveyfee-config-cont .top {
        padding: 30px;
    }

    #conveyfee-config-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 190px;
    }

#stu-conveyfee-part {
    margin: 30px 20px 20px 160px;
    width: 490px;
}

    #stu-conveyfee-part .cl {
        padding: 10px;
        height: 30px;
    }

    #stu-conveyfee-part .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #stu-conveyfee-part .rw .cl:nth-of-type(2) {
        width: 270px;
    }

    #stu-conveyfee-part .rw .cl:nth-of-type(3) {
        width: 120px;
    }

    #stu-conveyfee-part .rw .cl:nth-of-type(4) {
        width: 120px;
    }

    #stu-conveyfee-part .active .cl {
        background: rgba(239,255,0,0.1);
        color: #F70000;
    }

.bxsh {
    box-shadow: 0 0 7px 1px #DCDCDC;
}

#pnlStuDetailsConveyance {
    /*background: -webkit-linear-gradient(90deg, #fcfcfc 80%,#f2f2f2 100%);
    background: -moz-linear-gradient(90deg, #fcfcfc 80%,#f2f2f2 100%);
    background: -o-linear-gradient(90deg, #fcfcfc 80%,#f2f2f2 100%);
    background: linear-gradient(90deg, #fcfcfc 80%,#f2f2f2 100%);
    border: 1px solid #EDEDED;
    box-shadow: -2px 6px 12px 1px #D7D7D7;
    margin-top: 20px;
    padding: 10px 0;*/
}

    #pnlStuDetailsConveyance .rw {
        padding: 0;
    }

    #pnlStuDetailsConveyance .cl {
        height: 12px;
        padding: 10px 10px;
    }

    #pnlStuDetailsConveyance .rw .cl:nth-of-type(1) {
        width: 65px;
        font-weight: bold;
    }

    #pnlStuDetailsConveyance .rw .cl:nth-of-type(2) {
        width: 190px;
        color: #B42626;
        font-weight: bold;
    }

        #pnlStuDetailsConveyance .rw .cl:nth-of-type(2) span {
            margin-left: 10px;
        }

.cinfo .cl {
    height: 25px;
    padding: 10px;
}

.cinfo .rw .cl:nth-of-type(1) {
    width: 170px;
    font-weight: bold;
}

.cinfo .cl:nth-of-type(1):after {
    content: ":";
    padding-left: 20px;
    color: #E81B1B;
    float: right;
    padding-right: 20px;
}

.cinfo .rw .cl:nth-of-type(2) {
    color: #B42626;
    font-weight: bold;
}

    .cinfo .rw .cl:nth-of-type(2) span {
        margin-left: 10px;
    }

#pub-tt .cl {
    height: 12px;
    padding: 10px;
}

#pub-tt .rw .cl:nth-of-type(1) {
    width: 50px;
}

#pub-tt .rw .cl:nth-of-type(2) {
    width: 340px;
}

#pub-tt .rw .cl:nth-of-type(3) {
    width: 120px;
}

#scust-rep-cont {
    position: relative;
    padding: 20px 60px;
    min-height: 2000px;
}

    #scust-rep-cont .top {
        padding: 30px;
    }

    #scust-rep-cont .r-nav {
        position: absolute;
        top: 60px;
        right: 60px;
    }

#scust-rep-config {
    padding: 30px;
    margin: 20px 10px 10px 10px;
    background: #FFF;
    border: 1px solid #DBDBDB;
}

    #scust-rep-config .cl {
        min-height: 18px;
        font-size: 13px;
    }

    #scust-rep-config .rw .cl:nth-of-type(1) {
        padding: 20px;
        width: 150px;
    }

    #scust-rep-config .rw .cl:nth-of-type(2) {
        padding: 20px;
        width: 400px;
    }

    #scust-rep-config .field-list .cls {
        height: 16px;
        font-size: 13px;
    }

    #scust-rep-config .field-list li {
        cursor: pointer;
    }

    #scust-rep-config .field-list .rws .cls:nth-of-type(1) {
        padding: 5px;
        width: 20px;
    }

    #scust-rep-config .field-list .rws .cls:nth-of-type(2) {
        padding: 9px 5px 5px 5px;
        width: 200px;
    }

#scust-rep {
    padding: 30px;
    margin: 20px 10px 10px 10px;
    background: #FFF;
    border: 1px solid #DBDBDB;
    overflow: overlay;
    position: relative;
}

    #scust-rep .cl {
        height: 12px;
        font-size: 13px;
        display: table-cell;
        float: none;
    }

    #scust-rep .rw.first .cl {
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(100%, #e7e7e7));
        background: -webkit-linear-gradient(#e8e8e8,#e7e7e7);
        background: -moz-linear-gradient(#e8e8e8,#e7e7e7);
        background: -o-linear-gradient(#e8e8e8,#e7e7e7);
        background: linear-gradient(#e8e8e8,#e7e7e7);
        padding: 10px 10px;
        color: #AB430D;
        font-size: 12px;
        text-shadow: 0 0 1px #FFF;
        font-weight: bold;
    }

    #scust-rep .cl.pr {
        min-width: 150px;
        padding: 10px;
    }

a.lk {
    text-decoration: underline;
    color: #F60;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}

    a.lk:hover {
        text-decoration: none;
    }

#cce-rep-def {
    padding: 40px 190px;
}

    #cce-rep-def .r-nav {
        position: absolute;
        top: 100px;
        right: 190px;
    }

#cce-setdefault-cont {
    padding: 40px 190px;
}

    #cce-setdefault-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 190px;
    }

#cce-basic-set-cont {
    padding: 40px 190px;
}

    #cce-basic-set-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 190px;
    }

#cce-scholastic-set-cont {
    padding: 40px 190px;
}

    #cce-scholastic-set-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 190px;
    }

#cce-coscholoastic-set-cont {
    padding: 40px 190px;
}

    #cce-coscholoastic-set-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 190px;
    }

#cce-gradeset-cont {
    padding: 40px 110px;
}

    #cce-gradeset-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-gradeset {
    margin: 10px 10px 10px 380px;
}

    #cce-gradeset .cl {
        height: 30px;
        padding: 10px 20px;
    }

    #cce-gradeset .rw .cl:nth-of-type(1) {
        width: 290px;
    }

    #cce-gradeset .rw .cl:nth-of-type(2) {
        width: 140px;
    }

#cce-examcat-cont {
    padding: 40px 110px;
}

    #cce-examcat-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-examcat {
    margin: 10px 10px 10px 380px;
}

    #cce-examcat .cl {
        height: 30px;
        padding: 10px 20px;
    }

    #cce-examcat .rw .cl:nth-of-type(1) {
        width: 290px;
    }

    #cce-examcat .rw .cl:nth-of-type(2) {
        width: 140px;
    }

#cce-examweight-cont {
    padding: 40px 110px;
}

    #cce-examweight-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-examweight {
    margin: 30px 10px 10px 250px;
}

    #cce-examweight .cl {
        height: 30px;
        padding: 10px 20px;
    }

    #cce-examweight .rw .cl:nth-of-type(1) {
        width: 290px;
    }

    #cce-examweight .rw .cl:nth-of-type(2) {
        width: 190px;
    }

    #cce-examweight .rw .cl:nth-of-type(3) {
        width: 190px;
    }

#cce-examgrade-cont {
    padding: 40px 110px;
}

    #cce-examgrade-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-examgrade {
    margin: 30px 10px 10px 250px;
}

    #cce-examgrade .cl {
        height: 30px;
        padding: 10px 20px;
    }

    #cce-examgrade .rw .cl:nth-of-type(1) {
        width: 290px;
    }

    #cce-examgrade .rw .cl:nth-of-type(2) {
        width: 190px;
    }

    #cce-examgrade .rw .cl:nth-of-type(3) {
        width: 190px;
    }

#cce-examwtc-cont {
    padding: 40px 110px;
}

    #cce-examwtc-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-examwtc {
    margin: 30px 10px 10px 310px;
}

    #cce-examwtc .cl {
        height: 10px;
        padding: 10px 20px;
    }

    #cce-examwtc .rw .cl:nth-of-type(1) {
        width: 150px;
    }

    #cce-examwtc .rw .cl:nth-of-type(2) {
        width: 250px;
    }

    #cce-examwtc .rw .cl:nth-of-type(3) {
        width: 150px;
    }

#cce-obg-cont {
    padding: 40px 110px;
}

    #cce-obg-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-obg {
    margin: 50px 10px 10px 240px;
}

    #cce-obg .cl {
        height: 30px;
        padding: 10px 20px;
    }

    #cce-obg .rw .cl:nth-of-type(1) {
        width: 190px;
    }

    #cce-obg .rw .cl:nth-of-type(2) {
        width: 190px;
    }

    #cce-obg .rw .cl:nth-of-type(3) {
        width: 290px;
    }

    #cce-obg .rw .cl:nth-of-type(4) {
        width: 190px;
    }

#cce-ogc-cont {
    padding: 40px 110px;
}

    #cce-ogc-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-ogc {
    margin: 50px 10px 10px 230px;
}

    #cce-ogc .cl {
        height: 30px;
        padding: 10px 20px;
    }

    #cce-ogc .rw .cl:nth-of-type(1) {
        width: 250px;
    }

    #cce-ogc .rw .cl:nth-of-type(2) {
        width: 340px;
    }

    #cce-ogc .rw .cl:nth-of-type(3) {
        width: 340px;
    }

#cce-ogc-info .cl {
    height: 32px;
    padding: 10px 20px;
    font-weight: bold;
}

#cce-ogc-info .rw .cl:nth-of-type(1) {
    width: 140px;
    color: #EA5B31;
}

#cce-ogc-info .rw .cl:nth-of-type(2) {
    width: 50px;
}

#cce-ogc-info .rw .cl:nth-of-type(3) {
    width: 290px;
}

#cce-di-cont {
    padding: 40px 110px;
}

    #cce-di-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-di {
    margin: 50px 10px 10px 110px;
}

    #cce-di .cl {
        height: 32px;
        padding: 10px 20px;
        display: table-cell;
        float: none;
        line-height: 16px;
    }

    #cce-di .rw .cl:nth-of-type(1) {
        width: 77px;
    }

    #cce-di .rw .cl:nth-of-type(2) {
        width: 390px;
    }

    #cce-di .rw .cl:nth-of-type(3) {
        width: 300px;
    }

    #cce-di .rw .cl:nth-of-type(4) {
        width: 290px;
    }

.dicont {
    cursor: move;
}

.di-placeholder {
    border: 1px dashed #ABABAB;
    min-height: 50px;
    width: 1070px;
    background: #FFF;
    margin: 0 0 0 -10px;
}

#cce-di-info .cl {
    height: 32px;
    padding: 10px 20px;
    font-weight: bold;
}

#cce-di-info .rw .cl:nth-of-type(1) {
    width: 140px;
    color: #EA5B31;
}

#cce-di-info .rw .cl:nth-of-type(2) {
    width: 50px;
}

#cce-di-info .rw .cl:nth-of-type(3) {
    width: 290px;
}

#cce-ac-cont {
    padding: 40px 110px;
}

    #cce-ac-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-ac {
    margin: 50px 10px 10px 320px;
}

    #cce-ac .cl {
        height: 10px;
        padding: 10px 20px;
    }

    #cce-ac .rw .cl:nth-of-type(1) {
        width: 350px;
    }

    #cce-ac .rw .cl:nth-of-type(2) {
        width: 150px;
    }

    #cce-ac .rw .cl:nth-of-type(3) {
        width: 100px;
    }

#cce-fagroups-cont {
    padding: 40px 110px;
}

    #cce-fagroups-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-fagroups {
    margin: 80px 10px 10px 50px;
}

    #cce-fagroups .cl {
        height: 30px;
        padding: 10px 20px;
    }

    #cce-fagroups .rw .cl:nth-of-type(1) {
        width: 350px;
    }

    #cce-fagroups .rw .cl:nth-of-type(2) {
        width: 240px;
    }

    #cce-fagroups .rw .cl:nth-of-type(3) {
        width: 190px;
    }

    #cce-fagroups .rw .cl:nth-of-type(4) {
        width: 190px;
    }

#cce-fac-cont {
    padding: 40px 110px;
}

    #cce-fac-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-fac {
    margin: 80px 10px 10px 110px;
}

    #cce-fac .cl {
        height: 10px;
        padding: 10px 20px;
    }

    #cce-fac .rw .cl:nth-of-type(1) {
        width: 200px;
    }

    #cce-fac .rw .cl:nth-of-type(2) {
        width: 200px;
    }

    #cce-fac .rw .cl:nth-of-type(3) {
        width: 150px;
    }

    #cce-fac .rw .cl:nth-of-type(4) {
        width: 150px;
    }

#cce-fac-info .cl {
    height: 30px;
    padding: 10px 20px;
    font-weight: bold;
}

#cce-fac-info .rw .cl:nth-of-type(1) {
    width: 140px;
    color: #EA5B31;
}

#cce-fac-info .rw .cl:nth-of-type(2) {
    width: 50px;
}

#cce-fac-info .rw .cl:nth-of-type(3) {
    width: 440px;
}

#ccec1-fac {
    margin: 80px 10px 10px 40px;
}

    #ccec1-fac .cl {
        height: 30px;
        padding: 10px 20px;
    }

    #ccec1-fac .rw .cl:nth-of-type(1) {
        width: 240px;
    }

    #ccec1-fac .rw .cl:nth-of-type(2) {
        width: 240px;
    }

    #ccec1-fac .rw .cl:nth-of-type(3) {
        width: 190px;
    }

    #ccec1-fac .rw .cl:nth-of-type(4) {
        width: 120px;
    }

    #ccec1-fac .rw .cl:nth-of-type(5) {
        width: 190px;
    }

#co-scho {
    box-sizing: content-box;
}

    #co-scho .cl {
        height: 12px;
        padding: 10px;
    }

    #co-scho .rw .cl:nth-of-type(1) {
        width: 70px;
    }

    #co-scho .rw .cl:nth-of-type(2) {
        width: 370px;
    }

#co-scho-term {
    box-sizing: content-box;
}

    #co-scho-term .cl {
        height: 12px;
        padding: 10px;
    }

    #co-scho-term .rw .cl:nth-of-type(1) {
        width: 30px;
    }

    #co-scho-term .rw .cl.csterm {
        width: 200px;
    }

#cce-oggrade-cont {
    padding: 40px 110px;
}

    #cce-oggrade-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-ogg-info {
    box-sizing: content-box;
}

    #cce-ogg-info .cl {
        height: 10px;
        padding: 10px 20px;
        font-weight: bold;
    }

    #cce-ogg-info .rw .cl:nth-of-type(1) {
        width: 160px;
        color: #EA5B31;
    }

    #cce-ogg-info .rw .cl:nth-of-type(2) {
        width: 10px;
    }

    #cce-ogg-info .rw .cl:nth-of-type(3) {
        width: 250px;
    }

#cce-ogg-cont {
    box-sizing: content-box;
    margin: 40px 10px 10px 130px;
}

    #cce-ogg-cont .cce-ogg-hd .cls {
        height: 12px;
        padding: 10px;
        font-size: 16px;
        display: table-cell;
        text-align: center;
    }

        #cce-ogg-cont .cce-ogg-hd .cls:nth-of-type(1) {
            width: 840px;
        }

        #cce-ogg-cont .cce-ogg-hd .cls:nth-of-type(2) {
            width: 100px;
        }

.cce-ogg {
    box-sizing: content-box;
}

    .cce-ogg .ogg-hd {
        height: 12px;
        padding: 16px 10px 16px 120px;
        font-size: 15px;
        font-weight: bold;
        width: 851px;
        display: table-cell;
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
        color: #B19400;
    }

    .cce-ogg .ogg-di .cl {
        height: 12px;
        padding: 10px 10px 10px 30px;
        display: table-cell;
        float: none;
    }

    .cce-ogg .ogg-di .rw .cl:nth-of-type(1) {
        width: 50px;
    }

    .cce-ogg .ogg-di .rw .cl:nth-of-type(2) {
        width: 730px;
        color: #0055C1;
        font-size: 13px;
        text-shadow: 0 0 #000;
    }

    .cce-ogg .ogg-di .rw .cl:nth-of-type(3) {
        width: 79px;
    }

        .cce-ogg .ogg-di .rw .cl:nth-of-type(3) input[type='text'] {
            width: 60px;
        }

#cce-fagrade-cont {
    padding: 40px 110px;
}

    #cce-fagrade-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-fagrade-info .cl {
    height: 30px;
    padding: 10px 20px;
    font-weight: bold;
}

#cce-fagrade-info .rw .cl:nth-of-type(1) {
    width: 200px;
    color: #EA5B31;
}

#cce-fagrade-info .rw .cl:nth-of-type(2) {
    width: 30px;
}

#cce-fagrade-info .rw .cl:nth-of-type(3) {
    width: 580px;
}

#cce-famark-cont {
    margin: 40px 10px 10px 130px;
}

    #cce-famark-cont .cce-fa-hd .cls {
        height: 30px;
        padding: 10px;
        font-size: 16px;
        display: table-cell;
        text-align: center;
    }

        #cce-famark-cont .cce-fa-hd .cls:nth-of-type(1) {
            width: 662px;
        }

        #cce-famark-cont .cce-fa-hd .cls:nth-of-type(2) {
            width: 120px;
        }

        #cce-famark-cont .cce-fa-hd .cls:nth-of-type(3) {
            width: 130px;
        }

        #cce-famark-cont .cce-fa-hd .cls:nth-of-type(4) {
            width: 90px;
        }

.cce-fagrade .fa-hd {
    height: 12px;
    padding: 16px 10px 16px 120px;
    font-size: 15px;
    font-weight: bold;
    width: 1003px;
    display: table-cell;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    color: #5C6061;
}

.cce-fagrade .fa-di .cl {
    height: 12px;
    padding: 10px 10px 10px 30px;
    display: table-cell;
    float: none;
}

.cce-fagrade .fa-di .rw .cl:nth-of-type(1) {
    max-width: 66px;
    min-width: 66px;
}

.cce-fagrade .fa-di .rw .cl:nth-of-type(2) {
    max-width: 596px;
    min-width: 596px;
}

.cce-fagrade .fa-di .rw .cl:nth-of-type(3) {
    max-width: 130px;
    min-width: 130px;
}

    .cce-fagrade .fa-di .rw .cl:nth-of-type(3) input[type='text'] {
        width: 75px;
    }

.cce-fagrade .fa-di .rw .cl:nth-of-type(4) {
    max-width: 120px;
    min-width: 120px;
}

.cce-fagrade .fa-di .rw .cl:nth-of-type(5) {
    max-width: 90px;
    min-width: 90px;
}

#cce-fascore-list .cl {
    height: 32px;
    padding: 10px;
}

#cce-fascore-list .rw .cl:nth-of-type(1) {
    width: 90px;
}

#cce-fascore-list .rw .cl:nth-of-type(2) {
    width: 390px;
}

#cce-gdi-cont {
    padding: 40px 110px;
}

    #cce-gdi-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-gdi-info .cl {
    height: 30px;
    padding: 10px 20px;
    font-weight: bold;
}

#cce-gdi-info .rw .cl:nth-of-type(1) {
    width: 220px;
    color: #EA5B31;
}

#cce-gdi-info .rw .cl:nth-of-type(2) {
    width: 30px;
}

#cce-gdi-info .rw .cl:nth-of-type(3) {
    width: 290px;
}

#cce-gdi {
    margin: 50px 10px 10px 230px;
}

    #cce-gdi .cl {
        height: 32px;
        padding: 10px 20px;
        display: table-cell;
        float: none;
    }

    #cce-gdi .rw .cl:nth-of-type(1) {
        width: 250px;
        vertical-align: middle;
    }

    #cce-gdi .rw .cl:nth-of-type(2) {
        width: 540px;
    }

        #cce-gdi .rw .cl:nth-of-type(2) textarea {
            width: 480px;
        }

#cce-exsoftdown-cont {
    padding: 40px 110px;
}

    #cce-exsoftdown-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-exsoftdown {
    background: #FFF;
    padding: 30px 10px 30px 30px;
    margin: 40px 10px 10px 210px;
    font-weight: bold;
    color: #5C5C5C;
    font-size: 15px;
    border: 1px solid #CDCDCD;
    width: 610px;
}

#cce-exsoftdown-op {
    margin: 25px 10px 10px 190px;
}

    #cce-exsoftdown-op a {
        color: #F00;
    }

#import-fag .cl {
    height: 40px;
}

#import-fag .rw .cl:nth-of-type(1) {
    width: 230px;
    padding: 10px 20px;
}

#import-fag .rw .cl:nth-of-type(2) {
    width: 310px;
    padding: 5px 20px;
}

#cce-obg-sort {
    cursor: pointer;
}

.cce-obg-placeholder {
    border: 1px dashed #ABABAB;
    min-height: 40px;
    margin: 0 0 0 -10px;
    width: 880px;
    background: #FFF;
}

#cce-ob-sort {
    cursor: pointer;
}

.cce-ob-placeholder {
    border: 1px dashed #ABABAB;
    min-height: 40px;
    margin: 0 0 0 -10px;
    width: 880px;
    background: #FFF;
}

#cce-rc-cont {
    padding: 40px 110px;
}

    #cce-rc-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }


    #cce-rc-ct_2 {
    width: 1120px;
    min-height: 770px;
    border: 2px solid #000;
    background: #FFF;
    /* box-shadow: 0 0 12px 1px #C0C0C0; */
    /* padding: 20px; */
    position: relative;
    /* margin: 70px 160px 160px 100px; */
    box-sizing: content-box;
}


#cce-rc-ct {
    width: 1120px;
    /*min-height: 1000px;*/
    border: 2px solid #000;
    background: #FFF;
    /* box-shadow: 0 0 12px 1px #C0C0C0; */
    /* padding: 20px; */
    position: relative;
    /* margin: 70px 160px 160px 100px; */
    box-sizing: content-box;
}

#cce-rc-top {
   
background-image: url("../images/stu-watermark.png");
    background-repeat: no-repeat;
    /* height: 85px; */
    background-position: 34px 35px;
    background-size: 139px 130px;
}

    #cce-rc-top .rw {
        padding: 5px 5px 5px 5px;
        text-align: center;
    }

#cce-rc-stuinfo {
    padding: 10px;
    border: 1px solid #848484;
    /*margin-top: 15px;*/
    width: 1039px;
    /*margin-left: 40px;*/
}

    #cce-rc-stuinfo .cl {
        padding: 8px 10px;
    }

        #cce-rc-stuinfo .cl:nth-of-type(1) {
            min-width: 80px;
            max-width: 80px;
        }

        #cce-rc-stuinfo .cl:nth-of-type(2) {
            min-width: 240px;
            max-width: 240px;
        }

        #cce-rc-stuinfo .cl:nth-of-type(3) {
            min-width: 100px;
            max-width: 100px;
        }

        #cce-rc-stuinfo .cl:nth-of-type(4) {
            min-width: 140px;
            max-width: 140px;
        }

        #cce-rc-stuinfo .cl:nth-of-type(5) {
            min-width: 100px;
            max-width: 100px;
        }

        #cce-rc-stuinfo .cl:nth-of-type(6) {
            min-width: 100px;
            max-width: 100px;
        }

.sih {
    font-weight: bold;
}

.se-sh {
    box-shadow: 2px 2px 1px 1px #777;
}

#cce-rc-mid-hd {
    /*margin-left: 40px;*/
}

    #cce-rc-mid-hd .cl {
        display: table-cell;
        float: none;
        height: 30px;
        border-color: #848484 !important;
        border-top: none;
    }

        #cce-rc-mid-hd .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd .cl:nth-of-type(2) {
            min-width: 200px;
            max-width: 200px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd .cl:nth-of-type(3) {
            min-width: 265px;
            max-width: 265px;
        }

        #cce-rc-mid-hd .cl:nth-of-type(4) {
            min-width: 265px;
            max-width: 265px;
        }

        #cce-rc-mid-hd .cl:nth-of-type(5) {
            min-width: 265px;
            max-width: 265px;
        }


        /*CCE New Pattern 2017-2018 Annual Mark Sheet*/





           #cce-rc-mid-hd_int .cl {
        display: table-cell;
        float: none;
        height: 30px;
        border-color: #848484 !important;
        border-top: none;
    }

        #cce-rc-mid-hd_int .cl:nth-of-type(1) {
            min-width: 34px;
            max-width: 34px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd_int .cl:nth-of-type(2) {
            min-width: 129px;
            max-width: 130px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd_int .cl:nth-of-type(3) {
            min-width: 148px;
            max-width: 148px;
        }

        #cce-rc-mid-hd_int .cl:nth-of-type(4) {
            min-width: 148px;
            max-width: 148px;
        }

        #cce-rc-mid-hd_int .cl:nth-of-type(5) {
           min-width: 74px;
            max-width: 74px;
        }


         #cce-rc-mid-hd_int .cl:nth-of-type(6) {
           min-width: 148px;
            max-width: 148px;
        }

           #cce-rc-mid-hd_int .cl:nth-of-type(7) {
          min-width: 148px;
            max-width: 148px;
        }

             #cce-rc-mid-hd_int .cl:nth-of-type(8) {
           min-width: 74px;
            max-width: 74px;
        }
              #cce-rc-mid-hd_int .cl:nth-of-type(7) {
          min-width: 148px;
            max-width: 148px;
        }

       #cce-rc-mid-hd-cce-new {
            /*margin-left: 40px;*/
            width:1061px;
        }

            #cce-rc-mid-hd-cce-new .cl {
                display: table-cell;
                float: none;
                height: 30px;
                border-color: #848484 !important;
                border-top: none;
            }

                #cce-rc-mid-hd-cce-new .cl:nth-of-type(1) {
                    min-width: 60px;
                    max-width: 60px;
                    text-align: center;
                    vertical-align: middle;
                }

                #cce-rc-mid-hd-cce-new .cl:nth-of-type(2) {
                    min-width: 200px;
                    max-width: 200px;
                    text-align: center;
                    vertical-align: middle;
                }

                #cce-rc-mid-hd-cce-new .cl:nth-of-type(3) {
                    min-width: 265px;
                    /* max-width: 265px; */
                    width: 398px;
                }

                #cce-rc-mid-hd-cce-new .cl:nth-of-type(4) {
                    min-width: 265px;
                    /* max-width: 265px; */
                    width: 398px;
                }

                #cce-rc-mid-hd-cce-new .cl:nth-of-type(5) {
                    min-width: 265px;
                    max-width: 265px;
                }

        /*-----END Annual Report-----*/

         /*-----END Annual Report-----*/



        /*Half Year Report Card*/


        #cce-rc-mid-hd-half {
    /*margin-left: 40px;*/
}

    #cce-rc-mid-hd-half .cl {
        display: table-cell;
        float: none;
        height: 30px;
        border-color: #848484 !important;
        border-top: none;
    }

        #cce-rc-mid-hd-half .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd-half .cl:nth-of-type(2) {
            min-width: 400px;
            max-width: 400px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd-half .cl:nth-of-type(3) {
            min-width: 597px;
            max-width: 597px;
        }

        #cce-rc-mid-hd-half .cl:nth-of-type(4) {
            min-width: 150px;
            max-width: 150px;
        }

        #cce-rc-mid-hd-half .cl:nth-of-type(5) {
            min-width: 150px;
            max-width: 150px;
        }



        /**/

         /*Half Year New Report Card*/


        #cce-rc-mid-hd-half_new {
    /*margin-left: 40px;*/
}

    #cce-rc-mid-hd-half_new .cl {
        display: table-cell;
        float: none;
        height: 30px;
        border-color: #848484 !important;
        border-top: none;
    }

        #cce-rc-mid-hd-half_new .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd-half_new .cl:nth-of-type(2) {
            min-width: 400px;
            max-width: 400px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd-half_new .cl:nth-of-type(3) {
            min-width: 597px;
            max-width: 597px;
        }

        #cce-rc-mid-hd-half_new .cl:nth-of-type(4) {
            min-width: 150px;
            max-width: 150px;
        }

        #cce-rc-mid-hd-half_new .cl:nth-of-type(5) {
            min-width: 150px;
            max-width: 150px;
        }



        /**/






             #cce-rc-mid-hd-half_pra_ {
    /*margin-left: 40px;*/
}

    #cce-rc-mid-hd-half_pra_ .cl {
        display: table-cell;
        float: none;
        height: 30px;
        border-color: #848484 !important;
        border-top: none;
    }

        #cce-rc-mid-hd-half_pra_ .cl:nth-of-type(1) {
            min-width: 45px;
            max-width: 45px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd-half_pra_ .cl:nth-of-type(2) {
            min-width: 171px;
            max-width: 400px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd-half_pra_ .cl:nth-of-type(3) {
            min-width: 380px;
            max-width: 597px;
        }

        #cce-rc-mid-hd-half_pra_ .cl:nth-of-type(4) {
            min-width: 380px;
          
        }

        #cce-rc-mid-hd-half_pra_ .cl:nth-of-type(5) {
            min-width: 79px;
            max-width: 79px;
        }










          #cce-rc-mid-hd-half_lf {
    /*margin-left: 40px;*/
}

    #cce-rc-mid-hd-half_lf .cl {
        display: table-cell;
        float: none;
        height: 30px;
        border-color: #848484 !important;
        border-top: none;
    }

        #cce-rc-mid-hd-half_lf .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd-half_lf .cl:nth-of-type(2) {
            min-width: 400px;
            max-width: 400px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd-half_lf .cl:nth-of-type(3) {
            min-width: 597px;
            max-width: 597px;
        }

        #cce-rc-mid-hd-half_lf .cl:nth-of-type(4) {
            min-width: 150px;
            max-width: 150px;
        }

        #cce-rc-mid-hd-half_lf .cl:nth-of-type(5) {
            min-width: 150px;
            max-width: 150px;
        }




        
          #cce-rc-mid-hd-half_lf_2 {
    /*margin-left: 40px;*/
}

    #cce-rc-mid-hd-half_lf_2 .cl {
        display: table-cell;
        float: none;
        height: 30px;
        border-color: #848484 !important;
        border-top: none;
    }

        #cce-rc-mid-hd-half_lf_2 .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd-half_lf_2 .cl:nth-of-type(2) {
            min-width: 400px;
            max-width: 400px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd-half_lf_2 .cl:nth-of-type(3) {
            min-width: 597px;
            max-width: 597px;
        }

        #cce-rc-mid-hd-half_lf_2 .cl:nth-of-type(4) {
            min-width: 150px;
            max-width: 150px;
        }

        #cce-rc-mid-hd-half_lf_2 .cl:nth-of-type(5) {
            min-width: 150px;
            max-width: 150px;
        }


.rp-term-hd {
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border-bottom: 1px solid #848484;
}

.rp-term-shd .cls {
    padding: 8px 8px;
    border-right: 1px solid #848484;
    height: 20px;
    line-height: 20px;
}

    .rp-term-shd .cls .rw1-t {
        padding-top: 2px;
    }

    .rp-term-shd .cls .rw1-bt {
        padding-top: 3px;
    }

    .rp-term-shd .cls:nth-of-type(1) {
        min-width: 35px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd .cls:nth-of-type(2) {
        min-width: 35px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd .cls:nth-of-type(3) {
        min-width: 35px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd .cls:nth-of-type(4) {
        min-width: 35px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
        padding: 2px;
        border-right: none;
        line-height: normal;
    }

      /*New Internal Marksheet*/

    .rp-term-hd_int {
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border-bottom: 1px solid #848484;
}

.rp-term-shd_int .cls {
    padding: 8px 8px;
    border-right: 1px solid #848484;
    height: 20px;
    line-height: 20px;
}

    .rp-term-shd_int .cls .rw1-t {
        padding-top: 2px;
    }

    .rp-term-shd_int .cls .rw1-bt {
        padding-top: 3px;
    }

    .rp-term-shd_int .cls:nth-of-type(1) {
        min-width: 20px;
        max-width: 20px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd_int .cls:nth-of-type(2) {
        min-width: 20px;
        max-width: 20px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd_int .cls:nth-of-type(3) {
        min-width: 20px;
        max-width: 20px;
        text-align: center;
        vertical-align: middle;
    }

      .rp-term-shd_int .cls:nth-of-type(4) {
        min-width: 20px;
        max-width: 20px;
        text-align: center;
        vertical-align: middle;
        border-right-style:none;
    }




    /*New Cce Patern 2017-2018 Marksheet*/






    .rp-term-hd-new-cce {
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border-bottom: 1px solid #848484;
}

.rp-term-shd-new-cce .cls {
    padding: 8px 8px;
    border-right: 1px solid #848484;
    height: 20px;
    line-height: 20px;
}

    .rp-term-shd-new-cce .cls .rw1-t {
        padding-top: 2px;
    }

    .rp-term-shd-new-cce .cls .rw1-bt {
        padding-top: 3px;
    }

    .rp-term-shd-new-cce .cls:nth-of-type(1) {
        min-width: 35px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
        height: 60px;
    }

    .rp-term-shd-new-cce .cls:nth-of-type(2) {
        min-width: 35px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
        height: 60px;
    }

    .rp-term-shd-new-cce .cls:nth-of-type(3) {
        min-width: 70px;
        max-width: 70px;
        text-align: center;
        vertical-align: middle;
        height: 60px;
    }

    .rp-term-shd-new-cce .cls:nth-of-type(4) {
           min-width: 79px;
        max-width: 100px;
        text-align: center;
        vertical-align: middle;
        padding: 2px;
       
        line-height: normal;
        height: 72px;
    }

     .rp-term-shd-new-cce .cls:nth-of-type(5) {
           min-width: 65px;
        max-width: 100px;
        text-align: center;
        vertical-align: middle;
        padding: 2px;
       
        line-height: normal;
        height: 72px;
    }
      .rp-term-shd-new-cce .cls:nth-of-type(6) {
       min-width: 30px;
        max-width: 100px;
        text-align: center;
        vertical-align: middle;
        padding: 2px;
       border-right:none;
        line-height: normal;
        height: 60px;
    }




    /*----Half Year*/

    .rp-term-shd-half .cls {
    padding: 8px 8px;
    border-right: 1px solid #848484;
    height: 20px;
    line-height: 20px;
}

    .rp-term-shd-half .cls .rw1-t {
        padding-top: 2px;
    }

    .rp-term-shd-half .cls .rw1-bt {
        padding-top: 3px;
    }
     .rp-term-shd-half .cls:nth-of-type(1) {
        min-width: 134px;
        /*min-width:282.7px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half .cls:nth-of-type(2) {
        min-width: 134px;
         /*min-width:279.9px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }


    .rp-term-shd-half .cls:nth-of-type(1) {
        min-width: 134px;
        /*min-width:282.7px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half .cls:nth-of-type(2) {
        min-width: 134px;
         /*min-width:279.9px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half .cls:nth-of-type(3) {
        min-width: 134px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half .cls:nth-of-type(4) {
        min-width: 134px;
        max-width: 100px;
        text-align: center;
        vertical-align: middle;
        padding: 2px;
        border-right: none;
        line-height: normal;
    }

    /**/

      /*----P1p2p3*/

    .rp-term-shd-half_p1 .cls {

    padding: 8px 8px;
    border-right: 1px solid #848484;
    height: 60px;
    line-height: 20px;
}

    .rp-term-shd-half_p1 .cls .rw1-t {
        padding-top: 2px;
    }

    .rp-term-shd-half_p1 .cls .rw1-bt {
        padding-top: 3px;
    }
     .rp-term-shd-half_p1 .cls:nth-of-type(1) {
        min-width: 60px;
        /*min-width:282.7px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_p1 .cls:nth-of-type(2) {
        min-width: 60px;
         /*min-width:279.9px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }


    .rp-term-shd-half_p1 .cls:nth-of-type(1) {
        min-width: 60px;
        /*min-width:282.7px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_p1 .cls:nth-of-type(2) {
        min-width: 60px;
         /*min-width:279.9px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_p1 .cls:nth-of-type(3) {
        min-width: 60px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_p1 .cls:nth-of-type(4) {
        min-width: 60px;
        max-width: 100px;
        text-align: center;
        vertical-align: middle;
        padding: 2px;
   
        line-height: normal;
    }

     .rp-term-shd-half_p1 .cls:nth-of-type(5) {
        min-width: 85px;
        max-width: 100px;
        text-align: center;
        vertical-align: middle;
        padding: 2px;
   
        line-height: normal;
    }
      .rp-term-shd-half_p1 .cls:nth-of-type(6) {
        min-width: 89px;
        max-width: 100px;
        text-align: center;
        vertical-align: middle;
        padding: 2px;
   
        line-height: normal;
    }
    /**/
    
    /*----END P1 P2 P3*/



        /*----Half New CEE Patern Year*/

    .rp-term-shd-half-new_cce .cls {
    padding: 8px 8px;
    border-right: 1px solid #848484;
    height: 20px;
    line-height: 20px;
}

    .rp-term-shd-half-new_cce .cls .rw1-t {
        padding-top: 2px;
    }

    .rp-term-shd-half-new_cce .cls .rw1-bt {
        padding-top: 3px;
    }
     .rp-term-shd-half-new_cce .cls:nth-of-type(1) {
        min-width: 85px;
        /*min-width:282.7px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
            height: 55px;
    }

    .rp-term-shd-half-new_cce .cls:nth-of-type(2) {
        min-width: 85px;
         /*min-width:279.9px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
            height: 55px;
    }


    .rp-term-shd-half-new_cce .cls:nth-of-type(1) {
        min-width: 85px;
        /*min-width:282.7px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
            height: 55px;
    }

    .rp-term-shd-half-new_cce .cls:nth-of-type(2) {
        min-width: 85px;
         /*min-width:279.9px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
            height: 55px;
    }

    .rp-term-shd-half-new_cce .cls:nth-of-type(3) {
        min-width: 85px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
            height: 55px;
    }

    .rp-term-shd-half-new_cce .cls:nth-of-type(4) {
         min-width: 85px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
            height: 55px;
    }
     .rp-term-shd-half-new_cce .cls:nth-of-type(5) {
           min-width:85px;
        max-width: 85px;
        text-align: center;
        vertical-align: middle;
            height: 55px;
    }
      .rp-term-shd-half-new_cce .cls:nth-of-type(6) {
        min-width:83px;
        max-width: 83px;
        text-align: center;
        vertical-align: middle;
        padding: 2px;
       border-right: snow;
        line-height: normal;
            height: 55px;
    }
    /**/


    
    /*----Half Year*/



    .rp-term-shd-half_pra .cls {
    padding: 8px 8px;
    border-right: 1px solid #848484;
    height: 20px;
    line-height: 20px;
}

    .rp-term-shd-half_pra .cls .rw1-t {
        padding-top: 2px;
    }

    .rp-term-shd-half_pra .cls .rw1-bt {
        padding-top: 3px;
    }
     .rp-term-shd-half_pra .cls:nth-of-type(1) {
        /*min-width: 86px;*/
        /*min-width:282.7px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_pra .cls:nth-of-type(2) {
        min-width: 86px;
         /*min-width:279.9px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }


    .rp-term-shd-half_pra .cls:nth-of-type(1) {
        min-width: 86px;
        /*min-width:282.7px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_pra .cls:nth-of-type(2) {
        min-width: 86px;
         /*min-width:279.9px;*/
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_pra .cls:nth-of-type(3) {
        min-width: 86px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_pra .cls:nth-of-type(4) {
        min-width: 65px;
        max-width: 100px;
        text-align: center;
        vertical-align: middle;
        padding: 2px;
        border-right: none;
        line-height: normal;
    }


    
    .rp-term-shd-half_lf .cls {
    padding: 8px 8px;
    border-right: 1px solid #848484;
    height: 20px;
    line-height: 20px;
}

    .rp-term-shd-half_lf .cls .rw1-t {
        padding-top: 2px;
    }

    .rp-term-shd-half_lf .cls .rw1-bt {
        padding-top: 3px;
    }
     .rp-term-shd-half_lf .cls:nth-of-type(1) {
        /*min-width: 134px;*/
        min-width:282.7px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_lf .cls:nth-of-type(2) {
        /*min-width: 134px;*/
         min-width:279.9px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }


    .rp-term-shd-half_lf .cls:nth-of-type(1) {
        /*min-width: 134px;*/
        min-width:282.7px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_lf .cls:nth-of-type(2) {
        /*min-width: 134px;*/
         min-width:279.9px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_lf .cls:nth-of-type(3) {
        min-width: 134px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_lf .cls:nth-of-type(4) {
        min-width: 134px;
        max-width: 100px;
        text-align: center;
        vertical-align: middle;
        padding: 2px;
        border-right: none;
        line-height: normal;
    }

 
       /*Anual progress Littele Angle*/


    
    .rp-term-shd-half_lf_2 .cls {
    padding: 8px 8px;
    border-right: 1px solid #848484;
    height: 20px;
    line-height: 20px;
}

    .rp-term-shd-half_lf_2 .cls .rw1-t {
        padding-top: 2px;
    }

    .rp-term-shd-half_lf_2 .cls .rw1-bt {
        padding-top: 3px;
    }
  


    .rp-term-shd-half_lf_2 .cls:nth-of-type(1) {
        /*min-width: 134px;*/
        min-width:132px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_lf_2 .cls:nth-of-type(2) {
        /*min-width: 134px;*/
        min-width:132px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_lf_2 .cls:nth-of-type(3) {
         min-width:132px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rp-term-shd-half_lf_2 .cls:nth-of-type(4) {
          min-width:132px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
      
    }



    .cce-rc-ex-cce-new {
 width: 1070px;
    margin-left: 10px;
}

    .cce-rc-ex-cce-new .cl {
        border-color: #848484 !important;
        height: 18px;
    }

        .cce-rc-ex-cce-new .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
            padding: 6px 0px;
        }

        .cce-rc-ex-cce-new .cl:nth-of-type(2) {
            min-width: 190px;
            max-width: 190px;
            text-align: left;
            vertical-align: middle;
            padding: 6px 0px 6px 10px;
        }

    .cce-rc-ex-cce-new .rc-ex {
        min-width: 51px;
        max-width: 51px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-cce-new .rc-ex-tot {
        min-width: 109px;
        max-width: 109px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-cce-new .rc-ex-tot2 {
        min-width: 105px;
        max-width: 105px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }


      .cce-rc-ex-cce-new .rc-ex-tot3 {
        min-width: 105px;
        max-width: 295px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

      






.cce-rc-ex {
     width: 1061px;
            /*margin-left: 10px;*/
}

    .cce-rc-ex .cl {
        border-color: #848484 !important;
        height: 18px;
    }

        .cce-rc-ex .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
            padding: 6px 0px;
        }

        .cce-rc-ex .cl:nth-of-type(2) {
            min-width: 190px;
            max-width: 190px;
            text-align: left;
            vertical-align: middle;
            padding: 6px 0px 6px 10px;
        }

    .cce-rc-ex .rc-ex {
        min-width: 51px;
        max-width: 51px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex .rc-ex-tot {
        min-width: 109px;
        max-width: 109px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

      .cce-rc-ex .rc-ex-tot_new {
        min-width: 86px;
        max-width: 109px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }


        .cce-rc-ex .rc-ex-tot_new_2 {
        min-width: 83px;
        max-width: 109px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }


             .cce-rc-ex .rc-ex-tot_new_3 {
        min-width: 69px;
        max-width: 109px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }


                    .cce-rc-ex .rc-ex-tot_new_4 {
        min-width: 53px;
        max-width: 109px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex .rc-ex-tot2 {
        min-width: 105px;
        max-width: 105px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }


      .cce-rc-ex .rc-ex-tot3 {
        min-width: 105px;
        max-width: 295px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    


      /*For Internal Report*/


      
.cce-rc-ex_int {
    width: 1070px;
    margin-left: 10px;
    font-family: Cambria Math;
    font-size: 14px;
}

    .cce-rc-ex_int .cl {
        border-color: #848484 !important;
        height: 18px;
    }

        .cce-rc-ex_int .cl:nth-of-type(1) {
            min-width: 34px;
            max-width: 34px;
            text-align: center;
            vertical-align: middle;
            padding: 6px 0px;
        }

        .cce-rc-ex_int .cl:nth-of-type(2) {
            min-width: 198px;
            max-width: 114px;
            text-align: left;
            vertical-align: middle;
            padding: 6px 0px 6px 10px;
        }

    .cce-rc-ex_int .rc-ex {
        min-width: 33px;
        max-width: 37px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
        font-size: 11px;
    }

    .cce-rc-ex_int .rc-ex-tot {
          min-width: 35px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

      .cce-rc-ex_int .rc-ex-tot_new {
        min-width: 86px;
        max-width: 109px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }


        .cce-rc-ex_int .rc-ex-tot_new_2 {
        min-width: 83px;
        max-width: 109px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }


             .cce-rc-ex_int .rc-ex-tot_new_3 {
        min-width: 84px;
        max-width: 109px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }


                    .cce-rc-ex_int .rc-ex-tot_new_4 {
        min-width: 38px;
        max-width: 109px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex_int .rc-ex-tot2 {
        min-width: 105px;
        max-width: 105px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }


      .cce-rc-ex_int .rc-ex-tot3 {
        min-width: 105px;
        max-width: 295px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }




      /*End of Internal Report Detail CSS*/


    /*Half* New*/



    .cce-rc-ex-Half_new {
    width: 1061px;
    /*margin-left: 10px;*/
}

    .cce-rc-ex-Half_new .cl {
        border-color: #848484 !important;
        height: 18px;
    }

        .cce-rc-ex-Half_new .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
            padding: 6px 0px;
        }

        .cce-rc-ex-Half_new .cl:nth-of-type(2) {
            min-width: 390px;
            max-width: 390px;
            text-align: left;
            vertical-align: middle;
            padding: 6px 0px 6px 10px;
        }




    .cce-rc-ex-Half_new .rc-ex {
        min-width: 101px;
        max-width: 150px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half_new .rc-ex-tot {
        min-width: 101px;
        max-width: 144px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half_new .rc-ex-tot2 {
        min-width: 87px;
        max-width: 105px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }


    /*End*/

    /*P1 P2 P3 */

    
    .cce-rc-ex-Half_p1 {
    width: 1070px;
    margin-left: 10px;
}

    .cce-rc-ex-Half_p1 .cl {
        border-color: #848484 !important;
        height: 18px;
    }

        .cce-rc-ex-Half_p1 .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
            padding: 6px 0px;
        }

        .cce-rc-ex-Half_p1 .cl:nth-of-type(2) {
            min-width: 189px;
            max-width: 200px;
            text-align: left;
            vertical-align: middle;
            padding: 6px 0px 6px 10px;
        }




    /*.cce-rc-ex-Half .rc-ex {
        min-width: 150px;
        max-width: 150px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half .rc-ex-tot {
        min-width: 144px;
        max-width: 144px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half .rc-ex-tot2 {
        min-width: 105px;
        max-width: 105px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }*/

    
    .cce-rc-ex-Half_p1 .rc-ex {
        min-width: 64px;
        max-width: 150px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half_p1 .rc-ex-tot {
        min-width: 89px;
        max-width: 144px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half_p1 .rc-ex-tot2 {
        min-width: 89px;
        max-width: 105px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }
    /*End*/


         #cce-rc-mid-hd-int {
    /*margin-left: 40px;*/
}
      #cce-rc-mid-hd-half_p1 {
    /*margin-left: 40px;*/
}

    #cce-rc-mid-hd-half_p1 .cl {
        display: table-cell;
        float: none;
        height: 30px;
        border-color: #848484 !important;
        border-top: none;
    }

        #cce-rc-mid-hd-half_p1 .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd-half_p1 .cl:nth-of-type(2) {
            min-width: 199px;
            max-width: 200px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-rc-mid-hd-half_p1 .cl:nth-of-type(3) {
            min-width: 300px;
            max-width: 597px;
        }

        #cce-rc-mid-hd-half_p1 .cl:nth-of-type(4) {
            min-width: 150px;
            max-width: 150px;
        }

        #cce-rc-mid-hd-half_p1 .cl:nth-of-type(5) {
            min-width: 80px;
            max-width: 150px;
        }
         #cce-rc-mid-hd-half_p1 .cl:nth-of-type(6) {
            min-width: 80px;
            max-width: 150px;
        }
          #cce-rc-mid-hd-half_p1 .cl:nth-of-type(7) {
            min-width: 103px;
            max-width: 150px;
        }
           #cce-rc-mid-hd-half_p1 .cl:nth-of-type(8) {
            min-width: 80px;
            max-width: 150px;
        }







    /*END DETAIL OF P1 P2 P3*/


    /*Half*/



    .cce-rc-ex-Half {
    width: 1070px;
    margin-left: 10px;
}

    .cce-rc-ex-Half .cl {
        border-color: #848484 !important;
        height: 18px;
    }

        .cce-rc-ex-Half .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
            padding: 6px 0px;
        }

        .cce-rc-ex-Half .cl:nth-of-type(2) {
            min-width: 390px;
            max-width: 390px;
            text-align: left;
            vertical-align: middle;
            padding: 6px 0px 6px 10px;
        }




    .cce-rc-ex-Half .rc-ex {
        min-width: 150px;
        max-width: 150px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half .rc-ex-tot {
        min-width: 144px;
        max-width: 144px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half .rc-ex-tot2 {
        min-width: 105px;
        max-width: 105px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }


    /*End*/


    /*Littele Angle*/
    
    .cce-rc-ex-Half_lf {
    width: 1070px;
    margin-left: 10px;
}

    .cce-rc-ex-Half_lf .cl {
        border-color: #848484 !important;
        height: 18px;
    }

        .cce-rc-ex-Half_lf .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
            padding: 6px 0px;
        }

        .cce-rc-ex-Half_lf .cl:nth-of-type(2) {
            min-width: 390px;
            max-width: 390px;
            text-align: left;
            vertical-align: middle;
            padding: 6px 0px 6px 10px;
        }




    .cce-rc-ex-Half_lf .rc-ex {
        min-width: 298px;
        max-width: 150px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half_lf .rc-ex-tot {
        min-width: 144px;
        max-width: 144px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half_lf .rc-ex-tot2 {
        min-width: 105px;
        max-width: 105px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }


    /*End*/


        
    .cce-rc-ex-Half_lf_2 {
    width: 1070px;
    margin-left: 10px;
}

    .cce-rc-ex-Half_lf_2 .cl {
        border-color: #848484 !important;
        height: 18px;
    }

        .cce-rc-ex-Half_lf_2 .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
            padding: 6px 0px;
        }

        .cce-rc-ex-Half_lf_2 .cl:nth-of-type(2) {
            min-width: 390px;
            max-width: 390px;
            text-align: left;
            vertical-align: middle;
            padding: 6px 0px 6px 10px;
        }




    .cce-rc-ex-Half_lf_2 .rc-ex {
        min-width: 148px;
        max-width: 150px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half_lf_2 .rc-ex-tot {
        min-width: 148px;
        max-width: 144px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half_lf_2 .rc-ex-tot2 {
        min-width: 148px;
        max-width: 105px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }


    /*End*/






    /*End*/


      .cce-rc-ex-Half-pra {
    width: 1070px;
    margin-left: 10px;
}

    .cce-rc-ex-Half-pra .cl {
        border-color: #848484 !important;
        height: 18px;
    }

        .cce-rc-ex-Half-pra .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
            padding: 6px 0px;
        }

        .cce-rc-ex-Half-pra .cl:nth-of-type(2) {
            min-width: 390px;
            max-width: 390px;
            text-align: left;
            vertical-align: middle;
            padding: 6px 0px 6px 10px;
        }

    .cce-rc-ex-Half-pra .rc-ex {
        min-width: 74.5px;
        max-width: 150px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half-pra .rc-ex-tot {
        min-width: 144px;
        max-width: 144px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half-pra .rc-ex-tot2 {
        min-width: 105px;
        max-width: 105px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }


    /*CSS For Practical Report Card Annual*/

    
      .cce-rc-ex-Half-pra_anuual {
    width: 1070px;
    margin-left: 10px;
}

    .cce-rc-ex-Half-pra_anuual .cl {
        border-color: #848484 !important;
        height: 18px;
    }

        .cce-rc-ex-Half-pra_anuual .cl:nth-of-type(1) {
            min-width: 45px;
            max-width: 45px;
            text-align: center;
            vertical-align: middle;
            padding: 6px 0px;
        }

        .cce-rc-ex-Half-pra_anuual .cl:nth-of-type(2) {
            min-width: 161px;
            max-width: 390px;
            text-align: left;
            vertical-align: middle;
            padding: 6px 0px 6px 10px;
        }

    .cce-rc-ex-Half-pra_anuual .rc-ex {
        min-width: 50.5px;
        max-width: 150px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half-pra_anuual .rc-ex-tot {
        min-width: 71px;
        max-width: 144px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-rc-ex-Half-pra_anuual .rc-ex-tot2 {
        min-width: 71px;
        max-width: 105px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }




#cce-rc-cgpa {
    /*margin-left: 40px;*/
    /*margin-top: 10px;*/
}

    #cce-rc-cgpa .cl {
        height: 10px;
        font-weight: bold;
    }

    #cce-rc-cgpa .rw .cl:nth-of-type(1) {
        width: 890px;
        text-align: right;
        padding: 10px 20px;
    }

    #cce-rc-cgpa .rw .cl:nth-of-type(2) {
        width: 10px;
        padding: 10px 20px;
    }

    #cce-rc-cgpa .rw .cl:nth-of-type(3) {
        width: 70px;
        padding: 10px;
    }

.cce-rc-hd {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#cce-rc-part1-hd {
    margin: 10px 10px 10px 40px;
}

#cce-rc-part2-hd {
    margin: 10px 10px 10px 40px;
}

#cce-rc-area {
    margin-left: 0px;
}

.cce-rc-obgcont {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    width: 989px;
}

.cce-rc-obg .cl {
    height: 10px;
    padding: 10px 20px;
}

.cce-rc-obg .rw .cl:nth-of-type(1) {
    width: 260px;
}

.cce-rc-obg .rw .cl:nth-of-type(2) {
    width: 545px;
}

.cce-rc-obg .rw .cl:nth-of-type(3) {
    width: 60px;
}

.cce-rc-obghd {
    padding: 10px 20px;
    background: #FFF;
    font-size: 14px;
    font-weight: bold;
    color: #5E5E5E;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#cce-repstudef-cont {
    padding: 40px 110px;
}

    #cce-repstudef-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-repstudef {
    margin: 50px 10px 10px 230px;
}

    #cce-repstudef .cl {
        height: 30px;
        padding: 10px 20px;
    }

    #cce-repstudef .rw .cl:nth-of-type(1) {
        width: 140px;
    }

    #cce-repstudef .rw .cl:nth-of-type(2) {
        width: 160px;
    }

    #cce-repstudef .rw .cl:nth-of-type(3) {
        width: 340px;
    }

#cce-dbi-cont {
    padding: 40px 110px;
}

    #cce-dbi-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-dbi-ct {
    width: 1250px;
    min-height: 770px;
    border: 1px solid #C7C3C3;
    background: #FFF;
    box-shadow: 0 0 12px 1px #C0C0C0;
    padding: 20px;
    position: relative;
    margin: 70px 160px 160px 20px;
}

    #cce-dbi-ct .clbr .cl {
        border-color: #000 !important;
    }

#cce-dbi .brt {
    border-top: 1px solid #000;
}

#cce-dbi-top {
    background-image: url("../images/stu-watermark.png");
    background-repeat: no-repeat;
    height: 85px;
    background-position: 30px 5px;
    background-size: 85px 75px;
}

    #cce-dbi-top .rw {
        padding: 5px 5px 5px 5px;
        text-align: center;
    }

    #cce-dbi-top .sname {
        font-weight: bold;
        font-size: 22px;
        color: #4C4C4C;
        font-style: italic;
        text-transform: uppercase;
    }

    #cce-dbi-top .sadd {
        font-size: 13px;
        color: #4C4C4C;
    }

    #cce-dbi-top .ssess {
        font-weight: bold;
        font-size: 15px;
        padding: 2px 8px;
    }

#sess-box {
    border: 1px solid #747474;
    box-shadow: 2px 2px 1px 1px #777;
    width: 150px;
    margin: 0 auto;
    padding: 3px 5px;
}

#cce-dbi-stuinfo {
    padding: 10px;
    border: 1px solid #848484;
    margin-top: 25px;
    margin-left: 10px;
    position: relative;
}

    #cce-dbi-stuinfo .cl {
        padding: 8px 10px;
    }

        #cce-dbi-stuinfo .cl:nth-of-type(1) {
            min-width: 110px;
            max-width: 110px;
        }

        #cce-dbi-stuinfo .cl:nth-of-type(2) {
            min-width: 240px;
            max-width: 240px;
        }

#cce-dbi-stuinfoHD {
    position: absolute;
    top: -10px;
    left: 130px;
    padding: 5px 10px;
    border: 1px solid;
    background: #FFF;
    font-weight: bold;
}

#cce-dbi-mid-hd {
    margin-left: 10px;
}

    #cce-dbi-mid-hd .cl {
        display: table-cell;
        float: none;
        height: 30px;
        border-color: #848484 !important;
        border-top: none;
    }

        #cce-dbi-mid-hd .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-dbi-mid-hd .cl:nth-of-type(2) {
            min-width: 200px;
            max-width: 200px;
            text-align: center;
            vertical-align: middle;
        }

        #cce-dbi-mid-hd .cl:nth-of-type(3) {
            min-width: 265px;
            max-width: 265px;
        }

        #cce-dbi-mid-hd .cl:nth-of-type(4) {
            min-width: 265px;
            max-width: 265px;
        }

        #cce-dbi-mid-hd .cl:nth-of-type(5) {
            min-width: 261px;
            max-width: 261px;
        }

.rpi-term-hd {
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border-bottom: 1px solid #848484;
}

.rpi-term-shd .cls {
    padding: 8px 8px;
    border-right: 1px solid #848484;
    height: 20px;
    line-height: 20px;
}

    .rpi-term-shd .cls .rw1-t {
        padding-top: 2px;
    }

    .rpi-term-shd .cls .rw1-bt {
        padding-top: 3px;
    }

    .rpi-term-shd .cls:nth-of-type(1) {
        min-width: 35px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rpi-term-shd .cls:nth-of-type(2) {
        min-width: 35px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rpi-term-shd .cls:nth-of-type(3) {
        min-width: 35px;
        max-width: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .rpi-term-shd .cls:nth-of-type(4) {
        min-width: 100px;
        max-width: 100px;
        text-align: center;
        vertical-align: middle;
        padding: 2px;
        border-right: none;
        line-height: normal;
    }

.cce-dbi-ex {
    margin-left: 10px;
}

    .cce-dbi-ex .cl {
        border-color: #848484 !important;
    }

        .cce-dbi-ex .cl:nth-of-type(1) {
            min-width: 100px;
            max-width: 100px;
            text-align: left;
            vertical-align: middle;
            padding: 6px 0px 6px 10px;
        }

    .cce-dbi-ex .rci-ex {
        min-width: 227px;
        max-width: 227px;
        text-align: center;
        vertical-align: middle;
        padding: 0;
    }

    .cce-dbi-ex .rci-ex-tot {
        min-width: 109px;
        max-width: 109px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .cce-dbi-ex .rci-ex-tot2 {
        min-width: 105px;
        max-width: 105px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

.cce-term .cce-term-hd {
    margin-left: 10px;
}

    .cce-term .cce-term-hd .cl {
        border-color: #848484 !important;
        height: 40px;
        float: none;
        display: table-cell;
    }

        .cce-term .cce-term-hd .cl:nth-of-type(1) {
            min-width: 110px;
            max-width: 110px;
            text-align: center;
            vertical-align: middle;
            padding: 6px 0px;
            font-weight: bold;
            font-size: 15px;
        }

        .cce-term .cce-term-hd .cl:nth-of-type(2) {
            padding: 0;
            min-height: 30px;
        }

.cce-term .nbr {
    border-right: none !important;
}

.cce-term .gr {
    font-weight: bold;
}

.cce-term-fahd .cls {
    height: 10px;
    padding: 0px;
    display: table-cell;
    float: none;
    text-align: center;
    height: 60px;
}

.cce-term-fahd .rw1.fat {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 6px 6px;
    font-weight: bold;
}

.cce-term-fahd .fai {
    border-right: 1px solid #000;
    width: 15px;
    padding: 6px 10px;
    text-align: center;
    height: 90px;
    text-transform: uppercase;
}

.cce-term-fahd .rtext {
    transform: rotate(-90deg);
    transform-origin: left top 0;
    width: 120px;
    height: 24px;
    text-align: left;
    margin-top: 90px;
    margin-left: 4px;
}

.cce-term-fahd .cls:nth-of-type(1) {
    min-width: 50px;
}

.cce-term-fahd .cls:nth-of-type(2) {
    min-width: 50px;
}

.cce-term-fahd .cls:nth-of-type(3) {
    min-width: 50px;
}

.cce-term-fahd .cls:nth-of-type(4) {
    min-width: 50px;
}

.cce-fai .cl1 {
    display: table-cell;
    float: none;
    padding: 6px 2px;
    text-align: center;
}

.cce-fai .fai {
    width: 31px;
    min-width: 31px;
    max-width: 31px;
    border-right: 1px solid #000;
    height: 12px;
}

    .cce-fai .fai:last-child {
        border-right: none;
    }

#cce-dbi-cgpa {
    margin-left: 10px;
    margin-top: 10px;
}

    #cce-dbi-cgpa .cl {
        height: 10px;
        font-weight: bold;
    }

    #cce-dbi-cgpa .rw .cl:nth-of-type(1) {
        width: 890px;
        text-align: right;
        padding: 10px 20px;
    }

    #cce-dbi-cgpa .rw .cl:nth-of-type(2) {
        width: 10px;
        padding: 10px 20px;
    }

    #cce-dbi-cgpa .rw .cl:nth-of-type(3) {
        width: 70px;
        padding: 10px;
    }

.cce-dbi-hd {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#cce-dbi-part1-hd {
    margin: 10px 10px 10px 40px;
}

#cce-dbi-part2-hd {
    margin: 10px 10px 10px 40px;
}

#term-tot .cce-term-fahd .fai {
    height: 126px;
}

#term-tot .cce-term-fahd .rtext {
    margin-top: 130px;
}

#term-tot .cce-fai .fai {
    height: 10px;
}

#cce-term-bi {
    margin-left: 10px;
    margin-top: 10px;
}

    #cce-term-bi .cl {
        height: 10px;
        font-weight: bold;
        padding: 10px 20px;
    }

        #cce-term-bi .cl:nth-of-type(1) {
            width: 450px;
            text-align: right;
        }

        #cce-term-bi .cl:nth-of-type(2) {
            width: 20px;
        }

#ccec1-rci-cont {
    padding: 40px 110px;
}

    #ccec1-rci-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#ccec1-rci-ct {
    width: 1250px;
    min-height: 770px;
    border: 1px solid #C7C3C3;
    background: #FFF;
    box-shadow: 0 0 12px 1px #C0C0C0;
    padding: 20px;
    position: relative;
    margin: 70px 160px 160px 20px;
}

    #ccec1-rci-ct .clbr .cl {
        border-color: #000 !important;
    }

#ccec1-rci .brt {
    border-top: 1px solid #000;
}

#ccec1-rci-top {
    background-image: url("../images/stu-watermark.png");
    background-repeat: no-repeat;
    height: 85px;
    width: 680px;
    background-position: 30px 5px;
    background-size: 85px 75px;
}

    #ccec1-rci-top .rw {
        padding: 5px 5px 5px 5px;
        text-align: center;
    }

    #ccec1-rci-top .sname {
        font-weight: bold;
        font-size: 22px;
        color: #4C4C4C;
        font-style: italic;
        text-transform: uppercase;
    }

    #ccec1-rci-top .sadd {
        font-size: 13px;
        color: #4C4C4C;
    }

    #ccec1-rci-top .ssess {
        font-weight: bold;
        font-size: 15px;
        padding: 2px 8px;
    }

#c1-sess-box {
    border: 1px solid #747474;
    box-shadow: 2px 2px 1px 1px #777;
    width: 150px;
    margin: 0 auto;
    padding: 3px 5px;
}

#ccec1-rci-stuinfo {
    padding: 10px;
    border: 1px solid #848484;
    margin-top: 5px;
    margin-left: 10px;
    position: relative;
}

    #ccec1-rci-stuinfo .cl {
        padding: 5px 10px;
    }

        #ccec1-rci-stuinfo .cl:nth-of-type(1) {
            min-width: 110px;
            max-width: 110px;
        }

        #ccec1-rci-stuinfo .cl:nth-of-type(2) {
            min-width: 240px;
            max-width: 240px;
        }

#ccec1-rci-stuinfoHD {
    position: absolute;
    top: -10px;
    left: 130px;
    padding: 5px 10px;
    border: 1px solid;
    background: #FFF;
    font-weight: bold;
}

#ccec1-rci-mid-hd {
    margin-left: 10px;
}

    #ccec1-rci-mid-hd .cl {
        display: table-cell;
        float: none;
        height: 30px;
        border-color: #848484 !important;
        border-top: none;
    }

        #ccec1-rci-mid-hd .cl:nth-of-type(1) {
            min-width: 60px;
            max-width: 60px;
            text-align: center;
            vertical-align: middle;
        }

        #ccec1-rci-mid-hd .cl:nth-of-type(2) {
            min-width: 200px;
            max-width: 200px;
            text-align: center;
            vertical-align: middle;
        }

        #ccec1-rci-mid-hd .cl:nth-of-type(3) {
            min-width: 265px;
            max-width: 265px;
        }

        #ccec1-rci-mid-hd .cl:nth-of-type(4) {
            min-width: 265px;
            max-width: 265px;
        }

        #ccec1-rci-mid-hd .cl:nth-of-type(5) {
            min-width: 261px;
            max-width: 261px;
        }

.ccec1-rci-ex {
    margin-left: 10px;
}

    .ccec1-rci-ex .cl {
        border-color: #848484 !important;
    }

        .ccec1-rci-ex .cl:nth-of-type(1) {
            min-width: 100px;
            max-width: 100px;
            text-align: left;
            vertical-align: middle;
            padding: 6px 0px 6px 10px;
        }

    .ccec1-rci-ex .rci-ex {
        min-width: 227px;
        max-width: 227px;
        text-align: center;
        vertical-align: middle;
        padding: 0;
    }

    .ccec1-rci-ex .rci-ex-tot {
        min-width: 109px;
        max-width: 109px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

    .ccec1-rci-ex .rci-ex-tot2 {
        min-width: 105px;
        max-width: 105px;
        text-align: center;
        vertical-align: middle;
        padding: 6px 0px;
    }

.ccec1-term .ccec1-term-hd {
    margin-left: 10px;
}

    .ccec1-term .ccec1-term-hd .cl {
        border-color: #848484 !important;
        height: 40px;
        float: none;
        display: table-cell;
    }

        .ccec1-term .ccec1-term-hd .cl:nth-of-type(1) {
            min-width: 110px;
            max-width: 110px;
            text-align: center;
            vertical-align: middle;
            padding: 6px 0px;
            font-weight: bold;
            font-size: 15px;
        }

        .ccec1-term .ccec1-term-hd .cl:nth-of-type(2) {
            padding: 0;
            min-height: 30px;
        }

.ccec1-term .nbr {
    border-right: none !important;
}

.ccec1-term .gr {
    font-weight: bold;
}

.ccec1-term-fahd .cls {
    height: 10px;
    padding: 0px;
    display: table-cell;
    float: none;
    text-align: center;
    height: 60px;
}

.ccec1-term-fahd .rw1.fat {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 6px 6px;
    font-weight: bold;
}

.ccec1-term-fahd .fai {
    border-right: 1px solid #000;
    width: 24px;
    padding: 6px 10px;
    text-align: center;
    height: 110px;
    text-transform: uppercase;
}

.ccec1-term-fahd .rtext {
    transform: rotate(-90deg);
    transform-origin: left top 0;
    width: 120px;
    height: 24px;
    text-align: left;
    margin-top: 110px;
    margin-left: 8px;
}

.ccec1-term-fahd .cls:nth-of-type(1) {
    min-width: 50px;
}

.ccec1-term-fahd .cls:nth-of-type(2) {
    min-width: 50px;
}

.ccec1-term-fahd .cls:nth-of-type(3) {
    min-width: 50px;
}

.ccec1-term-fahd .cls:nth-of-type(4) {
    min-width: 50px;
}

.ccec1-fai .cl1 {
    display: table-cell;
    float: none;
    padding: 6px 2px;
    text-align: center;
}

.ccec1-fai .fai {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 12px;
    border-right: 1px solid #000;
}

    .ccec1-fai .fai:last-child {
        border-right: none;
    }

#ccec1-rci-cgpa {
    margin-left: 10px;
    margin-top: 10px;
}

    #ccec1-rci-cgpa .cl {
        height: 10px;
        font-weight: bold;
    }

    #ccec1-rci-cgpa .rw .cl:nth-of-type(1) {
        width: 890px;
        text-align: right;
        padding: 10px 20px;
    }

    #ccec1-rci-cgpa .rw .cl:nth-of-type(2) {
        width: 10px;
        padding: 10px 20px;
    }

    #ccec1-rci-cgpa .rw .cl:nth-of-type(3) {
        width: 70px;
        padding: 10px;
    }

.ccec1-rci-hd {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#ccec1-rci-part1-hd {
    margin: 10px 10px 10px 40px;
}

#ccec1-rci-part2-hd {
    margin: 10px 10px 10px 40px;
}

#term-tot .ccec1-term-fahd .fai {
    height: 126px;
}

#term-tot .ccec1-term-fahd .rtext {
    margin-top: 130px;
}

#ccec1-term-bi {
    margin-left: 10px;
    margin-top: 10px;
}

    #ccec1-term-bi .cl {
        height: 10px;
        font-weight: bold;
        padding: 10px 20px;
    }

        #ccec1-term-bi .cl:nth-of-type(1) {
            width: 450px;
            text-align: right;
        }

        #ccec1-term-bi .cl:nth-of-type(2) {
            width: 20px;
        }

#cce-db-cont {
    padding: 40px 110px;
}

    #cce-db-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#cce-db-ct {
    width: 940px;
    min-height: 1315px;
    border: 1px solid #C7C3C3;
    background: #FFF;
    box-shadow: 0 0 12px 1px #C0C0C0;
    padding: 20px;
    position: relative;
    margin: 70px 160px 160px 150px;
    box-sizing: content-box;
}

.cce-db {
    border: 1px solid #DDD;
    padding: 10px;
    height: 1650px;
    font-family: Calibri,sans-serif;
    font-size: 13px;
    position: relative;
}

    .cce-db .cl, .cce-db .cls, .cce-db .cl1, .cce-db .rws {
        border-color: #949393 !important;
    }

    .cce-db .top {
        position: relative;
        background-image: url("../images/stu-watermark.png");
        background-repeat: no-repeat;
        height: 200px;
        background-position: 40px 10px;
        background-size: 100px 88px;
    }

        .cce-db .top .br {
            border-bottom: 1px solid #DDD;
        }

        .cce-db .top .rw {
            padding: 3px 5px 3px 5px;
            text-align: center;
        }

        .cce-db .top .one {
            font-size: 22px;
            font-weight: bold;
            font-family: Copperplate Gothic Light,Copperplate_Gothic_Light;
        }

        .cce-db .top .two {
            font-weight: bold;
            font-size: 18px;
            font-family: Copperplate Gothic Light,Copperplate_Gothic_Light;
        }

        .cce-db .top .three {
            font-size: 18px;
            font-family: Copperplate Gothic Light,Copperplate_Gothic_Light;
            font-variant: small-caps;
        }

        .cce-db .top .four {
            font-size: 16px;
        }

        .cce-db .top .five {
            font-size: 16px;
        }

        .cce-db .top .six {
            font-size: 24px;
            margin-top: 12px;
        }

        .cce-db .top .school-code {
            position: absolute;
            top: 105px;
            left: 34px;
            font-weight: bold;
        }

    .cce-db .stuinfo {
        padding: 10px;
        margin-top: 5px;
        width: 875px;
        margin-left: 30px;
        font-style: italic;
        font-family: Century Gothic;
        font-size: 13px;
    }

        .cce-db .stuinfo .rw:nth-of-type(1) .cl {
            font-weight: bold;
            font-size: 15px;
        }

        .cce-db .stuinfo .cl {
            padding: 8px 10px;
        }

            .cce-db .stuinfo .cl:nth-of-type(1) {
                min-width: 100px;
                max-width: 100px;
            }

            .cce-db .stuinfo .cl:nth-of-type(2) {
                min-width: 240px;
                max-width: 240px;
                text-transform: uppercase;
                color: #DC0707;
                font-weight: bold;
            }

            .cce-db .stuinfo .cl:nth-of-type(3) {
                min-width: 120px;
                max-width: 120px;
            }

            .cce-db .stuinfo .cl:nth-of-type(4) {
                min-width: 100px;
                max-width: 100px;
            }

            .cce-db .stuinfo .cl:nth-of-type(5) {
                min-width: 200px;
                max-width: 200px;
                text-transform: uppercase;
                color: #DC0707;
                font-weight: bold;
            }

    .cce-db .db-res {
        font-weight: bold;
        margin: 50px 10px 10px 30px;
        font-size: 13px;
        font-style: italic;
    }

        .cce-db .db-res input[type='text'] {
            height: 16px;
            width: 256px;
            padding: 1px;
            font-style: italic;
        }

    .cce-db .db-btm {
        font-weight: bold;
        margin: 50px 10px 10px 30px;
        font-size: 14px;
    }

        .cce-db .db-btm .cl:nth-of-type(2) {
            margin-left: 290px;
        }

        .cce-db .db-btm .cl:nth-of-type(3) {
            margin-left: 290px;
        }

.cce-dbV1 .grade {
    margin-left: 25px;
    font-family: Calibri,sans-serif;
}

    .cce-dbV1 .grade .hd .cl {
        padding: 0;
        border-top: 1px solid #DDD;
        height: 30px;
        min-width: 87px;
        max-width: 87px;
        font-weight: bold;
    }

        .cce-dbV1 .grade .hd .cl .rws:nth-of-type(1) {
            border-bottom: 1px solid #DDD;
            padding: 10px;
        }

        .cce-dbV1 .grade .hd .cl .cls:nth-of-type(1) {
            border-right: 1px solid #DDD;
        }

    .cce-dbV1 .grade .hd .cls {
        display: table-cell;
        float: none;
        padding: 5px 5px;
        min-width: 33px;
        max-width: 33px;
        text-align: center;
        font-size: 11px;
    }

    .cce-dbV1 .grade .hd .cl:nth-of-type(1) {
        padding: 10px 5px;
    }

    .cce-dbV1 .grade .cl {
        display: table-cell;
        float: none;
        padding: 10px 5px;
        min-width: 33px;
        max-width: 33px;
        text-align: center;
        vertical-align: middle;
    }

        .cce-dbV1 .grade .cl:nth-of-type(1) {
            min-width: 70px;
            max-width: 70px;
            text-align: left;
            font-weight: bold;
        }

        .cce-dbV1 .grade .cl:nth-of-type(2) {
            font-weight: bold;
        }

        .cce-dbV1 .grade .cl:nth-of-type(4) {
            font-weight: bold;
        }

        .cce-dbV1 .grade .cl:nth-of-type(6) {
            font-weight: bold;
        }

        .cce-dbV1 .grade .cl:nth-of-type(8) {
            font-weight: bold;
        }

        .cce-dbV1 .grade .cl:nth-of-type(10) {
            font-weight: bold;
        }

        .cce-dbV1 .grade .cl:nth-of-type(12) {
            font-weight: bold;
        }

        .cce-dbV1 .grade .cl:nth-of-type(14) {
            font-weight: bold;
        }

        .cce-dbV1 .grade .cl:nth-of-type(16) {
            font-weight: bold;
        }

    .cce-dbV1 .grade .tot .cl {
        color: #EA0000;
    }

.cce-dbV1 .db-teach-hd {
    margin: 40px 10px 10px 360px;
    font-weight: bold;
}

.cce-dbV1 .db-teach {
    margin: 10px 10px 10px 60px;
}

    .cce-dbV1 .db-teach .cl {
        font-size: 12px;
    }

        .cce-dbV1 .db-teach .cl:nth-of-type(1) {
            width: 90px;
            padding: 6px 5px;
            font-weight: bold;
        }

        .cce-dbV1 .db-teach .cl:nth-of-type(2) {
            padding: 2px 5px;
            width: 259px;
        }

        .cce-dbV1 .db-teach .cl:nth-of-type(3) {
            width: 90px;
            padding: 6px 5px;
            font-weight: bold;
        }

        .cce-dbV1 .db-teach .cl:nth-of-type(4) {
            padding: 2px 5px;
            width: 259px;
        }

    .cce-dbV1 .db-teach input[type='text'] {
        height: 16px;
        width: 256px;
        padding: 1px;
    }

    .cce-dbV1 .db-teach .rws .cls {
        border: 1px solid #DDD;
        padding: 7px 10px;
        width: 350px;
        text-align: center;
        font-weight: bold;
    }

        .cce-dbV1 .db-teach .rws .cls:nth-of-type(1) {
            border-right: none;
        }

.cce-dbV1 .db-text .cl {
    padding: 5px 5px;
}

.cce-dbV1 .db-text input[type='text'] {
    width: 25px;
    padding: 0;
}

.cce-dbV2 .grade .hd .cl {
    padding: 5px 5px !important;
}

    .cce-dbV2 .grade .hd .cl .rws:nth-of-type(1) {
        border-bottom: none !important;
        padding: 3px !important;
    }

.cce-dbV2 .grade .cl {
    padding: 6px 5px !important;
    min-width: 79px !important;
    max-width: 78px !important;
}

.cce-dbV2 .db-text input[type='text'] {
    width: 50px;
}

.cce-dbV3 .grade .hd .cl {
    padding: 5px 5px !important;
}

    .cce-dbV3 .grade .hd .cl .rws:nth-of-type(1) {
        border-bottom: none !important;
        padding: 3px !important;
    }

.cce-dbV3 .grade .cl {
    padding: 6px 5px !important;
    min-width: 77px !important;
    max-width: 77px !important;
}

.cce-dbV3 .db-coscho-hd {
    margin: 40px 10px 10px 360px;
    font-weight: bold;
}

.cce-dbV3 .db-coscho {
    margin: 10px 10px 10px 30px;
}

    .cce-dbV3 .db-coscho .rws .cls {
        border: 1px solid #DDD;
        padding: 7px 10px;
        text-align: center;
        font-weight: bold;
        height: 15px;
    }

        .cce-dbV3 .db-coscho .rws .cls:nth-of-type(1) {
            border-right: none;
            width: 180px;
        }

        .cce-dbV3 .db-coscho .rws .cls:nth-of-type(2) {
            border-right: none;
            width: 280px;
        }

        .cce-dbV3 .db-coscho .rws .cls:nth-of-type(3) {
            width: 280px;
        }

    .cce-dbV3 .db-coscho .cce-db-obg .cl {
        height: 10px;
        padding: 10px 5px;
        display: table-cell;
        float: none;
    }

    .cce-dbV3 .db-coscho .cce-db-obg .rw .cl:nth-of-type(1) {
        min-width: 190px;
        max-width: 190px;
    }

    .cce-dbV3 .db-coscho .cce-db-obg .rw .cl:nth-of-type(2) {
        min-width: 14px;
        max-width: 14px;
        text-align: center;
        font-weight: bold;
    }

    .cce-dbV3 .db-coscho .cce-db-obg .rw .cl:nth-of-type(3) {
        min-width: 265px;
        max-width: 265px;
    }

    .cce-dbV3 .db-coscho .cce-db-obg .rw .cl:nth-of-type(4) {
        min-width: 14px;
        max-width: 14px;
        text-align: center;
        font-weight: bold;
    }

    .cce-dbV3 .db-coscho .cce-db-obg .rw .cl:nth-of-type(5) {
        min-width: 265px;
        max-width: 265px;
    }

    .cce-dbV3 .db-coscho .cce-db-obghd {
        padding: 7px 20px;
        background: #FFF;
        font-size: 14px;
        font-weight: bold;
        border: 1px solid #949393;
        border-top: none;
        width: 762px;
    }

.cce-dbV3 .db-text input[type='text'] {
    width: 50px;
}

.cce-dbV4 .stuinfo .rw:nth-of-type(1) .cl:nth-of-type(3) {
    min-width: 0px;
    max-width: 0px;
}

.cce-dbV4 .stuinfo .rw:nth-of-type(1) .cl:nth-of-type(4) {
    min-width: 130px;
    max-width: 130px;
}

.cce-dbV4 .cce-dbV4-arr {
    position: relative;
}

    .cce-dbV4 .cce-dbV4-arr .cl:nth-of-type(1) {
        border-bottom: none;
        vertical-align: bottom;
        padding: 10px 5px 5px 5px;
    }

.cce-dbV4 .cce-dbV4-arrsec .cl:nth-of-type(1) {
    font-variant: normal !important;
    font-weight: bold;
    vertical-align: top;
    padding: 5px 5px 10px 5px;
    font-size: 17px !important;
}

.cce-dbV4 .cce-dbV4-arr:before {
    content: "}";
    position: absolute;
    top: 15px;
    left: 170px;
    font-size: 43px;
    font-family: SimSun;
}

.cce-dbV4 .grade {
    margin-left: 25px;
    font-family: Calibri,sans-serif;
}

    .cce-dbV4 .grade .hd .cl {
        padding: 0;
        border-top: 1px solid #DDD;
        height: 30px;
        min-width: 207px;
        max-width: 207px;
        font-weight: bold;
    }

        .cce-dbV4 .grade .hd .cl .rws:nth-of-type(1) {
            border-bottom: 1px solid #DDD;
            padding: 10px;
        }

        .cce-dbV4 .grade .hd .cl .cls {
            border-right: 1px solid #DDD;
        }

            .cce-dbV4 .grade .hd .cl .cls:nth-of-type(4) {
                border-right: none;
            }

        .cce-dbV4 .grade .hd .cl .cl1:nth-of-type(2) {
            border-right: none;
        }

        .cce-dbV4 .grade .hd .cl:nth-of-type(1) {
            padding: 10px 5px;
            text-align: center;
            font-size: 18px;
        }

    .cce-dbV4 .grade .hd .cls {
        display: table-cell;
        float: none;
        padding: 5px 5px;
        min-width: 41px;
        max-width: 41px;
        text-align: center;
        font-size: 11px;
    }

    .cce-dbV4 .grade .hd .cl1 {
        display: table-cell;
        float: none;
        padding: 5px 5px;
        min-width: 93px;
        max-width: 93px;
        text-align: center;
        font-size: 11px;
        border-bottom: 1px solid;
        border-right: 1px solid;
    }

    .cce-dbV4 .grade .hd .cl2 {
        display: table-cell;
        float: none;
        padding: 5px 5px;
        min-width: 41px;
        max-width: 41px;
        text-align: center;
        font-size: 11px;
    }

    .cce-dbV4 .grade .cl {
        display: table-cell;
        float: none;
        padding: 10px 5px;
        min-width: 41px;
        max-width: 41px;
        text-align: center;
        vertical-align: middle;
    }

        .cce-dbV4 .grade .cl:nth-of-type(1) {
            min-width: 200px;
            max-width: 200px;
            text-align: left;
            font-size: 18px;
            font-family: Calibri;
            font-variant: small-caps;
        }

        .cce-dbV4 .grade .cl.gt {
            min-width: 180px;
            max-width: 180px;
        }

            .cce-dbV4 .grade .cl.gt .rws {
                padding: 4px;
                border-bottom: 1px solid #949393;
            }

            .cce-dbV4 .grade .cl.gt .cl2 {
                min-width: 80px;
                max-width: 80px;
            }

                .cce-dbV4 .grade .cl.gt .cl2:nth-of-type(1) {
                    border-right: 1px solid #949393;
                }

        .cce-dbV4 .grade .cl:nth-of-type(2) {
            font-weight: bold;
        }

        .cce-dbV4 .grade .cl:nth-of-type(4) {
            font-weight: bold;
        }

        .cce-dbV4 .grade .cl:nth-of-type(6) {
            font-weight: bold;
        }

        .cce-dbV4 .grade .cl:nth-of-type(8) {
            font-weight: bold;
        }

        .cce-dbV4 .grade .cl:nth-of-type(10) {
            font-weight: bold;
            min-width: 80px !important;
            max-width: 80px !important;
        }

        .cce-dbV4 .grade .cl:nth-of-type(11) {
            min-width: 79px !important;
            max-width: 79px !important;
        }

    .cce-dbV4 .grade .tot .cl {
        color: #EA0000;
    }

.cce-dbV4 .db-res {
    font-family: Copperplate Gothic Light,Copperplate_Gothic_Light;
    font-variant: small-caps;
    font-style: italic;
}

.cce-dbV4 .db-btm {
    font-family: Copperplate Gothic Light,Copperplate_Gothic_Light;
    font-variant: small-caps;
    font-style: italic;
}

.cce-dbV4 .db-text .cl:nth-of-type(2) {
    min-width: 197px;
    max-width: 197px;
}

.cce-dbV4 .db-text .cl:nth-of-type(3) {
    min-width: 197px;
    max-width: 197px;
}

.cce-dbV4 .db-text .cl:nth-of-type(4) {
    min-width: 170px;
    max-width: 170px;
}

.cce-dbV4 .db-text input[type='text'] {
    width: 125px;
}

#gen-tc-cont {
    padding: 40px 110px;
    padding-bottom: 200px;
}

    #gen-tc-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#gen-tc {
    margin-left: 270px;
    margin-top: 60px;
}

    #gen-tc .cl {
        padding: 10px;
    }

    #gen-tc .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #gen-tc .rw .cl:nth-of-type(2) {
        width: 320px;
    }

#gen-cc-cont {
    padding: 29px 45px;
    padding-bottom: 200px;
}

    #gen-cc-cont .r-nav {
        position: absolute;
        top: 75px;
        right: 110px;
    }

#gen-cc {
    /*margin-left: 270px;
    margin-top: 60px;*/
      border: 1px solid #dddddd;
    background: #fcfcfc;
    width: 1293px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    #gen-cc .cl {
        padding: 10px;
    }

    #gen-cc .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #gen-cc .rw .cl:nth-of-type(2) {
        width: 100px;
    }

#def-tc-contt {
    padding: 40px 110px;
}

    #def-tc-contt .r-nav {
        position: absolute;
        top: 80px;
        right: 110px;
    }

#def-tc-cont {
    height: 1700px;
    width: 1000px;
    padding: 25px;
    margin-left: 120px;
    background: #FFF;
    margin-bottom: 200px;
    box-sizing: content-box;
}

#def-tc {
    height: 1450px;
    padding: 25px;
    border: 1px solid #989898;
    background: #FFF;
    position: relative;
}

    #def-tc .def-top {
        background-image: url("../images/stu-watermark.png");
        background-repeat: no-repeat;
        height: 105px;
        background-position: 30px 5px;
        background-size: 100px 85px;
    }

        #def-tc .def-top .rw {
            padding: 5px 5px 5px 5px;
            text-align: center;
        }

        #def-tc .def-top .def-mhd {
            font-weight: bold;
            font-size: 25px;
            color: #6B6B6B;
        }

        #def-tc .def-top .def-hd {
            border: 1px solid #000;
            padding: 5px 10px;
            background: #EE8948;
            color: #FFF;
            /*background: #fafafa;
    color: #0e0000;*/
            font-size: 14px;
            font-weight: bold;
            border-radius: 16px;
            width: 280px;
            margin: 0 auto;
            margin-top: 5px;
        }

    #def-tc .def-top-info {
        margin-top: 10px;
    }

        #def-tc .def-top-info input[type='text'] {
            width: 100px;
            height: 12px;
        }

        #def-tc .def-top-info .cl {
            height: 10px;
            padding: 10px 20px;
        }

        #def-tc .def-top-info .rw .cl:nth-of-type(1) {
            width: 140px;
            font-weight: bold;
        }

        #def-tc .def-top-info .rw .cl:nth-of-type(2) {
            width: 100px;
        }

        #def-tc .def-top-info .rw .cl:nth-of-type(3) {
            width: 140px;
            font-weight: bold;
        }

        #def-tc .def-top-info .rw .cl:nth-of-type(4) {
            width: 100px;
        }

        #def-tc .def-top-info .rw .cl:nth-of-type(5) {
            width: 100px;
            font-weight: bold;
        }

        #def-tc .def-top-info .rw .cl:nth-of-type(6) {
            width: 100px;
        }

    #def-tc .def-tcf {
        padding: 10px 10px 10px 10px;
    }

        #def-tc .def-tcf .cl {
            line-height: 15px;
        }

        #def-tc .def-tcf .rw {
            padding-top: 5px;
        }

            #def-tc .def-tcf .rw .cl:nth-of-type(1) {
                padding: 5px 5px;
                width: 20px;
                font-weight: bold;
            }

            #def-tc .def-tcf .rw .cl:nth-of-type(2) {
                width: 400px;
                padding: 5px 20px 5px 10px;
            }

            #def-tc .def-tcf .rw .cl:nth-of-type(3) {
                padding: 5px 20px;
                width: 10px;
                font-weight: bold;
            }

            #def-tc .def-tcf .rw .cl:nth-of-type(4) {
                padding: 5px 20px;
                width: 250px;
            }

                #def-tc .def-tcf .rw .cl:nth-of-type(4) input[type='text'] {
                    width: 250px;
                    height: 15px;
                }

    #def-tc .ft .sign {
        margin-top: 40px;
    }

        #def-tc .ft .sign .cl {
            height: 30px;
            padding: 10px 20px;
        }

        #def-tc .ft .sign .rws {
            text-align: center;
            font-weight: bold;
        }

        #def-tc .ft .sign .cl:nth-of-type(1) {
            width: 140px;
        }

        #def-tc .ft .sign .cl:nth-of-type(2) {
            width: 520px;
        }

        #def-tc .ft .sign .cl:nth-of-type(3) {
            width: 140px;
        }

    #def-tc .ftn1 {
        padding: 5pt 10pt;
        margin-top: 10pt;
    }

    #def-tc .ftn2 {
        padding: 5pt 10pt;
    }

#def-regno {
    margin-top: 10px;
}

    #def-regno .cl:nth-of-type(1) {
        padding: 10px 20px;
        width: 330px;
        font-weight: bold;
    }

    #def-regno .cl:nth-of-type(2) {
        padding: 10px 20px;
    }

    #def-regno .cl:nth-of-type(3) {
        padding: 5px 20px 5px 20px;
        width: 300px;
    }

        #def-regno .cl:nth-of-type(3) input[type='text'] {
            width: 188px;
            height: 12px;
        }

#def-tc-wm {
    position: absolute;
    display: none;
}

#def-cc-contt {
    padding: 40px 110px;
}

    #def-cc-contt .r-nav {
        position: absolute;
        top: 80px;
        right: 110px;
    }

#def-cc-cont {
    height: 1580px;
    width: 1000px;
    padding: 25px;
    margin-left: 120px;
    background: #FFF;
    margin-bottom: 200px;
    box-sizing: content-box;
}

#def-cc {
    height: 1450px;
    padding: 25px;
    border: 3px solid #2F5BA2;
    background: #FFF;
    font-family: Arial,sans-serif;
    color: #224B94;
    position: relative;
}

    #def-cc .def-top {
        background-image: url("../images/stu-watermark.png");
        background-repeat: no-repeat;
        height: 130px;
        background-position: 0px 5px;
        background-size: 130px 110px;
        font-family: Times New Roman;
    }

        #def-cc .def-top .rw {
            padding: 3px 5px 3px 5px;
            text-align: center;
            font-weight: bold;
            font-size: 20px;
        }

        #def-cc .def-top .fr {
            margin-top: 24px;
        }

        #def-cc .def-top .vfr {
            width: 280px;
            border-bottom: 1px solid #224B94;
            margin: 0 auto;
            font-size: 15px;
            font-family: Arial Black;
            font-weight: normal;
            padding: 0;
        }

        #def-cc .def-top .third {
            font-style: italic;
        }

        #def-cc .def-top .wn {
            font-weight: normal;
        }

        #def-cc .def-top .def-mhd {
            font-size: 40px;
            color: #074FA0;
            font-family: Arial Black;
            font-weight: normal;
            margin-top: 16px;
        }

    #def-cc .def-hd {
        border: 1px solid #FD0032;
        padding: 15px 10px;
        color: #FFF;
        background: #E61515;
        font-size: 27px;
        font-style: italic;
        width: 345px;
        margin: 0 auto;
        margin-top: 130px;
        font-family: Times New Roman;
        text-align: center;
    }


     #def-cc .def-hd-pg {
      border: 2px solid #224b9b;
    padding: 15px 10px;
    color: #ffffff;
    background: #2379b2;
    font-size: 27px;
    font-style: italic;
    width: 345px;
    margin: 0 auto;
    margin-top: 70px;
    font-family: Times New Roman;
    text-align: center;
    box-shadow: -14px -11px 0px 0px #dee5ea;
    border-radius: 10px;
    }

#def-ct {
    margin-top: 90px;
    font-family: Arial Narrow;
    font-size: 26px;
    padding: 10px;
}

    #def-ct .rw {
        margin-top: 38px;
    }

    #def-ct input[type='text'] {
        border: none;
        border-bottom: 2px dotted #083B86;
        font-size: 22px !important;
        padding: 0 0 0 8px;
        text-align:center;
    }

    #def-ct .ln1 input[type='text'] {
        width: 656px;
    }

    #def-ct .ln2 input[type='text'] {
        width: 715px;
    }

    #def-ct .ln3 input[type='text'] {
        width: 410px;
    }

    #def-ct .ln4 .t1 {
        width: 300px; text-align: center;
    }

    #def-ct .ln4 .t2 {
        width: 140px;
           
    }

    #def-ct .ln5 input[type='text'] {
        width: 260px;
    }

    #def-ct .ln6 input[type='text'] {
        width: 480px;
    }

    #def-ct .ln7 {
        margin-top: 160px;
        font-size: 30px;
    }

#def-ct-sgn {
    margin-top: 80px;
    font-family: Arial Narrow;
    font-size: 24px;
    padding: 10px;
}

    #def-ct-sgn .cl:nth-of-type(1) {
        width: 580px;
    }

    #def-ct-sgn .cl:nth-of-type(2) {
        width: 340px;
    }

#def-cc-wm {
    position: absolute;
    display: none;
}

#surmont-tc-cont2 {
    padding: 40px 110px;
}

    #surmont-tc-cont2 .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#sur-tc-cont2 {
    height: 1580px;
    width: 1000px;
    padding: 25px;
    margin-left: 120px;
    background: #FFF;
    margin-bottom: 200px;
    box-sizing: content-box;
}

#surmount-tc2 {
    height: 1450px;
    padding: 25px;
    border: 1px solid #989898;
    background: #FFF;
    font-family: Century,Serif;
}

    #surmount-tc2 .sur-top {
        background-image: url("../images/stu-watermark.png");
        background-repeat: no-repeat;
        height: 130px;
        background-position: 10px 5px;
        background-size: 130px 110px;
    }

        #surmount-tc2 .sur-top .rw {
            padding: 5px 5px 5px 5px;
            text-align: center;
            font-weight: bold;
            font-size: 13px;
        }

        #surmount-tc2 .sur-top .third .cl:nth-of-type(1) {
            width: 330px;
            text-align: right;
        }

        #surmount-tc2 .sur-top .third .cl:nth-of-type(2) {
            width: 280px;
            text-align: center;
        }

        #surmount-tc2 .sur-top .third .cl:nth-of-type(3) {
            width: 140px;
            text-align: left;
        }

        #surmount-tc2 .sur-top .sur-mhd {
            font-weight: bold;
            font-size: 48px;
            color: #A00808;
            font-style: italic;
            font-family: Times;
        }

    #surmount-tc2 .sur-hd {
        border: 1px solid #DD5800;
        padding: 5px 10px;
        color: #FFF;
        background: #EE8B49;
        border-radius: 17px;
        font-size: 22px;
        font-weight: bold;
        width: 220px;
        margin: 0 auto;
        margin-top: 5px;
        font-family: Tahoma;
        text-align: center;
    }

    #surmount-tc2 .adn {
        margin-left: 50px;
        margin-top: 30px;
    }

        #surmount-tc2 .adn input[type='text'] {
            height: 12px;
        }

        #surmount-tc2 .adn .cl {
            font-weight: bold;
        }

            #surmount-tc2 .adn .cl:nth-of-type(1) {
                width: 290px;
            }

            #surmount-tc2 .adn .cl:nth-of-type(2) {
                width: 270px;
            }

            #surmount-tc2 .adn .cl:nth-of-type(3) {
                width: 290px;
            }

    #surmount-tc2 .sur-tcf {
        margin-top: 15px;
        padding: 10px 10px 10px 10px;
    }

        #surmount-tc2 .sur-tcf .cl {
            line-height: 15px;
        }

        #surmount-tc2 .sur-tcf .rw {
            padding-top: 5px;
        }

            #surmount-tc2 .sur-tcf .rw .cl:nth-of-type(1) {
                padding: 5px 5px;
                width: 20px;
                font-weight: bold;
            }

            #surmount-tc2 .sur-tcf .rw .cl:nth-of-type(2) {
                width: 435px;
                padding: 5px 20px 5px 10px;
                font-weight: bold;
            }

            #surmount-tc2 .sur-tcf .rw .cl:nth-of-type(3) {
                padding: 5px 20px;
                width: 5px;
                font-weight: bold;
            }

            #surmount-tc2 .sur-tcf .rw .cl:nth-of-type(4) {
                padding: 5px 20px;
                width: 340px;
            }

                #surmount-tc2 .sur-tcf .rw .cl:nth-of-type(4) input[type='text'] {
                    width: 320px;
                    height: 12px;
                }

        #surmount-tc2 .sur-tcf #tbx .t1 {
            width: 150px;
        }

        #surmount-tc2 .sur-tcf #tbx .t2 {
            width: 150px;
            margin-left: 10px;
        }

        #surmount-tc2 .sur-tcf .one .cl {
            height: 24px;
        }

        #surmount-tc2 .sur-tcf .two textarea {
            width: 320px !important;
        }

        #surmount-tc2 .sur-tcf .two #ta {
            display: none;
        }

    #surmount-tc2 .sur-tc-sub input[type='text'] {
        width: 170px;
        height: 12px;
    }

    #surmount-tc2 .sur-tc-sub .cls {
        height: 20px;
    }

    #surmount-tc2 .sur-tc-sub .rws {
        padding-top: 10px;
    }

        #surmount-tc2 .sur-tc-sub .rws .cls:nth-of-type(1) {
            width: 20px;
            font-weight: bold;
            padding: 5px 5px;
        }

        #surmount-tc2 .sur-tc-sub .rws .cls:nth-of-type(2) {
            width: 220px;
            padding: 5px 20px 5px 10px;
            font-weight: bold;
        }

        #surmount-tc2 .sur-tc-sub .rws .cls:nth-of-type(3) {
            width: 210px;
        }

        #surmount-tc2 .sur-tc-sub .rws .cls:nth-of-type(4) {
            width: 210px;
        }

        #surmount-tc2 .sur-tc-sub .rws .cls:nth-of-type(5) {
            width: 210px;
        }

    #surmount-tc2 .ft .sign {
        margin-top: 40px;
    }

        #surmount-tc2 .ft .sign .cl {
            height: 30px;
            padding: 10px 20px;
        }

        #surmount-tc2 .ft .sign .rws {
            text-align: center;
            font-weight: bold;
        }

        #surmount-tc2 .ft .sign .cl:nth-of-type(1) {
            width: 140px;
        }

        #surmount-tc2 .ft .sign .cl:nth-of-type(2) {
            width: 520px;
        }

        #surmount-tc2 .ft .sign .cl:nth-of-type(3) {
            width: 140px;
        }

    #surmount-tc2 .ftn1 {
        padding: 5pt 10pt;
        margin-top: 10pt;
    }

    #surmount-tc2 .ftn2 {
        padding: 5pt 10pt;
    }

#sur-regno2 {
    margin-top: 10px;
}

    #sur-regno2 .cl:nth-of-type(1) {
        padding: 10px 20px;
        width: 330px;
        font-weight: bold;
    }

    #sur-regno2 .cl:nth-of-type(2) {
        padding: 10px 20px;
    }

    #sur-regno2 .cl:nth-of-type(3) {
        padding: 5px 20px 5px 20px;
        width: 300px;
    }

        #sur-regno2 .cl:nth-of-type(3) input[type='text'] {
            width: 188px;
            height: 12px;
        }

#donbosco-tc-cont {
    padding: 40px 110px;
}

    #donbosco-tc-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 110px;
    }

#db-tc-cont {
    height: 1580px;
    width: 1000px;
    padding: 25px;
    margin-left: 120px;
    background: #FFF;
    margin-bottom: 200px;
    box-sizing: content-box;
}

#donbosco-tc {
    height: 1450px;
    padding: 25px;
    border: 3px solid #2F5BA2;
    background: #FFF;
    font-family: Arial,sans-serif;
    color: #224B94;
}

    #donbosco-tc .db-top {
        background-image: url("../images/stu-watermark.png");
        background-repeat: no-repeat;
        height: 130px;
        background-position: 0px 5px;
        background-size: 130px 110px;
        font-family: Times New Roman;
    }

        #donbosco-tc .db-top .rw {
            padding: 3px 5px 3px 5px;
            text-align: center;
            font-weight: bold;
            font-size: 20px;
        }

        #donbosco-tc .db-top .third {
            font-style: italic;
        }

        #donbosco-tc .db-top .wn {
            font-weight: normal;
        }

        #donbosco-tc .db-top .db-mhd {
            font-size: 40px;
            color: #074FA0;
            font-family: Algerian;
            font-weight: normal;
        }

    #donbosco-tc .db-hd {
        border: 1px solid #FD0032;
        padding: 10px 10px;
        color: #FFF;
        background: #E61515;
        font-size: 25px;
        font-style: italic;
        width: 300px;
        margin: 0 auto;
        margin-top: 30px;
        font-family: Times New Roman;
        text-align: center;
    }

    #donbosco-tc .adn {
        margin-left: 20px;
        margin-top: 30px;
    }

        #donbosco-tc .adn input[type='text'] {
            height: 12px;
            width: 140px;
        }

        #donbosco-tc .adn .cl {
            font-weight: bold;
            font-size: 14px;
        }

            #donbosco-tc .adn .cl:nth-of-type(1) {
                width: 190px;
                padding: 4px 0;
            }

            #donbosco-tc .adn .cl:nth-of-type(2) {
                width: 260px;
            }

            #donbosco-tc .adn .cl:nth-of-type(3) {
                width: 240px;
            }

            #donbosco-tc .adn .cl:nth-of-type(4) {
                width: 210px;
            }

    #donbosco-tc .adn2 {
        margin-left: 20px;
        margin-top: 12px;
    }

        #donbosco-tc .adn2 input[type='text'] {
            height: 12px;
            width: 100px;
        }

        #donbosco-tc .adn2 .cl {
            font-weight: bold;
            font-size: 14px;
        }

            #donbosco-tc .adn2 .cl:nth-of-type(1) {
                width: 190px;
                padding: 4px 0;
            }

            #donbosco-tc .adn2 .cl:nth-of-type(2) {
                width: 260px;
            }

            #donbosco-tc .adn2 .cl:nth-of-type(3) {
                width: 280px;
            }

    #donbosco-tc .nb {
        font-weight: normal;
    }

    #donbosco-tc .db-tcf {
        margin-top: 15px;
        padding: 10px 10px 10px 10px;
        font-weight: bold;
    }

        #donbosco-tc .db-tcf .cl {
            line-height: 15px;
        }

        #donbosco-tc .db-tcf .rw {
            padding-top: 5px;
        }

            #donbosco-tc .db-tcf .rw .cl:nth-of-type(1) {
                padding: 5px 5px;
                width: 20px;
            }

            #donbosco-tc .db-tcf .rw .cl:nth-of-type(2) {
                width: 435px;
                padding: 5px 20px 5px 10px;
            }

            #donbosco-tc .db-tcf .rw .cl:nth-of-type(3) {
                padding: 5px 20px;
                width: 5px;
            }

            #donbosco-tc .db-tcf .rw .cl:nth-of-type(4) {
                padding: 5px 20px;
                width: 340px;
            }

                #donbosco-tc .db-tcf .rw .cl:nth-of-type(4) input[type='text'] {
                    width: 320px;
                    height: 12px;
                }

        #donbosco-tc .db-tcf .one .cl {
            height: 24px;
        }

        #donbosco-tc .db-tcf .two textarea {
            width: 320px !important;
        }

        #donbosco-tc .db-tcf .two #ta {
            display: none;
            color: #000;
        }

    #donbosco-tc .ft .sign {
        margin-top: 40px;
    }

        #donbosco-tc .ft .sign .cl {
            height: 30px;
            padding: 10px 20px;
        }

        #donbosco-tc .ft .sign .rws {
            text-align: center;
            font-weight: bold;
        }

        #donbosco-tc .ft .sign .cl:nth-of-type(1) {
            width: 140px;
        }

        #donbosco-tc .ft .sign .cl:nth-of-type(2) {
            width: 140px;
        }

        #donbosco-tc .ft .sign .cl:nth-of-type(3) {
            width: 140px;
        }

        #donbosco-tc .ft .sign .cl:nth-of-type(4) {
            width: 140px;
        }

        #donbosco-tc .ft .sign .cl:nth-of-type(5) {
            width: 140px;
        }

    #donbosco-tc .ftn1 {
        padding: 5pt 10pt;
        margin-top: 10pt;
    }

    #donbosco-tc .ftn2 {
        padding: 5pt 10pt;
    }

    #donbosco-tc .sln {
        width: 140px;
        border-bottom: 1px solid #224B94;
        margin-bottom: 5px;
    }

    #donbosco-tc #dobWord {
        margin-left: 260px;
    }

    #donbosco-tc .twoln .cl {
        line-height: 18px !important;
    }

#db-regno {
    margin-top: 10px;
    margin-left: 30px;
}

    #db-regno .cl:nth-of-type(1) {
        padding: 10px 20px;
        font-weight: bold;
    }

#donbosco-cc-cont {
    padding: 40px 110px;
}

    #donbosco-cc-cont .r-nav {
        position: absolute;
        top: 80px;
        right: 110px;
    }

#db-cc-cont {
    height: 1580px;
    width: 1000px;
    padding: 25px;
    margin-left: 120px;
    background: #FFF;
    margin-bottom: 200px;
    box-sizing: content-box;
}

#donbosco-cc {
    height: 1450px;
    padding: 25px;
    border: 3px solid #2F5BA2;
    background: #FFF;
    font-family: Arial,sans-serif;
    color: #224B94;
}

    #donbosco-cc .db-top {
        background-image: url("../images/stu-watermark.png");
        background-repeat: no-repeat;
        height: 130px;
        background-position: 0px 5px;
        background-size: 130px 110px;
        font-family: Times New Roman;
    }

        #donbosco-cc .db-top .rw {
            padding: 3px 5px 3px 5px;
            text-align: center;
            font-weight: bold;
            font-size: 20px;
        }

        #donbosco-cc .db-top .fr {
            margin-top: 24px;
        }

        #donbosco-cc .db-top .vfr {
            width: 152px;
            border-bottom: 1px solid #224B94;
            margin: 0 auto;
            font-size: 15px;
            font-family: Algerian;
            font-weight: normal;
            padding: 0;
        }

        #donbosco-cc .db-top .third {
            font-style: italic;
        }

        #donbosco-cc .db-top .wn {
            font-weight: normal;
        }

        #donbosco-cc .db-top .db-mhd {
            font-size: 40px;
            color: #074FA0;
            font-family: Algerian;
            font-weight: normal;
            margin-top: 16px;
        }

    #donbosco-cc .db-hd {
        border: 1px solid #FD0032;
        padding: 15px 10px;
        color: #FFF;
        background: #E61515;
        font-size: 27px;
        font-style: italic;
        width: 345px;
        margin: 0 auto;
        margin-top: 130px;
        font-family: Times New Roman;
        text-align: center;
    }

#db-ct {
    margin-top: 90px;
    font-family: Pristina;
    font-size: 30px;
    padding: 10px;
}

    #db-ct .rw {
        margin-top: 38px;
    }

    #db-ct input[type='text'] {
        border: none;
        border-bottom: 2px dotted #083B86;
        font-size: 22px !important;
        padding: 0 0 0 8px;
    }

    #db-ct .ln1 input[type='text'] {
        width: 580px;
    }

    #db-ct .ln2 input[type='text'] {
        width: 600px;
    }

    #db-ct .ln3 input[type='text'] {
        width: 410px;
    }

    #db-ct .ln4 .t1 {
        width: 300px;
    }

    #db-ct .ln4 .t2 {
        width: 140px;
    }

    #db-ct .ln5 input[type='text'] {
        width: 260px;
    }

    #db-ct .ln6 input[type='text'] {
        width: 480px;
    }

    #db-ct .ln7 {
        margin-top: 160px;
        font-size: 30px;
    }

#db-ct-sgn {
    margin-top: 80px;
    font-family: Pristina;
    font-size: 24px;
    padding: 10px;
}

    #db-ct-sgn .cl:nth-of-type(1) {
        width: 580px;
    }

    #db-ct-sgn .cl:nth-of-type(2) {
        width: 340px;
    }

#gen-ic-cont {
    padding: 40px 110px;
    padding-bottom: 200px;
}

    #gen-ic-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#gen-ic {
    margin-left: 200px;
    margin-top: 60px;
}

    #gen-ic .cl {
        padding: 10px;
    }

    #gen-ic .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #gen-ic .rw .cl:nth-of-type(2) {
        width: 320px;
    }

    #gen-ic .rw .cl:nth-of-type(3) {
        width: 70px;
        padding: 6px 10px 7px 10px;
    }

    #gen-ic .rw:nth-of-type(1) .cl {
        padding: 10px;
    }

#icarddef-page-cont {
    padding: 40px 110px;
}

    #icarddef-page-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#icard-page-def {
    height: 29cm;
    width: 21cm;
    border: 1px solid #C5C5C5;
    margin: 0 auto;
    background: #FFF;
    box-sizing: content-box;
}

.icard-def {
    width: 6cm;
    height: 9.2cm;
    border: 1px solid #DDD;
    background-image: url("../images/def-icard.png");
    margin: 0.15cm 0.4cm;
    background-size: 6cm 9.2cm;
    position: relative;
}

    .icard-def .idcard-img {
        width: 1.76cm;
        height: 2.39cm;
        position: absolute;
        top: 2.645cm;
        left: 2.238cm;
        text-shadow: 0 0 0 #FFF;
        background: #FFF;
    }

    .icard-def .idcard-info {
        width: 3.95cm;
        position: absolute;
        top: 5.06cm;
        left: 1.95cm;
        color: #073AD2;
        font-weight: bold;
        font-size: 7.2pt;
    }

        .icard-def .idcard-info .cls {
            padding: 1pt 0;
            height: 7.3pt;
        }

    .icard-def .def-icardsess-top {
        position: absolute;
        top: 0.05cm;
        left: 3cm;
        color: #FFF;
        font-size: 10pt;
        font-family: Arial Narrow;
    }

    .icard-def .def-icardsess-bot {
        position: absolute;
        top: 8.81cm;
        left: 3cm;
        color: #FFF;
        font-size: 10pt;
        font-family: Arial Narrow;
    }

    
   /*Alok*/

   .icard-def-bus {
    width: 6cm;
    height: 9.2cm;
    border: 1px solid #DDD;
    background-image: url("../images/def-icard-bus.png");
    margin: 0.15cm 0.4cm;
    background-size: 6cm 9.2cm;
    position: relative;
}

    .icard-def-bus .idcard-img {
        width: 1.76cm;
        height: 2.39cm;
        position: absolute;
        top: 2.645cm;
        left: 2.238cm;
        text-shadow: 0 0 0 #FFF;
        background: #FFF;
    }

    .icard-def-bus .idcard-info {
        width: 3.95cm;
        position: absolute;
        top: 5.06cm;
        left: 1.95cm;
        color: #073AD2;
        font-weight: bold;
        font-size: 7.2pt;
    }

        .icard-def-bus .idcard-info .cls {
            padding: 1pt 0;
            height: 7.3pt;
        }

    .icard-def-bus .def-icardsess-top {
        position: absolute;
        top: 0.05cm;
        left: 3cm;
        color: #FFF;
        font-size: 10pt;
        font-family: Arial Narrow;
    }

    .icard-def-bus .def-icardsess-bot {
        position: absolute;
        top: 8.81cm;
        left: 3cm;
        color: #FFF;
        font-size: 10pt;
        font-family: Arial Narrow;
    }


#icarddb-page-cont {
    padding: 40px 110px;
}

    #icarddb-page-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#icard-page-db {
    height: 29cm;
    width: 21cm;
    border: 1px solid #C5C5C5;
    margin: 0 auto;
    background: #FFF;
    box-sizing: content-box;
}

.icard-db {
    width: 6cm;
    height: 9.2cm;
    border: 1px solid #000;
    background-image: url("../images/donbosco/db-icard.png");
    margin: 0.15cm 0.4cm;
    background-size: 6cm 9.2cm;
    position: relative;
}

    .icard-db .idcard-img {
        width: 2.4cm;
        height: 2.59cm;
        position: absolute;
        top: 2.72cm;
        left: 1.76cm;
        text-shadow: 0 0 0 #FFF;
        background: #FFF;
    }

    .icard-db .idcard-info {
        width: 3.95cm;
        position: absolute;
        top: 5.33cm;
        left: 1.95cm;
        color: #073AD2;
        font-weight: bold;
        font-size: 7.2pt;
    }

        .icard-db .idcard-info .cls {
            padding: 1pt 0;
            height: 7.3pt;
        }

    .icard-db .db-icardsess-top {
        position: absolute;
        top: 0.04cm;
        left: 2.75cm;
        color: #FFF;
        font-size: 8pt;
        font-family: Arial Narrow;
    }

    .icard-db .db-icardsess-bot {
        position: absolute;
        top: 8.93cm;
        left: 2.75cm;
        color: #FFF;
        font-size: 8pt;
        font-family: Arial Narrow;
    }

.employee-icard-db {
    width: 6cm;
    height: 9.2cm;
    border: 1px solid #000;
    background-image: url("../images/donbosco/pgidcard.png");
    margin: 0.15cm 0.4cm;
    background-size: 6cm 9.2cm;
    position: relative;
}

    .employee-icard-db .idcard-img {
        /*width: 3.1cm;
        height: 3.34cm;
        position: absolute;
        top: 2.87cm;
        left: 1.4cm;
        text-shadow: 0 0 0 #FFF;
        background: #FFF;*/



          width: 2.2cm;
    height: 2.90cm;
    position: absolute;
    top: 3.25cm;
    left: 0.5cm;
    text-shadow: 0 0 0 #FFF;
    background: #FFF;
    border-top-color: #7c8089;
    border-top-style: double;
    border-top-width: 1px;
    border-Bottom-color: #7c8089;
    border-Bottom-style: double;
    border-Bottom-width: 1px;
    border-left-color: #7c8089;
    border-left-style: double;
    border-left-width: 1px;
    border-right-color: #7c8089;
    border-right-style: double;
    border-right-width: 1px;

    }

    .employee-icard-db .idcard-info {
        width: 5.95cm;
        position: absolute;
        top: 6.33cm;
        left: 0cm;
        font-weight: bold;
        font-size: 7.2pt;
    }

        .employee-icard-db .idcard-info .cls {
            padding: 2pt 0;
            height: 7.3pt;
            width: 5.95cm;
        }

        .employee-icard-db .idcard-info .empname {
            font-size: 10pt;
            text-align: center;
            text-shadow: 1px 1px 1px #C7C7C7;
            color: #D20000;
        }

        .employee-icard-db .idcard-info .emppos {
            font-size: 8pt;
            color: #3C3C3C;
            text-align: center;
            text-shadow: 1px 1px 1px #CECECE;
        }

        .employee-icard-db .idcard-info .empdet {
            font-size: 8pt;
            text-shadow: 1px 1px 1px #C1C1C1;
            color: #4C4C4C;
        }

            .employee-icard-db .idcard-info .empdet .rw2 .cl2:nth-of-type(1) {
                width: 35pt;
            }

            .employee-icard-db .idcard-info .empdet .rw2 .cl2:nth-of-type(2) {
                width: 10pt;
            }

            .employee-icard-db .idcard-info .empdet .rw2 {
                margin-left: 13pt;
            }

    .employee-icard-db .db-icardsess-top {
        position: absolute;
        top: 0.04cm;
        left: 2.75cm;
        color: #FFF;
        font-size: 8pt;
        font-family: Arial Narrow;
    }

    .employee-icard-db .db-icardsess-bot {
        position: absolute;
        top: 8.93cm;
        left: 2.75cm;
        color: #FFF;
        font-size: 8pt;
        font-family: Arial Narrow;
    }

#gen-ac-cont {
    padding: 40px 110px;
    padding-bottom: 0px;
}

    #gen-ac-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#gen-ac {
    margin-left: 200px;
    margin-top: 60px;
}

    #gen-ac .cl {
        padding: 10px;
    }

    #gen-ac .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #gen-ac .rw .cl:nth-of-type(2) {
        width: 320px;
    }

    #gen-ac .rw .cl:nth-of-type(3) {
        width: 70px;
        padding: 6px 10px 7px 10px;
    }

    #gen-ac .rw:nth-of-type(1) .cl {
        padding: 10px;
    }

#adcarddef-page-cont {
    padding: 40px 110px;
}

    #adcarddef-page-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

#adcard-page-def {
    /*height: 29.7cm;*/
    width: 21cm;
    border: 1pt solid rgba(0,0,0,0.29);
    margin: 0 auto;
    background: #FFF;
    font-family: Calibri;
}

.adcard-def {
    width: 10cm;
    height: 7cm;
    border: 1pt solid #9E9E9E;
    margin: 2.5pt 6pt;
    position: relative;
}

    .adcard-def .adcard-info {
        font-size: 10.5pt;
        color: #4C4C4C;
        padding: 2pt 10pt;
    }

        .adcard-def .adcard-info .rw2 .cl2:nth-of-type(1) {
            width: 76pt;
            padding: 2pt;
        }

        .adcard-def .adcard-info .rw2 .cl2:nth-of-type(2) {
            width: 10pt;
            padding: 2pt;
        }

        .adcard-def .adcard-info .rw2 .cl2:nth-of-type(3) {
            width: 165pt;
            padding: 2pt;
            font-weight: bold;
        }

        .adcard-def .adcard-info .cls {
            padding: 1pt 0;
        }

    .adcard-def .adcard-bot-item {
        margin-left: 20pt;
        width: 253pt;
    }

        .adcard-def .adcard-bot-item li {
            list-style: decimal;
            line-height: 12pt;
        }

    .adcard-def .adcard-bot-hd {
        font-weight: bold;
    }

    .adcard-def .adcard-bot {
        position: absolute;
        /*top: 105pt;*/
        width: inherit;
        padding: 2pt 10pt;
        font-size: 10pt;
    }

    .adcard-def .adcard-sign {
        position: absolute;
        bottom: 4pt;
        /*right: 20pt;*/
        text-align: center;
    }

        .adcard-def .adcard-sign .pri {
            margin-top: 2pt;
        }

        .adcard-def .adcard-sign .pri-img img {
          
    /* width: 70pt; */
    /*height: 35pt;
    padding-left: 32px;*/
        }

    .adcard-def .adcard-sn {
        font-weight: bold;
        font-size: 11pt;
        text-align: center;
        padding: 3pt;
    }

    .adcard-def .adcard-sadd {
        font-weight: bold;
        font-size: 9pt;
        text-align: center;
        padding: 2pt;
    }

    .adcard-def .adcard-ex {
        font-weight: bold;
        font-size: 10pt;
        text-align: center;
        margin-top: 4pt;
    }

    .adcard-def .adcard-ad {
        font-weight: bold;
        font-size: 12pt;
        text-align: center;
        padding: 3pt;
    }

#admitcard-set-cont {
    padding: 40px 110px;
}

    #admitcard-set-cont .r-nav {
        position: absolute;
        top: 100px;
        right: 110px;
    }

.admitcard-set-hd {
    padding: 10px 20px;
    color: #CE0A0A;
    width: 441px;
    margin-left: 218px;
    font-weight: bold;
    font-size: 15px;
}

#admitcard-set-fh, #admitcard-set-note {
    width: 660px;
}

    #admitcard-set-fh .rw .cl:nth-of-type(1), #admitcard-set-note .rw .cl:nth-of-type(1) {
        width: 100px;
    }

    #admitcard-set-fh .rw .cl:nth-of-type(2), #admitcard-set-note .rw .cl:nth-of-type(2) {
        width: 450px;
    }

#admitcard-set-fhlist, #admitcard-set-notelist {
    position: relative;
    margin: 10px 10px 10px 230px;
}

    #admitcard-set-fhlist .cl, #admitcard-set-notelist .cl {
        padding: 10px;
        min-height: 25px;
        display: table-cell;
        float: none;
    }

    #admitcard-set-fhlist .rw .cl:nth-of-type(1), #admitcard-set-notelist .rw .cl:nth-of-type(1) {
        width: 350px;
    }

    #admitcard-set-fhlist .rw .cl:nth-of-type(2), #admitcard-set-notelist .rw .cl:nth-of-type(2) {
        width: 100px;
    }

    #admitcard-set-fhlist .no-data, #admitcard-set-notelist .no-data {
        font-weight: bold;
        padding: 18px;
        font-size: 15px;
        color: #607D8B;
    }

.consumer .menu {
    border-bottom: 1px solid #B4CCE8 !important;
}

    .consumer .menu a:hover {
        border: 1px solid #99ABBE !important;
    }

    .consumer .menu .active-menu {
        border: 1px solid #6E8BA9 !important;
    }


    .head_bg
    {
            background-image: url("../images/head_bg.png");
    }
        </style>
    <div>
    <style type="text/css">
     /*@media print {
       .item {
           -webkit-filter:   drop-shadow(6px 4px 0px #dedede);
          
       }*/

     .item
     {
          font-weight: bold; font-family: Cambria Math; font-size: 40px;  text-shadow:6px 4px 0px #dedede; color:  black;
     }
     

 
 
     </style>


   
        </div>
    <div>
     <style type="text/css">
     /*@media print {
       .item {
           -webkit-filter:   drop-shadow(6px 4px 0px #dedede);
          
       }*/

     .item
     {
          font-weight: bold; font-family: Cambria Math; font-size: 40px;  text-shadow:6px 4px 0px #dedede; color:  black;
     }
     .cls{border: 0.75pt solid ;}

	 }
 
     </style>

 
      <div id="printableArea"  style="width:100%;    text-align: -webkit-center;">
          
            <div style="padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; ">
    <div id="cce-rc-ct"  style="padding-left: 5px;     box-shadow: 0 0 12px 1px #C0C0C0; background-color:#f14c53;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;" >
        <div id="cce-rc" style="font-size:13px;  color:black   ;  border: 1px solid #000; background-color:white;">

               <div style="       position: absolute; 
    right: 45px;
    top: 20px;
    font-family: Cambria Math;
    font-size: 15px;
    line-height: 19px;">
              
                    <span id="lblemail"></span></b><br/>
                <b>
                  </b><br/><br/>
                   </div>
                   <div style=" position: absolute;
    left: 45px;
    top: 20px;
    font-family: Cambria Math;
    font-size: 15px;
    line-height: 19px;">
                  
                         <img src="../images/logo.png" style="width:150px;height:125px">
                         <br/><h3>THE LAND OF WISDOM </h3>
                </div>
 <div style=" position: absolute;
    left: 885px;
    top: 20px;
    font-family: Cambria Math;
    font-size: 10px;
    line-height: 10px;">
                  
                         <img src="https://ppschool.brkweb.in/images/cbselogo.png" style="width:150px;height:125px">
                </div>
           
            <div id="cce-rc-top" style="padding-top:0px;   
    background-position: 33px 46px;">
                 <div class="rw item"  style="font-size: 18px;
    font-family: Arial;
    color: black;
    text-shadow: 0px 0px 0px #ffffff;
    word-spacing: 1px;" > <span style="background-color: #fefec7;"> <span id="lblaffliation"></span> </span></div>
                          <div class="rw item" style="font-size:41px;
    font-weight: bold;
    font-family: Cambria Math;
    color: #b2282e;
    text-shadow: 6px 4px 0px #e4e1e1;
    word-spacing: 1px;" ><span id="lSchoolName" style='color:#054066'>PACIFIC PUBLIC SCHOOL</span></div>

               
                 <div class="rw item"  style="font-size: 18px;
    font-family: Arial;
    color: black;
    text-shadow: 0px 0px 0px #ffffff;
    word-spacing: 1px;" > <span style="background-color: #fefec7;"> <span id="lbl_status_of_school"></span> </span></div>

                 <div class="rw" style="  font-size: 11px;   width:94%;     font-family:Cambria Math;  color:black">
                       <SPAN style="font-size: 19px;  font-weight:700; color:#1789d3; ">
                        <span id="lblheading_second">Co-educational English Medium School with CBSE Pattern</span></SPAN>
                       </div>

                <div class="rw item"  style="font-size: 12px;
    font-family: Arial;
    color: black;
    text-shadow: 0px 0px 0px #ffffff;
    word-spacing: 1px;" >  <SPAN style="font-size: 22px;   font-family: Cambria Math;   color:black;"><span id="lSchoolAddress">Semra No.1 Chargawan, Gorakhpur, Uttar Pradesh-273013</span></SPAN></div>

                  

                 <div class="rw item"  style="font-size:15px;
    font-family: Arial;
    color: black;
    text-shadow: 0px 0px 0px #ffffff;
    word-spacing: 1px;" > <span style="color:#1789d3;"> <span id="lblphno">7376598752, Email: spacificpublic@gmail.com </span> </span></div>


                <div class="rw" style="  font-size: 13px;   width:94%;   border-top: 2px solid #b2282e;   border-bottom: 2px solid #b2282e;  font-family:Cambria Math;  color:black"><SPAN style="font-size: 25px;  font-weight:700; color:#b2282e; ">
                    <span id="lblheading_frist"></span> ( <span id="lSchoolSession">Session : <?php echo $row['session']?></span> )</SPAN> </div>
                    
       
                
            </div>
     
            <div id="cce-rc-stuinfo">
                <div class="rw">

                    <table  width="100%">
                          <tr>
                                <tr>
                                <td colspan="2" style="padding: 5px;
    border: 1px solid #848484;
    
    width: 1039px;">
                                 <span style="font-size:15px ;     font-weight: 600; color:red; font-family:inherit">
Student Profile
                </span>   
                                </td>
                            </tr>
                                
                            </tr>
                        <tr>
                            <td width="80%">
                    <table width="100%" style="font-size:16px;">
                        <tr>
                                <td width="18%" style="padding-bottom: 5px; padding-top: 5px;">
                                   <b style="font-weight:bold"> Scholar's Name  </b>

                                </td>
                              <td width="42%" style="padding-bottom: 5px; padding-top: 5px;">
                               :  <span id="lStuName"><?php echo $row['name']?></span><br/>
                       

                                </td>
                              <td width="2%" style="padding-bottom: 5px; padding-top: 5px;">
                                
                                    <b style="font-weight:bold"> S.R. No. </b>
                                </td>
                             <td width="2%" style="padding-bottom: 5px; padding-top: 5px;">
                               :  <span id="lRegistraionNumber"><?php echo $row['application']?></span>
                                
                                </td>
                                 <td width="15%" style="padding-bottom: 5px; padding-top: 5px;" rowspan='6'>
                                <span id="lRegistraionNumber"><center><img src='../code/img/<?php echo $row['picture']?>' style='height:100px;width:70px'></center></span>
                                
                                </td>
								
                        
								    </tr>
                         <tr>
                                <td width="18%" style="padding-bottom: 5px; padding-top: 5px;">
                                    <b style="font-weight:bold"> Father's Name  </b>

                                </td>
                              <td width="42%" style="padding-bottom: 5px; padding-top: 5px;" >
                               :   <span id="lblfathername"><?php echo $row['fname']?></span> 
                       

                                </td>
                              <td width="20%" style="padding-bottom: 5px; padding-top: 5px;">
                                <b style="font-weight:bold"> Date of Birth  </b></td>
                             <td width="20%" style="padding-bottom: 5px; padding-top: 5px;">
                               :   <span id="lStuDOB"><?php echo $row['dob']?></span>
                                     
                                </td>
                            </tr>
                        <tr>
                                <td width="18%" style="padding-bottom: 5px; padding-top: 5px;">
                                <b style="font-weight:bold"> Mother's Name &nbsp; </b>

                                </td>
                              <td width="42%" style="padding-bottom: 5px; padding-top: 5px;">
                               
                      : <span id="lblmothername"><?php echo $row['mname']?></span>

                                </td>
                              <td width="20%">
                              
                                   <b style="font-weight:bold"> Contact No.   </b>
                                </td>
                             <td width="20%">

                             :  <span id="lStuContact"><?php echo $row['mobile']?></span>
                                </td>
                            </tr>
                          <tr>
                                <td width="18%" style="padding-bottom: 5px; padding-top: 5px;">
                              <b style="font-weight:bold"> Class  </b>

                                </td>
                              <td width="42%" style="padding-bottom: 5px; padding-top: 5px;">
                               
                         :  <span id="lStuClass"><?php echo $row['subject']?>-<?php echo $row['section']?></span>

                                </td>
                              <td width="20%">
                              
                                  
                                </td>
                             <td width="20%">

                            
                                </td>
                            </tr>
                           <tr >
                                <td width="18%" style="padding-bottom: 5px; padding-top: 5px;">
                                  <b style="font-weight:bold">  Address   </b>

                                </td>
                              <td width="82%" colspan="3" style="padding-bottom: 5px; padding-top: 5px;">
                               :  <span id="lStuAddress"><?php echo $row['village']?>,<?php echo $row['dist']?></span>
                       

                                </td>
                             
                            </tr>
                         
                        </table>
                                </td>
                            <td width="20%">
                                <div >
                                <img id="imgStu" src="http://erp.paramountis.in//images/thumbs/000000197.jpeg" style="border-bottom: black; height:100px; display:none;
    border-bottom-color: black;
    border-bottom-width: thin;
    border-bottom-style: double;
    border-top: black;
    border-top-color: black;
    border-top-width: thin;
    border-top-style: double;
    border-left: black;
    border-left-color: black;
    border-left-width: thin;
    border-left-style: double;
    border-right: black;
    border-right-color: black;
    border-right-width: thin;
    border-right-style: double;" />  
                                    </div>
                                </td>
                           </tr>

                           <tr>
                                <td colspan="2" style="padding: 5px;
    border: 1px solid #848484;
    
    width: 1039px;">
                                 <span style="font-size:15px ;     font-weight: 600; color:red; font-family:inherit">
*** Scholastic Areas - (<?php echo $exam;?>- <?php echo $type;?>)
                </span>   
                                </td>
                            </tr>
                      </table>
                            
                  
                </div>
                
            </div>
  <?php if($class=='PLAY GROUP' or $class=='LKG' or $class=='NURSERY' or $class=='UKG' )
            {
            ?>
            <div id="cce-rc-mid" style="    font-weight: 600;
    letter-spacing: 0.5px;">
                <div id="cce-rc-mid-hd-cce-new">
              

                    <div class="rw clbr">
                       
                          
                    <table width="100%" style="border-style: groove;border-color: black;border-width: thin;">
                        <tr style='color:white'>
						
                                <td   style="padding-bottom: 5px;  width:10px;   background-color: #0c659e; padding-top: 5px; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                   <b style="font-weight:bold"> S.No. </b>

                                </td>
                              <td  style="padding-bottom: 5px;     background-color: #0c659e; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold">SUBJECT</b>
                       

                                </td>
                            <td   style="padding-bottom: 5px; padding-top: 5px;   ; background-color: #0c659e; text-align:center; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  MAX MARKS </b>
                       

                                </td>
                              <td   style="padding-bottom: 5px; padding-top: 5px;   ; background-color: #0c659e; text-align:center; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  OBTAIN MARKS </b>
                       

                                </td>
                              
                            </tr>
							
                 
                      <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 1 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> ENGLISH WRITTEN </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m1=$m;?> </td>
					 
					 
					   <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f1=$pt1['s1']?> </td>
					 
					  </tr>
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 2 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> ENGLISH ORAL </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m2=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f2=$pt1['s2']?> </td>
					 
					  
					  </tr>
					  <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 3 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> HINDI WRITTEN </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m3=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f3=$pt1['s3']?> </td>
					 
					  </tr>
					 
                      <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 4 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> HINDI ORAL </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m4=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f4=$pt1['s4']?> </td>
					 
					  </tr>
					 
                        <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 5 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold">MATHS WRITTEN </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m5=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f5=$pt1['s5']?> </td>
					 
					  </tr>
					 
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 6 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> MATHS ORAL</b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m6=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f6=$pt1['s6']?> </td>
					 
					  </tr>
					  
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 7 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> G.K. </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m7=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f7=$pt1['s7']?> </td>
					 
					  </tr>
					 
					  <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 8 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> CONVERSATION </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m8=$m;?> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f8=$pt1['s8']?> </td>
					 
					  </tr>
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 9 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> ART </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m9=$m;?> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f9=$pt1['s9']?> </td>
					 
					  </tr>
					  
                        </table>

                     
                    </div>

                </div>                
               
			
                

                
            </div>
                 <div id="cce-rc-stuinfo">
                <div class="rw">
                  <table width="100%" 
                             <tr style="background-color:white;">
                               
                              <td width="13%" style="padding-bottom: 5px;     background-color: #0c659e;;color:white; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold"> Maximum Marks</b>
                       

                                </td>
                            <td width="20%" style="padding-bottom: 5px; padding-top: 5px;      text-align:left; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  
                                     <span id="lbl_overall_max"><?php echo  $max=$m1+$m2+$m3+$m4+$m5+$m6+$m7+$m8+$m9;?></span>

                                 </b>
                       

                                </td>
                             
                                   <td width="13%" style="padding-bottom: 5px;     background-color: #0c659e;color:white; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold"> Obtained Marks</b>
                       

                                </td>
                            <td width="20%" style="padding-bottom: 5px; padding-top: 5px;      text-align:left; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  
                                     <span id="lbl_overall_obtainde"> <?php echo $ob=$f1+$f2+$f3+$f4+$f5+$f6+$f7+$f8+$f9;?></span>

                                 </b>
                       

                                </td>
                                   <td width="13%" style="padding-bottom: 5px;     background-color: #0c659e;color:white; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold"> Percentage</b>
                       

                                </td>
                            <td width="20%" style="padding-bottom: 5px; padding-top: 5px;      text-align:left; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  
                                     <span id="lbl_over_all_persent"><?php $y1=$ob/$max; $y=$y1*100;echo substr("$y",0,5);?></span>

                                 </b>
                       

                                </td>
                            
                            </tr>
                    </table> 
            <table  width="100%"  >
                        <tr>
                            <td width="40%">
                    <table width="100%" style="border-style: groove;border-color: black;border-width: thin;">
                         
                      <tr>
                              
                               
                              
                            
                            <td width="33%" style="padding-bottom: 5px;     height: 50px;
    vertical-align: bottom;
    padding-bottom: 9px;
 padding-top: 5px; text-align:center; padding-left:5px;  border-style: groove;border-color: black;border-width: thin;">
                              
                                <img id="img_sign" src="" style="width:100px;" />
                               
                                <br/>

                          Class Teacher's Sign
                                </td>
                            <td width="33%" style="padding-bottom: 5px;     height: 50px;
    vertical-align: bottom;
    padding-bottom: 9px;
 padding-top: 5px; text-align:center; padding-left:5px;  border-style: groove;border-color: black;border-width: thin;">
                              
                                 <br/>
                                 Parents Sign
                         
                                </td>
                            
                             <td width="33%" style="padding-bottom: 5px;     height: 50px;
    vertical-align: bottom;
    padding-bottom: 9px;
 padding-top: 5px; text-align:center; padding-left:5px;  border-style: groove;border-color: black;border-width: thin;">
                             
                                 <br/>
                                  Principal's Sign
                         
                                </td>
                            
                            </tr>
                       
                        </table>
                                
                               
                                </td>
                          
                           </tr>

               
                      </table>
                      <?php }?>

            <?php if($class=='FIRST' or $class=='SECOND')
            {
            ?>
            <div id="cce-rc-mid" style="    font-weight: 600;
    letter-spacing: 0.5px;">
                <div id="cce-rc-mid-hd-cce-new">
              

                    <div class="rw clbr">
                       
                          
                    <table width="100%" style="border-style: groove;border-color: black;border-width: thin;">
                        <tr style='color:white'>
						
                                <td   style="padding-bottom: 5px;  width:10px;   background-color: #0c659e; padding-top: 5px; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                   <b style="font-weight:bold"> S.No. </b>

                                </td>
                              <td  style="padding-bottom: 5px;     background-color: #0c659e; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold">SUBJECT</b>
                       

                                </td>
                            <td   style="padding-bottom: 5px; padding-top: 5px;   ; background-color: #0c659e; text-align:center; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  MAX MARKS </b>
                       

                                </td>
                              <td   style="padding-bottom: 5px; padding-top: 5px;   ; background-color: #0c659e; text-align:center; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  OBTAIN MARKS </b>
                       

                                </td>
                              
                            </tr>
							
                 
                      <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 1 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> ENGLISH  </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m1=$m;?> </td>
					 
					 
					   <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f1=$pt1['s1']?> </td>
					 
					  </tr>
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 2 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> HINDI </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m2=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f2=$pt1['s2']?> </td>
					 
					  
					  </tr>
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 3 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> MATHEMATICS </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m3=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f3=$pt1['s3']?> </td>
					 
					  </tr>
					  </tr>
  <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 4 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> E.V.S. </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m4=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f4=$pt1['s4']?> </td>
					 
					  </tr>
					  </tr>
                        <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 5 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> G.K. </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m5=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f5=$pt1['s5']?> </td>
					 
					  </tr>
					  </tr>
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 6 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> COMPUTER </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m6=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f6=$pt1['s6']?> </td>
					 
					  </tr>
					  </tr>
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 7 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> ART </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m7=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f7=$pt1['s7']?> </td>
					 
					  </tr>
					  </tr>
					  <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 8 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> S.U.P.W. </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m8=$m;?> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f8=$pt1['s8']?> </td>
					 
					  </tr>
					  </tr>
                        </table>

                     
                    </div>

                </div>                
               
			
                

                
            </div>
                 <div id="cce-rc-stuinfo">
                <div class="rw">
                  <table width="100%" 
                             <tr style="background-color:white;">
                               
                              <td width="13%" style="padding-bottom: 5px;     background-color: #0c659e;;color:white; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold"> Maximum Marks</b>
                       

                                </td>
                            <td width="20%" style="padding-bottom: 5px; padding-top: 5px;      text-align:left; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  
                                     <span id="lbl_overall_max"><?php echo  $max=$m1+$m2+$m3+$m4+$m5+$m6+$m7+$m8;?></span>

                                 </b>
                       

                                </td>
                             
                                   <td width="13%" style="padding-bottom: 5px;     background-color: #0c659e;color:white; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold"> Obtained Marks</b>
                       

                                </td>
                            <td width="20%" style="padding-bottom: 5px; padding-top: 5px;      text-align:left; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  
                                     <span id="lbl_overall_obtainde"> <?php echo $ob=$f1+$f2+$f3+$f4+$f5+$f6+$f7+$f8;?></span>

                                 </b>
                       

                                </td>
                                   <td width="13%" style="padding-bottom: 5px;     background-color: #0c659e;color:white; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold"> Percentage</b>
                       

                                </td>
                            <td width="20%" style="padding-bottom: 5px; padding-top: 5px;      text-align:left; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  
                                     <span id="lbl_over_all_persent"><?php $y1=$ob/$max; $y=$y1*100;echo substr("$y",0,5);?></span>

                                 </b>
                       

                                </td>
                            
                            </tr>
                    </table> 
            <table  width="100%"  >
                        <tr>
                            <td width="40%">
                    <table width="100%" style="border-style: groove;border-color: black;border-width: thin;">
                         
                      <tr>
                              
                               
                              
                            
                            <td width="33%" style="padding-bottom: 5px;     height: 50px;
    vertical-align: bottom;
    padding-bottom: 9px;
 padding-top: 5px; text-align:center; padding-left:5px;  border-style: groove;border-color: black;border-width: thin;">
                              
                                <img id="img_sign" src="" style="width:100px;" />
                               
                                <br/>

                          Class Teacher's Sign
                                </td>
                            <td width="33%" style="padding-bottom: 5px;     height: 50px;
    vertical-align: bottom;
    padding-bottom: 9px;
 padding-top: 5px; text-align:center; padding-left:5px;  border-style: groove;border-color: black;border-width: thin;">
                              
                                 <br/>
                                 Parents Sign
                         
                                </td>
                            
                             <td width="33%" style="padding-bottom: 5px;     height: 50px;
    vertical-align: bottom;
    padding-bottom: 9px;
 padding-top: 5px; text-align:center; padding-left:5px;  border-style: groove;border-color: black;border-width: thin;">
                             
                                 <br/>
                                  Principal's Sign
                         
                                </td>
                            
                            </tr>
                       
                        </table>
                                
                               
                                </td>
                          
                           </tr>

               
                      </table>
                      <?php }?>
                      
                      
                      <?php if($class=='THIRD' or $class=='FOURTH')
            {
            ?>
            <div id="cce-rc-mid" style="    font-weight: 600;
    letter-spacing: 0.5px;">
                <div id="cce-rc-mid-hd-cce-new">
              

                    <div class="rw clbr">
                       
                          
                    <table width="100%" style="border-style: groove;border-color: black;border-width: thin;">
                        <tr style='color:white'>
						
                                <td   style="padding-bottom: 5px;  width:10px;   background-color: #0c659e; padding-top: 5px; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                   <b style="font-weight:bold"> S.No. </b>

                                </td>
                              <td  style="padding-bottom: 5px;     background-color: #0c659e; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold">SUBJECT</b>
                       

                                </td>
                            <td   style="padding-bottom: 5px; padding-top: 5px;   ; background-color: #0c659e; text-align:center; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  MAX MARKS </b>
                       

                                </td>
                              <td   style="padding-bottom: 5px; padding-top: 5px;   ; background-color: #0c659e; text-align:center; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  OBTAIN MARKS </b>
                       

                                </td>
                              
                            </tr>
							
                 
                      <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 1 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> ENGLISH </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m1=$m;?> </td>
					 
					 
					   <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f1=$pt1['s1']?> </td>
					 
					  </tr>
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 2 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> HINDI </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m2=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f2=$pt1['s2']?> </td>
					 
					  
					  </tr>
					  <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 3 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> MATHEMATICS </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m3=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f3=$pt1['s3']?> </td>
					 
					  </tr>
					 
                      <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 4 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> SCIENCE </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m4=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f4=$pt1['s4']?> </td>
					 
					  </tr>
					 
                        <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 5 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold">SOCIAL SCIENCE </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m5=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f5=$pt1['s5']?> </td>
					 
					  </tr>
					 
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 6 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> G.K. </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m6=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f6=$pt1['s6']?> </td>
					 
					  </tr>
					  
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 7 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> COMPUTER </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m7=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f7=$pt1['s7']?> </td>
					 
					  </tr>
					 
					  <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 8 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> ART </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m8=$m;?> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f8=$pt1['s8']?> </td>
					 
					  </tr>
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 9 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> S.U.P.W. </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m9=$m;?> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f9=$pt1['s9']?> </td>
					 
					  </tr>
					  
                        </table>

                     
                    </div>

                </div>                
               
			
                

                
            </div>
                 <div id="cce-rc-stuinfo">
                <div class="rw">
                  <table width="100%" 
                             <tr style="background-color:white;">
                               
                              <td width="13%" style="padding-bottom: 5px;     background-color: #0c659e;;color:white; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold"> Maximum Marks</b>
                       

                                </td>
                            <td width="20%" style="padding-bottom: 5px; padding-top: 5px;      text-align:left; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  
                                     <span id="lbl_overall_max"><?php echo  $max=$m1+$m2+$m3+$m4+$m5+$m6+$m7+$m8+$m9;?></span>

                                 </b>
                       

                                </td>
                             
                                   <td width="13%" style="padding-bottom: 5px;     background-color: #0c659e;color:white; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold"> Obtained Marks</b>
                       

                                </td>
                            <td width="20%" style="padding-bottom: 5px; padding-top: 5px;      text-align:left; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  
                                     <span id="lbl_overall_obtainde"> <?php echo $ob=$f1+$f2+$f3+$f4+$f5+$f6+$f7+$f8+$f9;?></span>

                                 </b>
                       

                                </td>
                                   <td width="13%" style="padding-bottom: 5px;     background-color: #0c659e;color:white; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold"> Percentage</b>
                       

                                </td>
                            <td width="20%" style="padding-bottom: 5px; padding-top: 5px;      text-align:left; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  
                                     <span id="lbl_over_all_persent"><?php $y1=$ob/$max; $y=$y1*100;echo substr("$y",0,5);?></span>

                                 </b>
                       

                                </td>
                            
                            </tr>
                    </table> 
            <table  width="100%"  >
                        <tr>
                            <td width="40%">
                    <table width="100%" style="border-style: groove;border-color: black;border-width: thin;">
                         
                      <tr>
                              
                               
                              
                            
                            <td width="33%" style="padding-bottom: 5px;     height: 50px;
    vertical-align: bottom;
    padding-bottom: 9px;
 padding-top: 5px; text-align:center; padding-left:5px;  border-style: groove;border-color: black;border-width: thin;">
                              
                                <img id="img_sign" src="" style="width:100px;" />
                               
                                <br/>

                          Class Teacher's Sign
                                </td>
                            <td width="33%" style="padding-bottom: 5px;     height: 50px;
    vertical-align: bottom;
    padding-bottom: 9px;
 padding-top: 5px; text-align:center; padding-left:5px;  border-style: groove;border-color: black;border-width: thin;">
                              
                                 <br/>
                                 Parents Sign
                         
                                </td>
                            
                             <td width="33%" style="padding-bottom: 5px;     height: 50px;
    vertical-align: bottom;
    padding-bottom: 9px;
 padding-top: 5px; text-align:center; padding-left:5px;  border-style: groove;border-color: black;border-width: thin;">
                             
                                 <br/>
                                  Principal's Sign
                         
                                </td>
                            
                            </tr>
                       
                        </table>
                                
                               
                                </td>
                          
                           </tr>

               
                      </table>
                      <?php }?>
                      
                      
                        <?php if($class=='FIFTH' or $class=='SIXTH' or $class=='SEVENTH' or $class=='EIGHTH')
            {
            ?>
            <div id="cce-rc-mid" style="    font-weight: 600;
    letter-spacing: 0.5px;">
                <div id="cce-rc-mid-hd-cce-new">
              

                    <div class="rw clbr">
                       
                          
                    <table width="100%" style="border-style: groove;border-color: black;border-width: thin;">
                        <tr style='color:white'>
						
                                <td   style="padding-bottom: 5px;  width:10px;   background-color: #0c659e; padding-top: 5px; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                   <b style="font-weight:bold"> S.No. </b>

                                </td>
                              <td  style="padding-bottom: 5px;     background-color: #0c659e; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold">SUBJECT</b>
                       

                                </td>
                            <td   style="padding-bottom: 5px; padding-top: 5px;   ; background-color: #0c659e; text-align:center; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  MAX MARKS </b>
                       

                                </td>
                              <td   style="padding-bottom: 5px; padding-top: 5px;   ; background-color: #0c659e; text-align:center; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  OBTAIN MARKS </b>
                       

                                </td>
                              
                            </tr>
							
                 
                      <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 1 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> ENGLISH  </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m1=$m;?> </td>
					 
					 
					   <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f1=$pt1['s1']?> </td>
					 
					  </tr>
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 2 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> HINDI </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m2=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f2=$pt1['s2']?> </td>
					 
					  
					  </tr>
					  <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 3 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> MATHEMATICS </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m3=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f3=$pt1['s3']?> </td>
					 
					  </tr>
					 
                      <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 4 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> SCIENCE </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m4=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f4=$pt1['s4']?> </td>
					 
					  </tr>
					 
                        <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 5 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold">SOCIAL SCIENCE </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m5=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f5=$pt1['s5']?> </td>
					 
					  </tr>
					 
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 6 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> SANSKRIT </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m6=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f6=$pt1['s6']?> </td>
					 
					  </tr>
					  
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 7 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> G.K. </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m7=$m;?>  </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f7=$pt1['s7']?> </td>
					 
					  </tr>
					 
					  <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 8 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> COMPUTER </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m8=$m;?> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f8=$pt1['s8']?> </td>
					 
					  </tr>
					   <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 9 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> ART </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m9=$m;?> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f9=$pt1['s9']?> </td>
					 
					  </tr>
					    <tr>
					
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> 10 </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <b style="font-weight:bold"> S.U.P.W. </b> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $m10=$m;?> </td>
					  <td  style="padding-bottom: 5px;  padding-top: 5px; padding-left:10px; border-style: groove;border-color: gray;border-width: thin;"> <?php echo $f10=$pt1['s10']?> </td>
					 
					  </tr>
                        </table>

                     
                    </div>

                </div>                
               
			
                

                
            </div>
                 <div id="cce-rc-stuinfo">
                <div class="rw">
                  <table width="100%" 
                             <tr style="background-color:white;">
                               
                              <td width="13%" style="padding-bottom: 5px;     background-color: #0c659e;;color:white; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold"> Maximum Marks</b>
                       

                                </td>
                            <td width="20%" style="padding-bottom: 5px; padding-top: 5px;      text-align:left; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  
                                     <span id="lbl_overall_max"><?php echo  $max=$m1+$m2+$m3+$m4+$m5+$m6+$m7+$m8+$m9+$m10;?></span>

                                 </b>
                       

                                </td>
                             
                                   <td width="13%" style="padding-bottom: 5px;     background-color: #0c659e;color:white; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold"> Obtained Marks</b>
                       

                                </td>
                            <td width="20%" style="padding-bottom: 5px; padding-top: 5px;      text-align:left; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  
                                     <span id="lbl_overall_obtainde"> <?php echo $ob=$f1+$f2+$f3+$f4+$f5+$f6+$f7+$f8+$f9+$f10;?></span>

                                 </b>
                       

                                </td>
                                   <td width="13%" style="padding-bottom: 5px;     background-color: #0c659e;color:white; padding-top: 5px;  padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                  <b style="font-weight:bold"> Percentage</b>
                       

                                </td>
                            <td width="20%" style="padding-bottom: 5px; padding-top: 5px;      text-align:left; padding-left:10px; border-style: groove;border-color: black;border-width: thin;">
                                 <b style="font-weight:bold">  
                                     <span id="lbl_over_all_persent"><?php $y1=$ob/$max; $y=$y1*100;echo substr("$y",0,5);?></span>

                                 </b>
                       

                                </td>
                            
                            </tr>
                    </table> 
            <table  width="100%"  >
                        <tr>
                            <td width="40%">
                    <table width="100%" style="border-style: groove;border-color: black;border-width: thin;">
                         
                      <tr>
                              
                               
                              
                            
                            <td width="33%" style="padding-bottom: 5px;     height: 50px;
    vertical-align: bottom;
    padding-bottom: 9px;
 padding-top: 5px; text-align:center; padding-left:5px;  border-style: groove;border-color: black;border-width: thin;">
                              
                                <img id="img_sign" src="" style="width:100px;" />
                               
                                <br/>

                          Class Teacher's Sign
                                </td>
                            <td width="33%" style="padding-bottom: 5px;     height: 50px;
    vertical-align: bottom;
    padding-bottom: 9px;
 padding-top: 5px; text-align:center; padding-left:5px;  border-style: groove;border-color: black;border-width: thin;">
                              
                                 <br/>
                                 Parents Sign
                         
                                </td>
                            
                             <td width="33%" style="padding-bottom: 5px;     height: 50px;
    vertical-align: bottom;
    padding-bottom: 9px;
 padding-top: 5px; text-align:center; padding-left:5px;  border-style: groove;border-color: black;border-width: thin;">
                             
                                 <br/>
                                  Principal's Sign
                         
                                </td>
                            
                            </tr>
                       
                        </table>
                                
                               
                                </td>
                          
                           </tr>

               
                      </table>
                      <?php }?>
                                     </div>
                     </div>
             
          
    </div>
              </div>

          </div>
    <input type="hidden" name="hdnSID" id="hdnSID" />
    <input type="hidden" name="hdnREGID" id="hdnREGID" />
    <input type="hidden" name="hdnBID" id="hdnBID" />
    <input type="hidden" name="hdnReportCardName" id="hdnReportCardName" value="CCE_2023-2024_IA_AARAV_CHAURASIA(210)" />
    <script>

        $('#bntPrintReportCard').click(function () {
            var title = $('#hdnReportCardName').val(); // file name
            var incomeCont = $("<div id='cce-rc-print-cont' ><style media='print' type='text/css'> @page { size:A4 Portrait; }</style><div id='cce-rc-print'><div class='rw' id='cce-rc-print-hd'></div>");
            $(incomeCont).append($('#cce-rc').clone());
            $(incomeCont).append("</div></div>");

            $(incomeCont).printArea({
                mode: 'popup',
                popClose: true,
                popHt: 500,
                popWd: 1200,
                popX: 60,
                popY: 70,
                popTitle: title // dot(.) not supported in file name
            });

        });

    </script>
    </div>

       
            

    </form>
</body>
</html>
<?php $s++;if($s==2){ ?> <p style='page-break-before: always;'></p><?php $s=0; }  }?>

MMCT - 2023