body {
}

.formHeader {
    font-size: 20px;
    width: 700px;
    padding: 14px 0px 20px 0px;
    font-weight: 600;
    font-style: normal;
    color: #8EB9CB;
    text-transform: uppercase;
    border-bottom: 1px solid #8EB9CB;
    margin-bottom: 20px;
}

.plainText {
    font-size: 13px;
    color: #585F68;
    line-height: 22px;
    text-align: left;
    width: 90%;
}


.setContainer:after {
    content: "";
    display: table;
    clear: both;
}

.setContainer {
    margin-top: 10px;
}

.examMarksFormContainer, .universityDataFormContainer, .enrolmentBankAccountDataFormContainer, .neededDocumentsFormContainer, .certificateDeclareContainer {
    width: 100%;
    float: left;
    margin-top: 10px;
    box-sizing: border-box;
    background-color: #f2f2f2;
}

.neededDocumentsFormContainer {
    margin-top: inherit;
    margin-bottom: 15px;
}

.neededDocumentsFormContainer span {
    display: block;
    margin-left: 20px;
    margin-right: 20px;
}

.enrolmentBankAccountDataFormContainer, .enrolmentThirdLangQuestDataFormContainer{
    margin-top:20px;
    padding-top:20px;
    margin-bottom:20px;
    padding-bottom:20px;
    padding-left:10px;
    padding-right:10px;
}

fieldset {
    position: relative;
    clear: both;
    border: 0px;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}

.examMarksFormContainer fieldset, .universityDataFormContainer fieldset {
    border-bottom: medium solid #E3E3E3;
    padding-bottom: 5px;
    padding-top: 5px;
}

.examMarksFormContainer fieldset, .universityDataFormContainer fieldset {
    border-bottom: none;
}


fieldset > legend {
    font-size: 100%;
    width: 100%;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #8EB9CB;
    line-height: 20px;
    text-transform: uppercase;
    border-bottom: solid 1px #EBEBEB;
    padding-bottom: 12px;
    margin-bottom: 25px;
    min-height: 20px;
}

legend {
    padding: 7px 0px;
    text-transform: none;
    font-weight: bold;
    margin-left: 0px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 22px;
}

.examMarksFormContainer fieldset > legend, .universityDataFormContainer fieldset > legend {
    background: #D3EBD3;
    background: #D3E3EB;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #585F68;
    margin-bottom: 0px;
    box-sizing: border-box;
    padding: 15px 25px 15px 25px;
    min-height: 50px;
}

.examMarksFormContainer input[type=text], .examMarksFormContainer textarea, .examMarksFormContainer select, .examMarksFormContainer input[type=file], 
.logonFormContainer input[type=text], .logonFormContainer input[type=password], .registerFormContainer input[type=text], .registerFormContainer input[type=password], 
.changePasswordFormContainer input[type=password], .universityDataFormContainer input[type=text], .universityDataFormContainer select, .enrolmentBankAccountDataFormContainer input[type=text],
.commonDataFormContainer input[type=text], .enrolmentThirdLangQuestDataFormContainer input[type=text], .enrolmentThirdLangQuestDataFormContainer select, .neededDocumentsFormContainer input[type=file],
.certificateDeclareContainer select, .certificateDeclareContainer input[type=text], .certificateDeclareContainer input[type=file] {
    width: 35%;
    padding: 8px 10px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/*"input-validation-error" CSS class is handled by Validator/AbstractValidator class!*/
.commonDataFormContainer input[type=text].input-validation-error, .enrolmentBankAccountDataFormContainer input[type=text].input-validation-error,
.enrolmentThirdLangQuestDataFormContainer input[type=text].input-validation-error {
    border: 1px solid red;
}

.logonFormContainer input[type=text], .logonFormContainer input[type=password] {
    width:100%;
    margin:0px;
}

.universityDataFormContainer input[type=text].inputShort, .shortInputs input[type=text] {
    width: 15%;
}

.changePasswordFormContainer input[type=password] {
    width: 50%;
    margin-left: 10px;
}

#thirdlastYearViewDocSection, #penultimatelastYearViewDocSection, #thirdlastYearUploadDocSection, #penultimateYearUploadDocSection, #certificateUploadHtmlControlSection{
    width: 35%;
    float:left;
    padding-left: 4px;
}

#thirdlastYearUploadDocSection input[type=file], #penultimateYearUploadDocSection input[type=file], #certificateUploadHtmlControlSection input[type=file]{
    width:100%;
}

#CheckBoxOtherUniCumLaude {
    margin-top: 15px;
}

.examMarksFormContainer textarea {
    font-family: inherit;
    font-size: inherit;
}

