body{
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	background: #FFFFFF;
	color: #191919;
	stroke: #282828;
	font-size: 0.85em;
	border-width:95px;
	width: 90%; 
	margin: auto;

}

.custTable1 
{
	display: table;
}
.custTableRow1 
{
	display: table-row;
	line-height: 2em;
	border-bottom-style: solid; 
	border-bottom-width: 1px;
	border-bottom-color: #c9c9c9;
	vertical-align:top;
}
.custTableCell1 
{
	display: table-cell;
	padding-right: 2em;
}

/* verj.css overrides */
.reverse-1-text.lighten-text-1,
	[class*=-Label]
{
	color: #282828;
}


.ticket-text
{
	color: #999999;
}

.popup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    padding-top: 100px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.popup-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 2px solid #3399ff;
    border-radius: 25px;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

.popup-body {padding: 25px;}

.closePopup {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closePopup:hover,
.closePopup:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.popup-header {
    padding: 10px 30px;
    border: 1px solid #3399ff;
    border-radius: 25px 25px 0 0;
    background-color: #3399ff;
    color: white;
vertical-align:top;
}

.paleBackground 
{
	background-color: #FDFFF3;
}
.wordBreakAll
{
	word-break: break-all;
}

.warningMessage{
	background-color: #ffffff;
	color: #006600;
	stroke: #3399ff;
}

.errorMessage{
	background-color: #ffffff;
	color: #CC0033;
}

.infoMessage{
	background-color: #ffffff;
	color: #006600;
	stroke: #3399ff;
}

.nowrap
{
	white-space: nowrap;
}

.rpad20
{
	padding-right: 20px;
}

.semibold
{
	font-weight: 600;
	font-size: 1.1em;
}

.commentBox
{
	border: 1px solid #888888;
	border-radius: 10px;
	margin: 10px;
	padding: 12px;
}

.caseItemEditPanel
{
	background-color: #f8f8f8;
	padding: 20px 10px;
	border: 1px solid #057fd3;
	border-radius: 7px;
}

.caseOutcomeEditPanel
{
	background-color: #C3DBCA; 
	padding: 20px 10px;
	border: 1px solid #006600;
	border-radius: 7px;
}

.caseReviewEditPanel
{
	background-color: #FFCCCB;
	padding: 20px 10px;
	border: 1px solid #990000;
	border-radius: 7px;
}

.caseSafeguardingEditPanel
{
	background-color: #FFFFCC;
	padding: 20px 10px;
	border: 1px solid #CC9900;
	border-radius: 7px;
}

.caseItemDisplayPanel
{
	background-color: #f8f8f8;
	padding: 10px;
	border: 1px solid #057fd3;
	border-radius: 7px;
}

.caseOutcomeDisplayPanel
{
	background-color: #C3DBCA; 
	padding: 10px;
	border: 1px solid #006600;
	border-radius: 7px;
}

.caseReviewDisplayPanel
{
	background-color: #FFCCCB;
	padding: 10px;
	border: 1px solid #990000;
	border-radius: 7px;
}

.caseSafeguardingDisplayPanel
{
	background-color: #FFFFCC;
	padding: 10px;
	border: 1px solid #CC9900;
	border-radius: 7px;
}

.caseItemEditText
{
	resize: vertical;
	width: 100%;
	vertical-align: center;
}

.borderedPanel
{
	margin: 15px;
	padding: 12px;
	border: 2px solid #057fd3;
	border-radius: 7px;
}

/* Following classes copied from xiDefaultFontsAndColours.css */
/* The reverse background color */
.eb-TabSet-Reverse div.eb-TabSet-Header > ul > li, .controlReverseBackgroundColorNoHover, .controlReverseBackgroundColor
{
	background-color: #FFFFFF;
}

/* The reverse selected background color */
.eb-TabSet-Reverse div.eb-TabSet-Header > ul > li.ebTabSelected,
.controlReverseBackgroundSelectedColor
{
	background-color: #FFFFFF;
}

/* The reverse hover background color */
.eb-TabSet-Reverse div.eb-TabSet-Header > ul > li:hover,
.headingBackgroundColor,
.controlReverseBackgroundColor:hover
{
	background-color: #EAEAEA !important;
}

/* The reverse text color */
.eb-TabSet-Reverse div.eb-TabSet-Header > ul > li,
.controlReverseTextNoHover,
.controlReverseText
{
	color: #057fd3;
}

/* The reverse selected text color */
.eb-TabSet-Reverse div.eb-TabSet-Header > ul > li.ebTabSelected,
.controlReverseSelectedText
{
	color: #0470ba;
	font-weight: bold;
}

/* The reverse hover text color */
.eb-TabSet-Reverse div.eb-TabSet-Header > ul > li:hover,
.controlReverseText:hover
{
	color: #0470ba;
}

/* Tabset Colors: default/curved */
.eb-TabSet div.eb-TabSet-Header > ul > li
{
	background-color: #fff;
	color: #0470ba;
}

.eb-TabSet div.eb-TabSet-Header > ul > li.ebTabSelected, .eb-TabSet div.eb-TabSet-Header > ul > li.ebTabSelected:hover
{
	background-color: #057fd3;
	color: #FFFFFF;
	font-weight: bold;
}

.eb-TabSet div.eb-TabSet-Header > ul > li:hover
{
	background-color: #eaeaea;
	color: #0470ba;
}

input[type=text],
input[type=password],
textarea,
select 
{
  -webkit-box-shadow:inset 0 1px 3px rgba(18,19,19,0.1);
  -moz-box-shadow:inset 0 1px 3px rgba(18,19,19,0.1);
  -o-box-shadow:inset 0 1px 3px rgba(18,19,19,0.1);
  box-shadow:inset 0 1px 3px rgba(18,19,19,0.1);
  -webkit-transition:border .1s;
  -moz-transition:border .1s;
  -o-transition:border .1s;
  transition:border .1s;
  border-style: solid;
  border-width: 1px;
  margin:0;
  padding:0.4em 0.5em;
}

span > input[type=radio]
{
	margin-right:1em;
	margin-left:0.3em;
	margin-bottom:0.5em;
}

td span > input[type=radio]
{
	margin-bottom:0.4em;
}

td > input[type=radio]
{
	margin-left:0.3em;
	margin-right:0.3em;
	margin-bottom:0.2em;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=radio]:focus,
textarea:focus,
input[type=checkbox]:focus,
select:focus 
{
  -webkit-box-shadow:0 0 4px rgba(18,19,19,0.3);
  -moz-box-shadow:0 0 4px rgba(18,19,19,0.3);
  -o-box-shadow:0 0 4px rgba(18,19,19,0.3);
  box-shadow:0 0 4px rgba(18,19,19,0.3);
  border-style: solid;
  border-width: 1px;
  outline:0;
}

textarea 
{
  overflow:auto;
  resize:both;
  vertical-align:top;
  display:block;
}

/* Following classes copied from xiDefaultStructure.css */
.eb-TabSet div.eb-TabSet-Header > ul > li,
.eb-TabSet-Reverse div.eb-TabSet-Header > ul > li
{
  border-style: solid;
  border-width: 1px 1px 0 1px;
}

.eb-TabSet-Curvey div.eb-TabSet-Header > ul > li
{
	border-radius: 5px 5px 0 0;
}

.button 
{
  appearance:none;
  cursor:pointer;
  display:inline-block;
  vertical-align:baseline;
  text-decoration:none;
  padding:.65em;
  line-height:1.1em;
  text-align:center;
  text-decoration:none;
  font-weight:500;
  box-shadow:inset 0 1px 0 0 #389fe7,0 3px 3px rgba(18,19,19,0.1); 
  text-shadow:0 1px 0 #0461a1;
  -webkit-appearance:none;
  -moz-appearance:none;
  -webkit-box-shadow:inset 0 1px 0 0 #389fe7,0 3px 3px rgba(18,19,19,0.1);
  -moz-box-shadow:inset 0 1px 0 0 #389fe7,0 3px 3px rgba(18,19,19,0.1);
  -o-box-shadow:inset 0 1px 0 0 #389fe7,0 3px 3px rgba(18,19,19,0.1);
}

.button-green
{
	/* background-color: #2A5400 !important; */
	background-color:  #185419 !important; 
	border-top-color: #006600 !important;
	border-bottom-color: #006600 !important;
	border-left-color: #006600 !important;
	border-right-color: #006600 !important;
	box-shadow:inset 0 1px 0 0 #006600,0 3px 3px rgba(0,102,0,0.1) !important; 
	text-shadow:0 1px 0 #006600;
}

.button-red
{
	background-color: #990033 !important;
	border-top-color: #990000 !important;
	border-bottom-color: #990000 !important;
	border-left-color: #990000 !important;
	border-right-color: #990000 !important;
	box-shadow:inset 0 1px 0 0 #990000,0 3px 3px rgba(153,0,0,0.1) !important; 
	text-shadow:0 1px 0 #009900;
}

.button-sg
{
	background-color: #FFFFCC !important;
	border-color: #ffff33 !important;
/*	border-bottom-color: #CC9900 !important;*/
/*	border-left-color: #CC9900 !important;*/
/*	border-right-color: #CC9900 !important;*/
	box-shadow:inset 0 1px 0 0 #ffff33,0 3px 3px rgba(256,256,51,0.1) !important; 
/*	text-shadow:0 1px 0 #ffff33; */
	color: #181818 !important;
}

@media print 
{
.button 
 {line-height:1.4em;}
}

.borderCurvey,
.border
{
  border-style: solid;
  border-width: 1px;
}

.borderCurvey
{
	-webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
}

.buttonText /* Defines the size of buttons */
{
	font-size:1em;
}

.borderColor, /* borderColor: All the controls use this when showing a border. */
/* Menus: These are a complex controls with dropdowns and different number of levels. The borders around each menu item use the following styles */
.eb-Horizontal-Menu ul[class*=SubLevel], 
.eb-Horizontal-Menu div[class*=TopLevelItem],
.eb-Vertical-Menu ul div[class*=TopLevelItem],
.eb-Vertical-Menu ul div[class*=SecondLevelItem],
.eb-Vertical-Menu ul div[class*=ThirdLevelItem],
.eb-Vertical-Menu ul div[class*=FourthLevelItem],
.eb-Vertical-Menu ul[class*=SubLevel], 
.eb-Vertical-Menu ul div[class*=SubLevelItem],
/* TabSet: This is a complex control and so have many rules to generate its borders. Their borders use the colors set here */
.eb-TabSet div.eb-TabSet-Header > ul > li,
.eb-TabSet div[class*=TabPanelSurround],
.eb-TabSet div.eb-TabSet-Contents,
.eb-TabSet-Reverse div.eb-TabSet-Header > ul > li,
.eb-TabSet-Reverse div[class*=TabPanelSurround],
.eb-TabSet-Reverse div.eb-TabSet-Contents
{ 
	border-color: #0470ba !important;
}

.controlTextNoHover
{
	color: #FFFFFF;
}

.controlBackgroundColorNoHover,
.controlBackgroundColor
{
	background-color: #057fd3;
}

/* The primary selected background color */
.controlBackgroundSelectedColor
{
	background-color: #0470ba;
}

/* The primary hover background color */
.controlBackgroundColor:hover
{
	background-color: #0470ba;
}

.sdcas-icon
{
	font-size: 14px;
	padding: 2px 0px;
	border: 1px solid transparent;
	border-color: #C7C3BF;
	border-radius: 4px;
}

.mandatory-field
{
	border-style: solid;
  border-width: 1px;
	border-color:#CC0033;
}

.caseItemDisplay
{
	background-color: #f1f1f1;
	padding: 0px 2px 0px 2px;
	width: 50%;
}

.caseItemFullWidthDisplay
{
	background-color: #f1f1f1;
	padding: 0px 2px 0px 2px;
	width: 100%;
}

.caseFlexBox
{
	padding: 0.1em;
}

.semiboldBlue
{
	font-weight:600;
	color: #0470ba;
}

.semiboldGray
{
	font-weight:600;
	color: #b7b7b7;
}

.hidden
{
	display:none;
}

.greenComment
{
	color: #009900;
	font-style: italic;
}

.small
{
	font-size: 12px;	
}

.greyLink a:hover, .grey-link a:link, .grey-link a:visited
{  
	text-decoration: none !important; 
	color : #666666 !important;  
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

.mce-statusbar .mce-container-body {
  height: 15px;
}

.danger{
	color: #cc0033;
	font-weight:600;
}

.swal-button--ok {
    background: #057fd3;
}

.swal-button--confirm {
    background: #057fd3;
}

.swal-button--no {
    background: #057fd3;
}

.required-field {
	color:#bc2f32;
	font-weight: bold;
}

.highlight-row
{
	font-style: italic;
	font-weight:600;
	line-height: 4em !important;
	text-align: bottom;
}

.subtotal-row
{
	text-align:left !important;
	font-style:italic;
	color: #666;
}

.algn-right
{
	text-align:left !important;
}

.text-center
{
	text-align:center;
}

.text-green
{
	color: #2A5400;
}

.userrow 
{
	border-bottom-style: solid; 
	border-bottom-width: 1px;
	border-bottom-color: #c9c9c9;
	line-height: 2em;
}

.referrals-row 
{
	border-bottom-style: solid; 
	border-bottom-width: 1px;
	border-bottom-color: #c9c9c9;
	line-height: 1.5em;
}

/* Hover used for repeaters */
.repeater-hover:hover   
{
	background-color: #f9f9f9;
}
/* Hover used for tables */
.table-hover tr:hover 
{
	background-color: #f9f9f9;
}

.tdunderline
{
	line-height: 1.5em;
	padding: 2px 5px;
	border-bottom: 1px solid #c9c9c9;
}

.tableCollapse
{
	border-collapse:collapse;
}

.btn-link {
  font-weight: 400;
  color: #0470ba;
  text-decoration: none;
  border:none;
  background-color: white;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.highlight-red {
	color: red;
}

table.report-table {
	border-collapse: collapse;
    font-family: Tahoma, Geneva, sans-serif;
}
table.report-table td {
	padding: 15px;
}
table.report-table thead td {
	background-color: #54585d;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	border: 1px solid #54585d;
}
table.report-table tbody td {
	color: #636363;
	border: 1px solid #dddfe1;
}
table.report-table tbody tr {
	background-color: #f9fafb;
}
table.report-table tbody tr:nth-child(odd) {
	background-color: #ffffff;
}

/* Padding and margin borrowed from bootstrap4 */
.m-0{margin:0 !important}.mt-0,.my-0{margin-top:0 !important}.mr-0,.mx-0{margin-right:0 !important}.mb-0,.my-0{margin-bottom:0 !important}.ml-0,.mx-0{margin-left:0 !important}.m-1{margin:.25rem !important}.mt-1,.my-1{margin-top:.25rem !important}.mr-1,.mx-1{margin-right:.25rem !important}.mb-1,.my-1{margin-bottom:.25rem !important}.ml-1,.mx-1{margin-left:.25rem !important}.m-2{margin:.5rem !important}.mt-2,.my-2{margin-top:.5rem !important}.mr-2,.mx-2{margin-right:.5rem !important}.mb-2,.my-2{margin-bottom:.5rem !important}.ml-2,.mx-2{margin-left:.5rem !important}.m-3{margin:1rem !important}.mt-3,.my-3{margin-top:1rem !important}.mr-3,.mx-3{margin-right:1rem !important}.mb-3,.my-3{margin-bottom:1rem !important}.ml-3,.mx-3{margin-left:1rem !important}.m-4{margin:1.5rem !important}.mt-4,.my-4{margin-top:1.5rem !important}.mr-4,.mx-4{margin-right:1.5rem !important}.mb-4,.my-4{margin-bottom:1.5rem !important}.ml-4,.mx-4{margin-left:1.5rem !important}.m-5{margin:3rem !important}.mt-5,.my-5{margin-top:3rem !important}.mr-5,.mx-5{margin-right:3rem !important}.mb-5,.my-5{margin-bottom:3rem !important}.ml-5,.mx-5{margin-left:3rem !important}.p-0{padding:0 !important}.pt-0,.py-0{padding-top:0 !important}.pr-0,.px-0{padding-right:0 !important}.pb-0,.py-0{padding-bottom:0 !important}.pl-0,.px-0{padding-left:0 !important}.p-1{padding:.25rem !important}.pt-1,.py-1{padding-top:.25rem !important}.pr-1,.px-1{padding-right:.25rem !important}.pb-1,.py-1{padding-bottom:.25rem !important}.pl-1,.px-1{padding-left:.25rem !important}.p-2{padding:.5rem !important}.pt-2,.py-2{padding-top:.5rem !important}.pr-2,.px-2{padding-right:.5rem !important}.pb-2,.py-2{padding-bottom:.5rem !important}.pl-2,.px-2{padding-left:.5rem !important}.p-3{padding:1rem !important}.pt-3,.py-3{padding-top:1rem !important}.pr-3,.px-3{padding-right:1rem !important}.pb-3,.py-3{padding-bottom:1rem !important}.pl-3,.px-3{padding-left:1rem !important}.p-4{padding:1.5rem !important}.pt-4,.py-4{padding-top:1.5rem !important}.pr-4,.px-4{padding-right:1.5rem !important}.pb-4,.py-4{padding-bottom:1.5rem !important}.pl-4,.px-4{padding-left:1.5rem !important}.p-5{padding:3rem !important}.pt-5,.py-5{padding-top:3rem !important}.pr-5,.px-5{padding-right:3rem !important}.pb-5,.py-5{padding-bottom:3rem !important}.pl-5,.px-5{padding-left:3rem !important}

.font-weight-bold {
	font-weight: bold;
}
@media print {
	.noprint {
		display: none;
	}
}
}