.sct-t {
	display: inline-block;
	width: 100%;
 	min-width: 200px;
	max-width: 600px;
}

.sct-h {
	text-align: left;
	padding: 5px;
	display: block;
	background:#006FA4;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 1px 1px rgba(0,0,0, .7);
    border: solid 1px #B4B4B4;
	border-bottom: solid 3px #B4B4B4;
	width: 100%;
	cursor: default;
 	min-width: 200px;
	max-width: 600px;
}

.sct-r, .sct-r0, .sct-r1 {
	-webkit-transition: background .1s ease;
	-moz-transition: background .1s ease;
	transition: background .1s ease;
	display: table;
	width: 100%;
	min-width: 200px;
	max-width: 600px;
/*  border: solid 1px #B4B4B4; */
/* 	border-bottom: 5px solid orange; */
}

.sct-r0 { background-color:#FFFFFF;}
.sct-r1 { background-color:#F5F5F5;}
.sct-rbrb { border-bottom: solid 1px #CDCDCD;}
.sct-rhov:hover { background: #E9F2E1;}

[class^="sct-c"], [class*=" sct-c"] {
	display: table-cell;
	vertical-align: top;
	padding: 3px;
	text-align: left;
}
.sct-c { width: auto;}
.sct-cf { width: 100%;}
.sct-c30 { width: 30px; white-space: nowrap;}
.sct-c40, .sct-cb { width: 40px; white-space: nowrap;}
.sct-c50 { width: 50px; white-space: nowrap;}
.sct-c75 { width: 75px; white-space: nowrap;}
.sct-c100 { width: 100px; white-space: nowrap;}
.sct-c125 { width: 125px; white-space: nowrap;}
.sct-c150 { width: 150px; white-space: nowrap;}
.sct-c200 { width: 200px; white-space: nowrap;}
.sct-c250 { width: 250px; white-space: nowrap;}
.sct-c300 { width: 300px; white-space: nowrap;}

/* cells w/ icon button */
.sct-cb {
	text-align: center;
}
/* cells w/ label */
.sct-cl {
	text-align: right;
 	vertical-align: middle;
}
/* note element - apply directly */
.sct-n {
	width:100%;
	margin: 5px 0;
	height: 75px;
}
.sct-btncont {
	display: table-cell !important;
	height:20px !important;
	width: auto !important;
	min-width: 45px !important;
	max-width: 65px !important;
	margin: 0 !important;
	padding: 0 !important;
}
.ScTaskBtn {
	display: inline-block !important;
	outline-width:0 !important;
	cursor: pointer !important;
	font-size: 14px !important;
	border-radius: 6px !important;
	font-family: 'Open Sans', sans-serif !important;
	text-align: center !important;
	vertical-align: middle !important;
	text-decoration: none !important;
	-webkit-transition: background-color .15s ease, text-shadow .15s ease;
	-moz-transition: background-color .15s ease, text-shadow .15s ease;
	transition: background-color .15s ease, text-shadow .15s ease;
	background-color: #006FA4 !important;
	border: 2px solid rgba(0,0,0, .3);
	padding: 0 1px 0 0 !important;
	margin: 0 !important;
	white-space: nowrap !important;
	width: auto !important;
	min-width: 40px !important;
	max-width: 85px !important;
	overflow:hidden !important;
	height: auto !important;
}

.ScTaskBtn:hover { background-color: #005680; text-shadow: 2px 2px rgba(0,0,0, .8);}
.ScTaskBtn:focus { border: 2px solid rgba(0,0,0, .5); text-shadow: 2px 2px rgba(0,0,0, .8); box-shadow: 0 0 1px 1px rgba(9,136,92, .1);}
.ScTaskBtn:active { position: relative; top: 1px; background-color: #003E5B;}

/* 	T in task button */
.ScTaskBtnT {
	font-family: 'Open Sans', sans-serif !important;
	text-shadow: 1px 1px rgba(0,0,0, .5) !important;
	font-size: 14px !important;
	font-weight: bold !important;
	background: #FFFFFF !important;
	float: left !important;
	width: 15px !important;
	border-radius: 2px !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* 	#s in task button*/
.ScTaskBtnTxt {
	font-family: 'Open Sans', sans-serif !important;
	color: #FFFFFF !important;
	text-shadow: 1px 1px rgba(0,0,0, .5);
	font-size: 13px !important;
	font-weight: bold !important;
/* 	float: right !important; */
	margin-left: 3px !important;
	padding: 0 !important;
}


/* ****************************************************************************************** SM - SMALL SCREEN LAYOUT ELEMENTS IN LANDSCAPE & PORTRAIT(<768 pixels) */
@media screen and (max-width: 767px) {
.sct-t {
	min-width: 150px;
}
/* 	display block on small screen */
.sct-smb {
	display: block !important;
	text-align: left !important;
}
.sct-cl {
	text-align: right;
 	vertical-align: middle;
}
}


/* ****************************************************************************************** SMP - SMALL SCREEN LAYOUT ELEMENTS IN PORTRAIT ONLY (<431px) */
@media screen and (max-width: 430px) {
.sct-cl, .sct-cd {
	display: block;
	width: 100%;
	text-align: left;
}
}