/*
################################################################################
# csl.css v1.34 2016-08-08
# Copyright AT Veterinary Systems (2001-2016)
# csl style sheet
################################################################################
*/
body { font-size: 62.5%; background:#e8e8e8; }
.menu5 { z-index:2; }
#tabs { z-index:1; margin-top:0px; }
.ui-tabs-nav li {position: relative;}
.ui-tabs-selected a span {padding-right: 10px;}
.ui-tabs-close {display: none; position: absolute;top: 3px;right: 0px;z-index: 800;width: 16px;height: 14px;font-size: 10px; font-style: normal;cursor: pointer;}
.ui-tabs-selected .ui-tabs-close {display: block;}
label { width:40%; }
input.text { margin-bottom:12px; width:60%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:20px; }
h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.errorMsg { border: 1px solid transparent; padding: 0.3em; width:80%; margin:0px 0px 0px 0px; }
#csl-login { margin-top:150px; }
#login-news { margin-top:20px; padding:15px; font-size:2em; background-color:#ffffff; display:inline-block; }
#home-news { width:600px; margin-left:70px; margin-bottom:20px; padding:15px; font-size:1.5em; border-style:solid; background-color:#ffffff; display:inline-block; border-width:2px; border-color:black;}
#login-content { text-align:center; }
#dialog-login
  , #dialog-glance
  , #dialog-unlock
  , #csl-login
  , #dialog-about
  , #dialog-import { display:none; }
#import
  , #import td { font-size: 90%; font-family:arial; background:#e8e8e8; }
  #import pre { font-size: 100%; }
#tabs pre  { font-size: 150%; }
pre { margin:0px; padding:0px; }
.atDisabled { background-color:#e8e8e8; }
.ui-jqgrid tr.jqgrow td.atCheckbox { overflow:visible; }
.canvas, .canvas-tasks { background-color:#e0ffe0; }
input[type=checkbox]:hover, .pointer { cursor:pointer; }
.ui-waiting { display:inline-block; font-size:0.9em; padding:12px 0px 0px 30px; background-image:url('images/spinner.gif') !important; background-repeat:no-repeat;  background-position: 0px 8px; }
.icon-text-evidence { width:16px; height:16px; display:inline-block; background-image:url('images/icon-text-evidence.gif') !important;}
.icon-text-evidence2 { width:16px; height:16px; display:inline-block; background-image:url('images/icon-text-evidence2.gif') !important;}
.icon-text-evidence3 { width:16px; height:16px; display:inline-block; background-image:url('images/icon-text-evidence3.gif') !important;}
.icon-text-evidence4 { width:16px; height:16px; display:inline-block; background-image:url('images/icon-text-evidence4.gif') !important;}
.icon-file-evidence { width:16px; height:16px; display:inline-block; background-image:url('images/icon-file-evidence.gif') !important;}
.icon-task-transfer { width:16px; height:16px; display:inline-block; background-image:url('images/icon-task-transfer.gif') !important;}
.icon-checkbox-off { width:16px; height:16px; display:inline-block; background-image:url('images/icon-checkbox-off.gif') !important;}
.icon-checkbox-on { width:16px; height:16px; display:inline-block; background-image:url('images/icon-checkbox-on.gif') !important;}
.icon-no-entry { width:16px; height:16px; display:inline-block; background-image:url('images/icon-no-entry.gif') !important;}
.icon-notify { width:16px; height:16px; display:inline-block; background-image:url('images/icon-notify.gif') !important;}
.icon-unchecked { width:20px; height:20px; border-radius:10px; font-size:11px; font-family: arial; color:#fff; line-height:18px; text-align:center; background:red; display:inline-block; margin-right:2px; }
.icon-rejected { width:20px; height:20px; border-radius:10px; font-size:11px; font-family: arial; color:#fff; line-height:18px; text-align:center; background:#3e9c3e; display:inline-block; margin-right:2px; }
.icon-checkfailed { width:20px; height:20px; border-radius:10px; font-size:11px; font-family: arial; color:#fff; line-height:18px; text-align:center; background:#b8009f; display:inline-block; margin-right:2px; }
.icon-allclaimed { width:16px; height:19px; display:inline-block !important; background-image:url('images/icon-allclaimed.gif') !important; background-repeat: no-repeat !important; background-position: 0px 5px !important;}
.icon-allchecked { width:16px; height:19px; display:inline-block !important; background-image:url('images/icon-allchecked.gif') !important; background-repeat: no-repeat !important; background-position: 0px 5px !important;}
.ui-widget-content a { text-decoration:none; }
#csl-font-size-widget { float:right; display:inline-block; text-decoration:none;padding-top:0px;margin-right:3px; }
#csl-progress-widget { float:right; display:inline-block; text-decoration:none; margin-right:3px; }
#csl-widget-menu { float:right; display:inline-block; text-decoration:none; }
#csl-widget-menu .ui-button-text { padding:1px 1px 1px 1px; line-height:0.8; }
#csl-widget-menu #csl-widget-menu-items .ui-button-text { padding:0.4em 1em; line-height:1.4; }
/*#csl-widget-menu #csl-widget-menu-items .potato-menu-item { margin-left:-105px; width:120px; }*/
#csl-widget-menu #csl-widget-menu-items .potato-menu-item { margin-left:-205px; width:220px; }
#csl-widget-menu #csl-widget-menu-items .potato-menu-item .off { background-image:url('images/icon-checkbox-off.gif') !important; background-repeat:no-repeat;background-position: 5px 5px;}
#csl-widget-menu #csl-widget-menu-items .potato-menu-item .on { background-image:url('images/icon-checkbox-on.gif') !important; background-repeat:no-repeat;background-position: 3px 3px;}

.menu5 { margin-right:125px; }
#fs-1 { font-size:7px; }
#fs-2 { font-size:10px; }
#fs-3 { font-size:12px; }
#fs-4 { font-size:16px; }
#fs-5 { font-size:18px; }

/*dropdown checkboxes*/
.dd-select{ position:relative; cursor:pointer; padding:1px; }
.dd-select.hover {border-radius:4px; border:solid 1px #888; background:#B5A44A; padding:0px; }
.dd-desc { color:#aaa; display:block; overflow: hidden; font-weight:normal; line-height: 1.4em; }
.dd-selected{ overflow:hidden; display:inline-block; margin:0px;  padding:4px 1px 4px 6px; font-weight:bold;}
.dd-selector { display:inline-block; padding:4px 1px 4px 6px; margin:0px; width:16px; height:16px; }
.dd-pointer{ width:0; height:0; position:absolute; right:10px; top:50%; margin-top:-3px;}
.dd-pointer-down{ border:solid 5px transparent; border-top:solid 5px #000; }
.dd-pointer-up{border:solid 5px transparent !important; border-bottom:solid 5px #000 !important; margin-top:-8px;}
.dd-options{ border:solid 1px #786C36; border-top:none; list-style:none; box-shadow:0px 1px 5px #ddd; display:none; position:absolute; z-index:2000; margin:0; padding:0;background:#fff; overflow:auto;}
.dd-option{ background:#CABF80; padding:8px 10px 8px 10px; display:block; border-bottom:solid 1px #999; overflow:hidden; text-decoration:none; color:#333; cursor:pointer;-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out; }
.dd-options > li:last-child > .dd-option{ border-bottom:none;}
.dd-option:hover{ background:#C5B45A; color:#000;}
.dd-selected-description-truncated { text-overflow: ellipsis; white-space:nowrap; }
.dd-option-selected { background:#B5A44A; }
.dd-option-image, .dd-selected-image { vertical-align:middle; float:left; margin-right:5px; max-width:64px;}
.dd-image-right { float:right; margin-right:15px; margin-left:5px;}
.dd-container{ display:inline-block; position:relative;} .dd-selected-text { font-weight:normal; padding-right:10px; }

/*home page*/
#hp-wrap {
	height: 630px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#hp-wrap #Title {
	font-family: Optima, arial, "Optima ExtraBlack", "Open Sans Semibold Italic";
	font-size: 20px;
	color: #CBB97B;
	position: relative;
	top: 20px;
	padding-left: 20px;
	padding-top: 10px;
	font-weight: normal;
	width: 250px;
}
#hp-wrap #Title2 {
	font-family: Optima, arial, "Optima ExtraBlack", "Open Sans Semibold Italic";
	font-size: 25px;
	color: #6B479E;
	position: relative;
	top: 25px;
	padding-left: 20px;
	font-weight: normal;
	width: 200px;
}
#hp-wrap #Title3 {
	color: #6B479E;
}
#hp-wrap #Dateandtime {
	float: right;
	margin-top: 24px;
	width: 250px;
	font-family: Optima, arial, "Optima ExtraBlack", "Open Sans Semibold Italic";
	font-size: 25px;
	color: #6B479E;
	text-align: right;
	padding-right: 20px;
}
#hp-wrap #Logo {
	position: relative;
	top: 0px;
	margin-left: 190px;
	margin-bottom:10px;
}
#hp-wrap #copyright {
	font-family: Optima, arial, "Optima ExtraBlack", "Open Sans Semibold Italic";
	font-size: 10px;
	color: #555555;
	margin-top: 28px;
	padding-left: 30px;
	font-weight: normal;
	width: 170px;
	float: left;
	position: relative;
}
#hp-wrap #email {
	float: left;
	width: 320px;
	height: 49px;
	font-family: Optima, arial, "Optima ExtraBlack", "Open Sans Semibold Italic";
	font-size: 10px;
	color: #555555;
	text-align: left;
	margin-top: 28px;
}
#hp-wrap a:link {
	text-decoration: none;
	color: #6B479E;
}
#hp-wrap a:visited {
	text-decoration: none;
	color: #558DBF;
}
#hp-wrap a:hover {
	text-decoration: underline;
	color: #CABA7C;
}
#hp-wrap a:active {
	text-decoration: none;
}
#hp-wrap #address {
	font-family: Optima, arial, "Optima ExtraBlack", "Open Sans Semibold Italic";
	font-size: 10px;
	color: #555555;
	height: auto;
	width: 230px;
	text-align: right;
	padding-right: 20px;
	margin-bottom: 5px;
	float: right;
}
#hp-wrap #emailaddressholder  {
	float: right;
	height: 49px;
	width: 250px;
}
#hp-wrap #report {
	float: left;
	width: 320px;
	height: auto;
	font-family: Optima, arial, "Optima ExtraBlack", "Open Sans Semibold Italic";
	font-size: 10px;
	color: #555555;
	padding-left: 20px;
}
#hp-wrap #phonenumber {
	font-family: Optima, arial, "Optima ExtraBlack", "Open Sans Semibold Italic";
	font-size: 10px;
	color: #555555;
	position: relative;
	font-weight: normal;
	width: 200px;
	text-align: right;
	float: right;
	padding-right: 20px;
}
#hp-wrap #canvas-warning {
	font-size: 14px;
	color: #000000;
	margin-left: 70px;
	width:560px;
	border-color:#e000000;
	border-style:solid;
	border-width:1px;
	overflow:wrap;
	padding-left:10px;
	padding-right:10px;
}
#hp-wrap #session-warning {
	font-size: 12px;
	color: #000000;
	margin-left: 70px;
	width:600px;
	border-color:#e000000;
	border-style:solid;
	border-width:1px;
	overflow:wrap;
	padding-left:10px;
	padding-right:10px;
}

