html{
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    background: white!important;
}

* {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    font-family:sans-serif;
}

.hidden{
    display: none;
    visibility: hidden;
}

.floatedLeft {
    float: left;
}

.linkLbl {
    /*font-family: "Myriad Web Pro" !important;*/
    font-size: 14px !important;
    font-weight: bold !important;
    /*margin-bottom: 12px;*/
    text-align: center;
    padding-top: 8px;
    color: white !important;
    padding-left: 9px;
    width:auto;
    height:20px;
    position: relative;
    float:right;
    cursor:pointer;
    top: 6px;
    padding: 4px 10px 0 0;
}

.sideLblNum {
    font-family: verdana;
    font-size: 30px;
    font-weight: bold;
    color: white;
    border-bottom: 2px solid white;
    width: auto;
    height: 53px;
    top: 0px;
    left: 0px;
    position: relative;
    float: right;
    display: none;
}

.mainFooterLink {
    font-family: verdana;
    font-size: 0.9em;
    color: #bfbfbf;
    margin: 0 10px;
    text-decoration: none;
    width: 100px;
    height: 20px;
    float: left;
    cursor: pointer;
    position: relative;
}

.mainFooterLbl {
    color: #bfbfbf;
    margin: 0 0 0 0;
    /*width: 170px!important;*/
    /*height: 20px;*/
    position: relative;
    float: left;
}

.mask{
    height: 100%;
    left: 0;
    margin: 0 auto;
    opacity: 0.6;
    position: absolute;
    right: 0;
    width: 1280px;
    z-index: 1;
    background: none repeat scroll 0 0 #66665C;
    display: none;
}

.mask.is-visible {
    display: block;
}

.mainPanel {
    display: inline-block;
    padding: 0 15px;
    height: calc(100% - 250px);
}

.middleForm {
    background-color: #394f71
}

.distanceCal {
    position: absolute;
    z-index: 99999;
    top: 50%;
    left: 50%;
    border: 5px solid white;
    background-color: #394f71;
    display: none;
    border-radius: 5px;
    height: 600px;
    width: 1000px;
    margin-top: -300px;
    margin-left: -500px;
}

.titleLabel {
    color: white;
    font-family: MyriadWebPro;
}

.printLbl {
    color: #000000;
    font-family: Tahoma, Verdana, Bitstream Vera Sans, sans-serif;
    font-size: 12px;
    border: 1px solid rgb(207, 210, 214);
    border-radius: 2px;
    background: -moz-linear-gradient(top, #fdfdfd, #e0e0e0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #e0e0e0));
    filter: progId:DXImageTransform.Microsoft.gradient(startColorStr = '#fdfdfd', endColorStr = '#e0e0e0', gradientType = 0);
    padding: 7px 5px;
}

.printLbl:hover {
    border-color: rgb(158, 181, 211);
    background: -moz-linear-gradient(top, #f6fcfe, #daebfd);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6fcfe), color-stop(100%, #daebfd));
    filter: progId:DXImageTransform.Microsoft.gradient(startColorStr = '#f6fcfe', endColorStr = '#daebfd', gradientType = 0);
}

.declarationSpan {
    float: left;
    margin: 25px auto;
    width: 1000px;
}

.disabledBtn {
    color: #666666;
}

.enabledBtn {
    color: #000000;
}

.mapCanvas {
    width: 800px;
    height: 400px;
}

.dist {
    width: 800px;
    height: auto;
    max-width: 600px !important;
    overflow: visible;
    font-size: 1.0em;
    color: white;
}

.distCal {
    width: 300px !important;
    height: 200px !important;
}

.confirmationPopup {
    position: absolute;
    z-index: 99999;
    top: 50%;
    left: 50%;
    border: 5px solid white;
    border-radius: 5px;
    background-color: #394f71;
    display: none;
    color: white;
    height: 100px;
    width: 600px;
    margin-top: -50px;
    margin-left: -300px;
}

.datefield.hasDatepicker {
    float: left;
    width: calc(57% - 30px);
    width: -moz-calc(57% - 30px);
    width: -webkit-calc(57% - 30px);
    width: calc(57% - 30px);
    padding-right: 25px;
}

.datefield-trigger {
    height: 21px;
    left: auto !important;
    position: absolute !important;
    right: 0 !important;
    width: 20px;
}

.datefield-div {
    font-size: 14px !important;
}


.datefield-prev-icon {
    background-image: url("../../../lwt/images/picker/previous.png");
}

.datefield-next-icon {
    background-image: url("../../../lwt/images/picker/next.png");
}

.datefield {
    /*width: 84% !important;*/
}

.tabTable {
    width: auto;
    height: auto;
    color: #394F71;
    border: 1px solid white;

}

.headerSub {
    color: white;
    font-size: 12px;
    font-weight: bold;
    width: 100px;
    height: auto;

}

.headerMarks {
    color: white;
    width: 250px;
    height: auto;
    font-size: 12px;

    font-weight: bold;
    /*border: 1px solid #394f71*/

}
.headerMarks .componentLi{
    float: none;
}
.headerSNo{
    color: white;
}

.scoreField {
    width: 60px;
    height: auto;
    font-size: 12px;
    color: white;

}

.scoreTbl {
    margin-left: 10px;
}

a {
    text-decoration: none;
}

a img {
    border: 0;
    padding: 6px 0 0;
}

li>span>select {
    margin: 2px;
}

.iterator li {
    max-width: none;
    min-width: 20px;
}

#chngPwdLnk {
    border-left: none !important;
    padding-right: 5px;
    display: none;
}

span.isUploaded,.isUploadedFile_wrapper:after {
    background-image: url(../images/tick.png);
    display: inline-block;
    visibility: visible;
    height: 16px;
    width: 16px;
    content: ".";
}

span.notUploaded {
    visibility: hidden;
}

p.fileUploadDesc {
    color: white;
    width: 200px;
    height: auto;
}

ul {
    padding-left: 0;
    clear: left;
    overflow: visible;
}

li {
    list-style-type: none;
    float: left;
    font-size: 10px;
    min-width: 130px;
    /*max-width: 130px;*/
    margin: 6px 0;
}

.combo li {
    margin: 0!important;
    min-width: 20px!important;
}

.combo .comboText {
    border-color: white !important;
    border-radius: 5px 5px 5px 5px !important;
    padding-left: 5px;
    padding-right: 20px;
}

.listContainer div#listLiDiv {
    display: inline-block;
    width: 100%;
}

li > .componentLi {
    min-width: 0;
    max-width: 100%;
    float: left;
}

ul > img {
    float: right;
    clear: right;
    width: 170px;
    height: 170px;
}

.clearedLi_wrapper {
    clear: left;
    display: inline-block;
}

.titleLi {
    margin-left: 5px;
    margin-top: 8px;
    margin-bottom: 4px;
    text-align: right;
    height: auto;
    color: white;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    word-wrap: break-word;
    overflow-x: hidden;
}

.imageTitleLi {
    clear: both;
    text-align: center;
    width: 170px;
    max-width: 170px;
}

.groupTitleLi {
    text-align: left;
    background-color: #2e3e57;
    font-family: MyriadWebPro;
    font-size: 15px;
    font-weight: bold;
    color: white;
    width: 100%;
    max-width: 100%;
    padding: 10px 0 10px 10px;
}

.groupUl {
    background-color: #394f71;
    font-family: Verdana;
    overflow: hidden;
    margin: 10px 0;
}

.bodyClass {
    min-height: 768px;
    background-color: #E1E1E1;
    margin: 0px !important;
    width: 100% !important;
}


.fileUploaderPopup {
    position: fixed !important;
    z-index: 99999;
    top: 50% !important;
    left: 50% !important;
    border: 1px solid white;
    background-color: #394f71;
    display: none;
    border-radius: 5px;
    height: auto !important;
    width: auto !important;
    margin-top: -30px !important;
    margin-left: -130px !important;
    color: white;
    padding: 0 0 20px 20px;
}

#fileUploadFormFile {
    margin-top: 15px;
    margin-right: 20px;
}

.uploadDialog {
    color: white;
    font-size: 0.9em;
    display: block;
    margin-top: 25px;
    margin-right: 20px;
    clear: right;
}

.closeUpload {
    font-size: 0.8em;
    display: block;
    float: right;
    text-decoration: underline;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 3px;
}

li.docCheck {
    width: 20px;
    float: left;
}

span.docCheck {
    border: 1px solid black;
    /*width: 10px;*/
    /*height: 10px;*/
    margin-top: 5px;
}

li.docSpan {
    max-width: 350px;
    min-width: 350px;
    float: left;
}

li.docSpan>span {
    font-size: 12px;
    text-align: left !important;
    display: inline-block;
}

li.docImg {
    max-width: 200px;
    float: left;
    margin-left: 40px;
}

