@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mainheading {
        border-bottom:1px dashed #ccc !important; 
        padding:0px 0px 10px 0px; 
        color:#171717; 
        font-size:12pt; 
    } 
}
.mainheading {	
    border-bottom/*\**/:1px dashed #ccccc\9;	
    border-bottom/*\**/:1px dashed #ccc\9 !important; 
    padding/*\**/:0px 0px 10px 0px\9; 
    color/*\**/:#171717\9; 
    font-size/*\**/:12pt\9;
}
.mainheading, x:-moz-any-link, x:default { border-bottom:1px dashed #ccc !important; 
                                           padding:0px 0px 10px 0px; 
                                           color:#171717; 
                                           font-size:12pt;
}
.dottedborder 	{
    border-top:1px dashed #ccc;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .dottedborder 	{
        border-top:1px dashed #ccc;	
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .dottedbottomborder {
        border-bottom:1px dashed #cccccc;
    }	
}
.dottedbottomborder, x:-moz-any-link, x:default {
    border-bottom:1px dashed #cccccc;
}
dottedbottomborder {
    border-bottom/*\**/:1px dashed #cccccc\9;	
}
.ieonlyborderclass {
    border-bottom/*\**/:1px dashed #cccccc\9;
    padding-bottom/*\**/:5px\9;
} 
.smallpadding {
    padding:0px 0px 0px 20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .smallpadding 	{
        padding:0px 0px 0px 20px;
    }
}

.contentfirstcol
{
    width:150px; 
    color:#171717; 
    font-size:8pt; 
}	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .contentfirstcol
    {
        width:150px; 
        color:#171717; 
        font-size:8pt; 
    }	
}	


.contentsecondcol
{
    width:50px; 
    color:#171717; 
    font-size:8pt; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .contentsecondcol
    {
        width:50px; 
        color:#171717; 
        font-size:8pt; 
    }
}	

.contentthirdcol
{		
    width:300px;
    color:#171717; 
    font-size:8pt; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .contentthirdcol
    {		
        width:300px;
        color:#171717; 
        font-size:8pt; 
    }
}


.largepadding
{
    padding:0px 0px 0px 140px; border-bottom:1px solid #ccc !important;  
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .largepadding
    {
        padding:0px 0px 0px 140px; border-bottom:1px solid #ccc !important;  
    }
}

.logo
{
    width:100px;  padding:0px 0px 10px 0px;
}	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .logo
    {
        width:100px;  padding:0px 0px 10px 0px;
    }	
}

.headerfirst
{
    text-align:center; color:#171717; font-size:8pt; font-weight:600;
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .headerfirst
    {
        text-align:center; color:#171717; font-size:8pt; font-weight:bold;
    }		
}	

.headersecond
{
    text-align:center; color:#171717; font-size:10pt; font-weight:600;
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .headersecond
    {
        text-align:center; color:#171717; font-size:10pt; font-weight:bold;
    }		
}	

.headerthird
{
    text-align:center; padding:0px 0px 10px 0px; color:#171717; font-size:8pt; font-weight:600; 
}		


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .headerthird
    {
        text-align:center; padding:0px 0px 10px 0px; color:#171717; font-size:8pt; font-weight:bold; 
    }		
}	

.largepadding2
{
    padding:0px 0px 0px 140px;
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .largepadding2
    {
        padding:0px 0px 0px 140px;
    }			
}

.photostyle
{
    width:75px; height:75px; border:1px solid #ccc; padding:2px;
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .photostyle
    {
        width:75px; height:75px; border:1px solid #ccc; padding:2px;
    }		
}

.deptstreamstyle
{
    width:800px;text-align:center; color:#171717; font-size:8pt; font-weight:600; 
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .deptstreamstyle
    {
        width:800px;text-align:center; color:#171717; font-size:8pt; font-weight:bold; 
    }	
}

.vtuclass	
{
    width:200px; color:#171717; font-size:10pt; font-weight:600;
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .vtuclass	
    {
        width:200px; color:#171717; font-size:10pt; font-weight:bold;
    }	
}

.candidateclass	
{
    width:400px; text-align:center; color:#171717; font-size:10pt; font-weight:600;
}		


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .candidateclass  {	width:400px; text-align:center; color:#171717; font-size:10pt; font-weight:bold; }
}