/* Notices */
#div_notices {
	font-size: 12px;
	color: #000000;
	margin-left: 70px;
	width:600px;
	border-color:#e000000;
	border-style:solid;
	border-width:1px;
	overflow:wrap;
	padding:10px;
}

#notice_submit {
}

/*----------------------------------------*/

#csl-main-layout {
   display: grid;
   grid-template-rows: min-content auto;
   grid-template-columns: 1fr auto auto auto;

   overflow: hidden;

   height: calc(100vh - 20px);

	grid-gap: 4px;
}

#mainmenu {
   grid-row: 1/2;
   grid-column: 1/2;

   display: flex;
   flex-wrap: wrap;
	row-gap: 2px;
}

#csl-progress-widget {
   grid-row: 1/2;
   grid-column: 2/3;
}

#csl-font-size-widget {
   grid-row: 1/2;
   grid-column: 3/4;
}

#csl-widget-menu {
   grid-row: 1/2;
   grid-column: 4/5;
}

#tabs {
   grid-row: 2/3;
   grid-column: 1/5;
}

#tab-0 {
	height: calc(100% - 10px);
}


/*----------------------------------------*/

#csl_landing_page {
	display: grid;
	grid-template-rows: minmax(1fr, max-content)
							  minmax(0, max-content)
						     auto
							  minmax(0, max-content)
						     auto
							  50px
							  max-content;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 4px;
	overflow: hidden;

	height: calc(100% - 60px);
}