li.docImg>img {
    float: left;
    position: relative;
}

li>#file1Upload {
    float: left;
    margin-left: 40px;
}

#file1Upload+.docCheck {
    float: right;
    border: none;
    margin-right: 20px;
}

#file1Upload {
    cursor: pointer;
}


.datefield-calendar span {
    color: #1C2B42;
}

/*Changes added by Prakriti--start*/

.oa-mainPanel{
    width:1280px;
    height:100%;
    top:0px;
    left:0px;
    position:relative;
    overflow:visible;
    margin:0 auto;
    background-color: #EBEBEB;
}
.oa-secondInnerPanel{
    background: #ffffff none repeat scroll 0 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    overflow: visible;
    position: relative;
    top: 0;
    width: 100%;
}

.tab1{
    width:100%;
    height: auto;
    position: relative;
    overflow: visible;
    float: left;
    cursor: pointer;
}

.tabPanel{
    width: 100px;
    height: 20px;
    position: relative;
    overflow: visible;
    margin: 0 1px;
    float: left;
    cursor: pointer;
}
.tabPanelLbl{
    width: 100px;
    height: 20px;
    position: relative;
}
.panel47{
    width: 100%;
    height: auto;
    position: relative;
    overflow: visible;
    /* margin: 20px 0 10px 0;*/
    float: left;
}
.panel47:focus{
    outline: none;
}

.panel478{
    float:right;
}

.panel56{
    width: 100%;
    height: 90%;
    position: relative;
    overflow: hidden;
}
.admForm{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
    background-color: #394f71;
}
.mainContainer{
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 0 0 0;
    min-height: 350px;
}
.oa-footerPnl{
    width: auto;
    height: 20px;
    position: relative;
    overflow: visible;
    display:none;
}
.footerItr{
    width: auto;
    height: 20px;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.panel463{
    width: auto;
    height: 20px;
}

.prevDegInfoRadio, .prevDegInfoTotal{
    max-width: 100%;
    float: none;
    display: inline-block;
    width: 100%;
}
.prevDegInfoRadio{
    clear: both;
}
.prevDegInfoRadio span{
    float: none;
}

.componentLabel{
    background: #ffffcc none repeat scroll 0 0;
    clear: both;
    color: red;
    display: block;
    float: left;
    font-size: 13px;
    height: auto;
    padding: 2px 0 0 4px;
    position: relative;
    text-align: left;
    width: 100%;

}
.componentLink{
    color: white;
    font-size: 15px;
    padding: 5px;
    text-decoration: underline;
}
.cgpaOutOf{
    font-size: 14px;
}
.displayNone{
    display: none !important;
}
.visibilityHidden{
    visibility: hidden !important;
}
.crossMark{
    background-image:url("../images/cross.png");
    width: 16px;
    height: 16px;
    visibility: visible;
    display: inline-block;
    cursor: pointer;
}
a:visited{
    color: blue;
}

.undertakingSpan{
    float: left;
}

.eChallanSpan {
    float: left;
    margin-bottom: 10px;
    margin-top: 80px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: left;
}

/*payment Panel -- start*/

.paymentPnl{
    background: #1C2B42;
    bottom: 0;
    display: none;
    height: 406px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 560px;
    border: 2px solid white;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
}
.payLabels{
    float: left;
    font-size: 14px;
    color: white;
    margin: 10px 0 0 20px;
    clear: both;
    width: 200px;
    text-align: right;

}
.payValLbl{
    font-size: 14px;
    color: white;
}
.payText{
    float: right;
    margin: 10px 58px 0 0;
    width: 200px !important;
}
.payLink{
    color: white;
    text-decoration: underline;
    float: left;
    margin: 10px;
    width: auto !important;
    margin: 10px 0 0 78px;
}
.payDate{
    width: 100px !important;
    float: left;
}

.clearFloat{
    clear: both;
}

.headingPaymentPnl{
    height: 53px;
    padding: 10px;
    width: 100%;
}
.payErrorLbl{
    visibility: hidden;
    clear: both;
    color: red;
    float: left;
    padding: 21px 0 0;
    text-align: center;
    visibility: hidden;
    width: 100%;
}
.payBtns{

}
.payBtns#submitPay{
    margin: 20px 0 0 204px;
}
.btnsPnl{
    width: 100%;
    float: left;
    clear: both;
}
.paymentPnl .datefield-trigger{
    left: 3px !important;
    top: 13px !important;
}
.paymentPnl .datefield{
    float: left;
    margin-left: 79px;
    margin-top: 10px;
    width: 200px !important;
}
.paymentPnl *{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.headingPayLbl{
    border-bottom: 2px solid white;
    color: white;
    height: auto;
    padding-bottom: 5px;
    text-align: center;
    width: 100%;
}




/*combo box*/

.payCombo.combo{
    float: left;
    margin: 10px 0 10px 78px;
    width: 200px !important;
}
.payCombo li{
    max-width: none !important;
}
.payCombo > img{
    float: right;
}
.payCombo ul{
    height: 25px;
}


/*Changes related to fileUploadsPage- start*/

#Snippet28{
    display: none;
}

/*Changes related to fileUploadsPage- end*/


.tempMsgPnl{
    float: left;
    margin-bottom: 26px;
    display: none;
    visibility: hidden;
}
.tempMsgLabel{
    color: white;
}
.tempLink{
    color: white;
    text-decoration: underline;
}
.isUploaded{
    visibility: visible !important;

}#uploadedFlag,.marksFiles {
     /*background-image: url(../images/tick.png);*/
     /*display: inline-block;*/
     /*visibility: visible;*/
     /*height: 16px!important;*/
     /*width: 16px !important;*/
     /*float: left;*/
     /*margin-left: 35px;*/
     /*margin-right: 50px;*/
     /*visibility: hidden;*/
     /*margin-left: -87px;*/
 }

.fileUploaderTbl_label {
    -moz-box-sizing: border-box;
    display: inline-block;
    min-width: 16px;
    width: 16px !important;
    float: right;
}
/*Changes added by Prakriti---end*/

.mandatoryField label:after,.mandatoryField_label:after
{
    content: "*";
    color: red;
}
.mandatoryField.radioCls label:after
{
    content: "";
    color: transparent;
}
.mandatory label:after,.mandatory_label:after
{
    content: "*";
    color: red;
}

#snippetOuter {
    float: left;
    width: 100%;
    height:100%;
}

#snippetPanel {
    flex: 1 1 0;
    overflow: auto;
}

.isUploadedFile_wrapper
{
    width: 100%;
}

.checkbox input {
    clear: none;
}

div[type='radioParent'] {
    /*margin-left: 8px;*/
    float: left;
    clear: left;
}

.declaration {
    color: #FFFFFF;
    margin-left: 20px;
    top: -4px;
}

.label.declaration_label {
    display: none;
}

.defaultClass_wrapper~.checkbox_wrapper,.declaration_wrapper {
    clear: left;
}

.defaultClass_wrapper~.checkbox_wrapper>label,.declaration_wrapper>label {
    margin-left: 18px;
    max-width: 78%;
    text-align: left;
}

.defaultClass_wrapper~.checkbox_wrapper>input[type=checkbox],.declaration_wrapper>input[type=checkbox]
{
    clear: none !important;
    float: left;
    margin-top: 5px;
}
.declaration_wrapper
{
    float: none !important;
    font-size: 19px;
    margin: 0 auto 20px;
    min-height: 30px;
    width: 80% !important;
}
.declaration_wrapper>label
{
    font-size: 14px;
}

.radioCls_wrapper{
    -moz-box-sizing: border-box;
    margin-left: -2%;
    text-align: center;
    width: 600px;
}

/*******************************Style for Profile image Uploader Component STARTS*********************/

.profileMainDiv_wrapper {
    width: auto;
    left: 10px;
}

.profile_img_wrapper >label , .profile_signature_wrapper > label{
    left: 0;
    max-width: 100% !important;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 63px;
    width: auto;
    z-index: 1;
}

.profile_img_wrapper > div{
    float: left;
}

.profile_img_wrapper img {
    border: 1px solid #C6D3DC;
    float: left;
    height: 150px;
    width: 140px;
}

.profile_signature_wrapper img {
    border: 1px solid;
    height: 40px;
    width: 170px;
    float: left;
    top: 15px;
}

.profile_signature.profileMainDiv {
    position: absolute;
    right: 7px;
    top: 0;
    width: 170px;
}

.fileUploaderTbl>label:after{
    left: 170px !important;
}

.profile_img , .profile_signature{
    float: left;
    height: 150px;
    opacity: 0;
    position: absolute;
    width: 140px;
    z-index: 1;
}

.profile_img{
    left: 0;
    top: 41%;
}

.profile_img_label + div{
    overflow: hidden;
    position: relative;
}