.rollNoclass
{
    width:200px; text-align:right; padding:0px 12px 0px 0px; color:#171717; font-size:10pt; font-weight:600;
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .rollNoclass
    {
        width:200px; text-align:right; padding:0px 12px 0px 0px; color:#171717; font-size:10pt; font-weight:bold;
    }
}	

.appliedcourseclass officeCopyclass	
{
    width:300px; color:#171717; font-size:10pt; 
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .appliedcourseclass officeCopyclass	
    {
        width:300px; color:#171717; font-size:10pt; 
    }	
}

.divisionClass
{
    width:300px; text-align:right; color:#171717; font-size:10pt; font-weight:600;
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .divisionClass
    {
        width:300px; text-align:right; color:#171717; font-size:10pt; font-weight:600;
    }	
}	

.officeCopyclass
{
    padding:0px 20px 0px 30px;  font-weight:normal;	
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .officeCopyclass
    {
        padding:0px 20px 0px 30px;  font-weight:normal;	
    }	
}		

.solidBorderclass
{
    border:1px solid #ccc;
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .solidBorderclass
    {
        border:1px solid #ccc;
    }	
}

.slNoclass
{
    width:35px; text-align:center; border:1px solid #ccc; color:#171717; font-size:8pt;
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .slNoclass
    {
        width:35px; text-align:center; border:1px solid #ccc; color:#171717; font-size:8pt;
    }		
}

.semClass
{
    width:50px; text-align:center; border:1px solid #ccc; color:#171717; font-size:8pt;
}	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .semClass
    {
        width:50px; text-align:center; border:1px solid #ccc; color:#171717; font-size:8pt;
    }	
}		

.courseCodeclass
{
    width:90px; text-align:center; border:1px solid #ccc; color:#171717; font-size:8pt;
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .courseCodeclass
    {
        width:90px; text-align:center; border:1px solid #ccc; color:#171717; font-size:8pt;
    }	
}

.courseCatclass
{
    width:90px; text-align:center; border:1px solid #ccc; color:#171717; font-size:8pt;
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .courseCatclass
    {
        width:90px; text-align:center; border:1px solid #ccc; color:#171717; font-size:8pt;
    }	
}

.courseCatclasspadded
{
    width:90px; border:1px solid #ccc; color:#171717; font-size:8pt; padding :0px 0px 0px 20px;
}			

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .courseCatclasspadded
    {
        width:90px; border:1px solid #ccc; color:#171717; font-size:8pt; padding :0px 0px 0px 20px;
    }	
}

.creditClass
{
    width:50px; text-align:center; border:1px solid #ccc; color:#171717; font-size:8pt;
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .creditClass
    {
        width:50px; text-align:center; border:1px solid #ccc; color:#171717; font-size:8pt;
    }	
}


.courseTitleclass
{
    width:485px; text-align:center; border:1px solid #ccc; color:#171717; font-size:8pt;
}	


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .courseTitleclass
    {
        width:485px; text-align:center; border:1px solid #ccc; color:#171717; font-size:8pt;
    }	
}

.courseTitleclasscentered
{
    width:485px; border:1px solid #ccc; color:#171717; font-size:8pt; padding:0px 0px 0px 10px;
}	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .courseTitleclasscentered
    {
        width:485px; border:1px solid #ccc; color:#171717; font-size:8pt; padding:0px 0px 0px 10px;
    }	
}

.totcreditClass
{
    text-align:center; padding:0px 130px 0px 0px; color:#171717; font-size:8pt; font-weight:600;
}	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .totcreditClass
    {
        text-align:center; padding:0px 130px 0px 0px; color:#171717; font-size:8pt; font-weight:bold;
    }	
}

.feePaidclass
{
    width:400px; color:#171717; font-size:8pt; font-weight:600;
}		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .feePaidclass
    {
        width:400px; color:#171717; font-size:8pt; font-weight:bold;
    }		
}

.totFeeclass
{
    width:400px; text-align:right; color:#171717; font-size:8pt; font-weight:600;
}	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .totFeeclass
    {
        width:400px; text-align:right; color:#171717; font-size:8pt; font-weight:bold;
    }	
}


