/*
----------------------------------------------------------------------------------
-- Description  Quercus theme: main styles
-- Type         CSS/Script
-- Copyright    (c) CampusIT Limited. All Rights Reserved.
--
-- $Rev: 33532 $
-- $Id: theme.css 33532 2019-01-09 11:37:52Z kkulcsar $
----------------------------------------------------------------------------------
*/

/*
	Change Log:
    Manoj B     22-Nov-2023   Added new classed for decision INV and REJ for displaying colours on admission screen.
	Ghansyam Panigrahi   10-Jun-2025   Added new color to the UI for rebranding purpose


/*CSS Reset*/
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font:inherit;}

/*Basics*/
body {width:100%; height:100%; margin:0; background-color:#F2F2EE; font-size:12px; line-height:1.5; font-family:"Open Sans", Helvetica, Arial, sans-serif;}
a {text-decoration:underline; }
a:hover {text-decoration:none;}
h1, h2, h3 {font-weight:normal;}
h1 {font-size: 2em; padding: 0 0 0.5em; line-height: 1.5em;}
p {padding:0.5em 0; font-size:1em;}
kbd { font-weight:bold;}

/*Utilities*/
.nowrap {white-space:nowrap;}
.float-left {float:left;}
.float-right {float:right;}
.hide {display:none;}
.off-screen {position: absolute; left:1px; top: 1px; width:1px; height:1px; overflow:hidden;}
.smaller-text {font-size:0.9em;}
.larger-text {font-size:1.25em;}


/*Layout*/
.wrapper {display:table; position: relative; margin:0; width:100%;}
.header {position:absolute; top:0; width:100%; height:4.3em; border-bottom: 1px solid #DBDAD0; z-index:-1;}
.wrapper-main {display:table; width:100%;}
.content {display:table-cell; min-width:800px; max-width:1000px; vertical-align:top;}
.sidebar-right {display:table-cell; vertical-align:top; max-width: 14em;}
.content-body {display:table-cell; clear:both;}
.footer {text-align:center; margin:12em auto 0; width:45em;}
.version {}

.login .wrapper-main {margin-top: 6em;}
.login .side-space {width:0;}
.login .sidebar-right {width:0;}
.login .notification, .login .ErrorPageMessage {margin:0 auto; width:50em;}

.logo {float:left; }
.logo a {display: block; float: left }
/*.logo a:hover {position:relative; top:1px;}*/
.app-name {clear:both; float:left; margin: -37px 0 0 113px; font-size: 14px; white-space:nowrap; font-weight: 600;}
.user {float:right; padding:0.5em 0em; text-align:right; text-transform:uppercase; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:12em; margin-right:1em;}
.user a { font-size:0.9em; text-transform:capitalize; text-decoration:none;}
.user a:hover { border-bottom:1px dotted #ccc;}
.subnav {}
.side {display:table-cell; padding:0; text-align:right;}
.side-space {display: table-cell; width: 20%;}
.customize {clear:right; text-align:right; padding: 1em 0;}
.customize a {background-color: #FFFFFF; border-radius: 0.25em; font-size: 1em; padding: 0.25em 0.5em; text-decoration: none;}
.customize a:hover {padding-right: 1em;}

/*Regions*/
.region .region, .region .region-parallel { border: none}
/*.region, .region-parallel {margin:0 0.5em 0.5em 0; padding:0.5em 1em 1em; background-color:#fff; border-radius: 0 0 0 1em; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); position: relative; top: -1px; border-top: 1px solid #d9d9d9;}*/

.region, .region-parallel {margin:0 0.5em 0.5em 0; padding:0.5em 1em 1em; border-radius: 0 0 0 1em; position: relative; top: -1px; }

.region {clear:both; overflow:auto; background-color: #fff; border: 1px solid #d9d9d9;}
.region h2, .region h3, .region-parallel h2, .region-parallel h3, .service-name {margin: 0 0 0.5em; text-transform:capitalize; font-weight:600;}
.region h2, .region-parallel h2 {font-size:1.5em;}
.region-parallel h2 {border-bottom:1px solid #f0f0eb;}
.region h2, .region h3 {display:inline-block;}
.region h3, .region-parallel h3 {margin: 0 0 1em; font-size:1.25em;}
.region .region {box-shadow:none;}
.sidebar-region {clear:right; padding:1em 0.5em 0.5em; margin-left: 0.5em; }
.sidebar-region h2 {text-transform:uppercase;}
.button-holder {clear:both;}
.heading {padding: 0.25em 0px 0.5em; border-bottom: 1px solid #F0F0EB; text-transform: uppercase;}
.heading a {text-decoration:none;}
.heading a:hover {text-decoration:underline;}

/*Navigations*/
.nav-main {display:block; float:right; list-style:none;}
.nav-main li {float:left; padding: 0.75em 0.5em;}
.nav-main li a {display:block; overflow:auto; padding: 0.25em 0.75em; font-size: 1.3em; text-transform:uppercase; text-decoration:none; border-radius:0.3em; font-weight: 600;}
.nav-main li a:active {position:relative; top:1px;}
.nav-main img {display:block; float:left; height: 23px}

.nav-sub {list-style:none;}
.nav-sub li {float:left;}
.nav-sub li a {display: block; margin-right: 0.5em; padding: 0.5em 0.5em 0.75em;text-decoration: none; white-space: nowrap;}
.nav-sub li.tab-on a {padding: 0.5em 1em 0.75em; border-radius: 3px 3px 0 0; background-color: #FFF; border: 1px solid #d9d9d9; border-bottom: none; position: relative; z-index: 1;}
.nav-sub li a:hover {text-decoration: underline;}
.nav-sub li a:active {position:relative; top:1px;}
.nav-sub ul:first-child {border-radius: 1em 0 0;}
.nav-sub .tab-on { height: 32px;}
div.region + ul.nav-sub {margin-top: 1em;}

.nav-side {}
.nav-side li {list-style:none;}
.nav-side li a {display:block; padding: 0 1em; text-decoration:none; line-height:2.5em; text-transform:uppercase; white-space:nowrap;}
.nav-side li.tab-on a, .nav-side li.tab-off a:hover {background:#fafafa;}
.nav-side li a:active {background-color:#fff;}
.nav-side img {display:none;}
.service-name {margin:0 1em 0.5em; text-transform: uppercase; font-size:1.1em; }

/*Breadcrumbs*/
.breadcrumbs {padding: 0 1em; line-height: 3em;}
.breadcrumbs a {text-decoration:underline; font-size:1em;}
.breadcrumbs a:hover {text-decoration:none;}

/*Tasks*/
.tasks {list-style:none; margin:0.5em 1em 0 0;min-width: 10em;}
.tasks li {padding: 0.5em 0.5em 0.25em;}
.tasks li a {display:block; text-decoration:none; white-space:nowrap; text-transform: uppercase; font-size: 0.9em;}
.tasks li a:hover {text-decoration:underline; }
.tasks li a:active {}
.tasks img {float:left; padding: 0 0.5em 0 0; width: 18px; }

/*Lists*/
.bullet-list {list-style:none;}
.bullet-list li {padding: 0.25em 0 0 0;}
.bullet-list a {text-transform:uppercase; text-decoration:none;}
.bullet-list a:hover {text-decoration:underline;}
.type-list a {display:block; min-width:300px; padding:0.25em 0; text-decoration:none; border-radius:3px; }
.type-list a:hover {text-decoration:underline;}

/*Wizard*/
.wizard-progress {width:auto; margin: 0.5em; background-color:#F8F8F8; text-align:center;}
.wizard-progress .current, .wizard-progress .noncurrent {padding: 0.75em 1em; white-space:nowrap;}
.wizard-progress .current {background-color:#fff; font-weight:600;}

/*Search*/
/*.region-viewtype {display: inline-block; margin: 0 0 -0.5em; padding: 0 1em; border-radius: 0.5em 0.5em 0 0; clear:both; background-color:#fff;}*/
.region-viewtype { display: inline-block; background-color: #fff; margin: 0 0 -5px 0; border-radius: 3px 3px 0 0; border: 1px solid #d9d9d9; border-bottom: none; position: relative; z-index: 1; padding: 0 1em;}
.region-viewtype table.formlayout {margin:0;}

/*Tables*/
.report {border-top: 1px solid #F5F5F5; margin-top: 0.5em;}
.report a {}
.report th {padding:0.5em 0.25em; white-space:nowrap; vertical-align:top;}
.report td {padding:0.25em; vertical-align:middle;}
/*.report th, .report td {border-bottom:1px solid #f5f5f5;}*/
.report tr:hover td {background:#D2D2D2;}
.report-large td {padding:0 0.25em; }
.report-updates td {padding: 0.5em 0; background:#fff;}
.report-updates tr:hover td {background:#fff;}
.data-alt {background-color:#F2F1F1;}
 table img { height: 18px; vertical-align: middle; }
.formlayout td.tdDataTD, td.tdDataTD {background-color:#F2F1F1;}
.formlayout td.tdDataTD {border-radius: 0.25em; padding: 0.25em 0.5em;}
.formlayout {width:100%; margin:0 0 0.25em 0;}
.formlayout td {padding: 0 0.5em;}
.formlayout ul {margin-left:1em;}
.csv {padding: 1em 0;}
.csv a, .hlink {font-size:0.9em; /*text-decoration:none;*/}
.data a img:active {position:relative; top:1px;}
th abbr {border-bottom:1px dotted #000; cursor:help}
.move {height:16px; width:22px; background:url('move.svg') no-repeat 50% 50%; background-size: 16px;}

/*Report Icons*/
.report-icon { padding: 5px 0 0 0; }
.report-icon:active {position:relative; top:1px;}

/*Labels and Report Headers*/
.label, .report th { white-space:nowrap;}
.label {font-size: 0.9em; text-transform:uppercase;}
a.label, .report th a {text-decoration:underline;}
.label {}
.error {padding: 0 0.5em; border:0; background-color:#fceeeb;}
.required {font-size:1.4em; padding:0 0.25em 0 0; line-height:0.9em; font-weight:bold; }
.on-state, .on-state a   { color: #5B5E65; background-color:#EAF7F2 !important;}
.off-state, .off-state a, .off-state .value span{ color: #D42828; background-color:#FFEEED !important;}
span.off-state {background:none !important;}
.tag-label {margin:0 0.5em; padding:0.25em 0.5em; border-radius:0.4em; font-size:0.9em;text-transform:uppercase; }
.tag-label-error {background-color:#fce3dd;}
.tag-label-pending {background-color:#edeaff;}
.tag-label-warning {background-color:#ffe0bf;}
.tag-label-success {background-color:#e2fdf1;}
.tag-label-off {background-color:#eee;}

/*Inputs and Forms*/
input[type=text], input[type=password], checkbox, textarea, select {border:1px #ccc solid; background-color:#FFFEFB; font-size:inherit;  border-radius:0.25em;}
input[type=text], input[type=password], checkbox, textarea {padding:0 0.25em;}
select {padding:0;}
input.radio, input[type=radio] {border:hidden;}
input[readonly], select[disabled] {border:0; background-color:#ddd; }


/*Errors and Messages*/
.nodatafound, .message {display: block; margin: 0.5em 0; background-color: #F0F0EB; font-style: italic;}
.nodatafound, .message, .success {display: block; padding: 0.5em 1em;}
.nodatafound {margin:1em 0;}
.nodatafound img { width: 18px; }
.display_only .nodatafound {margin:0.5em 0;}
/*.display_only img { width: 100%; height: 100%; }*/

.messages {text-align:center;}
.success {background-color:#eaf7f2;text-align:center; margin-right:0.5em; border-top: 2px solid #00804d; color: #00804d;}
.success ul, .notification ul  {text-align:left; padding:0 0.5em;line-height: 1.8;}
.success li, .notification li {text-align:left;}
.notification, .ErrorPageMessage {margin-right: 0.5em; padding: 0.5em 1em; background-color:#ffeeed; text-align:center; border-top: 1px solid #d42828;}
.ErrorPageMessage {min-width:600px;}
.small {}

/*Smartlinks
.sl-list {list-style:none; list-style-position:outside; margin-top: 1em;}
.sl-list-box {display:block; overflow:hidden; height:46px; width:192px; position:relative; border-radius:3px;}
.sl-list a {display: block; text-decoration:none;}
.sl-list-box img {clip: rect(1px, 190px, 46px, 2px); position: absolute;}
.sl-list .text { line-height:1.2; white-space:normal; position:absolute; top:6px; right:8px; width:110px; text-align:right; z-index:1;}
.sl-list-box:hover, .sl-list-box:hover {position:relative; top:1px;}
.sl-list-box:active, .sl-list-box:active {position:relative; top:2px;}
*/
/*Page Help*/
.help {display:none; padding: 10px; background: #fff} 
.help ul, .help ol {padding:0 0 0 1em;}

/*Pagination*/
.pagination {}
.fielddata {font-size:0.9em; padding: 0 0.5em;}
.page-next, .page-prev { background-repeat:no-repeat; height:25px; width:18px; display:block;}
.page-next {background-image:url('page-right.svg');}
.page-prev {background-image:url('page-left.svg');}
.leftpag, .rightpag {max-width:2em;}
.leftpag .page-next {display:none;}
.rightpag .page-prev {display:none;}
.rpt-sort img {padding:0 0 0 2px;}

/*Version*/
.version {margin-top:1em; text-align:center;}
.legal {font-style:italic;}

/*Home Page*/
.TopNews {float:right;}
.news-region {width:425px;}
h2.section-title { font-size:inherit; padding:0.25em 0 0.5em; }
.news-box {min-height:150px; height:156px; overflow:auto;}
.news-box h1, .news-box h2 {padding:0 0 0.2em !important; font-size:1.25em !important; border:none !important;} /*to override RTE styling*/
.TopMenu {float:left; height: 204px;}
.sl-container {margin:0.5em auto; width:800px; clear:both;
}
.sl-box-top {border-radius:8px; width:100px; height:192px; float:left; margin:0.5em; position:relative;}
.sl-box-top img { position:absolute; }
.sl-box-top a {display: block; text-decoration:none; width: 100%; height: 100% /*for Webkit*/}
.sl-box-top .text {position:absolute; top:25px; width:100%; font-size:1.1em; text-align:center; text-decoration:none; z-index:1; font-weight: 600}
.sl-box-bottom {position:relative; width:189px; height:70px; margin: 0.4em 0.4em; border-radius: 5px;}
.sl-box-bottom a {display: block; text-decoration:none; height: 100%; width: 100% /*for Webkit*/}
/*.sl-box-bottom img { clip: rect(2px, 191px, 70px, 1px); position: absolute; top: 25px; right: 10px; width: 8px; height: 18px;}*/
.sl-box-bottom img { height: 70px;}

.sl-box-bottom .text { width: 60%; position: absolute; top: 16px; right: 15px; font-size: 1.1em; text-align: right; line-height: 1.3em; z-index: 1; font-weight: 600; }
.sl-box-bottom:hover, .sl-box-top:hover {position:relative; top:1px;}
.sl-box-bottom:active, .sl-box-top:active {}

/* CC Smart Links*/
.sl_restrict_size {padding:4px; overflow:hidden;}
.sl_restrict_size a {text-decoration:none; cursor:hand;}
.sl_restrict_size a img, .sl_restrict_size div {outline:none !important}
.sl_top_restrict_size {width:99px; height:182px; overflow:hidden; margin-right:6px;}
.sl_pages_restrict_size {width:200px; height:61px; overflow:hidden;}
.sl_demo {width:205px; height:205px; padding:4px; overflow:hidden;}
.sl_restrict_size_edit {width:206px; padding:0.5em; overflow:hidden;}
.sl_restrict_size_edit img { height: auto; width: auto}

.img_download {background-image:url('download.svg'); background-repeat:no-repeat; width:23px; height:20px;}

/*Person Badges and Updates*/
.person-badge {display:block; float:left; width:180px; height:60px; margin:0 0.5em 0.5em; padding: 0 0.5em 0 0; background-color:#F0F0EB; text-align:left; border-radius:0 0.5em 0.5em 0; border-bottom:1px solid #DBDAD0;}
a.person-badge:hover {text-decoration:none; box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc;}
a.person-badge:active  {box-shadow:0 0 6px #BA5E00; -webkit-box-shadow:0 0 6px #BA5E00;}
a.person-badge img {float:left;}
div.person-badge {height:62px;}
div.person-badge img {float:left; height: 60px; width: 50px; }
.person-badge div.badge-head {text-align:right;}
.person-badge div.badge-line {text-transform:uppercase; text-align:right; font-size:0.9em;}
.update {margin:0 0.5em 1em; min-height:62px;}
.action, .visibility { padding:0.15em 0.25em; background-color:#F0F0EB; text-transform:uppercase;}
.visibility {float:right;}
.action {float:left;}
.note {clear:left; padding:0.5em;}

/*Tile Reports*/
.tile {float:left; height:9em; width:20em; overflow:hidden; background:#fff; padding:0.5em 1em; margin:0 0.5em 1.5em; border-radius: 4px;}
.tile-category {font-size:0.9em; text-transform:uppercase;}

/*Dashboards*/
.dash-tile {margin:0 1em 0.5em; padding:1em; min-width: 6em; background-color:#eff7ff; border-radius:1em; font-weight: 600}
.dash-tile .value {font-size:2em; font-weight:bold; text-shadow: 1px 1px #FFF; color: #2874bb}

/*Tags Report*/
.tag-report {overflow:auto; margin-left:110px; margin-top:0.25em;}
.tag {float:left; padding:0.25em 0.5em 0 0.5em; margin:0 0.25em 0.5em; border-radius:4px; }
.tag > div {float:left; padding:0 0 0 0.5em;}
.tag .report-icon {padding:0; height: 18px; width: 18px}

/*Progress Tab*/
a.liveicon {display:block; width:38px; text-decoration:none; font-weight:bold; white-space:nowrap; cursor:hand; text-align:center; line-height:1.8; margin:0.15em; text-decoration: none; white-space:nowrap;  border:0; border-radius:0.5em; background-color:#F0F0EB; background-image:url(gradient.png) repeat-x left; box-shadow: 0 1px 0 0 #ddd;}
a.liveicon:active {position:relative; top:1px;}
.progress {max-width: 8em; margin: 7.5em 1em 0 -0.5em; padding: 1em 1.5em; background-color: #F8F8F8;}
.progress h2 {text-transform: uppercase;}
.progress span {font-size:2em; }
.scorerequired {display:block; float:right; height:0.75em; width:0.75em; background-color: #E89524; border-radius:50%;}

/*Tooltips*/
.tooltips img { height: 18px; vertical-align: middle;}
#easyTooltip {padding:1em 1.5em; background-color:#fff; z-index:100; border: 1px solid #f5f5f5; border-radius:0.5em; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);}

/*Admissions - Legacy Codes*/
.choice {display:block; text-decoration:none; border-radius: 0.5em;}
.choice_active {background-color:#F0F0EB;}
.choiceoff {background-color:#fff;}
table.onoff {width:90%; margin-left:5%;}
table.onoff td {text-transform:capitalize;}

input[value='UCAS'] {color:#9d0020;}
input[value='GTTR'] {color:#9d0020;}
input[value='UKPASS'] {color:#9d0020;}
input[value='DA'] {color:#0066cc;}
input[value='CL'] {color:#81725e;}

a.UFds:link, a.UFds:visited,  a.UFds:hover, a.UUds:link, a.UUds:visited,  a.UUds:hover, .UFds, .UUds  {background-color:#99CCFF;padding:2px; text-align:center;}
a.UAds:link, a.UAds:visited,  a.UAds:hover, .UAds  {background-color:#99CCFF; padding:2px; text-align:center;}
a.Ads:link, a.Ads:visited,  a.Ads:hover, .Ads  {background-color:#99CCFF; padding:2px; text-align:center;}
a.ADds:link, a.ADds:visited,  a.ADds:hover, .ADds  {background-color:#eee; padding:2px; text-align:center;}
a.Uds:link, a.Uds:visited,  a.Uds:hover, a.Ids:link, a.Ids:visited,  a.Ids:hover, a.INVds:link, a.INVds:visited,  a.INVds:hover, a.Cds:link, a.Cds:visited,  a.Cds:hover, .Uds, .Cds, .Ids, .INVds {background-color:#FFCC66; padding:2px; text-align:center;} /*Awaiting reply */
a.CFds:link, a.CFds:visited,  a.CFds:hover, a.IFds:link, a.IFds:visited,  a.IFds:hover, a.CIds:link, a.CIds:visited,  a.CIds:hover, a.UIds:link, a.UIds:visited,  a.UIds:hover, .CFds, .CIds, .UIds, .IFds {background-color:#99CC99;padding:2px; text-align:center;}
a.-ds:link, a.-ds:visited,  a.-ds:hover, .-ds, a.ds:link, a.ds:visited,  a.ds:hover, .ds {background-color:#99CC99; padding:2px; text-align:center;}
a.Wds:link, a.Wds:visited,  a.Wds:hover,  a.Pds:link, a.Pds:visited,  a.Pds:hover, a.Rds:link, a.Rds:visited,  a.Rds:hover, a.REJds:link, a.REJds:visited,  a.REJds:hover, a.CRds:link, a.CRds:visited,  a.CRds:hover, a.CWds:link, a.CWds:visited,  a.CWds:hover, a.RFds:link, a.RFds:visited,  a.RFds:hover, a.WFds:link, a.WFds:visited,  a.WFds:hover, a.CDds:link, a.CDds:visited,  a.CDds:hover, a.UDds:link, a.UDds:visited,  a.UDds:hover, .Wds, .Pds, .Rds, .REJds, .CRds, .CWds, .RFds, .WFds, .CDds, .UDds, .Fds, .Eds, .Gds, .Mds, .Rds, .Sds, .CR, .CW {background-color:#ccc; padding:2px; text-align:center;} /*NO offer*/

a.img_withdrawn, a.img_awaiting_aproval, a.img_awaiting_approval, a.img_pending, a.img_interview, a.img_interview_confirmed, a.img_24admit, a.img_Tick, a.img_ed_item {display:block!important;}
.img_withdrawn {background-image:url('withdrawn.png'); background-repeat:no-repeat;width:18px; height:19px;}
.img_awaiting_aproval, .img_awaiting_approval {background-image:url('icons/awaiting_approval.svg'); background-repeat:no-repeat;width:20px; height:20px; background-size: 20px; }
.img_pending {background-image:url('icons/pending.svg'); background-repeat:no-repeat;width:16px; height:16px; background-size: 16px;}
.img_interview {background-image:url('icons/interview.svg'); background-repeat:no-repeat;width:20px; height:20px; background-size: 20px;}
.img_interview_confirmed {background-image:url('icons/interview_confirmed.svg'); background-repeat:no-repeat;width:20px; height:20px; background-size: 20px;}
.img_24admit {background-image:url('icons/group.svg'); background-repeat:no-repeat;width:16px; height:16px;}
.img_Tick {background:url('tick.svg') right no-repeat;width:16px; height:16px; vertical-align:middle;}
.img_ed_item {background-image:url('ed_item.gif'); background-repeat:no-repeat;width:37px; height:20px;}

/*Actions Panel - TBR*/
.buttonexpand {width:40px; background-color:#FFFFFF; border:1px solid #CCCCCC; padding:4px;}
.buttoncontract {width:16px; overflow:hidden;}
.CanEdit {background:url(icons/edit.svg) no-repeat right; background-size: 18px; }
/*end of Admissions*/

/*Services*/
.setcontainerwide {float:left; min-width:200px; margin:0 3px;}
.stepoutlinewide {clear:both; background-color:#fcfcfc; margin-top:15px;}
.On, .Off, .on, .off {padding:0.15em 0.4em; font-size:0.9em; text-transform:uppercase; border-radius:0.25em;color:#fff; }
.On, .on   {background-color:#006a00;}
.Off, .off {background-color:#666;}

/*Results*/
.report .tab-header {background-color:#F0F0EB; border-radius:10px 10px 0 0; text-align:center; padding:0.5em; border-right:1px solid #fff; border-left:1px solid #fff;}

/*Chrome Datepicker Bug Override*/
#ui-datepicker-div {display:none}

/*Apex Fieldset Padding Override*/
.formlayout td.lov {padding:0;}
td.lov + td {padding:0 0.25em;}

.ui-widget { font-size: inherit;}
.ui-widget-content {border: 1px solid #ddd; border-radius:0.5em; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);}
.ui-widget-header { border:0; background-image:none; background-color:#F8F8F8;}
.ui-widget-content .ui-state-default {border:1px solid #fff; background-color:#fafafa;}

.marktable {margin-top:0}
.marktable th, .marktable td {padding:2px 4px;}
.EmailTags {font-size:0.9em;}

/*Apex Interactive Report Override*/
#apexir_DATA_PANEL > table, #apexir_GROUP_BY > table {width:100%;}
.apexir_WORKSHEET_DATA {width: 100%; border-top: 1px solid #F5F5F5; margin-top: 0.5em;}
.apexir_WORKSHEET_DATA th {padding:0.5em 0.25em; white-space:nowrap; vertical-align:top; background:none; font-weight:normal; border-top:none;}
.apexir_WORKSHEET_DATA td {padding:0.25em; vertical-align:middle; background:none;}
.apexir_WORKSHEET_DATA th, .apexir_WORKSHEET_DATA td {border-bottom:1px solid #f5f5f5;}
.apexir_WORKSHEET_DATA th div {text-decoration:underline; margin:0;}
.apexir_WORKSHEET_DATA tr.odd td {background-color: #F8F8F8;}
.apexir_WORKSHEET_DATA tr.even td {background-color: transparent;}
.apexir_WORKSHEET_DATA tr.odd:hover td, .apexir_WORKSHEET_DATA tr.even:hover td {background:#F2F2EE !important;}
.apexir_TOOLBAR_OPEN, .apexir_TOOLBAR_CLOSE {background-image:none;}
#apexir_CONTROL_PANEL_DROP {background-color: #F8F8F8; border:none; box-shadow:none;}
#apexir_CONTROL_PANEL_DROP label {text-transform:uppercase; font-size:0.9em !important;}
#apexir_CONTROL_PANEL_DROP td {padding: 0.25em 0.5em;}
#apexir_WORKSHEET .apexir_AGGREGATE_VALUE {background:none;}
#apexir_LOADER {top: 20em;}
.dhtmlSubMenu {padding:1em 1.5em; background-color:#fff; z-index:100; border: 1px solid #f5f5f5; border-radius:0.5em; /*box-shadow: 0 0 1em #c6c6c6;*/ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);}
.dhtmlSubMenu a.dhtmlSubMenuS, .dhtmlSubMenu a.dhtmlSubMenuN {border:none;}
.dhtmlSubMenu a.dhtmlSubMenuS:hover, .dhtmlSubMenu a.dhtmlSubMenuN:hover, .dhtmlSubMenu a.dhtmlSubMenuS:focus, .dhtmlSubMenu a.dhtmlSubMenuN:focus, .dhtmlSubMenu a.dhtmlSubMenuS:active, .dhtmlSubMenu a.dhtmlSubMenuN:active {border:none; background-color:#F8F8F8;}

.fielddatabold {font-weight:normal; font-size:inherit;}
.itemlink {font-size:0.9em;}

select option {width: auto; z-index: 9999999999; position: relative;}

/*Responsive*/
@media all and (max-width: 1200px) {
.side-space {width:1em;}
}

@media all and (max-width: 1024px) {
.wrapper-main {display:block; width:100%; }
.side {display:block; padding:0.5em 0 0px 0px; clear: both; overflow: auto; width: 100%; border-bottom: 1px solid #FAFAFA;}
.content-body {display:block; padding-left: 1em;}
.nav-side {float:right; margin:0 1em 0.5em 0;}
.nav-side li {display:inline; float:left;}
.nav-side li a {margin-left: 0.25em; padding: 0.25em 0.5em; font-size:1.1em; line-height:inherit; border-radius:0.3em;}
.nav-side img {display:block; float: left; padding: 2px 0.5em 0 0;}
.service-name {float:left; margin: 0.25em 1em;}
}

.ui-datepicker-trigger {
	background: none !important;
	border: none !important;
}
/*Section Buttons*/
.section-button {display:block; float:left; margin: 1em 1em 3em; padding: 3em 1em 0 1em; width:10em; height:10em; text-align:center; border-radius: 4px; text-transform:uppercase; text-decoration:none;  }
.section-button:hover, .round-button:hover {text-decoration: none; position:relative; top:1px;}
.section-button:active, .round-button:active  {}

/*ETHOS updates 2018*/
    body, .bullet-list a, .nav-side li.tab-off a { color: #151618 }    
    
 	/*NUNITO*/
	.app-name, .region h2, .region-parallel h2, .region-parallel h3, .text, .button, .cancel, .nav-main a, .section-button, .sidebar-region h2, .news-box h1, .news-box h2, .heading, .breadcrumbs { font-family: 'Nunito', sans-serif !important;}
	/*RED FONT #D42828*/
	.required { color: #D42828 }
	/*Dark FONT #151618*/
	.region h2, .region h3, .region-parallel h2, .region-parallel h3, .sidebar-region h2, .news-box h1, .news-box h2, .heading, .sl-box-top .text , .sl-box-bottom .text, table a, .tasks a, .sl-list a{ color: #151618}
	/*Gray FONT #5B5E65*/
	.label, .label:hover, .nav-sub .tab-off a, .help h2, .help h3, .tile-category {color: #5B5E65 !important; }
	
	/*White FONT #fff*/
	.button, .cancel:hover, .cancel:active, .cancel:focus, .nav-main a, .nav-main .tab-on a, .user, .user a, .app-name, .tag { color: #fff; }
	/*Blue FONT #026BC8*/
	.hlink, .cancel, .button-text, .report th, .report th a, .tab-on a, .news-box a, .larger-text a, .breadcrumbs, .breadcrumbs a, a, table .section-button, .wizard-progress .current, .csv a, .eblue, .sidebar-right .sl-list a, .DefWeekCalendar a { color: #026BC8}
	/*BOLD*/
	.heading, .sidebar-region h2, .section-button, .apex-calendar h2 { font-weight: bold; }
	/*SEMI BOLD*/
	.nav-sub li a, .button, .cancel, .tile-category { font-weight: 600}
	/*----THEME colors*/
	/*ellucian base blueish bg color*/
	.header { background-color: #7100EB}
	/*boreder 2px light blue*/
	.header { border-bottom: 4px solid #75C5FF;}
	/*drop shadow*/
	.sl-box-bottom, .section-button, .sl-box-top, .tile { background-color: #fff; -webkit-box-shadow: 0px 1px 5px 0px rgba(222,219,222,1); -moz-box-shadow: 0px 1px 5px 0px rgba(222,219,222,1); box-shadow: 0px 1px 5px 0px rgba(222,219,222,1); }

	/*button styling*/
	button {font-size:inherit;}
	.button-text { display: block; float: right; line-height: 2em; text-decoration: underline; cursor: pointer; margin: 5px;}
	.button, .cancel, .button-action, .button-next, .button-previous {display:block; float:right; vertical-align:middle; line-height:2; text-decoration: none; white-space:nowrap; border:0; border-radius:0.4em; margin:0.5em 0.25em 0.25em 0.5em;}
	.button { padding:0 1em 1px;}
	.cancel { padding:0 1em ;}
	.cancel { border: 1px solid #026BC8}
	.button:hover, .cancel:hover, .button-action:hover, .button-next:hover, .button-previous:hover{ text-decoration:none; background-color: #065AA5; color: #fff !important}
	.button:focus, .cancel:focus, .button-action:focus, .button-next:focus, .button-previous:focus { background-color: #0A4982}
	/*box shadow light blue*/
	.button:active, .cancel:active, .button-action:active, .button-next:active, .button-previous:active {-webkit-box-shadow: 0px 0px 0px 2px rgba(129,200,255,1); -moz-box-shadow: 0px 0px 0px 2px rgba(129,200,255,1); box-shadow: 0px 0px 0px 2px rgba(129,200,255,1);}
	/*BLUE bg button*/
	.button, .tag { background: #026BC8;}
	/*Light Purple bg button (Main menu)*/
	.nav-main .tab-on a, .nav-main .tab-off a:hover { background-color: #20226D !important}
	/*Dark Purple bg button (Main menu)*/
	.nav-main .tab-off a{ background-color: #4747AC}
	/*White bg*/
	body .sl-box-top { background-color: #fff; }
	/*text button hover color*/
	.sidebar-right .sl-list a:hover, .button-text:hover, .region a:hover  { color: #065AA5}
	/*text button active color*/
	.sidebar-right .sl-list a:active, .button-text:active, .region a:active{ color: #0A4982}
	/*text button focus color - blue bg*/
	.sidebar-right .sl-list a:focus, .button-text:focus, , .region a:focus  { background-color: #F2F8FC}
	/*LIST styleing*/
	.bullet-list li::before {
	  content: "• ";
	  color: #B2B3B7; 
	}
	
	/*ERROR handeling colors etc..*/
	/*Invalid message RED color #E325D27*/
	 .aErrMsgTitle, .a-Notification--error, .htmldbStdErr, .a-Notification-list a, .error div { color: #d42828 }    
	/*Error field boder RED bolder*/
	
	
	/*ellucian logo*/
	.esg-logo { width: 95px; }
	.esg-logo-container { float: left}
	.esg-logo-container.esg-logo-container__preferred .esg-logo { fill: #ffffff; }
	.esg-logo-container svg { margin: 15px; height: 18px; }


	/*Smartlinks*/
	.sl-list {list-style:none; list-style-position:outside; height: 14px; }
	.sl-list-box { height: 14px;}
	.sl-list a {display: block; text-decoration:none; padding: 16px; height: 100%; width: 100%; float: left;}
	.sl-list .text { line-height:1.2; white-space:normal; text-align:left; }
	.sl-list-box img { display: none}
	.sl-list-box:hover {position:relative; top:1px;}
	.sl-list-box:active{position:relative; top:2px;}
	.sl-list-box a:focus {background-color: #F2F8FC }	
	
	/*input on focus blue border*/
	a:focus, input:focus, select:focus 	{ outline:1px dotted #666 !important; }
	input:focus, select:focus			{ border: 1px solid #065AA5 !important}
	
	
	/*IMAGES*/
	.report img { height: 18px; padding: 2px; vertical-align: middle;}
	.report .sl-preview { width: auto; }
	.htmldbHideShowMinLink img, table .lov_img { height: 18px; width: auto; }
	button img { height: 18px !important; width: auto !important;}

	/*Calendar styling*/
	.DefWeekCalendar .DefToday  { border:1px solid #026BC8; border-top: none; border-bottom: none}
	.DefWeekCalendar .DefDay	{ background-image: none; background-color: #f8f8f8  }
	.DefWeekCalendar .DefNonDay { background-image: none; background-color: #d9d9d9 }
	.DefWeekCalendar .DefDayOfWeek { background-color: #f8f8f8 }
	.DefWeekCalendar .cday, .DefWeekCalendar .cdate, .DefWeekCalendar .DefHour .DefHourTitle	{ color: #151618 }
			
	
	/*Drag & Drop*/
	.sumnevaHighlight { background-color: #026BC8 !important}
    .sumnevaTable tr { background-color: #fff; }
	
	/*POPUP IMAGE*/
	span.lov img {
    vertical-align: top;
    height: 19px;
	}
	
	/*Person Avatar */
	.avatar { width: 75px; height: 100px;}
	  /*Web Catalogue*/
	.logo_preview { height: 100px; }
	/*Background*/
	body { background-color: #f8f8f8; }
	
	/*Icon fixes*/
	fieldset.checkbox_group { vertical-align: middle;}
	
	/*smartlink fixes*/
	.sl-list-box .sl-list a { float: none; height: auto; }
	
	body .drag { background: url(move.svg) no-repeat 215px 15px #F8F8F5; background-size: 22px 22px;}
	
	.login {background:url('qebg.png'); no-repeat center center fixed;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;}
	
	/*fix report*/
	.dyn_form .label, .dyn_form .report th { white-space: pre-wrap; }
	/*Interactive report BG grid color*/
	.a-IRR-table tr:nth-child(2n) td { background-color: #F2F1F1}
	.a-IRR-table td { border-left: 1px solid #ccc; }
	body .a-IRR-headerLink { font-weight: normal; color: #026BC8; text-decoration: underline}
	body .a-IRR-table td { color: #151618}
	
	/*Hide Help text as URL not available - line to hide help have to be removed when documentation will be available
	.user [href^="javascript:void html_PopUp('http"] { display: none}*/
	
	/*WCAG fixes for page items*/
	/*Width*/
.PWIDTH_60{width:60px;}
.PWIDTH_75{width:75px;}
.PWIDTH_80{width:80px;}
.PWIDTH_90{width:90px;}
.PWIDTH_170{width:170px;}
.PWIDTH_179{width:179px;}
.PWIDTH_100{width:100px;}
.PWIDTH_120{width:120px;}
.PWIDTH_130{width:130px;}
.PWIDTH_143{width:143px;}
.PWIDTH_150{width:150px;}
.PWIDTH_190{width:190px;}
.PWIDTH_200{width:200px;}
.PWIDTH_210{width:210px;}
.PWIDTH_220{width:220px;}
.PWIDTH_225{width:225px;}
.PWIDTH_250{width:250px;}
.PWIDTH_265{width:265px;}
.PWIDTH_280{width:280px;}
.PWIDTH_295{width:295px;}
.PWIDTH_300{width:300px;}
.PWIDTH_330{width:330px;}
.PWIDTH_370{width:370px;}
.PWIDTH_390{width:390px;}
.PWIDTH_394{width:394px;}
.PWIDTH_400{width:400px;}
.PWIDTH_430{width:430px;}
.PWIDTH_440{width:440px;}
.PWIDTH_465{width:465px;}
.PWIDTH_500{width:500px;}
.PWIDTH_PER_40{width:40%;}
.PWIDTH_PER_80{width:80%;}
.PWIDTH_PER_90{width:90%;}
.PWIDTH_PER_100{width:100%;}

/*font size*/
.PFONT_PER_100{font-size: 100%;}

/*Text align*/
.PTEXT_RIGHT{text-align:right;}

/*Border Radius*/
.PBORDER_RAD{border-radius:0.5em;}
/*Float Left*/
.PFLOAT_LEFT{float: left;}
/*Font Family*/
.PFONT_FAM_COURIER{font-family: Courier New;}
/*Font Weight*/
.PFONT_BOLD{font-weight:bold;}
/*Margin Right*/
.PMARGIN_RIGHT{margin-right:12px;}
/*Text Transform*/
.PTEXT_TRANSFORM{text-transform: uppercase;}
/*Style*/
.PSTYLE{100%;}

/*Group*/
.PDISP_MAX_700{display:block; max-width:700px; overflow-wrap: break-word; word-wrap: break-word;}
.PDISP_HEIGHT_100{display:block; min-height:100px;}
.PMAR_WIDTH_120{margin-top:0.28em; width: 120px;}
.PMAX_WIDTH_500{max-width:500px;}
.PWIDTH_MARR_15{width: 80%; margin-right: 15px;}
.PWIDTH_COLOR_300{width: 300px; background-color: #fceeeb; color: #d90000;}