/*******************************Style for Profile image Uploader Component ENDS*********************/


/*******************************Style for Profile FILE Uploader Component STARTS*********************/

.outerFileUploaderPanel {
    margin-right: 0;
}

.outerFileUploaderPanel .fileUploaderPanel {
    background-color: #C6D3DC;
    border-radius: 5px 5px 5px 5px;
    height: 30px;
    padding-left: 35px;
    width: 200px;
    float: left;
}

.outerFileUploaderPanel .fileUploaderIcon:after {
    background-color: #C6D3DC;
    border-radius: 1px 0 1px 0;
    content: "";
    height: 5px;
    left: 13px;
    position: absolute;
    width: 19px;
}

.outerFileUploaderPanel .fileUploaderIcon {
    background-color: white;
    height: 24px;
    left: 0;
    margin: 3px;
    position: absolute;
    width: 32px;
}

.outerFileUploaderPanel .fileNameLabel {
    color: white;
    font-size: 15px;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
}

.outerFileUploaderPanel .wrapper.documentUploader_wrapper {
    margin: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 200px;
}


.outerFileUploaderPanel .fileUploaderPanel.isUploaded:after {
    background: url("../images/tick.png") no-repeat scroll 0 0 transparent;
    content: "";
    height: 20px;
    position: absolute;
    right: -25px;
    top: 5px;
    width: 15px;
}

.fileUploaderPanel.isUploaded + div + div {
    visibility: visible;
}

.outerFileUploaderPanel .fileRemovalPanel:after {
    content: "X";
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 0;
}

.outerFileUploaderPanel .fileRemovalPanel {
    color: gray;
    float: left;
    height: 30px;
    margin-left: 60px;
    padding-left: 20px;
    text-align: left;
    top: 5px;
    width: 135px;
    visibility: hidden;
}

.outerFileUploaderPanel .removeLabel {
    font-size: 15px;
}

.outerFileUploaderPanel .fileRemovalPanel:hover {
    color: red;
    cursor: pointer;
}
/*******************************Style for Profile FILE Uploader Component ENDS*********************/


.APPLY_FOR_wrapper select,.APPLY_FOR_wrapper ~ div select
{
    width: 57% !important;
}
.NAME_OF_INSTITUTE_wrapper
{
    clear: left;
}

.table input,.totalMarksDiv{
    text-align: right;
}




/**********************HEADER PANEL DESIGN STARTS**************************/
.oa-firstPanel{
    width:100%;
    height:150px;
    top:0px;
    left:0px;
    position:relative;
    overflow:visible;
}

.masterHeaderPanel{
    background-color: #E1E1E1;
    height: 20%;
    width: 100%;
    color: #002157;
}

.masterHeaderPanel .upperHeaderPanel {
    background-color: #C6D3DC;
    float: left;
    height: 95px;
    width: 100%;
    padding: 15px;
}

.masterHeaderPanel .lowerHeaderPanel{
    float: left;
    height: 40px;
    margin: 6px 0;
    width: 100%;
    padding-left: 15px;
}

.titlePnl {
    float: left;
    padding-top: 14px;
    position: relative;
    text-align: center;
    width: 1015px
}

.logoLnlk {
    float: left;
    height: 100%;
    margin: 0 0 0 8px;
    position: relative;
    width: 149px;
}

.logoImg {
    bottom: 0;
    float: left;
    height: 65px;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    width: 100px;
}

#FirstPanel #lsaLogo{
    float: right;
    height: 60px;
}

#schoolLogo, #Image193 {
    height: auto !important;
    width: auto !important;
}

.schoolName {
    font-size: 25px;
    font-weight: bold;
    position: relative;
    width: 100%;
}

.schoolLocation {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    position: relative;
    width: 100%;
    display: none;
}

.printBtn2 {
    width: auto;
    height:20px;
    top:50px;
    left:0px;
    position:relative;
    overflow:visible;
}

.printBtn1 {
    width: auto;
    left:0px;
    position:relative;
    overflow:visible;
}

.snippetClass{
    color: #000000 !important;
}

.footerPnl {
    background-color: #002157;
    color: black;
    display: inline-block;
    width: 100%;
    height: 30px;
}

.btnColor{
    background: none repeat scroll 0 0 #C6D3DC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 4px 1px grey;
}

#save, #submitBtn, #print1  {
    border: medium none;
    color: black;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    width: 150px;
}

#paymentBtn, #paymentRegBtn{
    border: medium none;
    color: black;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    width: 190px;
    display: inline-block;
}

#print1 {
    width: 200px !important;
}

#submitBtn{
    border: 0 none;
    margin-left: 15px;
}

#submitBtn[disabled] , #save[disabled] {
    background-color: rgb(225, 225, 225) !important;
    color: grey !important;
}

#submitBtn[disabled]:hover , #save[disabled]:hover{
    cursor:not-allowed;
}

. nameField{
    width: 90%;
}

.logoutPanel {
    background-color: #C6D3DC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 2px 2px grey;
    float: right;
    height: 100%;
    margin-right: 20px;
    padding-top: 14px;
}

.logoutPanel:hover{
    cursor: pointer;
    opacity: 0.8;
}

.logoutPanel.is-hidden{
    display: none;
}

#logoutPanel > img {
    height: 20px;
    left: 40%;
    position: absolute;
    top: 2px;
    width: 20px;
}

.logoutButton {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-size: 13px;
    padding: 0 10px;
    color: #002157 !important;
}

#masterHeaderPanel #admissionTypePanel {
    position: absolute;
    text-align: center;
    top: 70px;
    width: 100%;
}

#masterHeaderPanel .admissionTypeLabel {
    font-size: 19px;
    font-weight: bold;
}

/********Menu Items Panel*********/
.masterHeaderPanel .menuItemsPanel {
    background-color: #002157;
    border-radius: 10px 10px 10px 10px;
    color: white;
    float: left;
    height: 40px;
    width: auto;
    cursor: pointer;
}

.masterHeaderPanel .menuItemsIterator> li:last-child p {
    border-right: 0!important;
}

.menuItemsIterator {
    margin: 0;
}

.li-menuItemsIterator {
    margin: 0;
    padding: 10px;
    text-align: center;
    width: auto;
}

.li-menuItemsIterator:hover{
    cursor: pointer;
    font-weight: bold;
}

.li-menuItemsIterator:last-child p {
    border: 0 none;
}

.menuItemLabel {
    border-right: 1px solid;
    font-size: 13px;
    padding: 7px 25px;
    text-align: center;
}

.masterHeaderPanel .searchPanel{
    float: left;
    height: 100%;
    margin-left: 20px;
    width: 20%;
    display: none;
}

.masterHeaderPanel .informationPanel {
    float: left;
    margin-left: 10px;
    padding: 4px 10px;
    text-align: center;
    width: 20%;
}

.otherDataPanel .informationPanel{
    color: #002157;
    /*padding: 39px;*/
}

.applicationNoLabel:before {
    content: "APPLICATION NO - ";
}

.applicationStatusLabel:before {
    content: "APPLICATION STATUS - ";
}


#informationPanel #previewLink {
    text-transform: uppercase;
    color: inherit;
}
#previewLink:hover{
    cursor: pointer;
    color: blue !important;
}
/**********************HEADER PANEL DESIGN ENDS**************************/

/**********************LEFT DATA PANEL DESIGN STARTS**************************/

.leftDataWrapper {
    background-color: white;
    border-radius: 10px 10px 10px 10px;
    float: left;
    height: calc(100% - 40px);
    margin-right: 30px;
    padding: 10px;
    width: 290px;
}

.progressPanel {
    background-color: #C6D3DC;
    border-radius: 4px 4px 4px 4px;
    height: 25px;
    padding: 5px;
    margin-bottom: 40px;
    display: none;
}

.progressRate {
    background-color: #002157;
    border-radius: 6px 6px 6px 6px;
    float: left;
    height: 15px;
    width: 75%;
}

#progressPanel > p:after {
    content: "%";
}

#progressPanel > p {
    color: white;
    left: 45%;
    position: absolute;
    font-weight: bold;
}
#tabsDataIterator{
    height: 150px;
}

.leftDataWrapper .li-tabsDataIterator {
    color: #002157;
    height: 50px;
    width: 100%;
}

.leftDataWrapper .li-tabsDataIterator:hover{
    opacity: 0.75;
}

.leftDataWrapper .tabDataLink {
    color: inherit;
}

.leftDataWrapper .tabDataWrapper.is-selected {
    background-color: #587393;
    color: white;
}

.leftDataWrapper .tabDataWrapper {
    background-color: #C6D3DC;
    border-radius: 6px 6px 6px 6px;
    height: 100%;
    padding: 10px 45px;
}

#tabDataWrapper > img#tabIcon {
    height: 28px;
    left: 0;
    margin-left: 10px;
    position: absolute;
    width: 27px;
}