.challanClass
{
    width:800px; color:#171717; font-size:8pt; font-weight:600;
}	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .challanClass
    {
        width:800px; color:#171717; font-size:8pt; font-weight:bold;
    }	
}

.dateClass
{
    padding:0px 0px 0px 80px; color:#171717; font-size:8pt; font-weight:600;
}	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .dateClass
    {
        padding:0px 0px 0px 80px; color:#171717; font-size:8pt; font-weight:bold;
    }	
}

.declareclass
{
    color:#171717; font-size:8pt;

}	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .declareclass
    {
        color:#171717; font-size:8pt;

    }	
}

.stuAddclass
{
    width:600px; color:#171717; font-size:8pt;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .stuAddclass
    {
        width:600px; color:#171717; font-size:8pt;
    }
}


.stuPhoneclass
{
    width:600px; color:#171717; font-size:8pt;
}	


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .stuPhoneclass
    {
        width:600px; color:#171717; font-size:8pt;
    }	
}

.stuSigclass
{
    width:200px; text-align:right; color:#171717; font-size:8pt;
}	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .stuSigclass
    {
        width:200px; text-align:right; color:#171717; font-size:8pt;
    }	
}


.stuEmailclass
{
    width:600px; color:#171717; font-size:8pt;
}	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .stuEmailclass
    {
        width:600px; color:#171717; font-size:8pt;
    }	
}

.cuthereclass
{
    width:800px; color:#171717; font-size:8pt;
}	


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .cuthereclass
    {
        width:800px; color:#171717; font-size:8pt;
    }	
}

.candidateSignclass
{
    width:266px; color:#171717; font-size:8pt; 
}	


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .candidateSignclass
    {
        width:266px; color:#171717; font-size:8pt; 
    }	
}

.hodSignclass
{
    width:266px; color:#171717; font-size:8pt; text-align:center; 
}	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .hodSignclass
    {
        width:266px; color:#171717; font-size:8pt; text-align:center; 
    }	
}


.controllerSignclass
{
    width:266px; color:#171717; font-size:8pt; text-align:center;
}	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .controllerSignclass
    {
        width:266px; color:#171717; font-size:8pt; text-align:center;
    }	

}

.noteClass
{
    width:30px; color:#171717; font-size:8pt; vertical-align:top; font-weight:600;
}	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .noteClass
    {
        width:30px; color:#171717; font-size:8pt; vertical-align:top; font-weight:bold;
    }	

}


.noteContentclass
{
    width:770px; color:#171717; font-size:8pt;
}	


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .noteContentclass
    {
        width:770px; color:#171717; font-size:8pt;
    }	

}


.printClass
{
    width:30px; color:#171717; font-size:8pt; vertical-align:top; font-weight:600; text-align:right;
}	


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .printClass
    {
        width:30px; color:#171717; font-size:8pt; vertical-align:top; font-weight:600; text-align:right;
    }	

}

.printbuttonClass
{ 
    background: url("../images/new_button.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: tahoma;
    font-size: 9pt !important;
    font-weight: 600;
    height: 28px;
    padding-bottom: 4px;
    padding-right: 0px;
    text-align: center;
    text-decoration: none;
    width: 85px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .printbuttonClass
    { 
        background: url("../images/new_button.jpg") no-repeat scroll 0 0 transparent;
        color: #FFFFFF;
        font-family: tahoma;
        font-size: 9pt !important;
        font-weight: 600;
        height: 28px;
        padding-bottom: 4px;
        padding-right: 0px;
        text-align: center;
        text-decoration: none;
        width: 85px;
    }

}


.input {
    border: 2px solid #ccc;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input {
        border: 2px solid #ccc;
    }

}

.newinput {
    width: 170px;
    height: 20px;
    font-size: 16px;
    border: 1px solid #BFBFBF;
    background-image: url("../../../../templates/exam1.0/images/form_bg.jpg");
    background-repeat: repeat-x;
    color: #333;
    margin-bottom: 4px;
    margin-right: 4px;
    padding: 2px;
    border-radius: 7px 7px 7px 7px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .newinput {
        width: 170px;
        height: 20px;
        font-size: 16px;
        border: 1px solid #BFBFBF;
        background-image: url("../../../../templates/exam1.0/images/form_bg.jpg");
        background-repeat: repeat-x;
        color: #333;
        margin-bottom: 4px;
        margin-right: 4px;
        padding: 2px;
        border-radius: 7px 7px 7px 7px;
    }
}


