:root {
	--darkgreen: #006a4e;
	--darkerblue: #00567B;
  	--blue: #62aae8;
  	--lightblue: #4e9ae4;
	--white : #ffffff;
	--black :#000000;
	--palegray:#eeeeee;
}


/* SP HEADER*/
#sp-top-bar .social-icons span  {color: #ffffff;font-size:1.4rem;}
#sp-top1,#sp-top2 {padding-top:6px;}
#sp-top1, #sp-top2 {font-size: 1rem !important;}
#sp-header-logo {padding:15px 0;}

@media (max-width: 992px) {
    .logo-image-phone {height: 85px;}
	#sp-upcoming {display:none !important;}

}

/*Table Overrides and Responsive Behaviours */

.article-details table  {width: 100%!important;border-collapse: collapse; margin-bottom: 10px; border:0px !important;}
.article-details  table tr:nth-of-type(odd) {background: #eee; }
.article-details  table th {background: var(--darkgreen); color: white; font-weight: bold; border:0 !important; }
.article-details table p {padding:10px 10px !important;margin:0px !important;}
.article-details  table td { border: 1px solid #ccc; text-align: left; width:inherit !important;vertical-align: top;}
.article-details  table.center-all {width:97%;}
.article-details table.center-all tr th, 
.article-details table.center-all tr td, 
.article-details table.center-all tr td h3 {text-align: center !important;} 
.article-details table.smallertable th,.article-details table.smallertable td {font-size:.8rem;}
/* Style the first <th> (top-left corner) */
#sp-component table th:first-child {
    border-top-left-radius: 0px;
}

/* Style the last <th> (top-right corner) */
#sp-component table th:last-child {
    border-top-right-radius: 0px;
}

.article-details table th {
  background: var(--darkgreen);
  color: white;
  font-weight: bold;
  border: 0 !important;
}

.article-details table tr:first-of-type td {
  background: var(--darkgreen);
  color: white;
  font-weight: bold;
  border: 0 !important;
}


/* EBPS Staff Colours */

.article-details  table th.red {background: red; color: white; font-weight: bold; border:0 !important; }
.article-details  table th.blue {background: blue; color: white; font-weight: bold; border:0 !important; }
.article-details  table th.green {background: green; color: white; font-weight: bold; border:0 !important; }
.article-details  table th.dkblue {background: darkblue; color: white; font-weight: bold; border:0 !important; }
.article-details  table th.purple {background: purple; color: white; font-weight: bold; border:0 !important; }
.article-details  table th.brown {background: brown; color: white; font-weight: bold; border:0 !important; }
.article-details  table th.gray {background: gray; color: white; font-weight: bold; border:0 !important; }
.article-details  table th.olive {background: olive; color: white; font-weight: bold; border:0 !important; }