.leftDataWrapper .tabDataLabel {
    float: left;
    font-size: 15px;
    font-weight: bold;
    top: 5px;
    margin-left: 10px;
}

.leftDataWrapper .statusImage {
    height: 25px;
    position: absolute;
    right: 15px;
    display: none;
}

.leftDataWrapper .otherDataPanel {
    color: red;
    margin-top: 10%;
    text-transform: uppercase;
}

.leftDataWrapper #otherDataPanel > p {
    font-size: 14px;
    padding: 0 15px;
}

.pnlApplication {
    display: inline-block;
}



.printAppPnl {
    border: 1px solid #90C63F;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    height: 50px;
    margin: 8px;
    padding: 8px;
    width: 240px;
}

#pnlDownloadAdmit.printAppPnl {
    margin: 0!important;
}

.printImages {
    height: 30px;
    width: 30px;
    float: left;
}

.lblPrintTxt {
    font-size: 14px;
    float: left;
    display: inline-block;
    color: #0069B7;
    font-family: arial;
    cursor: pointer;
}

#lblPrintApp.lblPrintTxt {
    padding: 5px 0 5px 20px;
}

#lblDownloadAdmit.lblPrintTxt {
    padding: 6px 0 0 5px;
}

.tabDataWrapper[data-status="done"] > img.statusImage {
    display: inline;
}
/**********************LEFT DATA PANEL DESIGN ENDS**************************/


/**********************RIGHT DATA PANEL DESIGN STARTS**************************/
.rightDataPanel {
    background-color: white;
    border-radius: 8px 8px 8px 8px;
    float: left;
    padding: 10px;
    width: 930px;
    height: calc(100%);
}

.rightDataPanel .iterator373{
    width:100%;
    height:40px;
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    border-bottom: 1px solid #E1E1E1;
}

.rightDataPanel .iterator373 > li {
    margin: 0;
    width: 180px;
}

.rightDataPanel .menuLnk{
    display: inline-block;
    left: 0;
    margin: 0 1px;
    overflow: visible;
    position: relative;
    top: 0;
    width: 100% !important;
    padding-top: 10px;
}

.rightDataPanel .menuLnk:hover{
    font-weight: bold;
    cursor: pointer;
}

.rightDataPanel .menuLnk .activeTab{
    border-bottom: 2px solid #002157;
}

.rightDataPanel .menuLnk > div {
    width: 100%;
}


.rightDataPanel .menuLnk #Label1{
    font-size: 14px;
    color: #002157;
    height: 27px;
}
/**********************RIGHT DATA PANEL DESIGN ENDS**************************/


/**********************FOOTER PANEL DESIGN STARTS**************************/
.masterFooterPanel {
    background-color: #002157;
    bottom: 0;
    float: left;
    height: 35px;
    margin-top: 10px;
    padding: 3px 10px;
    position: fixed;
    width: 1248px;
}

.copyrightLbl {
    bottom: 0;
    clear: both;
    color: #FFFFFF;
    float: left;
    font-family: verdana;
    font-size: 11px;
    left: 0;
    text-align: left;
}

.lsaLink {
    float: right;
    margin-right: 20px;
    position: relative;
}
/**********************FOOTER PANEL DESIGN ENDS**************************/


/***************************Popup panel design STARTS************************/
.popupPanel{
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 40%;
    width: 400px;
    border-radius: 5px 5px 5px 5px;
    position: absolute;
    z-index: 99999;
    background-color: #d5d5d5;
}

.popupPanel.is-visible{
    display: block!important;
}

.logoutPopupPanel {
    padding: 20px;
}

#logoutPopupPanel > p {
    color: black;
    font-size: 14px;
    margin-bottom: 30px;
    text-align: center;
}

.buttonsPanel {
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.buttonsPanel > button , .buttonsPanel > a {
    background-color: #E4E8EB;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 2px gray;
    padding: 6px 15px;
}

.buttonsPanel > button:hover , .buttonsPanel > a:hover , #save:hover, #submitBtn:hover{
    background-color: #587393 !important;
    color: white;
    cursor: pointer;
    opacity: 0.8;
}

.buttonsPanel > button.saveBtn {
    float: left;
}

.buttonsPanel > .logoutBtn{
    color: inherit;
    font-size: 13px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 70px;
}

.buttonsPanel > button.cancelBtn{
    float: right;
}

.popup {
    background-color: #C6D3DC;
    border-radius: 5px 5px 5px 5px;
    display: none;
    height: 300px;
    left: 50%;
    margin-left: -400px;
    margin-top: -150px;
    position: absolute;
    top: 50%;
    width: 800px;
    z-index: 99999;
}

#listOfDeclarations.popup {
    padding: 10px;
}

.popup #closeButton {
    cursor: pointer;
    float: right;
    height: 20px;
    margin-top: 2px;
}

#listOfDeclarations.popup #closeButton > p {
    color: tomato;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: capitalize;
}

/***************************Popup panel design ENDS************************/


/*****************************Error Message Panel STARTS***************************/
#Panel474{
    width: 100%;
    background-color: #F2DEDE;
    border: 3px solid #EBCCD1;
    border-radius: 5px 7px 7px 7px;
    color: #A94442;
    padding: 5px;
    width: 100%;
}

#Panel474.notDisplayed {
    display: none;
}

.errMsg {
    display: inline-block;
    float: left;
    font-size: 14px !important;
    text-align: left;
}

.errIcon {
    background-image: url("../images/error.png");
    display: inline-block;
    float: left;
    height: 33px;
    width: 15px;
    clear: both;
}

.errPnl {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #394F71;
    float: left;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-top: 10px;
    width: 100%;
}




/*****************************Error Message Panel ENDS***************************/

