/* --------------------------------------------------------------------- */
/* NEW CSS stying for html5 changeover - established 2022                */
/* --------------------------------------------------------------------- */
:root {
	/*
    --bs-body-font-size: 11px;
    --bs-body-font-family: Verdana, Arial, Helvetica, sans-serif;
    --bs-body-line-height: 1.1;
	*/
}

/* Double number of columns 12 to 24 */
.row .hcol-1  { flex: 0 0 auto; width: 4.166%; }
.row .hcol-2  { flex: 0 0 auto; width: 8.333%; }
.row .hcol-3  { flex: 0 0 auto; width: 12.5%; }
.row .hcol-4  { flex: 0 0 auto; width: 16.666%; }
.row .hcol-5  { flex: 0 0 auto; width: 20.833%; }
.row .hcol-6  { flex: 0 0 auto; width: 25%; }
.row .hcol-7  { flex: 0 0 auto; width: 29.166%; }
.row .hcol-8  { flex: 0 0 auto; width: 33.333%; }
.row .hcol-9  { flex: 0 0 auto; width: 37.5%; }
.row .hcol-10 { flex: 0 0 auto; width: 41.666%; }
.row .hcol-11 { flex: 0 0 auto; width: 45.833%; }
.row .hcol-12 { flex: 0 0 auto; width: 50%; }
.row .hcol-13 { flex: 0 0 auto; width: 54.166%; }
.row .hcol-14 { flex: 0 0 auto; width: 58.333%; }
.row .hcol-15 { flex: 0 0 auto; width: 62.5%; }
.row .hcol-16 { flex: 0 0 auto; width: 66.666%; }
.row .hcol-17 { flex: 0 0 auto; width: 70.833%; }
.row .hcol-18 { flex: 0 0 auto; width: 75%; }
.row .hcol-19 { flex: 0 0 auto; width: 79.166%; }
.row .hcol-20 { flex: 0 0 auto; width: 83.333%; }
.row .hcol-21 { flex: 0 0 auto; width: 87.5%; }
.row .hcol-22 { flex: 0 0 auto; width: 91.666%; }
.row .hcol-23 { flex: 0 0 auto; width: 95.833%; }
.row .hcol-24 { flex: 0 0 auto; width: 100%; }

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	background-color: #f8f9f9;
	margin:0;
    padding:0;
    padding-top:5px;
	text-align:center;
}

a:hover {
	color:#F00;
	text-decoration: underline;
}

div {
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
	/* font-size: 11px; */
}

table {
	border-spacing: 0px;	/* helps with table based packages */
}

table td {
	/* line-height: normal; */
	line-height: 1;
}

::-webkit-calendar-picker-indicator{
    margin-left: 0px;
}

hr {
    margin: auto;
    margin-top:8px;
    margin-bottom:8px;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    border: none;
    height: 2px;
    /* Set the hr color */
    color: #333; /* old IE */
    background-color: #333; /* Modern Browsers */
}

/* Standard Form Field CSS */
.stdFormField {
    /* background:#EEEEEE; */
    background:white;
    border:1px solid #777;
    width:100%;
}

td {
    font-size: 11px;
}

input {
    font-size: 11px;
    padding:2px;
}

input[type=date] {
	height:22px;
    padding-top:0px;
    padding-bottom:0px;
}

input:disabled {
	color: #777;
}

select {
	height:22px;
	text-indent: 0px;
    /* padding:1px; */
	padding-top:0;
    font-size: 11px;
}

select:hover {
	height:22px;
	text-indent: 0px;
	padding-top:0;
    font-size: 11px;
}

select:disabled {
	color: #777;
}

.reqlbl:after { content: '*'; color:red; font-weight:bold; padding-right: 3px; }
.nreqlbl:after { content: '*'; visibility:hidden; padding-right: 3px; }

req:after { content: '*'; color:red; font-weight:bold; }
nreq:after { content: '*'; visibility:hidden; }

.imgLogo1 {
	height:65px;
	vertical-align:middle;
}

.invalidFieldData {
    border: 1px solid red;
    box-shadow: 0px 0px 2px 2px #933;
}

.validFieldDataGreen {
    border: 1px solid green;
    box-shadow: 0px 0px 2px 2px #393;
}

.mask_currency {
    /* allow for currency symbol */
    padding-left:12px !important;
}

usd:after {
    content:'$';
    position:absolute;
    font-weight:bold;
    left:4px;
    top:3px;
    z-index:999;

}

.ui-overflow-hidden {
	overflow: hidden !important;
	white-space: nowrap !important;
}