.searchBytext {
    color:#171717; 
    font-size:10pt; 
    padding:0px 0px 0px 5px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .searchBytext {
        color:#171717; 
        font-size:10pt; 
        padding:0px 0px 0px 5px;
    }
}


.searchBycolons {
    color:#171717; 
    font-size:10pt;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .searchBycolons {
        color:#171717; 
        font-size:10pt;
    }
}

.generatebutton {

    -moz-border-radius: 2px 2px 2px 2px;
    background-color: #90CFF3;
    border: 1px solid #0575C4;
    color: #171717;
    display: inline-block;
    font-weight: bold;
    height: 25px;
    padding: 5px;
    width:100px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle !important;
    white-space: nowrap;

}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .generatebutton {

        -moz-border-radius: 2px 2px 2px 2px;
        background-color: #90CFF3;
        border: 1px solid #0575C4;
        color: #171717;
        display: inline-block;
        font-weight: bold;
        height: 25px;
        padding: 5px;
        width:100px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle !important;
        white-space: nowrap;

    }

}

.normaltextclass,  x:-moz-any-link, x:default  { 
    color:#171717; font-size:8pt; 
    vertical-align:middle !important;	 
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .normaltextclass {		
        color:#171717; font-size:8pt;
        vertical-align:middle !important;
    }

}


.leftalignie {
    text-align/*\**/:left\9 !important;
}

.leftpadonlyie {
    text-align/*\**/:center\9 !important;
}

.normaltextclass { 
    color/*\**/:#171717\9; 
    font-size/*\**/:8pt\9;
    vertical-align/*\**/:middle\9 !important;	

}

.normaltextclassie { 
    color/*\**/:#171717\9; 
    font-size/*\**/:8pt\9;
    vertical-align/*\**/:middle\9 !important;	
}


.normaltextclasspwd {
    color:#171717; font-size:8pt; vertical-align:middle !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .normaltextclasspwd {
        color:#171717; font-size:8pt; vertical-align:middle !important;
    }

}


.normaltextclasspacketspecial {
    color:#171717; font-size:8pt; text-align:left !important; padding: 0px 0px 0px 300px !important; vertical-align:middle !important;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .normaltextclasspacketspecial {
        color:#171717; font-size:8pt; text-align:left !important; padding: 0px 0px 0px 300px !important; vertical-align:middle !important;
    }

}

.normaltextclasspacketspecial2 {
    color:#171717; font-size:8pt; text-align:left !important; padding: 0px 0px 0px 200px !important; vertical-align:middle !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .normaltextclasspacketspecial2 {
        color:#171717; font-size:8pt; text-align:left !important; padding: 0px 0px 0px 200px !important; vertical-align:middle !important;
    }

}

.redfontclass {
    color:#FF0000; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .redfontclass {
        color:#FF0000; 
    }
}

.inputprefix {
    border:1px solid #AAA9A9; color:#171717; width:40px; text-align:center; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .inputprefix {
        border:1px solid #AAA9A9; color:#171717; width:40px; text-align:center; 
    }

}

.packrandborder {
    border-bottom:1px solid #cccccc !important; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .packrandborder {
        border-bottom:1px solid #cccccc !important; 
    }

}

.usnrolclass {

    font-size:10pt; color:#171717; padding:0px 0px 10px 0px; border-bottom:1px solid #cccccc !important;  
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .usnrolclass {

        font-size:10pt; color:#171717; padding:0px 0px 10px 0px;  border-bottom:1px solid #cccccc !important; 
    }

}

.usnrolcontentclass {
    font-size:8pt; color:#171717; padding:0px 0px 10px 0px; text-align:center;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .usnrolcontentclass {
        font-size:8pt; color:#171717; padding:0px 0px 10px 0px; text-align:center;
    }

}


.barcodeclass1 {
    width:150px; height:75px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .barcodeclass1 {
        width:150px; height:75px; 
    }

}