/******************************X , XII class , Graduation , PG components data panel design **************//*
#rootContainer .X-DETAILS_wrapper.listContainer_wrapper, #rootContainer .GRADUATION-DETAILS_wrapper.listContainer_wrapper , #rootContainer .EXPERIENCE-1_wrapper.listContainer_wrapper{
    background-color: #C6D3DC;
    padding-bottom: 45px;
    padding-left: 155px;
    margin: 0;
}

#rootContainer .X-DETAILS_wrapper.listContainer_wrapper, #rootContainer .EXPERIENCE-1_wrapper.listContainer_wrapper{
    padding-bottom: 45px;
}

#rootContainer .GRADUATION-DETAILS_wrapper.listContainer_wrapper{
    padding-bottom: 150px;
}

#rootContainer .X-DETAILS_wrapper > label , #rootContainer .GRADUATION-DETAILS_wrapper > label , .QUALIFYING-EXAM-1_wrapper > label , #rootContainer .EXPERIENCE-1_wrapper > label{
    font-size: 11px;
    top: 40px;
    width: 130px !important;
}


#rootContainer .X-DETAILS_wrapper label, #rootContainer .GRADUATION-DETAILS_wrapper label , #rootContainer .EXPERIENCE-1_wrapper label{
    display: inline-block !important;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    text-align: left;
    left: 0;  *//**for dateField labels **//*
}

#rootContainer .X-DETAILS_wrapper input, #rootContainer .X-DETAILS_wrapper select , #rootContainer .XII-DETAILS_wrapper input, #rootContainer .XII-DETAILS_wrapper select ,
#rootContainer .GRADUATION-DETAILS_wrapper input, #rootContainer .GRADUATION-DETAILS_wrapper select ,#rootContainer .POST-GRADUATION-DETAILS_wrapper input,
#rootContainer .POST-GRADUATION-DETAILS_wrapper select, #rootContainer .OTHER-GRADUATION-DETAILS_wrapper input,#rootContainer .OTHER-GRADUATION-DETAILS_wrapper select ,
#rootContainer .EXPERIENCE-1_wrapper input, #rootContainer .EXPERIENCE-1_wrapper select, #rootContainer .EXPERIENCE-2_wrapper input, #rootContainer .EXPERIENCE-2_wrapper select{
    width: 100% !important;
    background-color: transparent;
}

#rootContainer .X-DETAILS_wrapper input, #rootContainer .X-DETAILS_wrapper select ,#rootContainer .GRADUATION-DETAILS_wrapper input, #rootContainer .GRADUATION-DETAILS_wrapper select,
#rootContainer .EXPERIENCE-1_wrapper input, #rootContainer .EXPERIENCE-1_wrapper select{
    top: 40px;

}

.X-DETAILS.listContainer div#listLiDiv , .XII-DETAILS.listContainer div#listLiDiv ,.GRADUATION-DETAILS.listContainer div#listLiDiv , .EXPERIENCE-1.listContainer div#listLiDiv {
    padding-bottom: 35px;
}

.X-DETAILS.listContainer div#listLiDiv > div , .XII-DETAILS.listContainer div#listLiDiv > div , .GRADUATION-DETAILS.listContainer div#listLiDiv > div,
.POST-GRADUATION-DETAILS.listContainer div#listLiDiv > div , .OTHER-GRADUATION-DETAILS.listContainer div#listLiDiv > div {
    margin-right: 10px;
    width: 80px;
}

.X-DETAILS.listContainer div#listLiDiv > div.mandatoryField_wrapper:before , .XII-DETAILS.listContainer div#listLiDiv > div.mandatoryField_wrapper:before , .GRADUATION-DETAILS.listContainer div#listLiDiv > div.mandatoryField_wrapper:before,
.POST-GRADUATION-DETAILS.listContainer div#listLiDiv > div.mandatoryField_wrapper:before , .OTHER-GRADUATION-DETAILS.listContainer div#listLiDiv > div.mandatoryField_wrapper:before {
  content: "";
}

.EXPERIENCE-1.listContainer div#listLiDiv > div , .EXPERIENCE-2.listContainer div#listLiDiv > div{
    width: 115px;
    margin-right: 10px;
    clear: none !important;
}

.X-DETAILS_wrapper [id*="SCHOOL NAME"] , .XII-DETAILS_wrapper [id*="SCHOOL NAME"] , .GRADUATION-DETAILS.listContainer div#listLiDiv > div[id*="NAME OF THE UNIVERSITY"] ,
.POST-GRADUATION-DETAILS.listContainer div#listLiDiv > div[id*="NAME OF UNIVERSITY"] , .OTHER-GRADUATION-DETAILS.listContainer div#listLiDiv > div[id*="NAME OF UNIVERSITY"]{
    width: 160px!important;
}

.EXPERIENCE-1_wrapper [id*="COMPANY"] , .EXPERIENCE-2_wrapper [id*="COMPANY"]{
    width: 200px!important;
}

.X-DETAILS_wrapper [id*="SUBJECT"] , .XII-DETAILS_wrapper [id*="SUBJECT"]{
    width: 170px!important;
}

#rootContainer .XII-DETAILS_wrapper.listContainer_wrapper ,#rootContainer .POST-GRADUATION-DETAILS_wrapper.listContainer_wrapper ,#rootContainer .OTHER-GRADUATION-DETAILS_wrapper.listContainer_wrapper,
#rootContainer .EXPERIENCE-2_wrapper.listContainer_wrapper{
    padding-left: 155px;
}

#rootContainer .XII-DETAILS_wrapper.listContainer_wrapper, #rootContainer .EXPERIENCE-2_wrapper.listContainer_wrapper{
    bottom: 65px;
}

#rootContainer .EXPERIENCE-1_wrapper.listContainer_wrapper{
    padding-bottom: 90px;
}

#rootContainer .POST-GRADUATION-DETAILS_wrapper.listContainer_wrapper{
    bottom: 130px;
    margin: 0;
}

#rootContainer .OTHER-GRADUATION-DETAILS_wrapper.listContainer_wrapper{
    bottom: 90px;
}

#rootContainer .XII-DETAILS_wrapper > label , #rootContainer .POST-GRADUATION-DETAILS_wrapper > label, #rootContainer .OTHER-GRADUATION-DETAILS_wrapper > label ,
#rootContainer .EXPERIENCE-2_wrapper > label{
    font-size: 12px;
    padding-top: 0;
    width: 155px;
    top: 15px;
}

.XII-DETAILS.listContainer , .POST-GRADUATION-DETAILS.listContainer , .OTHER-GRADUATION-DETAILS.listContainer, .EXPERIENCE-2.listContainer {
    float: left;
    overflow: visible;
    width: 100%;
}

.XII-DETAILS.listContainer div#listLiDiv ,.POST-GRADUATION-DETAILS.listContainer div#listLiDiv, .OTHER-GRADUATION-DETAILS.listContainer div#listLiDiv ,
.EXPERIENCE-2.listContainer div#listLiDiv{
    left: 0;
    position: absolute;
}

*//*.POST-GRADUATION-DETAILS.listContainer div#listLiDiv, .OTHER-GRADUATION-DETAILS.listContainer div#listLiDiv ,*//*
 *//*.EXPERIENCE-2.listContainer div#listLiDiv{*//*
     *//*top: -50px;*//*
 *//*}*//*

.X-DETAILS_wrapper .combo > option , .XII-DETAILS_wrapper .combo > option, .POST-GRADUATION-DETAILS_wrapper .combo > option, .OTHER-GRADUATION-DETAILS_wrapper .combo>option ,
.QUALIFYING-EXAM-1_wrapper .combo>option ,.QUALIFYING-EXAM-1_wrapper .combo>option,.QUALIFYING-EXAM-2_wrapper .combo>option,.QUALIFYING-EXAM-3_wrapper .combo>option ,
.EXPERIENCE-1_wrapper .combo > option , .EXPERIENCE-2_wrapper .combo >option,.GATE-DETAILS_wrapper .combo >option{
    background-color: #ffffff;
}


*//*till firefox 18*//*
.X-DETAILS_wrapper input:-moz-placeholder, .XII-DETAILS_wrapper input:-moz-placeholder,.GRADUATION-DETAILS_wrapper input:-moz-placeholder,
.POST-GRADUATION-DETAILS_wrapper input:-moz-placeholder, .OTHER-GRADUATION-DETAILS_wrapper input:-moz-placeholder ,.EXPERIENCE-1_wrapper input:-moz-placeholder,
.EXPERIENCE-2_wrapper input:-moz-placeholder {
    color: transparent;
}

*//*for firefox 19+ *//*
.X-DETAILS_wrapper input::-moz-placeholder, .XII-DETAILS_wrapper input::-moz-placeholder,.GRADUATION-DETAILS_wrapper input::-moz-placeholder,
.POST-GRADUATION-DETAILS_wrapper input::-moz-placeholder, .OTHER-GRADUATION-DETAILS_wrapper input::-moz-placeholder ,.EXPERIENCE-1_wrapper input::-moz-placeholder,
.EXPERIENCE-2_wrapper input::-moz-placeholder {
    color: transparent;
}

*//***for chrome*//*
.X-DETAILS_wrapper input::-webkit-input-placeholder, .XII-DETAILS_wrapper input::-webkit-input-placeholder,.GRADUATION-DETAILS_wrapper input::-webkit-input-placeholder,
.POST-GRADUATION-DETAILS_wrapper input::-webkit-input-placeholder, .OTHER-GRADUATION-DETAILS_wrapper input::-webkit-input-placeholder,.EXPERIENCE-1_wrapper input::-webkit-input-placeholder,
.EXPERIENCE-2_wrapper input::-webkit-input-placeholder {
    color:transparent;
}

.X-DETAILS_wrapper input:-ms-input-placeholder, .XII-DETAILS_wrapper input:-ms-input-placeholder,.GRADUATION-DETAILS_wrapper input:-ms-input-placeholder,
.POST-GRADUATION-DETAILS_wrapper input:-ms-input-placeholder, .OTHER-GRADUATION-DETAILS_wrapper input:-ms-input-placeholder , .EXPERIENCE-1_wrapper input::-ms-input-placeholder,
.EXPERIENCE-2_wrapper input:-ms-input-placeholder {
    color: transparent;
}



#rootContainer .QUALIFYING-EXAM-1_wrapper.listContainer_wrapper , #rootContainer .QUALIFYING-EXAM-2_wrapper.listContainer_wrapper ,
#rootContainer .QUALIFYING-EXAM-3_wrapper.listContainer_wrapper, #rootContainer .GATE-DETAILS_wrapper.listContainer_wrapper{
    background-color: #C6D3DC;
}


#rootContainer .QUALIFYING-EXAM-1_wrapper input, #rootContainer .QUALIFYING-EXAM-2_wrapper input,#rootContainer .QUALIFYING-EXAM-3_wrapper input,
#rootContainer .QUALIFYING-EXAM-1_wrapper select, #rootContainer .QUALIFYING-EXAM-2_wrapper select,#rootContainer .QUALIFYING-EXAM-3_wrapper select
#rootContainer .GATE-DETAILS_wrapper select,#rootContainer .GATE-DETAILS_wrapper input{
    background-color: transparent!important;
}*/

/*
.EXPERIENCE-1_wrapper .datefield-trigger{
    top: 43px !important;
}*/

.EXPERIENCE-2_wrapper .datefield-trigger {
    top: 0 !important;
}

[id="EXPERIENCE DETAILS TBL"] .datefield-trigger {
    left: 89px !important;
    position: relative !important;
    top: -20px !important;
}

[id="EXPERIENCE DETAILS TBL"] .datefield.hasDatepicker {
    top: 10px;
}


[id="QUALIFICATION DETAILS TBL"] .datefield-trigger {
    left: 89px !important;
    position: relative !important;
    top: -20px !important;
}