.csl_pane {
	/*border: 1px solid rgb(239, 237, 237);*/
}

#csl_welcome {
	grid-row: 1/2;
	grid-column: 1/3;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 30px;
	padding-bottom: 20px;
}

#csl_date {
	grid-row: 1/2;
	grid-column: 3/4;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: right;
	font-family: Optima, arial, "Optima ExtraBlack", "Open Sans Semibold Italic";
	font-weight: normal;
}

#csl_date1 {
	font-size: 25px;
	color: #6B479E;
	padding-bottom: 10px;
}

#csl_date2 {
	font-size: 20px;
	color: #6B479E;
}

#csl_image_left {
	grid-row: 2/3;
	grid-column: 1/2;
}

#csl_logo {
	grid-row: 2/3;
	grid-column: 2/3;
}

#csl_image_right {
	grid-row: 2/3;
	grid-column: 3/4;
}

.csl_image_container {
	overflow: hidden;
}

.csl_image {
	width: 100%;
	height: 100%;
	min-height: 100px;
	object-fit: contain;
	/*object-position: top;*/
  }

#csl_notices {
	grid-row: 4/5;
	grid-column: 1/4;
	overflow: auto;
	padding: 0px;
	font-size: 12px;
}

.csl_notice_item {
	border: 1px solid rgb(188, 181, 196);
	background: rgb(251, 251, 212);
	border-radius: 4px;
	padding: 6px;
	margin: 0px;
	margin-bottom: 6px;
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr 80px;
}