.barcodeclass2 {
    width:150px; height:75px; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .barcodeclass2 {
        width:150px; height:75px; 
    }
}


.barcodeclass3 {
    width:150px; height:75px; 
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .barcodeclass3 {
        width:150px; height:75px; 
    }
}

.printpadclass {
    padding-left:200px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .printpadclass {
        padding-left:200px;
    }
}


.packselectpadding {
    padding:0px 0px 0px 230px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .packselectpadding {
        padding:0px 0px 0px 230px;
    }
}

.printpacketcodeclass {
    padding:0px 0px 0px 300px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .printpacketcodeclass {
        padding:0px 0px 0px 300px;
    }
}

.textareaclass {
    text-align:center; outline:none; color:#171717; font-weight:600; font-size:12pt; padding-top:20px;
} 


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .textareaclass {
        text-align:center; outline:none; color:#171717; font-weight:600; font-size:12pt; padding-top:20px;
    } 
}

.textarearow {
    text-align:left; padding:0px 0px 0px 80px; vertical-align:middle;  background-image:url("../../assets/images/sticker.png"); width:300px; height:100px; background-repeat:no-repeat; 
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .textarearow {
        text-align:left; padding:0px 0px 0px 80px; vertical-align:middle;  background-image:url("../../assets/images/sticker.png"); width:300px; height:100px; background-repeat:no-repeat; 
    }
}

.packetcodediv {
    color:#171717; font-weight:600;   font-size:12pt; padding:0px 50px 0px 0px; vertical-align:middle;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .packetcodediv {
        color:#171717; font-weight:600;   font-size:12pt; padding:0px 50px 0px 0px; vertical-align:middle;
    }
}

.maintableclass {
    border:1px solid #ccc; padding:5px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .maintableclass {
        border:1px solid #ccc; padding:5px;
    }
}

.candidatenamepadding {
    padding:0px 0px 0px 130px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .candidatenamepadding {
        padding:0px 0px 0px 130px;
    }
}

.submitpadclass {
    padding:0px 15px 0px 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .submitpadclass {
        padding:0px 15px 0px 0px;
    }

}

.barcodepad {
    padding:0px 20px 0px 40px !important; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .barcodepad {
        padding:0px 20px 0px 40px !important; 
    }

}	


.barcodepadleftsmallpadonly {
    padding:0px 20px 0px 20px !important; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .barcodepadleftsmallpadonly {
        padding:0px 20px 0px 20px !important; 
    }

}	

.gridsmallinput {
    width: 30px;
    height: 15px;
    font-size: 8pt;
    border: 1px solid #BFBFBF;
    background-image: url("../../../../templates/exam1.0/images/form_bg.jpg");
    background-repeat: repeat-x;
    color: #333;
    margin-bottom: 4px;
    margin-right: 4px;
    padding: 2px;
    border-radius: 7px 7px 7px 7px;
    text-align:center;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .gridsmallinput {
        width: 30px;
        height: 15px;
        font-size: 8pt;
        border: 1px solid #BFBFBF;
        background-image: url("../../../../templates/exam1.0/images/form_bg.jpg");
        background-repeat: repeat-x;
        color: #333;
        margin-bottom: 4px;
        margin-right: 4px;
        padding: 2px;
        border-radius: 7px 7px 7px 7px;

    }

}

.hallticketfirstcolclass {
    width:715px !important; 
    border-right: 1px dashed #CCCCCC !important;	
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .hallticketfirstcolclass {
        width:715px !important; 
        border-right: 1px dashed #CCCCCC !important;	

    }

}


.hallticketsecondcolclass {
    width:225px !important; 
    vertical-align:top !important; 
    padding:10px 0px 0px 0px !important; 
    text-align:center !important; 
} 	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .hallticketsecondcolclass {
        width:225px !important; 
        vertical-align:top !important; 
        padding:10px 0px 0px 0px !important; 
        text-align:center !important; 
    } 	

}

.hallticketsecondcolclass {
    border-bottom/*\**/:1px dashed #ccccc\9;
    width/*\**/:225px\9 !important; 
    vertical-align/*\**/:top\9 !important; 
    padding/*\**/:10px\9 0px\9 0px\9 0px\9 !important; 
    text-align/*\**/:left\9 !important; 
} 	