[id="QUALIFICATION DETAILS TBL"] .datefield.hasDatepicker {
    top: 10px;
}


#rootContainer [id="EXPERIENCE DETAILS TBL"] select,#rootContainer [id="EXPERIENCE DETAILS TBL"] input,#rootContainer [id="QUALIFICATION DETAILS TBL"] select,#rootContainer [id="QUALIFICATION DETAILS TBL"] input ,#rootContainer [id="PREVIOUS QUALIFICATION DETAILS TBL"] select,#rootContainer [id="PREVIOUS QUALIFICATION DETAILS TBL"] input {
    width: 95% !important;
}

#rootContainer [id="EXPERIENCE DETAILS TBL"] td > div.wrapper ,#rootContainer [id="QUALIFICATION DETAILS TBL"] td > div.wrapper ,#rootContainer [id="PREVIOUS QUALIFICATION DETAILS TBL"] td > div.wrapper{
    width: 100% !important;
}
/******************************X , XII class components data panel design **************/




/*******************************Document instructions Panel STARTS***********************/
.documentInstructionsItr {
    background-color: #FFFFCC;
    left: -10px;
    margin: 0 0 50px;
    padding: 20px 15px;
    top: -40px;
    width: calc(100% + 20px);
}

.documentInstructionsItr > li {
    margin-top: 0;
    text-align: left;
    width: 100%;
}

.documentInstructionsItr p {
    font-size: 14px;
}
/*******************************Document instructions Panel ENDS***********************/



/*****************************Preferences Design STARTS****************************/
#rootContainer [id="PROGRAM DISCIPLINE_wrapper"] {
    background-color: #C6D3DC;
    margin: 0;
    padding: 10px 24px;
    text-align: left;
    width: 100%;
}

#rootContainer .mandatoryField_wrapper[id="PROGRAM DISCIPLINE_wrapper"]:before {
    content: "" !important;
}

#rootContainer [id="PROGRAM DISCIPLINE_wrapper"] > label {
    display: inline-block;
    font-size: 15px;
    margin-right: 30px;
    width: 150px !important;
}

#rootContainer [id="PROGRAM DISCIPLINE_wrapper"] > label.mandatoryField_label:after {
    margin-left: 4px;
}

#rootContainer select[id="PROGRAM DISCIPLINE"] {
    font-size: 14px;
    padding: 0;
    width: 300px !important;
}

.PREFERENCE-GROUP_wrapper.listContainer_wrapper {
    background-color: #C6D3DC;
    padding: 25px;
    margin: 0;
}

.PREFERENCE-GROUP_wrapper.listContainer_wrapper > label {
    display: none;
}

.PREFERENCE-GROUP.listContainer #listLiDiv > .wrapper {
    float: left;
    text-align: left;
    width: 100%;
    margin-bottom: 25px;
}
.PREFERENCE-GROUP.listContainer #listLiDiv > .wrapper.mandatoryField_wrapper:before{
    content: "";
}

.PREFERENCE-GROUP.listContainer #listLiDiv label {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-right: 30px;
    top: 10px;
    width: 150px;
}

.PREFERENCE-GROUP.listContainer #listLiDiv label:before {
    content: ":";
    position: absolute;
    right: 30px;
}

.PREFERENCE-GROUP.listContainer #listLiDiv label:after {
    margin-left: 1px;
    position: absolute;
    top: -5px;
}

#rootContainer .PREFERENCE-GROUP select {
    font-size: 14px;
    padding: 0;
    width: 250px !important;
}

#rootContainer .PREFERENCE-GROUP_wrapper select.valueNotSelected /*,.X-DETAILS_wrapper select.valueNotSelected, .XII-DETAILS_wrapper select.valueNotSelected,
.GRADUATION-DETAILS_wrapper select.valueNotSelected , .POST-GRADUATION-DETAILS_wrapper select.valueNotSelected, .OTHER-GRADUATION-DETAILS_wrapper select.valueNotSelected,
.EXPERIENCE-1_wrapper select.valueNotSelected, .EXPERIENCE-2_wrapper select.valueNotSelected*/{
    color: transparent!important;
}
/*****************************Preferences Design ENDS****************************/





/***********************Login Form********************************************/
.pwdAccepted:after {
    height: 20px;
    width: 20px;
    position: absolute;
    background: url("../images/tick.png") no-repeat scroll 0 0 transparent;
    left: 322px;
    top: 5px;
    content: "";

}

.pwdRejected {
    border: 1px solid red;
}
.mainLoginPnl {
    width: 1280px;
    height: 768px;
    position: relative;
    margin: 0 auto;
}

.mainBodyPnl {
    /*background-color: #1c2b42;*/
    height: 89% !important;
    width: 1024px;
    position: relative;
}

.mainBodyPnlPwd {
    background-color: #1c2b42;
    height: 53% !important;
}

.sidePnlLogin {
    background-color: #145B9B;
    margin-bottom: 10px;
    margin-top: 3px;
    text-align: center;
}

.sideLbl {
    font-size: 18px;
    /*font-family: "Myriad Web Pro";*/
    color: white;
    padding: 10%;
}


.middlePnl {
    background-color: #C6D3DC;
    border: 1px solid white;
    height: 100% !important;
    width: 272px;
    position: relative;
    float: left;
}

.middlePnl0 {
    /*background-color: #002157;*/
    /*width: 339px;*/
    height: 45px;
    position: relative;
    padding-top: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.loginTxt {
    clear: left;
    color: #002157;
    /*font-family: "Myriad Web Pro";*/
    font-size: 12px;
    /*padding-right: 50px;*/
    text-align:left;
    width: 162px !important;
    margin: 10px 0 0 10px;
    position: absolute;
    height: auto;
    /*float: left;*/
    left:0;
    -moz-box-sizing: border-box;
}
.orPnl a {
    color: lightBlue;
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    text-decoration: underline;
    width: 100%;
    cursor: pointer;
}

.orPnl {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.orTxt {
    color: #000000;
    font-size: 30px;
    padding: 10px;
    display: none;
}

.disabledLoginTxt {
    display: none !important;
}

.extraTxt {
    max-width: 150px !important;
    display: none;
}

.contentStyle {
    font-size: 15px;
    color: white;
    border: 1px solid white;
    min-height: 300px;
    padding-top: 50px;
}

.signUpButton {
    clear: left;
    float: left;
    margin: 12px 0 0 90px !important;
    width: 100px !important;

}

.lblFld {
    color: white;
    float: left;
    height: auto;
    margin: 10px 0 0 10px;
    padding-right: 36px;
    position: absolute;
    text-align: right;
    width: 165px;
}

.textFld {
    width: 150px;
    height: auto;
    position: relative;
    margin: 10px 0 0 0;
    float: left;

}

.chngPwdPnl {
    position: relative !important;
    width: 500px !important;
}

.contentLbl {
    color: white;
    padding-top: 46px;
    padding-bottom: 20px;
}

.cntdLbl {
    color: white;
    margin: 18px 0 0 98px;
    float: left;
}

#midLoginfrm {
    /*float: left;*/
    height: auto;
    left: 0;
    width:100%;
    top:25px;

}

#captchaImg {
    float: left !important;
    height: 60px !important;
    margin: 10px 19px 0 0 !important;
    position: relative;
    width: 150px !important;
}

#captchaTxt {
    clear: left;
    float: right !important;
    margin-top: 10px;
    right: 50px;
    top: -50px !important;
    width: 145px !important;
}

#Panel170{
    width: 540px !important;
    /*margin-top: 20px !important;*/
}


#NurseryLogo {
    height: 345px !important;
    margin: 0 0 0 0 !important;
    width: 1021px !important;
    position: relative;
    border: 1px solid white;
    border-bottom: none;
    display: none!important;
}

#SecondInnerPanel {
    height: 90% !important;
}

#Panel194 {
    width: 620px !important;
    margin: 48px 1px 0 !important;
}

#chngPwdForm {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    height: 97% !important;
}

.refreshImg {
    cursor: pointer;
    float: left;
    height: auto;
    margin: 10px -12px 0;
    width: auto;
    position: relative;
}

.linkLblToggle {
    color: #145b9b;
    cursor: pointer;
    float: left;
    height: auto;
    margin: auto;
    position: relative;
    /*top: 20px;*/
    width: auto;
    margin-top: 55px;
}

.copyrightLbl {
    bottom: 0;
    clear: both;
    color:  #ffffff;
    float: left;
    font-family: verdana;
    font-size: 10px;
    height: 28px;
    left: 0;
    max-width: 876px;
    /*padding-left: 20px;*/
    position: relative;
    width: auto;
    text-align: left;
    top:1px;

}

.linkLblToggle:hover {
    color: #00BFF3 !important;
}

.chngePwdMainPnl {
    height: 768px !important;
}

