/* General --------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Varela+Round&display=swap');

*{
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.visually-hidden {
    position: absolute;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.w-192{
    width: 192px;
}
.btn-add .fa.fa-pencil:before{
    content: "\f067";
}
.underline{
    text-decoration: underline;
}
.size-14{
    font-size: 14px;
}
.btn-widget-bottom{
    margin: 0 !important;
    padding: 16px 20px;
    font-size: 16px;
}
.t-Form-inlineHelp {
    font-size: 0.9rem !important;
}
.label-bright .t-Form-label{
    color: #585858;
}
.js-navExpanded .t-Header{
    position: fixed;
}
.js-navExpanded{
    overflow: hidden;
}

.ui-dialog.ui-dialog--notification{
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: auto;
    max-height: max-content;
}
.ui-dialog.t-Drawer--pullOutEnd {
    z-index: 999;
}
/*----Alert Success and Notification--------------------*/
#t_Alert_Success {
    color: #278701;
    background-color: #fff;
    border: 2px solid #247d8c;
}
#t_Alert_Success .t-Button--closeAlert , #t_Alert_Notification .t-Button--closeAlert {
    background-color: #247d8c;
}
#t_Alert_Notification {
    color: #000;
    background-color: #fff;
    border: 2px solid #247d8c;
}
#t_Alert_Notification .a-Notification-title.aErrMsgTitle , #t_Alert_Notification .t-Alert-icon{
    color: #c94541;
}
/*.t-Alert--page .t-Button.t-Button--closeAlert{
    right: auto !important;
    left: -.5rem;
}*/
/*------------------------*/
/*------ Header and nav Navigation_Menu --------------------------------------------*/
.apex-side-nav.js-navCollapsed .t-TreeNav .a-TreeView-label{
    margin-left: 8px;
    visibility: initial;
    color: #fff;
}
.apex-side-nav.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel>.a-TreeView-content .fa {
    width: 24px;
}
#t_TreeNav_1{
    display: none;
}
.start_new_application_button_top {
    padding: 12px 16px;
    font-size: 14px;
    color: #fff !important;
    background-color: #247D8C;
    -webkit-transition: trans-prefix(background-color 0.5s ease);
    -moz-transition: trans-prefix(background-color 0.5s ease);
    -o-transition: trans-prefix(background-color 0.5s ease);
    transition: background-color 0.5s ease;
}
.start_new_application_button_top .fa{
    vertical-align: baseline;
}
#t_Header:not(.t-Header.min) .start_new_application_button_top:hover{
    background-color: #003d52;
}
#t_Header:not(.t-Header.min) .t-Header-branding-2{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    float: right;
    width: -webkit-calc(100% - 230px);
    width: -moz-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 70px;
    padding: 0 40px;
    background-color: #fff;
    border-bottom: 1px solid #003D52;
}
#t_Header:not(.t-Header.min) .t-Header-logo{
    display: none;
}
#t_Header:not(.t-Header.min) .t-Header-controls{
    display: none;
}
#t_Header:not(.t-Header.min) .t-Header-logo-link{
    margin-inline-end: 0;
    vertical-align: middle;
}
#left_nav{
    position: absolute;
    top: -70px;
}
#left_nav .user-con-nav{
    display: none;
}
#left_nav .t-TreeNav{
   min-height: initial;
}
#left_nav .nav-menu.t-Body-nav{
    position: fixed;
    top: 0;
    width: 230px;
    height: 100vh;
    min-height: 540px;
}
#left_nav .t-Header-logo{
    margin: 49px 30px 49px 29px;
}
#left_nav .t-Header-logo .fgs_logo{
    width: 171px;
    height: 74px;
    max-height: initial;
}
#left_nav .t-Header-logo .t-Header-logo-link{
    margin-inline-end: initial;
}
#left_nav .start_new_application_button_top{
    display: none;
}
/* UPLOAD Block Dropzone ------------------*/
.upload-block .apex-item-filedrop {
    margin-bottom: 12px;
    padding: 56px 0px;
    border: 2px dashed #D8DBDE;
}
.upload-block .apex-item-filedrop-heading {
    font-size: 16px;
}
.upload-block .apex-item-filedrop-description {
    margin-bottom: 10px;
    color: #171717;
}
.upload-block span.t-Form-inlineHelp span {
    font-weight: 700;
    color: #171717;
}
.upload-block .apex-item-filedrop-icon .fa {
    font-weight: 700;
    color: #247D8C;
}
.upload-block .apex-item-filedrop-body .a-Button {
    min-width: 194px;
    font-size: 16px;
    font-weight: 400;
}
.upload-block .apex-item-filedrop-filename{
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #247d8c;
    font-weight: 800;
    font-size: 18px;
}
.upload-block .apex-item-filedrop-body{
    width: 100%;
    padding: 0 14px;
}
/* Alert Dialog---------------------------*/
div[role="alertdialog"] {
    padding: 30px 20px 16px;
}
div[role="alertdialog"] .ui-dialog-buttonset{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}
div[role="alertdialog"] .ui-dialog-buttonset button:first-child{
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 100%;
    margin-block-end: .5rem;
    font-weight: 700;
    border-color: #247d8c;
    background-color: transparent;
    -webkit-transition: trans-prefix(background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease);
    -moz-transition: trans-prefix(background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease);
    -o-transition: trans-prefix(background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease);
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease;
}
div[role="alertdialog"] .ui-dialog-buttonset button:not(.js-confirmBtn):first-child{
    color: #171717;
}
div[role="alertdialog"] .ui-dialog-buttonset button:first-child:hover{
    border-color: #003d52 !important;
    box-shadow: inset 0px 0px 0px 1px #003d52;
}
div[role="alertdialog"] .ui-dialog-buttonset button:last-child{
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    width: 100%;
    margin-left: 0;
    margin-block-end: .5rem;
    background-color: #247D8C;
    border-color: #247D8C;
    -webkit-transition: trans-prefix(background-color 0.5s ease);
    -moz-transition: trans-prefix(background-color 0.5s ease);
    -o-transition: trans-prefix(background-color 0.5s ease);
    transition: background-color 0.5s ease;
}
div[role="alertdialog"] .ui-dialog-buttonset button:last-child:hover{
    background-color: #003d52;
}
div[role="alertdialog"] .ui-dialog-content.ui-widget-content{
    padding: 0 20px 20px;
}
div[role="alertdialog"] .a-AlertMessage-details{
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}
div[role="alertdialog"] .ui-dialog-buttonpane{
    background-color: #fff;
    border-top: none;
}
/*buttons-------------------------------------------------------------*/
.t-Button.t-Button--hot:not(.t-Button--simple):hover {
    background-color: #003d52;
}
.t-Button.t-Button--hot.t-Button--simple{
    color: #171717;
}
.t-Button.t-Button--hot.t-Button--simple:hover{
    background-color: #fff;
    color: #171717;
    border-color: #003d52;
    box-shadow: inset 0px 0px 0px 1px #003d52;
}
.t-Button.t-Button--hot.t-Button--simple:focus{
    background-color: #fff;
}
/*btn-arr---*/
.btn-anim-arr{
    color: #171717;
}
.btn-anim-arr span.fa.fa-chevron-right{
    margin-left: 0;
    opacity: 0;
    -webkit-transition: trans-prefix(opacity 0.5s ease);
    -moz-transition: trans-prefix(opacity 0.5s ease);
    -o-transition: trans-prefix(opacity 0.5s ease);
    transition: opacity 0.5s ease;
}
.btn-anim-arr .t-Button-label{
    display: inline-block;
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px);
    -webkit-transition: trans-prefix(transform 0.5s ease);
    -moz-transition: trans-prefix(transform 0.5s ease);
    -o-transition: trans-prefix(transform 0.5s ease);
    transition: transform 0.5s ease;
}
.btn-anim-arr:hover{
    color: #171717;
    background-color: #fff;
    border-color: #003d52;
    box-shadow: inset 0px 0px 0px 1px #003d52;
}
.btn-anim-arr:hover span.fa{
  opacity: 1;
}
.btn-anim-arr:hover .t-Button-label {
    -webkit-transform: translateX(-4px);
    -moz-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    -o-transform: translateX(-4px);
    transform: translateX(-4px);
}
.apex-item-option label {
    min-width: 110px;
}
/* need help container ---------------------------------------------------------------------*/
.help-con .t-Button{
    font-size: 14px;
    border: 1px solid #247D8C;
    -webkit-transition: trans-prefix(background-color 0.5s ease);
    -moz-transition: trans-prefix(background-color 0.5s ease);
    -o-transition: trans-prefix(background-color 0.5s ease);
    transition: background-color 0.5s ease;
}
/*help-con navigation menu*/
.t-Body-nav .help-con {
    position: absolute;
    right: 24px;
    bottom: 60px;
    left: 24px;
    padding: 32px 34px;
    text-align: center;
    border: 1px solid #247D8C;
}
.t-Body-nav .help-con .fa-envelope-o:before{
    font-size: 40px;
}
.t-Body-nav .help-con .t-Button{
    color: #fff;
    background-color: #247D8C;
}
.t-Body-nav .help-con .t-Button:hover{
    background-color: #003D52;
}
.t-Body-nav .help-con h2 {
    font-size: 20px;
    font-weight: 400;
}
/*Items - Form ----------------------------------------------------*/
.oj-component-overlay ~ .oj-popup-layer .oj-popup{
    top: 60px !important;
}
.mobile-landscape div.create-popup-con .reg-forms{
    padding-bottom: 160px;
}
.mobile-landscape .reg-forms .t-Button--link {
    display: block;
    margin-bottom: 50px;
    line-height: 130%;
    white-space: normal;
}
.mobile-landscape .oj-component-overlay ~ .oj-popup-layer .oj-popup {
    overflow: auto;
    top: 8px !important;
}