/* Dropfiles Resets */
/* Simplex DF View */
.dropfiles-container {margin: 0!important;}
.dropfiles-content-simplex.dropfiles-content-multi {margin-top:-10px !important;}
.dropfiles-content-simplex.dropfiles-content .table {width:96% !important;border-collapse: separate; border-spacing:0 15px;}
.dropfiles-container-simplex {margin: 0px !important;}
.dropfiles-content-simplex .mediaTableWrapperWithMenu {padding-top: 0em !important;}
.dropfiles-container-simplex table thead,
.dropfiles-container-simplex .dropfiles-categories  {display:none !important;}
.dropfiles-container-simplex .dropfiles-content-table .mediaTableWrapperWithMenu {padding-top: 0em !important;}
.dropfiles-container-simplex a {font-size:1rem !important;color:#ffffff !important;}
.dropfiles-container-simplex a.openlink {border:1px solid #000000 !important;}
a.downloadlink.dropfiles_downloadlink + br {display:none !important}
.dropfiles-content-simplex.dropfiles-content span.ext, 
.dropfiles-content-simplex.dropfiles-content span.ext.pdf,
.dropfiles-content-simplex.dropfiles-content div.ext.pdf,
.dropfiles-content-simplex.dropfiles-content span.ext.docx, 
.dropfiles-content-simplex.dropfiles-content span.ext.pptx, 
.dropfiles-content-simplex.dropfiles-content span.ext.xlsx, 
.dropfiles-content-simplex.dropfiles-content span.ext.zip, 
.dropfiles-content-simplex.dropfiles-content span.ext.doc, 
.dropfiles-content-simplex.dropfiles-content span.ext.ppt, 
.dropfiles-content-simplex.dropfiles-content span.ext.xls, 
.dropfiles-content-simplex.dropfiles-content span.ext.jpg, 
.dropfiles-content-simplex.dropfiles-content span.ext.png 
  {display:none !important;}
.article-details .dropfiles-content-simplex.dropfiles-content table td:first-child {text-transform: uppercase;width:80% !important;}


.dropfiles-content-simplex a.title {padding:0px 12px !important;}
.dropfiles-content-simplex.dropfiles-content .table-bordered td.extcol.file_title.essential.persist {
    background-color: var(--darkgreen) !important;
    border-radius: 40px 0 0 40px !important;
    border: 0px!important;
}

.dropfiles-content-simplex.dropfiles-content .table-bordered td.file_download.essential {
     background-color: var(--darkgreen) !important; 
    border-radius: 0px 40px 40px 0px !important;
    border: 0px!important;
	padding:8px 20px 0 0;
}
i.zmdi {display: none !important;}

.dropfiles-content-simplex.dropfiles-content .table-bordered td.extcol.file_title.essential.persist a, 
.dropfiles-content-simplex.dropfiles-content .table-bordered td.file_download.essential a {font-size:1rem;color:#ffffff; font-weight:600; border-radius: 1rem !important;    word-break: keep-all !important;}
.dropfiles-content-simplex.dropfiles-content .table-bordered td.file_download.essential a.downloadlink.dropfiles_downloadlink {width:80%; border:2px solid #ffffff; float:right;padding:3px;background:#ffffff !important;color:#2b3a91 !important;}


@media only screen and (max-width: 720px) {
.dropfiles-container-simplex .dropfiles-container-table {margin-left: 0px !important;}
}
@media (max-width: 720px) {
.dropfiles-container-simplex  td.file_download.essential {display:none;}
.dropfiles-content-simplex.dropfiles-content .table-bordered td.extcol.file_title.essential.persist {border-radius: 40px !important;}
}
@media (max-width: 720px) {
.dropfiles-container-simplex  td.extcol.file_title.essential.persist{padding: 0 15px;word-break:keep-all !important;}
}
@media (max-width: 414px) {
	.dropfiles-container-simplex  table {padding:0px !important; width:93% !important;text-align:start;	text-indent:0em; padding-right:0px !important;}
	.dropfiles-content-simplex a.title {padding:0px !important;font-size:0.8rem !important;word-break: normal !important;overflow-wrap:break-word !important;}
}

.mod_dropfiles_files .mod_filecontent_head h3 > a.mod_dropfiles_downloadlink {overflow:initial !important; white-space:initial !important; word-break: break-word !important;display:inline-flex;}
.mod_dropfiles_files .mod_filecontent_head h3 > a.mod_dropfiles_downloadlink:before {content:"\f019";font-family:fontawesome; padding-right:10px; float:left; display:inline-flex;}
.mod_dropfiles_files .mod_filecontent_head h3 {
    font-family: inherit !important;
    font-size: 1rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0px !important;
    line-height: 1.5rem !important;
    text-transform: none !important;;
    font-weight: normal !important;
    border-bottom: none;
    width: 80%;
}


/* P Links */

p a {text-decoration: underline!important;}
li a.mod-articles-category-title.active {font-weight:700 !important; }
li a.mod-articles-category-title.active:before 	{content:"\f14a";font-family:fontawesome; padding-right:10px;} 

/* Sway Links 
ul.weblinks {list-style: none;}
ul.weblinks li {border:1px solid var(--darkgreen); border-radius:10px; padding:10px; margin:10px 0; background: var(--darkgreen);}
ul.weblinks li a {color:#ffffff !important;}
ul.weblinks li a:before {content:"\f1ea";font-family:fontawesome; padding-right:10px;  }
*/
ul.weblinks {list-style: none;}
ul.weblinks .d-flex.flex-wrap {padding:1rem; border-bottom:dashed 1px var(--darkgreen);}

/*Upcoming Panel */

#sp-upcoming h3 {font-size:1.3rem !important;}

/* Hide the #sp-upcoming div on devices with a max width of 767px (commonly considered mobile devices) */
@media (max-width: 767px) {
    #sp-upcoming {
        display: none;
    }
}

/*Page Lists*/
ul.mod-articles.mod-list li a.active:before {content:"\f053"; font-family:fontawesome; padding-right:10px;}
ul.mod-articles.mod-list li a.active {font-weight:900 !important;margin-left:-20px !important;}

/* Image management*/

img[style="float: right;"] {margin-left:20px;max-width: 50%;padding:4px; border:1px solid #d3d3d3;}
img[style="float: left;"] {margin-right:20px;max-width: 50%;padding:4px; border:1px solid #d3d3d3;}
img[style="display: block; margin-left: auto; margin-right: auto;"] {padding:4px; border:1px solid #d3d3d3;}
.pull-left.item-image { float: left; margin-right: 20px; width: auto;padding:4px; border:1px solid #d3d3d3;}
.pull-none.item-image {margin-bottom:20px;padding:4px; border:1px solid #d3d3d3;}
.pull-none.item-image img {width:100% !important;}


/* Article Links */

.article-details p a {text-decoration: underline!important;font-weight:700 !important;}

/* Link Buttons CSS */

.article-details a.btn {background:var(--darkgreen); padding:10px 15px; color:#ffffff !important; border-radius:50px;text-decoration: none !important;font-weight:normal !important;}
.article-details a.btn:hover {background:var(--darkerblue);}

#sp-component table tr td p a {background:transparent !important;color:var(--darkgreen) !important; padding:0px !important;}

a.nobtn {background:var(--white) !important;}
/* Blockquotes */

blockquote {
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: var(--darkgreen);
  content: open-quote;
  font-size: 3em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
  font-size:1rem;
	font-style: italic;}

/* More Docs Snippets */

p.moredocs {padding:10px 10px; margin-bottom:2rem; background:var(--darkgreen);display:inline-flex; border-radius:8px !important;color:#ffffff;}
p.moredocs:before {content:"\f05a"; font-family:fontawesome;padding-right:10px }

.alert-message, joomla-alert {display:none !important}

/* Hit Counter */

.bg-info {
    background-color: var(--darkerblue) !important;
}