.cntdLbl:hover {
    color: #00BFF3 !important;
}

#firstPnlLogin, #Panel191 {
    /*height:135px !important;*/
    border-bottom: none !important;
}
#firstPnlLogin{
    height: 117px !important;
}

#emailFld, #stuIdFld, #pwdFld {
    /*width: 145px !important;*/
}

#midPnl {
    width: 272px !important;
}
#midPnl3, #imgPnl3 {
    width: 586px !important;
    padding-left: 8px;
    padding-top: 10px;
}

#midPnl2, #imgPnl2 {
    width: 390px !important;
    text-align: center;
}


#midPnl1 #imgPnl1 {
    margin-bottom: 5px;
    padding-left: 10px;
    padding-top: 20px;
}

#midPnl1 .linksPnl {
    padding: 20px;
}

.messageLabel {
    width: 390px !important;
    color: #ff0000;
    height: auto;
    position: relative;
    padding-top: 5px;
    float: left;
    clear: left;
    max-width: 100%;
    max-height: 65px;
    top:15px;
}

.loginFld {
    -moz-box-sizing: border-box;
    border: medium none white;
    border-radius: 5px 5px 5px 5px;
    height: 25px;
    margin: 25px 10px 0;
    margin-top: 25px;
    position: relative;
    width: 85%;

}

.captchaImg {
    width: 89px;
    height: 25px;
    position: relative;
    margin: 16px 0 0 6px;
    float: left;
}

#logInButton {
    width: auto;
    height: auto;
    position: relative;
    margin-top: 25px;
    border-radius: 10px 10px 10px 10px;
    /*margin: 17px 20px 0 107px;*/
    /*float: left;*/
    /*clear: left;*/
}


#btnContinue {
    width: auto;
    height: auto;
    position: relative;
    margin-top: 25px;
    margin-bottom: 10px;
}
.midPnlImg {
    width: auto;
    height: 21px;
    position: relative;
    display: none;
}

.lsaLink {
    position: relative;
    float: right;
    margin-right: 30px;
}

.logoLnlk {
    width: 149px;
    height: 100%;
    position: relative;
    float: left;
    margin: 0 0 0 8px;
}


/*Classes for side links News and Features*/
.linksPnl {
    float: left;
    height: auto;
    width: 100%;
    padding:10px;
    top: -30px !important;
}

.linksItr {
    float: left;
    height: 500px;
    padding: 0;
    width: 96%;
    color: black;
}

.linksItr li {
    clear: both;
    height: auto;
    width: 100%;
}

.mainFooterLink {
    height: auto;
    padding: 4px;
    width: 100% !important;
}

.mainFooterLbl {
    color: black;
    text-align: left;
}

/*CSS for content page*/
.baseContentPanel {
    width: 1024px;
    height: 100%;
    margin: 0 auto;
}

.mainBodyPnl {
    width: 100%;
    height: 603px;
    position: relative;
    background: #e1e1e1;
    /*border-top: 2px solid #FFF;*/
}

.mainBodyInnerPnl {
    width: 1024px;
    height: 100%;
    position: relative;
}

.leftPnl {
    width: 225px;
    height: 400px;
    position: relative;
    float: left;
}

.rightPnl {
    width: 790px;
    height: 100%;
    position: relative;
    margin: 0 0 0 5px;
    float: left;
}

.loginIterator {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0;
    padding: 0;
}

.contentLnk {
    width: 75px;
    height: 20px;
    cursor: pointer;
}

.sidePnlLogin {
    width: 210px;
    height: auto;
    position: relative;
}

.sideLbl {
    width: auto;
    height: auto;
    position: relative;
}

.panel68Cls {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    background-color: #4682b4;
}

.contentStyle {
    width: 100%;
    height: auto;
    position: relative;
}

/*Changes added by Prakriti*/
.instructionLbl {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*float: left;*/
    font-size: 12px;
    height: auto;
    padding: 7px;
    width: 100%;
    text-align: center;
    color: #145b9b;
    display: none;
}

/*#SecondInnerPanel {*/
/*float: left;*/
/*height: auto !important;*/
/*}*/

.middleBasePnl {
    display: inline-table;
    height: 100%;
    /*background: #e8f4fa;*/
    /*border: 1px solid white;*/
    width:100%;
}

.middlePnl {
    border: none;
}

.middlePnl#midPnl2 {
    /*border-left: 15px solid #E1E1E1;*/
    /*border-right: 15px solid #E1E1E1;*/
    border-radius: 10px;
    display: inline-table;
    margin-left: 15px;
}
.middlePnl#midPnl1 {
    background-color: white;
    border-radius: 10px 10px 10px 10px;
    float: left;
    height: 90% !important;
    margin-left: 14px;
    top: 62px;
    width: 245px !important;
}
.middlePnl#midPnl3 {
    /*border-left: 15px solid #E1E1E1;*/
    border-radius: 10px;
    background-color: white;
    height: 90%!important;
    top:62px;
    margin-left: 15px;
}

.messageLabel {
    text-align: center;
}

.comboText{
    font-size: 12px !important;
    overflow: hidden;
    text-align: left;
}
/*added by vikalp*/
/*starts here*/
.secQuesPanel {
    display: none;
    width: 100%;
    margin-top: 10px;
}

.secAnsPanel {
    display: none;
    width: 100%;
    margin-top: 10px;
}

.securityQuesLabel {
    display: inline-block;
    float: left;
    margin-left: 9px;
    color: white;
}

.secAnsLabel {
    float: left;
    margin-left: 40px;
    color: white;
}

#securityQuestionComboBox.combo {
    /*float: left;*/
    /*width: 241px !important;*/
    /*margin-left: 2px;*/
    height: auto !important;
    left: 29px;
    width: 84% !important;
    margin: 8px 0;
    /*display: none;*/
}
#securityQuestionComboBox.comboText{
    height: auto !important;
}
#securityQuestionComboBox.comboPicker{
    height: 100% !important;
    background-color: #d3d3d3;
    width: 20px !important;
}
#securityQuestionComboBox > img{
    float: right;
}

.secAnsTextField {
    float: left;
    /*margin-left: 47px;*/
    /*display: none;*/
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
    -moz-box-sizing:border-box;
}

#securityQuesLabel, #secAnsLabel {
    display: none;
}

.forgotPswdPnl{
    height: auto !important;
}

/*end here*/

#dummy
{
    display: none;
}

#midParent
{
    /*text-align: center;*/
    /*display: inline-block;*/
    /*margin: 0 auto;*/
    /*width:95%;*/
    /*padding-left: 162px;*/
    /*margin-right: 10px;*/
    /*-moz-box-sizing: border-box;*/
}
#captchaPanel{
    /*float: left;*/
    position: relative;
    width: 100%;
    overflow: auto;
    left: 30px;
    margin: 8px 0;

}
#admnTypeLbl
{
    width: 25% !important;
    top:-13px;
}

.skipLoginLabel {
    bottom: 33px;
    color: #145b9b;
    cursor: pointer;
    font-size: 15px;
    left: 190px;
    position: absolute;
    text-decoration: underline;
    width: 200px;
}

/*.footerPnl{*/
/*background-color: #145b9b;*/
/*color: black;*/
/*display: inline-block;*/
/*width: 100%;*/
/*}*/
#Link47 {
    display: inline-block;
    float: right;
    height: 100%;
    width: 135px;
}

#toggledPwdLbl {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    left: 5%;
    position: absolute;
    top: 90%;
    width: 150px !important;
    color: white;
    cursor: pointer;
}

#imgPnl3 > p {
    border-bottom: 2px solid;
    float: left;
    font-size: 15px;
    font-weight: bolder;
    left: 10px;
    padding: 0 5px;
}
#imgPnl1 > p {
    border-bottom: 2px solid;
    float: left;
    font-size: 15px;
    font-weight: bolder;
    left: 10px;
    padding: 0 5px;
}


#lblNewReg {
    float: left;
    font-size: 15px;
    font-weight: bold;
    left: 35px;
    color: white;
    cursor: pointer;
    padding: 0 5px;

}

#lblLogin {
    float: right;
    font-size: 15px;
    font-weight: bold;
    right: 90px;
    color: white;
    cursor: pointer;
    padding: 0 5px;
    display: none;
}
.selectedTab{
    color:#002157 !important;
    border-bottom:2px solid #002157;
}
.componentPanel {
    display: block;
    margin-left: 20px;
    margin-right: 30px;
}

.hide{
    display: none!important;
}

.hidden{
    visibility: hidden!important;
}

.show{
    display: inline-block!important;
}


#securityQuestionComboBox.comboPicker{
    left:255px!important;
}

.lblInfo {
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: -60px;
    width: 850px;
    text-align: left;
    left: 10px;
}

#lblMenuInfo.lblInfo {
    top: -65px!important;
    left: 15px;
}