.csl_notice_item_text {
	grid-row: 1/2;
	grid-column: 1/2;

	padding: 2px;
	padding-right: 20px;

	white-space: pre-wrap;
}

.csl_notice_item_button {
	grid-row: 1/2;
	grid-column: 2/3;

	margin-left: auto;
	margin-right: 0px;
}

.csl_notice_item_button button {
   background: rgb(255,255,255);
   margin: 0px;
   border: 1px solid rgb(167, 166, 166);
   border-radius: 4px;
}

.csl_notice_item_button button:hover {
   background: rgb(237, 243, 251);
}

.csl_notice_item_button button:active {
   background: rgb(202, 217, 232);
}

#csl_security {
	grid-row: 5/6;
	grid-column: 1/4;
	display: flex;
   justify-content: center;
   align-items: center;
}

#csl_security_container {
	border: 1px solid rgb(188, 181, 196);
	border-radius: 20px;
	padding: 4px;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 11px;
	text-align: center;
	background: rgb(226, 222, 231);
}

#csl_email {
	grid-row: 6/7;
	grid-column: 1/2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
   align-content: flex-start;
	font-family: Optima, arial, "Optima ExtraBlack", "Open Sans Semibold Italic";
	font-size: 11px;
	color: #555555;
}

#csl_copyright {
	grid-row: 6/7;
	grid-column: 2/3;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	font-family: Optima, arial, "Optima ExtraBlack", "Open Sans Semibold Italic";
	font-size: 11px;
	color: #555555;
	text-align: center;
}

#csl_contact {
	grid-row: 6/7;
	grid-column: 3/4;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	font-family: Optima, arial, "Optima ExtraBlack", "Open Sans Semibold Italic";
	font-size: 11px;
	color: #555555;
	text-align: right;
	overflow: hidden;
}

#csl_title1 {
	font-family: Optima, arial, "Optima ExtraBlack", "Open Sans Semibold Italic";
	font-size: 25px;
	font-weight: normal;
	color: #6B479E;
	padding-bottom: 10px;
}

#csl_title2 {
	font-family: Optima, arial, "Optima ExtraBlack", "Open Sans Semibold Italic";
	font-size: 20px;
	font-weight: normal;
	color: #CBB97B;
	white-space: nowrap;
}

#csl_title3 {
	color: #6B479E;
}