.ui-rowalt .row:nth-child(even) {
	background-color: none;
}

.ui-rowalt .row:nth-child(odd) {
	background-color: #F9F9F9;
}

.ui-norowalt .row:nth-child(even) {
	background-color: none;
}

.ui-norowalt .row:nth-child(odd) {
	background-color: none;
}

.ui-white  		{ color: white 		  !important; }
.ui-black  		{ color: black 		  !important; }
.ui-blue   		{ color: #5EBAFF	  !important; }
.ui-darkblue    { color: #000099	  !important; }
.ui-red    		{ color: red 		    !important; }
.ui-green  		{ color: green 		  !important; }
.ui-orange 		{ color: orange 	  !important; }
.ui-yellow 		{ color: yellow 	  !important; }
.ui-gray 		{ color: gray 	  	!important; }
.ui-dimgray		{ color: dimgray 	  !important; }
.ui-lightblue 	{ color: lightblue 	!important; }
.ui-gold 		{ color: gold 		  !important; }
.ui-violet		{ color: blueviolet !important; }

.font10 { font-size: 10px !important; }
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font14 { font-size: 14px !important; }
.font16 { font-size: 16px !important; }

.ui-bold		{ font-weight:bold; }
.ui-noborder	{ border:none; }
.ui-noborder-right	{ border-right:none !important; }
.ui-font-family01 {
	font-family: Arial, Helvetica, sans-serif !important;
}
 
.ptlbl { padding-top: 3px; }
.p2px { padding: 2px; }

.notgroupcontact td {
	font-weight: bold;
}

.groupcontact td {
	color: #333 !important;
}

.notgrouprequest td {
	font-weight: bold;
}

.grouprequest td {
	color: #333 !important;
}


/* ------------------------------------ */
/* Cycle CSS Only Format Page Layouts   */
/* ------------------------------------ */

.MainAppBody {
	display:inline-block;
	width:1000px;
	max-width:1000px;
	min-height:400px;
	background-color:white;
	margin:auto;
	margin-top:5px;
	border: 1px solid #CCC;
}

.MainAppHeader {
	min-height:75px;
	max-height:75px;
	width:100%;
}

.MainAppFooter {
	display:inline-block;
	width:1000px;
	max-width:1000px;
    text-align:center;
}

.MainAppLogo {
	float:left;
	min-height:75px;
	max-height:75px;
	width:30%;
	text-align:left;
}

.MainAppHdrRight {
	float:right;
	min-height:75px;
	max-height:75px;
	width:70%;
}

.MainAppHdrMenu {
	/* display:inline-block; */
	float:right;
	width:100%;
	text-align:right;
	font-size: 10px;
	padding:5px 0px;
}

.MainAppHdrMessage {
	/* display:inline-block; */
	float:right;
	width:100%;
	text-align:left;
	color:red;
	padding-top:15px;
	font-size: 20px;
	font-weight:bold;
	overflow: hidden !important;
  	white-space: nowrap !important;
  	text-overflow: ellipsis !important;
}

.MainAppColumns {
	display: table;
	width: 100%;
}

.MainApp145 {
	display:table-cell;
	vertical-align:top;
	width:148px;
	max-width:148px;
	min-height:400px;
	padding: 0.20rem !important; /* p-1 */
	padding-left: 3px !important; /* p-1 */
	padding-right: 3px !important; /* p-1 */
}

.MainApp600 {
	display: table-cell;
	vertical-align:top;
	width:603px;
	max-width:603px;
    height:400px;
	min-height:400px;
	border:1px solid #CCC;
	border-bottom:none;
	border-radius:5px 5px 0 0;
	padding: 0.20rem !important; /* p-1 */
	padding-left: 3px !important; /* p-1 */
	padding-right: 3px !important; /* p-1 */
}

.MainApp800 {
	display: table-cell;
	vertical-align:top;
	width:850px;
	max-width:850px;
    height:400px;
	min-height:400px;
	border:1px solid #CCC;
	border-bottom:none;
	border-right:none;
	border-radius:5px 5px 0 0;
	padding: 0.20rem !important; /* p-1 */
	padding-left: 3px !important; /* p-1 */
	padding-right: 3px !important; /* p-1 */
}

.MainApp245 {
	display: table-cell;
	vertical-align:top;
	width:247px;
	max-width:247px;
	min-height:400px;
	border:1px solid #CCC;
	border-bottom:none;
	border-right:none;
	border-left:none;
	border-radius:5px 5px 0 0;
	padding: 0.20rem !important; /* p-1 */
	padding-left: 3px !important; /* p-1 */
	padding-right: 3px !important; /* p-1 */
}

.MainAppMenu {
	position:relative;

    border-radius: 5px;
    border: 1px #9B9B9B;
    border-style: solid;
    background-color: #D7D7D7;
    
    box-shadow: 0 2px 2px 0 rgb(50 50 50 / 36%), 0 2px 5px 0 rgb(100 100 100 / 12%);
    margin: 0.25rem !important;
    margin-top: -.20rem !important;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    font-weight: bold;
}

.MainAppMenuTitle {
	color:#333;font-size:8px;position:absolute;top:0px;left:3px;
}

.MenuTitleBar {
	border-radius: 5px 5px 0 0;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:18px;
	text-align:center;
	/* background:#D7D7D7; */
	color:#333;
	background-image: linear-gradient(#D7D7D7, #EEEEEE);
}

.inlinelogohelper {
	display:inline-block;
	height:75px;
	vertical-align: middle;
}

.thsticky th {
	background:white;
	position: sticky;
	top: 0;
}

.rowhoverred:hover {
	background-color:#fd8e92 !important;
}

/* ------------------------ */
/* Button CSS Settings      */
/* ------------------------ */

.btn-dyn {
	position:relative; 
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
	cursor:pointer;
	text-align:center; 
	border-radius: 5px;
	border: 3px #AAA;
	border-style: double;
	height:24px; 
	max-height:24px;
	width:100%;
	background-image: linear-gradient(#DDD, #F0F0F0);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12); 
}

.btn-dyn-145 {
	width:134px;
	margin-top:2px;
}

.btn-dyn-245 {
	width:234px;
	margin-top:2px;
}

.btn-dyn-blue:hover {
	border-radius: 5px;
	border: 3px rgb(0, 0, 200);
	border-style: double;
	background-image: linear-gradient(rgb(200, 200, 255), #F0F0F0);
	box-shadow: 0 1px 2px 0 rgba(200, 200, 255, 0.76), 0 1px 5px 0 rgba(200, 200, 255, 0.72);
}

.btn-dyn-blue:focus, .btn-dyn-blue.focus {
	border-radius: 5px;
	border: 3px rgb(0, 0, 200);
	border-style: double;
	background-image: linear-gradient(rgb(200, 200, 255), #F0F0F0);
	box-shadow: 0 1px 2px 0 rgba(200, 200, 255, 0.76), 0 1px 5px 0 rgba(200, 200, 255, 0.72);
}

.btn-dyn-blue.disabled, .btn-dyn-blue:disabled {
	color: #AAA;
	border-radius: 5px;
	border: 3px #AAA;
	border-style: double;
	background-image: linear-gradient(#DDD, #F0F0F0);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.btn-dyn-red:hover {
	border-radius: 5px;
	border: 3px rgb(200, 0, 0);
	border-style: double;
	background-image: linear-gradient(rgb(255, 200, 200), #F0F0F0);
	box-shadow: 0 1px 2px 0 rgba(255, 200, 200, 0.76), 0 1px 5px 0 rgba(255, 200, 200, 0.72);
}

.btn-dyn-red:focus, .btn-dyn-red.focus {
	border-radius: 5px;
	border: 3px rgb(200, 0, 0);
	border-style: double;
	background-image: linear-gradient(rgb(255, 200, 200), #F0F0F0);
	box-shadow: 0 1px 2px 0 rgba(255, 200, 200, 0.76), 0 1px 5px 0 rgba(255, 200, 200, 0.72);
}

.btn-dyn-red.disabled, .btn-dyn-red:disabled {
	color: #AAA;
	border-radius: 5px;
	border: 3px #AAA;
	border-style: double;
	background-image: linear-gradient(#DDD, #F0F0F0);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.btn-dyn-green:hover {
	border-radius: 5px;
	border: 3px rgb(0, 200, 0);
	border-style: double;
	background-image: linear-gradient(rgb(200, 255, 200), #F0F0F0);
	box-shadow: 0 1px 2px 0 rgba(200, 255, 200, 0.76), 0 1px 5px 0 rgba(200, 255, 200, 0.72);
}

.btn-dyn-green:focus, .btn-dyn-green.focus {
	border-radius: 5px;
	border: 3px rgb(0, 200, 0);
	border-style: double;
	background-image: linear-gradient(rgb(200, 255, 200), #F0F0F0);
	box-shadow: 0 1px 2px 0 rgba(200, 255, 200, 0.76), 0 1px 5px 0 rgba(200, 255, 200, 0.72);
}

.btn-dyn-green.disabled, .btn-dyn-green:disabled {
	color: #AAA;
	border-radius: 5px;
	border: 3px #AAA;
	border-style: double;
	background-image: linear-gradient(#DDD, #F0F0F0);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/* ----------------------------------------------- */
/* FORM Tool Tip CSS                               */
/* ----------------------------------------------- */

.tool_tip {
    /* font */
    /* font-family: Helvetica; */
    font-size: 11px;
    font-weight: bold;
    color: #cc0033;
    /* line-height: 20px; */
    /* background */
    background-color: #fce4e4;
    border: 1px solid #fcc2c3;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    /* positioning */
    /* float: left; */
    position: absolute;
    /* padding: 7px 5px 4px; */
    padding: 5px;
    margin-top: 9px; /* distance between error tip and element it points to */
    z-index:999;
}

/* Left Arrow Styles */
.tool_tip:after, .tool_tip:before {
    content: '';
    border: 7px solid transparent;
    position: absolute;
    top: 10px;
}

.tool_tip:after {
    border-right: 7px solid #fce4e4;
    top: -13px;
    left: 20px;
    transform: rotate(90deg);
}

.tool_tip:before {
    border-right: 7px solid #fcc2c3;
    top: -14px;
    left: 20px;
    transform: rotate(90deg);
}

/* ---------------------------------------------------------- */
/* ---- DataTables CSS                                        */
/* ---------------------------------------------------------- */
.AppDataTable600 {
    display:inline-block;
    margin-top: 2px;
	margin-bottom: 10px;

    width: 588px;
    border: 1px solid #CCC;
    /* border-radius:5px 5px 0 0; */
	border-radius:5px 5px 5px 5px;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 40%), 0 2px 5px 0 rgb(100 100 100 / 30%);
}

.AppDataTableHdr600 {
    display:block;
	background-image: linear-gradient(#CCC, #EEE);
    width:100%;
    height:28px;
    border-bottom: 1px solid #CCC;
    border-radius:4px 4px 0 0;
    padding: 0.35rem !important; /* p-1 */
}

.AppDataTableData600 {
    display:block;
    width:100%;
}

.AppDataTableFooter600 {
    display:block;
    width:100%;
    height:25px;
    border-top: 1px solid #CCC;
    padding: 0.25rem !important; /* p-1 */
}

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

.AppDataTable245 {
    display:inline-block;
    margin-top: 2px;
	margin-bottom: 10px;

    width: 235px;
    border: 1px solid #CCC;
    /* border-radius:5px 5px 0 0; */
	border-radius:5px 5px 5px 5px;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 40%), 0 2px 5px 0 rgb(100 100 100 / 30%);
}

.AppDataTableHdr245 {
    display:block;
    background-image: linear-gradient(#CCC, #EEE);
    width:100%;
    height:28px;
    border-bottom: 1px solid #CCC;
    border-radius:4px 4px 0 0;
    padding: 0.35rem !important; /* p-1 */
}

.AppDataTableData245 {
    display:block;
    width:100%;
}

.AppDataTableFooter245 {
    display:block;
    width:100%;
    height:25px;
    border-top: 1px solid #CCC;
    padding: 0.25rem !important; /* p-1 */
}

.AppDataTableSearch {
    width:100px;
    height:14px; 
    font-size:10px;
	padding-right:15px;
}

.AppDataTableSearchClear {
	color:#ccc;
	position:absolute;
	right:5px;
	top:3px;
}

.AppDataTableSearchClear:hover {
	color:red;
}

/* ------------------------ */
/* Basic Containers       */
/* ------------------------ */
.basic-145-container {
	width:145px;
	max-width:145px;
	display:inline-block;
}

.basic-245-container {
	width:245px;
	max-width:245px;
	display:inline-block;
}

.basic-600-container {
	width:600px;
	max-width:600px;
	display:inline-block;
}

.basic-850-container {
	width:850px;
	max-width:850px;
	display:inline-block;
}

.basic-1000-container {
	width:1000px;
	max-width:1000px;
	display:inline-block;
}

.basic-300-container {
	width:290px;
	max-width:290px;
	display:inline-block; 
}

/* ----------------------------------------------- */
/* Change Log Modal                                */
/* ----------------------------------------------- */

/* The Modal (background) */
.chlogmodal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	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 */
	color:black !important;
}

/* Modal Content/Box */
.chlogmodal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 10px;
	border: 1px solid #888;
	width:620px;
	/* width: 80%; Could be more or less, depending on screen size */
	text-align:left;
	font-size:12px;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 0 2px 2px 0 rgb(50 50 50 / 36%), 0 2px 5px 0 rgb(100 100 100 / 12%);

}

/* The Close Button */
.chlogclose {
	color: #aaa;
	float: right;
	font-size: 18px;
	font-weight: bold;
}

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

.chlogclock {
	width:10px;
	cursor:pointer;
	padding-bottom:3px;
	content:url('/images/historyicon16.png');
	display:none;
}

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

/* The Modal (background) */
.stdmodal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	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 */
	color:black !important;
}

/* Modal Content/Box */
.stdmodal-content800 {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 10px;
	border: 1px solid #888;
	width:820px;
	/* width: 80%; Could be more or less, depending on screen size */
	text-align:left;
	font-size:12px;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 0 2px 2px 0 rgb(50 50 50 / 36%), 0 2px 5px 0 rgb(100 100 100 / 12%);
}

.stdmodal-content600 {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 10px;
	border: 1px solid #888;
	width:620px;
	/* width: 80%; Could be more or less, depending on screen size */
	text-align:left;
	font-size:12px;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 0 2px 2px 0 rgb(50 50 50 / 36%), 0 2px 5px 0 rgb(100 100 100 / 12%);
}

/* The Close Button */
.stdclose {
	color: #aaa;
	float: right;
	font-size: 18px;
	font-weight: bold;
}

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

/* ----------------------------------------------- */
/* Working Overlay                                 */
/* ----------------------------------------------- */
.working-overlay {
	background: #ffffff;
	color: #666666;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 5000;
	top: 0;
	left: 0;
	float: left;
	text-align: center;
	padding-top: 25%;
	opacity: .80;
}

.working-spinner {
    margin: 0 auto;
    height: 64px;
    width: 64px;
    animation: rotate 0.8s infinite linear;
    border: 5px solid red;
    border-right-color: transparent;
    border-radius: 50%;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Info/Error Messages */
.infomsg, .successmsg, .warningmsg, .errormsg, .validationmsg {
	border: 1px solid;
	border-radius: 5px;
	margin: 5px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	width:100%;
}
.infomsg {
	color: #00529B;
	font-weight:bold;
	background-color: #BDE5F8;
	background-image: url('/images/lcninfoicon.png');
}
.successmsg {
	color: #4F8A10;
	font-weight:bold;
	background-color: #DFF2BF;
	background-image: url('/images/lcnsuccessicon.png');
}
.warningmsg {
	color: #9F6000;
	font-weight:bold;
	background-color: #FEEFB3;
	background-image: url('/images/lcnwarningicon.png');
}
.errormsg{
	color: #D8000C;
	font-weight:bold;
	background-color: #FFBABA;
	background-image: url('/images/lcnerroricon.png');
}
.validationmsg{
	color: #D63301;
	font-weight:bold;
	background-color: #FFCCBA;
	background-image: url('/images/lcnvalidationicon.png');
}

/* ----------------------------------------------- */
/* LCN Overrides                                   */
/* ----------------------------------------------- */
.style2 {
	/* font-size: 11px; */
}

/* .oldblankimgh1 { display:none; } */

.largebutton {
	width: 242px;
	margin-top:5px;
	margin-bottom:5px;
	height: 22px;
	max-height: 22px;
	background-position:center;
}

.style1d {
	font-size: 14px !important;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

.style1d:after {
	display: inline-block;
	content: "";
	height: 2px;
	background: #999;
	position: absolute; 
	width: 100%;
	top: 60%;
	/* top: 6px; */
	margin-top: -2px;
	margin-left: 10px;
}

input[type="checkbox"] {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.overnone {
	 overflow: hidden !important;
	 white-space: nowrap !important;
	 text-overflow: ellipsis !important;
}

progress {
	 height: 20px;
	 width: 100%;
	 border: 1px solid #777;
}
progress::-webkit-progress-bar {
	 background-color: #CCC;
}
progress::-webkit-progress-value {
	 background-color: #AFA;
}
textarea {
	 text-indent: 0px;
}
.dock {
	 border: 2px dotted #cccccc;
	 background-color: #ededed;
	 height: 75px;
	 color: #444;
	 text-align: center;
}
.dock_hover {
	 border: 2px dotted #4d90fe;
	 background-color: #e7f0ff;
	 height: 75px;
	 color: #4d90fe;
	 text-align: center;
}