#midPnl3 #linksPnlRight {
    padding: 15px;
}

#midLoginfrm > input {
    margin: 15px;
}

.menuDataPnl {
    background: none repeat scroll 0 0 white;
    border-radius: 10px;
    float: left;
    height:550px !important;
    top:65px;
    /*padding: 15px;*/
    width: 571px !important;
    margin-left: 15px;
}


.menuDataLblLnk.menuDownloadTitle {
    font-size: 14px;
    padding: 10px;
}

.menuDataLblLnk{
    float: left!important;
    margin: 5px;
    text-align: left;
}

.show{
    display: block;
}

.middleBasePnl .combo {
    left: 104px;
    top: -5px;
    width: 70% !important;
    margin-bottom: 10px;
}

#securityQuestionComboBox .comboBase, #admnTypeCombo .comboBase{
    height: 25px!important;
}

#securityQuestionComboBox .comboText, #admnTypeCombo .comboText{
    height: 25px!important;
    padding: 5px;
}

#securityQuestionComboBox .comboPicker, #admnTypeCombo .comboPicker{
    height: 25px!important;
}
#securityQuestionComboBox .comboPicker img, #admnTypeCombo .comboPicker img{
    height: 25px!important;
}
#securityQuestionComboBox.comboFocus, #admnTypeCombo.comboFocus{
    border: 0!important;
}

.menuDataLblLnk.menuDownloadTitle, .menuDataLblLnk.menuDepartmentTitle {
    font-size: 14px;
    margin: 0 !important;
    padding: 15px 20px;
}


#pnlDownLoads.menuDataLblLnk.show {
    height: 100%;
    margin: 0 !important;
}

.pnlMenuDataBase {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.rightDataPanel.menuLink {
    padding: 0!important;
}


.downloadPnl, .departmentPnl {
    /*background: none repeat scroll 0 0 lightyellow;*/
    border-radius: 0 0 10px 10px;
    display: inline-block;
    height: 502px;
    overflow: auto;
}

.isLogin .downloadPnl, .isLogin .departmentPnl {
    height: 93%!important;
}
.iterator.itrDownloads, .iterator.itrDepartment {
    padding-left: 40px;
}


.itrDownloads li, .itrDepartment li {
    width: 100%;
}

.itrDownloads > li {
    margin: 0px 0;
}


.lblDownloadCat {
    font-size: 14px;
    padding: 5px 0;
}
.pnlDownloadOuter {
    margin: 7px 0 10px 20px;
}

.lnkDownloads, .lnkDepartment {
    color: red !important;
    font-size: 13px;
}


#pnlDepartment.menuDataLblLnk.show {
    display: inline-block;
    height: 100%;
    margin: 0;
    width: 100%;
}

.li-menuItemsIterator.selectedOption {
    border-bottom: 3px solid;
}

.selectedOption .menuItemLabel{
    font-weight: bolder;
    font-size: 14px;
}

#pnlContactUs.menuDataLblLnk.show {
    margin: 20px;
}
.lblWarning {
    padding: 20px;
    text-align: left;
}

#otherDataPanel > p {
    margin-top: 25px;
}

.mandatory_headers:after {
    color: #ff0000;
    content: "*";
    display: inline-block;
    height: 10px;
    position: absolute;
    top: 5px;
    width: 20px;
}

.hiddenHdr,.prevQualTbl tr td:first-child{
    display: none !important;
}
/** Styling for header panel links starts here **/

.lblHeader {
    background: none repeat scroll 0 0 white;
    border-radius: 5px 5px 5px 5px;
    float: left;
    margin: 0 10px;
    padding: 13px;
    box-shadow: 1px 1px 3px -1px;
}

#lblTestCentre.lblHeader {
    cursor: pointer;
}

.pnlAdmissionStatus, .pnlAlertStatus {
    float: left;
}

.pnlAdmission {
    display: inline-block;
    float: right;
    margin-right: 10px;
}

.pnlAdmStat, .pnlAlertsPnl {
    border-radius: 5px;
    bottom: -60px;
    color: grey;
    display: none;
    position: absolute;
    right: 10px;
    z-index: 1;
}

.pnlAdmStat {
    padding-left: 20px;
}



.pnlAlertsOuter {
    background: white none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 1px 1px 5px 0;
    height: auto;
    max-height: 250px;
    overflow: auto;
    padding-left: 20px;
}

.lblAdmStatus, .lblAlertStatus {
    background: white none repeat scroll 0 0;
    border-radius: 1px 1px 5px 0;
    color: black;
}
.lblAdmStatus{
    box-shadow: 1px 1px 5px 0;
    border-radius: 10px;
    height: 50px;
    padding: 15px;
}

#lblAdmissionStatus:hover + #lblAlert + .pnlAdmissionStatus .pnlAdmStat{
    display: inline-block!important;
}

#lblAlert:hover + .pnlAdmissionStatus .pnlAlertsPnl{
    display: inline-block!important;
}
.pnlAdmStat {
    height: 50px;
    right: 100px;
    top: 50px;
    width: 280px;
}


.pnlAlertsPnl {
    border-top: 15px solid transparent;
    box-sizing: border-box;
    height: auto!important;
    top: 40px;
    width: 370px;
}

.iterator.itrAlerts {
    display: inline-block;
}

.itrAlerts li {
    display: inline-block;
    width: 100%;
}

.pnlAlertsInner {
    display: inline-block;
    padding: 0 20px 0 0;
    width: 100%;
}

.lblAlertStatus {
    display: inline-block;
    float: left;
    word-wrap: normal;
    width: 80%;
}

.lblAlertDateTime {
    display: inline-block;
    float: right;
    width: 20%;
}
/** Styling for header panel links ends here **/


/*****Test center starts preferences***/
.lblTestCenter {
    border-bottom: 1px solid lightgray;
    color: #0069B7;
    font-size: 15px;
    margin: 5px;
    padding: 0 15px 5px;
    text-align: left;
    cursor: pointer;
}

.itrPreference > li {
    width: 100%;
    margin: 10px 0;
}
.lblPreference {
    display: inline-block;
    font-size: 15px;
    left: 220px;
    position: absolute;
    top: 5px;
}


.pnlSelPref {
    border-bottom: 1px solid grey;
    display: inline-block;
    height: 24px;
    width: 190px;
}

.combo.selPrefrences, .combo.selPrefrences:focus {
    border: 0 none !important;
    width: 100% !important;
}

.combo.selPrefrencesText {
    font-size: 13px;
    width: 100%;
}

.combo.selPrefrencesText:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid grey;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 5px;
    width: 0;
}

.combo.selPrefrencesPicker {
    display: none;
}

.combo.selPrefrencesBase {
    width: 100%;
}

.button.btnSubmitPref {
    background: none repeat scroll 0 0 #D1EBF9 !important;
    border-radius: 5px 5px 5px 5px;
    height: 30px;
    padding-bottom: 4px;
    width: 100px;
}

#rightDataPanel > form#formTestCenter {
    height: 100%;
}

.pnlPreference {
    height: 96%;
}


.prefButtonPanel {
    display: inline-block;
    width: 100%;
}
.printImages {
    padding: 0 !important;
    cursor: pointer;
}


.lblAlertCount {
    background-color: red;
    border-radius: 50%;
    float: right;
    height: 20px;
    padding: 3px;
    right: 20px;
    text-align: center;
    top: -6px;
    width: 20px;
    z-index: 2;
}


.iterator.itrAlerts {
    width: 100%;
}
.firstHeader{
    /*border: medium none blanchedalmond;*/
    border-width:0px !important;
}

.pnlAdmissionStatus .pnlAlertsPnl:hover {
    display: inline-block !important;
}
/*****Test center ends preferences***/

.lblHeader#lblAlert {
    background: white url("../../images/notofication.png") no-repeat scroll center center;
    height: 40px;
    width: 50px;
}

.hideAlert{
    visibility: hidden!important;
}

.firstHeader{
    /*border: medium none blanchedalmond;*/
    border-width:0px !important;
}

.profile_img.profileMainDiv {
    height: 150px !important;
    top: 0 !important;
}

.profile_signature.profileMainDiv {
    height: 41px !important;
    left: 0;
    top: 14px;
    width: 73px !important;
}


.label.radioCls_label {
    float: left !important;
    height: 25px !important;
    margin-left: 10px !important;
    margin-top: 6px;
    width: auto !important;
}
.skipLoginPositionChange{
    left: 100px!important;
    bottom: 470px!important;
}

.hiddenSalt {
    visibility: hidden;
    width: 0;
}

.eventNamePnl{
    float: right;
    width: 50%;
}

.eventNameLbl{
    font-weight: bold;
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    text-decoration: underline;
}
.oa-secondInnerPanel #snippetOuter form{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}