.mobile-landscape .oj-component-overlay ~ .oj-popup-layer .oj-popup .oj-popup-content{
    padding-bottom: 40px;
    background-color: #fff;
}
.a-IconList-item:hover {
    font-size: 14px;
    font-weight: 700;
    color: #171717;
    background-color: #D3E5E8;
}
/*date picker*/
.oj-datepicker-calendar .oj-enabled.oj-hover{
    font-size: 14px;
    font-weight: 700;
    color: #171717;
    background-color: #D3E5E8;
}
.oj-datepicker-calendar td.oj-datepicker-today a , .oj-datepicker-calendar td a{
    border-radius: 0;
    border: none;
}
.apex-item-wrapper--date-picker-jet .oj-text-field-container .oj-component-icon.oj-clickable-icon-nocontext:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor){
    border-left: none;
    background-color: transparent;
}
/*popupLOV*/
.apex-item-group--popup-lov .a-Button.a-Button--popupLOV{
    border-left: none;
    background-color: #fff;
}
.apex-item-group--popup-lov .apex-item-text.apex-item-popup-lov{
    border-right: none;
}
/*Registration_form ----------------------*/
.wrap-box .t-Form-itemText{
    -webkit-flex-shrink: inherit;
    flex-shrink: inherit;
    line-height: initial;
    font-size: 14px !important;
}
.t-WizardSteps-marker {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    font-weight: 700;
    color: #6B6B6B;
    background-color: #fff;
    border: 2px solid #D8DBDE;
}
.t-WizardSteps-step.is-active .t-WizardSteps-marker {
    background-color: #247D8C;
    border: 3px solid #B7D1D6;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.t-WizardSteps-step.is-complete .t-WizardSteps-marker {
    width: 30px;
    height: 30px;
    background-color: #247D8C;
    border: 2px solid #247D8C;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.t-WizardSteps-label {
    padding-top: 14px;
    color: #4f4f4f;
}
.t-WizardSteps-step.is-active .t-WizardSteps-label{
    color: #171717;
}
.optional-wrap-box{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.optional-wrap-box>.t-Form-labelContainer.col {
    max-width: 100%;
    flex-basis: 100%;
}
/*general*/
/*NAV--*/
.a-TreeView-row.is-focused {
    outline: -webkit-focus-ring-color auto 1px !important;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row:not(.is-selected , .is-current--top) {
    background-color: #0E5769;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-selected, 
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top.is-selected{
    background-color: #247D8C !important;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-hover {
    background-color: #12697f !important;
}
/*input*/
.t-Form-itemWrapper option[selected="selected"] {
    background-color: #D3E5E8;
}
.apex-item-single-checkbox input:checked+.u-checkbox:before , .apex-item-checkbox .apex-item-option input:checked+label:before {
    color: #fff;
    background-color: #247d8c;
}
input.apex-item-text.apex-page-item-error {
    border: 1px solid #cb1100;
}
.apex-item-single-checkbox input+label:after, .u-checkbox:after , .apex-item-checkbox .apex-item-option input:checked+label:after {
    font-size: 14px;
}
.apex-item-single-checkbox input+label:before, .u-checkbox:before{
    border-radius: 0;
}
.a-Form-error, .t-Form-error{
    font-size: 0.9rem !important;
}
/*---------------------------------------------------------------------------------*/
/* user container------*/
.user-con{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 32px;
    line-height: 16px;
}
.user-con .fa{
    margin-right: 8px;
    font-size: 26px;
}
.user-con .name {
    font-size: 14px;
    color: #171717;
}
.user-con  .logout-link {
    font-size: 12px;
    color: #171717;
    text-decoration: underline;
}
/* main con general*/
.main-con .t-Region-title {
    font-size: 36px;
    font-weight: 700;
    color: #003D52;
}
.main-con .sub-title {
    font-size: 16px;
    font-weight: 400;
    color: #171717;
}
/*feed btn*/
.feed-btn-con{
    position: absolute;
    right: 0;
    width: fit-content;
    padding: 0;
}
.feed-btn {
    position: fixed;
    top: 134px;
    right: 0;
    height: 45px;
    padding: 0px 20px;
    background-color: #003D52;
    border-radius: 12px 0px 0px 12px;
    z-index: 2;
}
.feed-btn:focus{
    outline: auto 1px #247d8c;
    border: 3px solid #ffffff;
}
.feed-page{
    width: 596px;
}
/*widget-right -----------------------*/
.widget-right-general .t-Body-contentInner , .programs-con .t-Body-contentInner , .profile-page .t-Body-contentInner{
    max-width: 1460px;
}
.widget-right-general .ui-dialog-titlebar {
    padding: 24px 20px;
    background-color: #D3E5E8;
    border-bottom: 0;
}
h2.ui-dialog-title{
    margin: 0;
}
.widget-right-general .ui-dialog-title {
    display: inline-block;
    text-align: center;
    padding-left: 34px;
    line-height: initial;
    white-space: initial;
    font-size: 24px;
    font-weight: 400;
}
.widget-right-general .ui-dialog-title span{
    font-size: 16px;
    font-weight: 700;
}
.widget-right-general .ui-dialog-title span.feed-title {
    display: block;
    margin-bottom: 2px;
    font-size: 24px !important;
    font-weight: 400 !important;
}
.widget-right-general .ui-dialog-titlebar-close {
    position: absolute;
    left: 0;
    top: 16px;
    width: 22px;
    height: 22px;
    color: #171717;
    background-color: transparent;
    border: none;
}
.widget-right-general .ui-icon {
    width: 22px;
    height: 22px;
}
.widget-right-general .ui-dialog-titlebar-close .ui-icon-closethick::before{
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 24px;
}
.widget-right-general.title-hidden .t-Drawer-body {
    padding: 0;
}



.widget-right-general.title-hidden .row-main{
    margin: 0;
    padding: 116px 20px 20px;
}
.widget-right-general.title-hidden .row-title{
    position: fixed;
    right: 0;
    width: 102vw;
    padding: 24px 20px;
    background-color: #D3E5E8;
    border-bottom: 0;
    z-index: 99;
}
.widget-right-general.title-hidden .row-title .t-ContentBlock--h1{
    margin-bottom: 0;
}
.widget-right-general.title-hidden .row-title .t-ContentBlock-headerItems--title{
    flex-direction: row-reverse;
    justify-content: space-between;
}

.widget-right-general.title-hidden .row-title .t-ContentBlock-title{
    margin-right: 0;
    text-align: center;
    line-height: initial;
    white-space: initial;
    font-size: 24px;
    font-weight: 400;
    flex: 1;
}

.widget-right-general.title-hidden .row-title .t-Button{
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

.widget-right-general.title-hidden .row-title .t-Button .fa:before{
    content: var(--jui-dialog-title-close-icon, '\2715');
    font-size: 42px;
    width: 24px;
    height: 24px;
    line-height: 13px;
}





/*feed-page*/
  .widget-right-general .feed-page .ui-dialog-titlebar {
    color: #fff  !important;
    background-color: #003D52 !important;
}
 .widget-right-general .feed-page .ui-dialog-titlebar-close{
    color: #fff  !important;
}
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input+label {
    color: #171717;
    background-color: #fff;
    border: 1px solid #247D8C;
    -webkit-transition: trans-prefix(box-shadow 0.5s ease);
    -moz-transition: trans-prefix(box-shadow 0.5s ease);
    -o-transition: trans-prefix(box-shadow 0.5s ease);
    transition: box-shadow 0.5s ease;
}
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input+label:hover {
    border-color: #003d52;
    box-shadow: inset 0px 0px 0px 1px #003d52;
}
.radio_group.apex-item-group--rc input:checked+label {
    font-weight: 400;
    color: #fff;
    background-color: #247D8C;
    border-color: #247D8C;
}
.apex-item-group--rc input:checked+label:hover {
    box-shadow: none;
}
/*Academic background -----*/
.academic-bg{
    width: 100%;
    max-width: 100%;
    margin-inline-end: 0 !important;
}
.academic-bg span.fa.fa-graduation-cap{
    font-size: 30px;
    color: #247D8C;
}
.academic-bg  .card-con{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-column-gap: 16px;
    column-gap: 16px;
    width: 100%;
    padding: 16px 24px;
    border: 1px solid #247D8C;
    border-color: #247D8C;
}
.academic-bg .t-Card-subtitle{
    position: absolute;
    top: 10px;
    right: 24px;
}
.academic-bg .t-Card-title{
    font-weight: 700;
}
.academic-bg .desc span:not(.field-study){
    font-size: 24px;
    vertical-align: bottom;
    color: #247D8C;
}
/*WEIZ Minimal (No Navigation)---*/
.t-Header.min{
    background-color: #fff;
    border-bottom: 1px solid #003D52;
}
.t-Header.min .t-Header-branding{
    grid-template-areas: "logo title navbar";
    grid-template-columns: auto 1fr auto;
    background-color: transparent;
    max-width: var(--ut-wizard-max-width, 78.75rem);
    margin: auto;
    color:#171717;
}
.t-Header.min .t-Header-branding .t-Header-logo .fgs_logo{
    width: 117px;
    height: 41px;
}
.t-Header.min .t-Header-branding .page_title{
    grid-area: title;
    line-height: 28px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}
.registration-form-page footer#t_Footer {
    display: none;
}
.registration-con {
    margin-bottom: 200px;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.registration-con .t-Wizard-header{
    background-color: transparent;
}
.info-con {
    width: 100%;
    padding: 18px 18px 18px 45px;
    margin-bottom: 40px;
    line-height: initial;
    font-weight: 400;
    border: 1px solid #247D8C;
}
.info-con:before{
    position: absolute;
    top: 28px;
    left: 26px;
    font-size: 20px;
    color: #CA0000;
}
/*Continue application---*/
.continue-main-con {
    background-color: #fff;
    padding: 52px 52px 0;
    margin: 0 !important;
}
.white-con {
    padding-right: 52px;
    padding-bottom: 34px;
    background-color: #fff;
}
.continue-main-con .title-main{
    font-size: 36px;
    font-weight: 700;
    color:#003D52;
}
.continue-main-con .t-ContentBlock-title {
    font-weight: 700;
}
.continue-main-con .t-Region-title {
    font-weight: 700;
}
.continue-main-con .field-track-con .t-Form-itemText {
    font-size: 16px;
}
.continue-main-con .info-con-s .fa {
    padding-left: 1px;
    color: #CA0000;
}
.continue-main-con .info-con-s textarea.textarea {
    resize: none !important;
    min-height: 0rem !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #171717;
    border: none;
}
.continue-main-con  .border-bottom {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #D8DBDE;
}
/*warning popup---*/
.warning-dialog.popup-con .ui-dialog-titlebar {
    border-bottom: none;
}
.warning-dialog.popup-con .t-Dialog-body {
    background-color: #fff;
}
.warning-dialog.popup-con .ui-button {
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.warning-dialog.popup-con .ui-button:focus{
    outline: #fff !important;
}
.warning-dialog.popup-con .ui-icon{
    width: 22px;
    height: 22px;
}
.warning-dialog.popup-con .ui-dialog-titlebar-close .ui-icon-closethick::before {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 22px;
}
.warning-dialog.popup-con .t-Alert-icon {
    text-align: center;
    color: #247D8C;
    opacity: 0.3;
}
.warning-dialog.popup-con .t-Alert-icon .fa{
    font-size: 60px;
}
.warning-dialog.popup-con .t-Alert-title {
    color: #003D52;
    font-weight: 700;
}
.fgs-no-data-found{
    font-size: 18px;
    font-weight: 700;
    padding-left: 0;
}
/*Recommender List - table----*/
.t-Report-report .visually-hidden{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0;
}
/*----*/

div.create-popup-con {
    z-index: 999 !important;
}

.mobile-landscape div.create-popup-con {
    top: 0 !important;
    bottom: 0;
    left: 0 !important;
    right: 0;
    width: 100% !important;
    height: 100vh !important;
}


@media screen and (max-width: 1300px){
    .t-Header.min{
        padding: 0 16px;
    }

}
@media screen and (max-width: 1070px){
    .feed-btn {
        top: 90px;
        padding: 0px 12px;
        height: 36px;
    }
    .feed-btn .fa{
        font-size: 12px;
    }
    .js-navExpanded{
        --ut-nav-initial-width: 100vw !important;
        overflow: hidden;
    }
    .apex-side-nav.js-navCollapsed .t-Body-nav{
        width: 0 !important;
    }
    #t_TreeNav_1{
        display: grid;
    }
    #left_nav , #left_nav .nav-menu.t-Body-nav{
        top: 54px;
    }
    #left_nav{
        position: sticky;
        height: -webkit-calc(100vh - 70px);
        height: -moz-calc(100vh - 70px);
        height: calc(100vh - 70px);
        min-height: initial;
        z-index: 3;
    }
    #left_nav .nav-menu.t-Body-nav{
        width: 100vw;
    }
    #left_nav .t-TreeNav{
        height: -webkit-calc(100vh - 310px);
        height: -moz-calc(100vh - 310px);
        height: calc(100vh - 310px);
    }
    #left_nav .user-con-nav{
        display: block;
        margin-bottom: 2px;
        padding: 32px 12px;
        text-align: center;
        background-color: #247D8C;
    }
    #left_nav .user-con-nav span.fa{
        margin-bottom: 16px;
        font-size: 32px;
    }
    #left_nav .user-con-nav .name{
        margin-bottom: 16px;
        font-size: 20px;
    }
    #left_nav .user-con-nav .logout-link{
        color: #fff;
        text-decoration: underline;
        font-size: 12px;
    }
    #left_nav .t-TreeNav>ul li{
        margin-bottom: 2px;
    }
    #left_nav .a-TreeView-content{
        padding: 20px 24px;
    }
    #left_nav .t-TreeNav .a-TreeView-content .fa {
        font-size: 20px;
    }
    #left_nav .t-Body-nav .help-con, #left_nav .t-Header-logo{
        display: none;
    }
    #left_nav .start_new_application_button_top{
        display: block;
        max-width: 160px;
        margin: auto;
    }
    #t_Header:not(.t-Header.min) .t-Header-controls{
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    #t_Header:not(.t-Header.min) .t-Header-controls button {
        height: 100%;
        margin-right: 13px;
        background-color: transparent;
        color: #fff;
    }
    #t_Header:not(.t-Header.min) .t-Header-controls button:focus, #t_Header .t-Header-controls button.is-active {
        --a-button-state-border-color: transparent;
        --a-button-state-shadow: transparent;
        border: none;
    }
    #t_Header:not(.t-Header.min) .t-Header-controls button:before{
        display: none;
    }
    #t_Header:not(.t-Header.min) .t-Header-controls span{
        font-size: 30px;
    }
    .js-navExpanded #t_Header .t-Header-controls span.fa:before{
        content: '\2715';
    }
    #t_Header:not(.t-Header.min) .t-Header-branding-2{
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        height: 54px;
        padding: 0 10px;
        background-color: #003d52;
    }
    #t_Header:not(.t-Header.min) .t-Header-logo{
        display: block;
    }
    #t_Header:not(.t-Header.min) .start_new_application_button_top , #t_Header .user-con{
        display: none;
    }
    #t_Header:not(.t-Header.min) .t-Header-logo-link img{
        max-height: 50px;
    }
    /*Registration_form-----------*/
    .t-Header.min .t-Header-branding .page_title{
        line-height: 22px;
        font-size: 20px;
    }
}
@media screen and (max-width: 800px){
    /*Registration_form ---------*/
    .t-Header.min .t-Header-branding .page_title{
        line-height: 20px;
        font-size: 16px;
    }
    .t-Header.min .t-Button.t-Button--hot.t-Button--simple{
        border: none;
        box-shadow: none;
        padding: 0;
        min-width: auto;
    }
    .t-Header.min .t-Button.t-Button--hot.t-Button--simple .t-Button-label{
        display: none;
    }
    .t-Header.min .t-Button.t-Button--hot.t-Button--simple .fa-chevron-right:before{
        content: "\e0a2" !important;
        font-family: "apex-5-icon-font" !important;
    }
    .t-Header.min .t-Header-branding .t-Header-logo{
        width: 80px;
    }
    .t-Header.min .t-Header-branding .t-Header-logo .fgs_logo{
        width: 72px;
        height: 26px;
    }
    .t-WizardSteps-label {
        display: none;
    }
    .t-Wizard .t-Wizard-body{
        -webkit-padding-before: 0;
        padding-block-start: 0;
    }
    .registration-form-page .registration-con{
        margin-bottom: 0;
    }
    .registration-form-page .t-Body-contentInner:before{
        display: none;
    }
    .info-con {
        font-size: 14px;
        padding: 15px 15px 15px 32px;
        margin-bottom: 24px;
    }
    .info-con:before {
        top: 28px;
        left: 20px;
        font-size: 14px;
    }
}
@media screen and (max-width: 730px){
/*Login - Create popup page---*/
    .create-popup-con{
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
    }
}
@media screen and (max-width: 639px){
    div.create-popup-con .reg-forms{
        padding-bottom: 160px;
    }
    .registration-form-page .col-1, .registration-form-page .col-10, .registration-form-page .col-11, .registration-form-page .col-12, .registration-form-page .col-2, .registration-form-page .col-3, .registration-form-page .col-4, .registration-form-page .col-5, .registration-form-page .col-6, .registration-form-page .col-7, .registration-form-page .col-8, .registration-form-page .col-9 {
        max-width: 100%;
        flex-basis: 100%;
    }
    /*Login - Create popup page---*/
    .create-popup-con .col-6{
        flex-basis: 100%;
        max-width: 100%;
    }
    .create-popup-con .t-Form-inlineHelp{
        font-size: 12px;
    }
    /* Drawer Pages ----------*/
    .ui-dialog.t-Drawer--pullOutEnd {
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .feed-page {
        width: 100% !important;
    }
/*-----*/
    .t-Body-contentInner , .widget-right-general .t-Body-contentInner , .programs-con .t-Body-contentInner , .profile-page .t-Body-contentInner{
        max-width: 100vw;
        padding: 20px !important;
    }
    .info-con:before {
        top: 20px;
    }
    .t-Wizard .t-Wizard-body{
        -webkit-padding-after: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start: 0;
    }
    .continue-main-con{
        padding: 20px 20px 0;
    }
    .white-con{
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        -webkit-margin-start: 0;
        margin-inline-start: 0;
        height: 90px;
        padding: 0 20px;
    }
    .white-con .t-ButtonRegion-wrap{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .white-con .t-ButtonRegion-col--right{
        width: 100%;
    }
    .white-con .w-192{
        width: -webkit-calc(50% - 5px);
        width: -moz-calc(50% - 5px);
        width: calc(50% - 5px);
    }
    .white-con.one-btn .w-192{
        width: 100%;
        -webkit-margin-start: 0 !important;
        margin-inline-start: 0 !important;
    }
    .white-con .t-Button--gapRight{
        -webkit-margin-end: 5px !important;
        margin-inline-end: 5px !important;
    }
    .white-con .t-Button--gapLeft {
        -webkit-margin-start: 5px !important;
        margin-inline-start: 5px !important;
    }
    .t-ButtonRegion--stickToBottom.is-anchored{
        position: relative !important;
    }
    .white-con.row .col.col-end{
        -webkit-padding-end: 0 !important;
        padding-inline-end: 0 !important;
    }
    .white-con.row .col.col-start{
        -webkit-padding-start: 0 !important;
        padding-inline-start: 0 !important;
    }
}
@media screen and (max-width: 600px){
    .main-con .t-Region-title {
        font-size: 24px;
    }
    .academic-bg .desc span:not(.field-study){
        display: none;
    }
    .academic-bg .desc span.field-study{
        display: block;
    }
    .academic-bg .t-Card-subtitle .fa.fa-pencil {
        font-size: 20px;
    }
    .academic-bg .t-Card-subtitle{
        right: 12px;
    }
    .academic-bg .card-con {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 12px;
    }
    .academic-bg span.fa.fa-graduation-cap{
        margin-bottom: 8px;
        font-size: 24px;
    }
    .academic-bg .t-Card-title{
        font-size: 14px;
    }
    /* Registration_form ---*/
    .continue-main-con .title-main{
        font-size: 24px;
    }
    .widget-right-general .ui-dialog-title{
        font-size: 20px;
    }
    .continue-main-con .info-con-s textarea.textarea{
        height: 3.5em;
    }
    .continue-main-con .info-con-s .t-Form-itemText{
        height: 30px;
    }
    .reg-forms .t-Button--link {
        display: block;
        margin-bottom: 50px;
        line-height: 130%;
        white-space: normal;
    }
}
@media screen and (max-width: 460px){
    #left_nav .t-TreeNav{
        height: fit-content;
    }
    #left_nav .start_new_application_button_top{
        max-width: initial;
        margin: 40px 20px 0px;
        text-align: center;
    }
    .widget-right-general .t-Drawer-body {
        padding: 20px;
    }
/*    .widget-right-general .t-Region-title {
        font-size: 16px;
    }*/
    .widget-right-general .t-ButtonRegion-col--content .t-Button.visit-btn{
        font-size: 14px;
    }
}




