/*
################################################################################
# epa.css v1.5 2020-05-12
# Copyright AT Veterinary Systems (2001-2020)
# epa style sheet
################################################################################
*/
body { font-size: 62.5%; background:#e8e8e8; }

/* jqgrid hover colors */
tr.jqgrow.ui-state-hover:not(.ui-state-highlight) { background: #F2F2F1; color:#000000; }
div.ui-jqgrid-toppager.ui-state-default { background: #F2F2F1; color:#000000; !important; }  /*jqgrid header toolbar*/
tr.ui-jqgrid-labels .ui-state-default { background: #F2F2F1; color:#000000; !important; }    /*jqgrid header labels*/
tr.jqgrow .ui-state-default { background: #F2F2F1; color:#000000; !important; }              /*jqgrid icons*/
div.ui-jqgrid-pager.ui-state-default { background: #F2F2F1; color:#000000; !important; }     /*jqgrid footer*/

.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-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 .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 { width: 100%; }
#hp-wrap .epa-text, #hp-foot .epa-text { color: #68103D; }
#hp-wrap #epa-wrap { width:auto; overflow:hidden; text-align:center; }
#hp-wrap #epa-wrap img { display:inline-block; }
#hp-wrap #session-warning { display:inline-block; font-size: 12px; color: #F2F2F1; background-color: #808323; width:320px; border-color:#404212; border-style:solid;
	                        border-width:1px; border-radius:10px; overflow:wrap; padding:5px; padding-top:10px; padding-bottom:10px; margin:10px; text-align: left;
                          }
#hp-wrap #epa-wrap #epa-sponsor img { margin-top:40px; margin-bottom:50px; }
#hour-alarm { padding-left:0px; padding-right:0px; padding-top:15px;padding-bottom:20px; display:inline-block; float: left; }


#hp-wrap.row:after { content: ""; display: table; clear: both; } /* Clear floats after the columns */
#hp-foot a:link { text-decoration:none; font-weight:bold; color:#68103D; }
#hp-foot a:visited { text-decoration:none; font-weight:bold; color:#68103D; }
#hp-foot a:hover { text-decoration:underline; font-weight:bold; color:#68103D; }
#hp-wrap a:active { text-decoration:none; color:#68103D; }
#hp-foot img { vertical-align: middle; }

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

#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/2;
	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: 1/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: bottom;
  }

#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;
}