.assignretpacketspgrightcolinkclass {
    text-align:left !important; padding:0px 0px 0px 20px !important; 
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .assignretpacketspgrightcolinkclass {
        text-align:left !important; padding:0px 0px 0px 20px !important; 
    }

}

.assignretpacketspgrightcolinkclass {
    text-align/*\**/:left\9 !important; padding/*\**/:0px 0px 10px 20px\9 !important; 
}


.taligncenterclass {
    text-align:center;
}

.pgassignretmaindivclass {
    border:1px solid #ccc; text-align:center; padding:0px 0px 0px 20px !important; height:370px; vertical-align:bottom !important; 
}

.pgassignretmaindivfirstevalclass {
    border:1px solid #ccc; text-align:center; padding:0px 0px 0px 20px !important; height:400px; vertical-align:bottom !important; 
}


.pgassignretnumbergreytdclass {
    font-size:20pt; color:#838281; font-weight:bold; text-align:center; padding:0px 20px 0px 0px; font-family:Impact !important;
}

.pgassignretnumberbluetdclass {
    font-size:20pt; color:#0093DD; font-weight:bold; text-align:center; padding:0px 20px 0px 0px; font-family:Impact !important;
}

.pgassignretnumbergreentdclass {
    font-size:20pt; color:#00923F; font-weight:bold; text-align:center; padding:0px 20px 0px 0px; font-family:Impact !important; 
} 

.pgassignretimgtdclass {
    padding:0px 0px 0px 20px; height:200px; vertical-align:bottom !important;
}

.pgassignretntassigntextclass {
    font-size:16px; text-align:center; padding:0px 15px 0px 0px;
}

.pgassignretpndingtextclass {
    font-size:16px; padding:0px 20px 0px 0px;
}

.pgassignreturncomtextclass {
    font-size:16px;
}

.pnotassigned1, .pnotassigned, .pinprogress1, .pinprogress, .pcompleted {
    font-size: 13pt;
    font-weight: bold;
    vertical-align: bottom;
    text-align: center;
}

.pnotassigned1 div{
    background-color:#f6da8e;
}

.pnotassigned div{
    background-color:#e05e55;
}

.pinprogress1 div{
    background-color:#ac83b1;
}

.pinprogress div{
    background-color:#0093dd;
}

.pcompleted div{
    background-color:#84c225;
}

.pgassignretlinkboldclass {
    font-size:10pt; font-weight:bold; color:#901E78;
}



.backbuttonclass {
    width:52px; height:50px; border:0px solid #cccccc; padding:0px 10px 0px 0px !important;
}

  .example {
         width: 90%;
         margin: 50px auto 30px auto;
    }

    .progress__container {
         width: 100%;
         background-color: #ccc;
         border-radius: 5px;
         overflow-x: hidden;
         line-height: 8px;
    }

    .progress__bar {
         height: 8px;
         background-color: #888888;
         border-top-left-radius: 5px;
         border-bottom-left-radius: 5px;
         display: inline-block;
    }

    .progress__bar--failure {
         background-color: red;
    }

    .progress {
         position: relative;
    }

    .step {
         position: absolute;
         top: 10px;
         transform: translate(-50%, 0);
         text-align: center;
    }

    .step--first {
         left: 0%;
         transform: none;
         text-align: left;
    }

    .step--last {
         right: 0%;
         transform: none;
         text-align: right;
    }

    .step__content {
         display: inline-block;
         margin-top: 10px;
    }

    .step__title {
         font-size: 14px;
    }

    .step__title--status-icon {
         font-size: 13px;
         font-weight: bold;
         border-radius: 14px;
         position: absolute;
         height: 10px;
         width: 10px;
         top: -15.5px;
         left: 50%;
         color: black;
         background-color: #ccc;
         transform: translate(-50%, 0);
         padding: 5px;
         text-align: center;
    }

    .step__title--status-icon-completed {
         color: white;
         background-color: #555555;
    }

    .step__title--status-icon--first {
         left: -2px;
         transform: none;
    }

    .step__title--status-icon--last {
         left: auto;
         right: -2px;
         transform: none;
    }