/*mobile-landscape ----*/
html , .mobile-landscape {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100vw;
    height: 100%;
}

.mobile-landscape #left_nav{
    position: fixed;
    top: 54px;
    overflow-y: auto;
    height: 100vh;
}

.mobile-landscape #left_nav .nav-menu.t-Body-nav{
position: relative;
top: 0px;
}
.mobile-landscape #left_nav .t-TreeNav{
height: auto;
margin-bottom: 24px;
}


.mobile-landscape .ui-dialog.t-Drawer--pullOutEnd{
left: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
.mobile-landscape.feed-page{
    width: 100% !important;
}

.mobile-landscape.upload-block .t-Form-fieldContainer{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    align-items: center;
    margin-bottom: 24px;
}
.mobile-landscape .upload-con{
    margin-top: 0;
}
.mobile-landscape.upload-block .apex-item-filedrop{
    padding: 14px 0px;
}
.mobile-landscape .main-body .t-ContentBlock-title{
    margin-top: 0;
}
.mobile-landscape .center-con .t-ContentBlock-header{
    margin-bottom: 26px;
}
.mobile-landscape .rec-must-submitted .t-Form-fieldContainer{
    flex-direction: column;
}
.mobile-landscape .rec-must-submitted .t-Form-labelContainer , .mobile-landscape .rec-must-submitted .t-Form-inputContainer{
    max-width: 100%;
    flex-basis: 100%;
}
.mobile-landscape .rec-must-submitted .t-Form-labelContainer{
    -webkit-padding-after: 0;
    padding-block-end: 0;
}
.mobile-landscape .rec-must-submitted .t-Form-inputContainer{
    -webkit-padding-before: 0;
    padding-block-start: 0;
}

.mobile-landscape.js-navExpanded .t-Header{
    position: sticky;
}
.mobile-landscape .ui-dialog.ui-dialog--notification{
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: auto;
    max-height: max-content;
}
/*------mobile-landscape*/