.examMarksFormContainer input[type=file], .neededDocumentsFormContainer input[type=file], .certificateDeclareContainer input[type=file]{
    background: none repeat scroll 0 0 #FAFAFA;
    font-size: 125%;
    padding: 4px;
}

.examMarksFormContainer input[type=file]:hover, .neededDocumentsFormContainer input[type=file]:hover {
    background: none repeat scroll 0 0 #FFFFCC;
    border-color: #c5c5c5;
}

.examMarksFormContainer label, .examMarksFormContainer .labelDiv, .universityDataFormContainer label, .universityDataFormContainer .labelDiv, 
.enrolmentBankAccountDataFormContainer label, .enrolmentBankAccountDataFormContainer .labelDiv,
.enrolmentThirdLangQuestDataFormContainer label, .enrolmentThirdLangQuestDataFormContainer .labelDiv, .neededDocumentsFormContainer label,
.certificateDeclareContainer label {
    width: 26%;
    display: inline-block;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: top;
}

.enrolmentThirdLangQuestDataFormContainer label  {
    width: 31%;
}

.highschoolMarksDocUploadSectionLabel, .certificateUploadHtmlControlSectionLabel{
    float:left;
}

.examMarksFormContainer .rgLabel {
    display: inline-block;
    width: auto;
    vertical-align: inherit;
}

.setContainer > div {
    padding-left: 20px;
}

.examMarksFormContainer div {
    background-color: #f2f2f2;
}

.neededDocumentsFormContainer label {
    width: 80%;
}

.neededDocumentsUploadSection {
    padding-left:20px;
}

.neededDocumentsFormContainer input[type="file"]
{
    width:55%;
}

.marks-spacer {
    margin-top: 25px;
}

.formRow .info {
    float: right;
    height: 19px;
    width: 19px;
    position: relative;
    right: 225px;
    bottom: auto;
    top: 8px;
    margin-top: 4px;
    /*z-index: 999;*/
}

/*otherwise there is a mismatch with the exup.css info class in the same page :-( */
.enrolmentThirdLangQuestDataFormContainer .info
{
    border:none;
    background: none;
}

.enrolmentThirdLangQuestDataFormContainer .info-active
{
    right:130px
}

.formRow .info-active-on-short {
    right: 363px;
}

.formRow .info-active-on-long {
    right: 113px;
}


.formRow .info-active {
    background: url(img/info_icon.png) no-repeat top left;
    cursor: pointer;
}

.formRow .info-active-warning {
    background: url(img/warning_icon.png) no-repeat top left;
    cursor: pointer;
}

.neededDocumentsUploadSection .info{
    right:160px;
}

.neededDocumentsUploadSection .info-upload-ok {
    right: 170px;
    background:url(img/ok_icon.png) no-repeat top left;
    display:none;
}

.neededDocumentsUploadSection .info-upload-error {
    right: 30px;
    padding-top: 2px;
    width: 100px;
    font-weight: bold;
    color: red;
    display:none;
}

.cssTooltip {
    font-size: 11px;
}


.formRow .mandatory-text {
    float: right;
    width: 195px;
    background: #e44343;
    color: #fff;
    padding: 5px 10px;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: visible;
    line-height: 14px;
    position: relative;
    color: #fff;
    font-size: 11px;
    margin-bottom: 0;
    top: -1px;
}

.formRow .mandatory-text:before {
    content: "";
    position: absolute;
    left: -5px;
    top: 7px;
    border-right: 5px solid #e44343;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    z-index: 10;
}

.formRow:after {
    clear: both;
    content: ".";
    width: 0;
    height: 0;
    font-size: 0;
    display: block;
}

.examMarksFormContainer .year-sections-spacer {
    margin-top: 25px;
    border-top: 2px solid #8EB9CB;
}

.addSubjectRows, .ViewFileBtn {
    border: 1px solid #CCCCCC;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.1em;
    margin-left: 20px;
    margin-top: 20px;
    overflow: visible;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 4px 4px 4px 4px;
    background-color: #F6F6F6;
    color: #1C94C4;
    font-weight: bold;
    caption-side: top;
    text-align: left;
    padding: 5px 5px 5px 5px;
    width: 150px;
    font-size: 90%;
}

.addSubjectRows:hover, .ViewFileBtn:hover {
    background-color: #FDF5CE;
    border: 1px solid #FBCB09;
    color: #C77405;
    font-weight: bold;
}

.DeleteFileBtn {
    color: #ffffff;
    background-color: red;
}

#marksValidationSummary, #universityDataValidationSummary {
    font-weight: bold;
    width: 100%;
    color: red;
    display: none;
}

.TableStep {
    /*margin-left:5px;*/
}

.preenrolwizard-textmargin-left {
    padding-left: 5px;
}

.submitBtn {
    box-shadow: 0 0.1rem 0.1rem 0 rgba(0,0,0,.05), 0 0.2rem 0.3rem 0 rgba(0,0,0,.05);
    text-shadow: 0 0 0.3em rgba(82,82,82,.5);
    display: inline-block;
    position: relative;
    padding: .5rem 1.2rem .5rem;
    font-size: 0.8rem;
    font-family: DIN Web,Arial,sans-serif;
    font-weight: 400;
    line-height: inherit;
    letter-spacing: .05rem;
    text-align: center;
    vertical-align: middle;
    border: .1rem solid #007be4;
    border-radius: .4rem;
    color: #fff;
    background-color: #007be4;
    cursor: pointer;
    transition: background-color .2s cubic-bezier(.55,0,.1,1),border-color .2s cubic-bezier(.55,0,.1,1),box-shadow .2s cubic-bezier(.55,0,.1,1),color .2s cubic-bezier(.55,0,.1,1),opacity .2s cubic-bezier(.55,0,.1,1);
    /*overflow: hidden;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    transition: background-color .2s cubic-bezier(.55,0,.1,1),border-color .2s cubic-bezier(.55,0,.1,1),box-shadow .2s cubic-bezier(.55,0,.1,1),color .2s cubic-bezier(.55,0,.1,1),opacity .2s cubic-bezier(.55,0,.1,1),padding-left .2s cubic-bezier(.55,0,.1,1);
}

.submitBtn:hover {
    background-color: #006fcd;
    border-color: #0056a0;
    outline: 0;
}

.sideBarButton {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: .1rem solid #007be4;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0.1rem 0.1rem 0 rgba(0,0,0,.05), 0 0.2rem 0.3rem 0 rgba(0,0,0,.05);
    text-shadow: 0 0 0.3em rgba(82,82,82,.5);
    background-color: #007be4;
    color: #FFF;
    padding: 8px;
    text-decoration: none;
    display:inline-block;
    width:80px;
    text-align: center;
}

.sideBarButton:hover {
    background-color: #006fcd;
    border-color: #0056a0;
    outline: 0;
}


.SideBarButtonContainer {
    height: 32px;
}

/*autocomplete suggestion box "width" limiter*/
.ui-autocomplete {
    width: 400px;
}

#noJavascriptBlock {
    width:100%;
    text-align:center;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top:25px;
    padding-bottom:25px;
    border:2px solid red;
    font-weight: bold;
    font-size: 12px;
    color: red;
}

.moveTo {
    clear:left;
    padding-top:5px;
    float:left;
    padding-right:4px;
    width:16px;
    height:16px;
}

.moveIcon {
    background:url("../../../../custom/themes/studentapp/styles/img/moveTo_icon.png") no-repeat;
}

.messageIcon {
    background:url("../../../../custom/themes/studentapp/styles/img/information.png") no-repeat;
}

#forgotEmailMessage {
    display:none; 
    width:300px; 
    height:100px;
    margin-left:-120px;
    margin-top:20px;
    padding:10px;
    font-size:9pt;
    background-color:#EEEEEE;
    border:1px solid rgb(170, 170, 170);
    border-radius:4px;
}

#forgotEmailMessageClose {
    cursor:pointer;
    border:1px solid rgb(170, 170, 170);
    border-radius:4px;
    width:6px;
    height:auto;
    padding:4px;
    float:right;
}

#forgotEmailMessageText {
    width:270px;
    height:auto;
    float:left;
}

.accountLinksContainer a, .accountLinksContainer a:hover, .accountLinksContainer a:visited, .accountLinksContainer a:active {
    text-decoration: none;
    color: #666;
}

#selectDegrees{
    max-width: 600px;
}

.select-disabled
{
    opacity: 0.6;
    pointer-events: none;
}

#preenrol-noDocumentUpload{
    display:inline-block;
    padding-top:30px;
    padding-left:10px;
}

#degrRegistrationFeePaymentStatus #pagoPAOptionsSection{
    width:160%;
    background-color:#eaeaea;
    margin-top:5px;
    padding:10px;
    border:1px solid #c4c3c6;
}

#degrRegistrationFeePaymentStatus #pagoPAOptionsSection #pagoPAOptionsSectionClose{
    display:inline-block;
    text-align:center;
    width:100%;
    cursor:pointer;
}

#enrolLangExamsSectionTitle {
    padding-left: 6px;
}