/*
====================================================================================================
cadmium.css

Created By:  Devin Madden -- 3/28/17
Last Edited By: --


Z-INDEX ORDER:
*** Item with the highest z-index value will appear on top of elements with lower value

SECTIONS						Z-INDEX
----------------------------------------------------------------------------------------
1.   GENERAL					--
2.   TIPSY						--
3.   HEADER						500
4.   FOOTER						500
5.   DIVHEADER					101
6.   MAIN-TOOLBAR				101
7.   ALERTDIALOG				10,000

7.  HELPERS					*** This should always be the last section because the helper 
								styles should override other styles as much as possible

====================================================================================================
*/


/*
====================================================================================================
 GENERAL
====================================================================================================
*/

html,
body {
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0;
	margin:0;
	color: #2B2B2B;
}

body.canvas-bg {
	background: #474747 url("images/canvas.png") repeat 0 0 scroll;
}

.light,
.Light,
.regular,
.Regular {
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif !important;	
	font-weight: normal !important;
}

b,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
.semibold,
.SemiBold {
	font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif !important;	
	font-weight: normal !important;
}

.bold,
.Bold {
	font-family: 'OpenSansBold', Arial, Helvetica, sans-serif !important;
	font-weight:normal !important; 
}

a {
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}

a.disabled {
	opacity:.4;
}

a.disabled:hover,
a.disabled:active,
a.disabled:focus {
	text-decoration: none;
}


/*
====================================================================================================
 TIPSY STYLES
====================================================================================================
*/

.tipsy.tipsy-white .tipsy-arrow-e {
	border-left-color:#FFF;
}

.tipsy.tipsy-white .tipsy-arrow-w {
	border-right-color:#FFF;
}

.tipsy.tipsy-white .tipsy-arrow-s,
.tipsy.tipsy-white .tipsy-arrow-se, 
.tipsy.tipsy-white .tipsy-arrow-sw {
	border-top-color:#FFF;
}

.tipsy.tipsy-white .tipsy-arrow-n,
.tipsy.tipsy-white .tipsy-arrow-ne,
.tipsy.tipsy-white .tipsy-arrow-nw {
	border-bottom-color:#FFF;
}

.tipsy.tipsy-white .tipsy-inner {
	background-color:#FFF;
	color:#222;
	
}

/*
====================================================================================================
 HEADER
====================================================================================================
*/

header {
	z-index:500;
}

/*
====================================================================================================
 FOOTER
====================================================================================================
*/

footer {
	z-index:500;
}


/*
====================================================================================================
 DIVHEADER
====================================================================================================
*/

.divheader {	 
	font-family:'OpenSansSemiBold', Arial, Helvetica, sans-serif;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background-color: #333;
	position: relative;
	text-shadow: none;
	line-height: 40px;
	overflow: hidden;
	font-size: 14px;
	padding:0 15px;
	z-index: 100;
	height: 40px;
	border: none;
	color: #FFF;
	clear: both;
}	

.divheader.blue {
    background: #38B2EF;
    background:#51a3e2;
}


.divheader .recordCounter {
	font-family:'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	margin-left: 10px;
	font-size: 12px;
	color: #969696;
}

.divheader.blue .recordCounter {
	color: #FFF;
}

.divheader .search-img-wrap {
	background: #323538 url('https://www.mycadmium.com/images/search.png') no-repeat 0 -1px scroll;
	position: relative;
	height: inherit;
	display: block;
	width: 350px;
	float:right;
}

.divheader.blue .search-img-wrap {
	background: #51a3e2 url('https://www.mycadmium.com/images/search.png') no-repeat 0 -1px scroll;
}

.divheader .search-box { 
	position: relative; 
	height:inherit;
	z-index: 101;
}

.text-field-box {
	height: inherit;
}

.search-box-bg {
	font-family:'OpenSansSemiBold', Arial, Helvetica, sans-serif;
	margin: 10px 0;
	line-height:20px;
	background: none;
	font-size: 12px;
	width: 250px;
	border: none;
	float: left;
	color: #444;
	padding:0;
	padding-left: 90px;
}

.search-box-bg:focus {
	border: none;
	outline:none;
}

.text-field-cancel-button {
	position:absolute;
	height: inherit;
	display: none;
	right:5px;
	top:0;
}

.text-field-cancel-button a {
	line-height: normal;
	padding: 10px 5px;
    display: block;
}


/*
====================================================================================================
 MAIN-TOOLBAR
====================================================================================================
*/

.main-toolbar {
	border-bottom:1px solid #D3D3D3;
	border-right:1px solid #DBDCDE;
	border-left:1px solid #DBDCDE;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background: #E7E7E7;
	position: relative;
	z-index:101;
}

.main-toolbar * {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main-toolbar .leftsection {
	float: left;
}

.main-toolbar .rightsection {
	float: right;
}

.main-toolbar a.btn,
.main-toolbar a.btn:link,
.main-toolbar button.btn {
	margin-bottom:2px;
	margin-top:2px;
}

div.toolsdropdown,
div.focusdropdown,
.main-toolbar a:not(.btn) {
	font-family: "OpenSansSemibold", Helvetica, Arial, sans-serif;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	padding: 10px 15px 10px 40px;
	text-transform: uppercase;
	background-color: #f1f1f1;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	position: relative;
	line-height:19px;
	font-size: 11px;
	cursor: pointer;
	z-index:101px;
	/* height: 40px; DM -- removed to allow multi-line menu items */
	color:#333;
	float:left;
}

.main-toolbar a.adminOnly,
div.toolsdropdown.adminOnly,
div.focusdropdown.adminOnly {
	display:none;
}


.admin .main-toolbar a.adminOnly,
.admin div.toolsdropdown.adminOnly,
.admin div.focusdropdown.adminOnly {
	display:inline-block;
}

.admin .main-toolbar a:not(.btn).adminOnly,
.admin div.toolsdropdown.adminOnly,
.admin div.focusdropdown.adminOnly {
	color:#FAA719;
}

.admin .main-toolbar a:not(.btn).adminOnly:hover,
.admin div.toolsdropdown.adminOnly:hover,
.admin div.focusdropdown.adminOnly:hover {
	color:#FAA719;
}

.admin .main-toolbar a:not(.btn).inactive,
.admin div.toolsdropdown.inactive,
.admin div.focusdropdown.inactive {
	opacity:.5;
}

.leftsection div.toolsdropdown,
.leftsection div.focusdropdown,
.main-toolbar .leftsection > a:not(.btn) {
	border-right: 1px solid #D3D3D3;
}

.rightsection div.toolsdropdown,
.rightsection div.focusdropdown,
.main-toolbar .rightsection > a:not(.btn) {
	border-left: 1px solid #D3D3D3;
	border-right:none;
}

div.toolsdropdown:hover,
div.focusdropdown:hover,
.main-toolbar a:not(.btn):hover,
.main-toolbar a:not(.btn).activestate {
	text-decoration: none;
	background: #F8F8F8;
	color: #14A0DB;
}

.main-toolbar a.inactive:not(.btn):hover,
.main-toolbar a.inactive:not(.btn).activestate {
	color:#333;
}

div.toolsdropdown span,
div.focusdropdown span,
.main-toolbar a:not(.btn) span {
	position: absolute;
	margin-left: -30px;
    margin-top: -2px;
	font-size: 21px;	
	color:#0C95CD;
}

.main-toolbar a.inactive > span,
div.toolsdropdown.inactive > span,
div.focusdropdown.inactive > span {
	color:#B6BBC9;	
}

.main-toolbar a:not(.btn).adminOnly > span,
div.toolsdropdown.adminOnly > span,
div.focusdropdown.adminOnly > span {
	color:#FAA719;	
}

div.toolsdropdown ul li a span,
div.focusdropdown ul li a span {
	color: #849BA5;
}

div.toolsdropdown ul li a span.icon-record,
div.focusdropdown ul li a span.icon-record,
div.toolsdropdown ul li a span.icon-x-altx-alt,
div.focusdropdown ul li a span.icon-x-altx-alt {
	background: #d3d3d3; /* Old browsers */
	background: -moz-linear-gradient(top, #d3d3d3 0%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d3d3d3 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d3d3d3 0%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d3d3d3 0%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d3d3d3 0%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	text-align: center;
	font-size: 18px;
	color: #B6BBC9;
	padding: 0;
	margin: 0;
	margin-left: -30px;	 
}

div.toolsdropdown ul li a:hover span,
div.focusdropdown ul li a:hover span,
div.toolsdropdown ul li a.activestate span,
div.focusdropdown ul li a.activestate span {
	color: #0C95CD;
}

div.toolsdropdown ul li a.adminOnly:hover span, 
div.focusdropdown ul li a.adminOnly:hover span, 
div.toolsdropdown ul li a.adminOnly.activestate span, 
div.focusdropdown ul li a.adminOnly.activestate span {
	color:#FAA719;	
}

div.toolsdropdown ul li a.inactive:hover span, 
div.focusdropdown ul li a.inactive:hover span, 
div.toolsdropdown ul li a.inactive.activestate span, 
div.focusdropdown ul li a.inactive.activestate span {
	color:#B6BBC9;
}

div.toolsdropdown ul,
div.focusdropdown ul {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
	-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
	-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
	transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
	-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
	background-color: #EFEFEF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	position: absolute;
	z-index: 300;
	right: 7px;
	padding: 0;
	margin: 0;
	top: 30px;
}

div.toolsdropdown ul.expanded,
div.focusdropdown ul.expanded {
	-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
	top: 48px;
}

div.toolsdropdown ul:before,
div.focusdropdown ul:before {	
	border-color: rgba(0,0,0,0.1) transparent;
	border-width: 0 8px 8px 8px;
	border-style: solid;
	position: absolute;
	display:none;
	bottom: 100%;
	right: 13px;
	content: "";
	height: 0;
	width: 0;	
}

div.toolsdropdown ul:after,
div.focusdropdown ul:after {
	border-color: #fff transparent;
	border-width: 0 6px 6px 6px;
	border-style: solid;
	position: absolute;
	display:none;
	bottom: 100%;
	right: 15px;
	content: "";
	height: 0;
	width: 0;	
}

.leftsection div.toolsdropdown ul,
.leftsection div.focusdropdown ul {
	right: auto;
	left: 7px;
}

.leftsection div.toolsdropdown ul:after,
.leftsection div.focusdropdown ul:after {
	right: auto;
	left: 15px;
}

.leftsection div.toolsdropdown ul:before,
.leftsection div.focusdropdown ul:before {
	right: auto;
	left: 13px;
}

div.toolsdropdown ul li,
div.focusdropdown ul li {
	display:none;
}

div.toolsdropdown ul.expanded li,
div.focusdropdown ul.expanded li,
div.toolsdropdown ul.expanded:after,
div.focusdropdown ul.expanded:after,
div.toolsdropdown ul.expanded:before,
div.focusdropdown ul.expanded:before {
	display:block;
}

div.toolsdropdown ul li a:not(.btn),
div.focusdropdown ul li a:not(.btn) {
	font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #EFEFEF;
	background-color: #FFF;
	text-transform: none;
	border-left: none;
	font-size:13px;
	width: 200px;
}

div.toolsdropdown ul li a.inactive:not(.btn),
div.focusdropdown ul li a.inactive:not(.btn) {
	opacity:.5;
}

div.toolsdropdown ul.lg li a,
div.focusdropdown ul.lg li a {
	width:230px;
}

div.toolsdropdown ul.xl li a,
div.focusdropdown ul.xl li a {
	width:280px;
}

div.toolsdropdown ul.xxl li a,
div.focusdropdown ul.xxl li a {
	width:320px;
}

div.toolsdropdown ul.xxxl li a,
div.focusdropdown ul.xxxl li a {
	width:400px;
}

div.toolsdropdown ul li:first-child a,
div.focusdropdown ul li:first-child a {
	-webkit-border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}

div.toolsdropdown ul li:last-child a,
div.focusdropdown ul li:last-child a {
	-webkit-border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}

div.toolsdropdown ul li:only-child a,
div.focusdropdown ul li:only-child a {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#ExpandCollapse {
	min-width:132px;
}


/*
====================================================================================================
	ALERTDIALOG
====================================================================================================
*/

#alert_dialog {
	position:fixed;
	z-index:9999999;
	padding:25px;
	display:none;
	bottom:0;
	right:0;
	left:0;
	top:0;
}

#alert_dialog.overlay {
	background-color:rgba(0, 0, 0, .7);
}

#alert_dialog .alert_dialog_box {
	pointer-events: auto;
	background-color:#222;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;	
	position:absolute;
	min-width:200px;
	max-width:95%;
	padding:15px;
	color:#FFF;
}

#alert_dialog.slide .alert_dialog_box {
	-webkit-transition:top .15s ease-out;
	-ms-transition:top .15s ease-out;
	transition:top .15s ease-out;
	top:-1000px;
}

#alert_dialog.slide.in .alert_dialog_box {
	top:50%;
}

#alert_dialog.fade .alert_dialog_box {
	display:none;
}

#alert_dialog .alert_dialog_box .alert_icon {
	margin-bottom:10px;
	font-size:24px;
}

#alert_dialog .alert_dialog_box .alert_msg {
	margin-bottom:8px;
	margin-top:8px;
	font-size: 14px; 
}

#alert_dialog .alert_dialog_box .alert_btns .btn {
	padding: 7px 12px;
	margin-right:8px;
	min-width:100px;
}

#alert_dialog .alert_dialog_box .alert_btns .btn:last-child {
	margin-right:0;
}

/*
====================================================================================================
	INPUT 
====================================================================================================
*/

input.signature-input { 
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size: 1.42857142em !important;
    font-style: italic;
    color: #1E57A6;
    background-color: #FFFFFF;
    border:none;
    border-bottom: 1px solid #999999;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:0;
    padding-bottom:0;
    padding-right:0;
    padding-left:0;
}

.signature-input:focus{ 
	outline: none; 
}

/*
====================================================================================================
	Progress 
====================================================================================================
*/

progress {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: -.2em;
	display: inline-block;
	position: relative;
	border-radius:10px;
	width: 10em;
	height: .7em;
	overflow:hidden;	
	color: green; 
}

progress,
progress::-webkit-progress-bar {
	background: #eee;
}

progress::-moz-progress-bar,
progress::-webkit-progress-value {
	background: #222; 
}


progress:before {
	content: "";
	height: 100%;
}

progress:after {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
}

/*
====================================================================================================
	HELPERS
====================================================================================================
*/



.clearfix:after,
.main-toolbar:after,
.search-container:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.cursor-pointer {
	cursor:pointer !important;
}

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

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

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

.pull-left {
	float:left;
}

.pull-right {
	float:right;
}

.clear-left {
	clear:left;
}

.clear-right {
	clear:right;
}

.clear-both {
	clear:both;
}

.mar-no {
	margin:0 !important;
}

.mar-all {
	margin:15px !important;
}

.mar-top {
	margin-top:15px !important;
}

.mar-left {
	margin-left:15px !important;
}

.mar-rgt,
.mar-right {
	margin-right:15px !important;
}

.mar-btm,
.mar-bottom {
	margin-bottom:15px !important;
}

.mar-ver {
	margin-bottom:15px !important;
	margin-top:15px !important;
}

.mar-hor {
	margin-right:15px !important;
	margin-left:15px !important;
}

.mar-all-xs {
	margin:4px !important;
}

.mar-top-xs {
	margin-top:4px !important;
}

.mar-left-xs {
	margin-left:4px !important;
}

.mar-rgt-xs,
.mar-right-xs {
	margin-right:4px !important;
}

.mar-btm-xs,
.mar-bottom-xs {
	margin-bottom:4px !important;
}

.mar-ver-xs {
	margin-bottom:4px !important;
	margin-top:4px !important;
}

.mar-hor-xs {
	margin-right:4px !important;
}

.mar-all-sm {
	margin:8px !important;
}

.mar-top-sm {
	margin-top:8px !important;
}

.mar-left-sm {
	margin-left:8px !important;
}

.mar-rgt-sm,
.mar-right-sm {
	margin-right:8px !important;
}

.mar-btm-sm,
.mar-bottom-sm {
	margin-bottom:8px !important;
}

.mar-ver-sm {
	margin-bottom:8px !important;
	margin-top:8px !important;
}

.mar-hor-sm {
	margin-right:8px !important;
	margin-left:8px !important;
}

.mar-all-lg {
	margin:25px !important;
}

.mar-top-lg {
	margin-top:25px !important;
}

.mar-left-lg {
	margin-left:25px !important;
}

.mar-rgt-lg,
.mar-right-lg {
	margin-right:25px !important;
}

.mar-btm-lg,
.mar-bottom-lg {
	margin-bottom:25px !important;
}

.mar-ver-lg {
	margin-bottom:25px !important;
	margin-top:25px !important;
}

.mar-hor-lg {
	margin-right:25px !important;
	margin-left:25px !important;
}

.mar-all-xl {
	margin:40px !important;
}

.mar-top-xl {
	margin-top:40px !important;
}

.mar-left-xl {
	margin-left:40px !important;
}

.mar-rgt-xl,
.mar-right-xl {
	margin-right:40px !important;
}

.mar-btm-xl,
.mar-bottom-xl {
	margin-bottom:40px !important;
}

.mar-ver-xl {
	margin-bottom:40px !important;
	margin-top:40px !important;
}

.mar-hor-xl {
	margin-right:40px !important;
	margin-left:40px !important;
}

.pad-no {
	padding:0 !important;
}

.pad-all {
	padding:15px !important;
}

.pad-top {
	padding-top:15px !important;
}

.pad-left {
	padding-left:15px !important;
}

.pad-rgt,
.pad-right {
	padding-right:15px !important;
}

.pad-btm,
.pad-bottom {
	padding-bottom:15px !important;
}

.pad-ver {
	padding-bottom:15px !important;
	padding-top:15px !important;
}

.pad-hor {
	padding-right:15px !important;
	padding-left:15px !important;
}

.pad-all-xs {
	padding:4px !important;
}

.pad-top-xs {
	padding-top:4px !important;
}

.pad-left-xs {
	padding-left:4px !important;
}

.pad-rgt-xs,
.pad-right-xs {
	padding-right:4px !important;
}

.pad-btm-xs,
.pad-bottom-xs {
	padding-bottom:4px !important;
}

.pad-ver-xs {
	padding-bottom:4px !important;
	padding-top:4px !important;
}

.pad-hor-xs {
	padding-right:4px !important;
	padding-left:4px !important;
}

.pad-all-sm {
	padding:8px !important;
}

.pad-top-sm {
	padding-top:8px !important;
}

.pad-left-sm {
	padding-left:8px !important;
}

.pad-rgt-sm,
.pad-right-sm {
	padding-right:8px !important;
}

.pad-btm-sm,
.pad-bottom-sm {
	padding-bottom:8px !important;
}

.pad-ver-sm {
	padding-bottom:8px !important;
	padding-top:8px !important;
}

.pad-hor-sm {
	padding-right:8px !important;
	padding-left:8px !important;
}

.pad-all-lg {
	padding:25px !important;
}

.pad-top-lg {
	padding-top:25px !important;
}

.pad-left-lg {
	padding-left:25px !important;
}

.pad-left-no {
	padding-left:0px !important;
}

.pad-right-no {
	padding-left:0px !important;
}

.pad-rgt-lg,
.pad-right-lg {
	padding-right:25px !important;
}

.pad-btm-lg,
.pad-bottom-lg {
	padding-bottom:25px !important;
}

.pad-ver-lg {
	padding-bottom:25px !important;
	padding-top:25px !important;
}

.pad-hor-lg {
	padding-right:25px !important;
	padding-left:25px !important;
}

.pad-all-xl {
	padding:40px !important;
}

.pad-top-xl {
	padding-top:40px !important;
}

.pad-left-xl {
	padding-left:40px !important;
}

.pad-rgt-xl,
.pad-right-xl {
	padding-right:40px !important;
}

.pad-btm-xl,
.pad-bottom-xl {
	padding-bottom:40px !important;
}

.pad-ver-xl {
	padding-bottom:40px !important;
	padding-top:40px !important;
}

.pad-hor-xl {
	padding-right:40px !important;
	padding-left:40px !important;
}

.text-xs {
	font-size:10px !important;
}

.text-sm {
	font-size:12px !important;
}

.text-md {
	font-size:14px !important;
}

.text-lg {
	font-size:18px !important;
}

.text-xl {
	font-size:24px !important;
}

.text-2x {
	font-size:28px !important;
}

.text-3x {
	font-size:32px !important;
}

.text-4x {
	font-size:36px !important;
}

.text-5x {
	font-size:40px !important;
}

.text-white,
a.text-white:active{
 	color:#FFFFFF !important; 
}

a.text-white:hover,
a.text-white:focus{ 
	color:#949494 !important; 
}

.text-black,
a.text-black:active {
 	color:#000 !important;
}


a.text-black:hover,
a.text-black:focus{ 
	color: #595959 !important; 
}
	
.text-darker,
a.text-darker:active {
	color:#6E6E6E !important;
}


a.text-darker:hover,
a.text-darker:focus{ 
	
}

.text-dark,
a.text-dark:active {
	color:#444 !important;
}


a.text-dark:hover,
a.text-dark:focus{ 
	color:#8F8F8F !important;
}

.text-muted,
a.text-muted:active {
	color: #707070 !important;
}

a.text-muted:hover,
a.text-muted:focus{ 
	color: #262626 !important;
}

.text-light,
a.text-light:active {
 	color: #C2C2C2 !important;
}

a.text-light:hover,
a.text-light:focus{ 
 	color: #696969 !important;
}


.text-red,
a.text-red:active {
	color: #DD0000 !important;
}

a.text-red:hover,
a.text-red:focus{ 
	color: #510202 !important;
}

.text-orange,
a.text-orange:active {
	color: #FAA719 !important;
}


a.text-orange:hover,
a.text-orange:focus { 
	color: #9E4C00 !important;
}

.text-gold,
a.text-gold:active {
	color: #F5D838 !important;
}

a.text-gold:hover,
a.text-gold:focus{ 
	color: #8C7900 !important;
}

.text-yellow,
a.text-yellow:active {
	color: #EFE845 !important;
}


a.text-yellow:hover,
a.text-yellow:focus{ 
	color: #8A8100 !important; 
}

.text-green,
a.text-green:active {
	color: #308619 !important;
}

a.text-green:focus,
a.text-green:hover { 
	color: #005402 !important; 
}

.text-ltGreen,
a.text-ltGreen:active {
	color: #6DA300 !important;
}


a.text-ltGreen:hover,
a.text-ltGreen:focus{ 
	color: #344D00 !important;
}

.text-grey,
a.text-grey:active {
	color: #999 !important;
}

a.text-grey:hover,
a.text-grey:focus{ 
	color: #4A4A4A !important; 	
}

.text-cdBlue,
a.text-cdBlue:active {
	color: #51a3e2 !important;
}


a.text-cdBlue:hover,
a.text-cdBlue:focus{ 
	color: #15517E !important;
}

.text-ltBlue,
a.text-ltBlue:active {
	color: #72C2E0 !important;
}

a.text-ltBlue:hover,
a.text-ltBlue:focus { 
	color: #1D6A86 !important; 
}
	
.text-blue,
a.text-blue:active {
	color: #337AB7 !important;
}


a.text-blue:hover,
a.text-blue:focus{ 
	color: #162F46 !important;
}

.text-navy,
a.text-navy:active {
	color: #4A5F7C !important;
}


a.text-navy:hover,
a.text-navy:focus{ 
	color: #090C10 !important;

}

.text-purple,
a.text-purple:active {
	color: #B46CD6 !important;
}


a.text-purple:hover,
a.text-purple:focus{ 
	color: #5C2277 !important;
}

.greenIcon{
	color:#3c763d !important;
}

.redIcon{
	color:#a94442 !important;
}

.blueIcon { 
	color: #26A2D2 !important; 
}

.orangeIcon { 
	color: #FAA719 !important; 
}

.yellowIcon { 
	color: #F5DB4F !important; 
}
.blackIcon { 
	color: #333333 !important; 
}
.bg-white {
	background-color:#FFFFFF !important;
}

.bg-black {
	background-color:#000 !important;
}

.bg-dark {
	background-color:#222 !important;
}

.bg-charol {
	background-color:#484C51 !important;
}

.bg-muted {
	background-color:#707070 !important;
}

.bg-light {
	background-color:#C2C2C2 !important;
}

.bg-extraLight {
	background-color:#E8E8E8 !important;
}

.bg-blue {
	background-color:#26A2D2 !important;
}

.bg-darkBlue {
	background-color:#5A84C7 !important;
}

.bg-red {
	background-color:#DD0000 !important;
}

.bg-orange {
	background-color:#FAA719 !important;
}

.bg-green {
	background-color:#79B054 !important;
}

.bg-purple {
	background-color:#B46CD6 !important;
}

.bg-yellow {
	background-color:rgb(230, 210, 20) !important;
}

.border-1 {
	border:1px solid #000000;
}

.border-2 {
	border:2px solid #000000;
}

.border-3 {
	border:3px solid #000000;
}

.border-white {
	border-color:#FFFFFF !important;
}

.border-black {
	border-color:#000000 !important;
}

.border-dark {
	border-color:#333333 !important;
}

.border-blue {
	border-color:#26A2D2 !important;
}

.border-grey {
	border-color:#707070;
}

.well .text-green { 
	color: #2F8118 !important; 	
}

.faded {
	opacity:0.4 !important;
	cursor:default !important;
}

/* The following classes darken any color on hover */
.bg-darker-hover {
	position:relative;
}

.bg-darker-hover:before {
	-webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
	background:rgba(0, 0, 0, 0);
	position:absolute;
	display:block;
	content:" ";
	bottom:0;
	right:0;
	left:0;
	top:0;
} 

.bg-darker-hover:hover:before {
	background:rgba(0, 0, 0, .1);
}

/* We have separate styles for the extraLight class because we need to decrease the opacity */
.bg-extraLight.bg-darker-hover:hover:before {
	background:rgba(0, 0, 0, .075);
}

 
.underline {
	text-decoration:underline !important;
}

.uppercase {
	text-transform:uppercase !important;
}

.capitalize {
	text-transform:capitalize !important;
}

.border-box {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.content-box {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

.show,
.block {
	display:block !important;
}

.inline,
.show-inline {
	display:inline !important;
}

.inline-block,
.show-inline-block {
	display:inline-block !important;
}

.hide {
	display:none !important;
}

.hidden {
	visibility:hidden;
}

.ltrspace{
	letter-spacing:3px;
	font-style:normal;
}

.center-block {
	margin-right:auto;
	margin-left:auto;
	display:block;
}


.vmiddle {
	vertical-align:middle;
}

.vtop {
	vertical-align:top;
}

.v-center {
	/* parent element cannot be position:static */
	position:absolute;
	top:50%;
	-webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.h-center {
	/* parent element cannot be position:static */
	position:absolute;
	left:50%;
	-webkit-transform: translateX(-50%); 
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.v-center.h-center {
	/* parent element cannot be position:static */
	-webkit-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.nowrap,
.no-wrap {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.relative {
	position:relative !important;
}

.pre-line {
	white-space: pre-line;
}

.break-word {
	word-break:break-word;
	word-wrap:break-word;
}

.break-all {
	word-break:break-all;
	word-wrap:break-word;
}

.border-btm,
.border-bottom {
	border-bottom:1px solid #999;
}

.border-top {
	border-top:1px solid #999;
}

.border-btm-light, 
.border-bottom-light { 
	border-top: 1px solid #DDD; 
}

.border-top-light{ 
	border-top: 1px solid #DDD; 
}

.rounded-sm {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}

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

.rounded-lg {
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	border-radius:15px;
}

.rounded-xl {
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
	border-radius:25px;
}

.remove-border-radius {
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	-o-border-radius:0 !important;
	border-radius:0 !important;
}


.circle,
.circle-xs,
.circle-sm,
.circle-md,
.circle-lg,
.circle-xl {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	display:inline-block;
	line-height:20px;
	height:20px;
	width:20px;
}

.circle-sm {
	line-height:30px;
	height:30px;
	width:30px;
}

.circle {
	line-height:40px;
	height:40px;
	width:40px;
}

.circle-md {
	line-height:50px;
	height:50px;
	width:50px;
}

.circle-lg {
	line-height:60px;
	height:60px;
	width:60px;
}

.circle-xl {
	line-height:70px;
	height:70px;
	width:70px;
}

.circle-responsive {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	display:inline-block;
	position:relative;
	width:100%;	
	/* added 3-20-2019 to make images actually circular */
	height: 0;
	padding-bottom: 100%;
}

.circle-responsive:after {
	vertical-align:middle;
	display:inline-block;
	padding:50% 0;
	content:"";
}

.circle-photo {
	border:1px solid #AAA;
	background-color:#EEE;
	overflow:hidden;
	color:#AAA;
}

.circle-photo .circle-photo-initials {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

.img-responsive {
	max-width:100%;
	display:block;
	height:auto;
}

.img-circle {
	background-position: center center;
	background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    border-radius: 50%;
}	

.img-border {
	border: 2px solid #E4E4E4;
}

img.greyscale {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity:.75;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.equal-height:after {
	vertical-align:middle;
	display:inline-block;
	padding:50% 0;
	content:"";
}

.table-row {
	table-layout:fixed;
	display:table;
	width: 100%; 
}

.table-row.dynamic {
	table-layout:auto;
}

.table-row-inside {
	table-layout:fixed;
	display:table;
}

.table-row > .table-cell {
	display:table-cell;
	float:none;
}


ul.normalize,
ol.normalize,
ul.list-normalize,
ol.list-normalize {
	padding-left:15px;
	margin:0;
}

ul.plain,
ol.plain,
ul.list-plain,
ol.list-plain {
	list-style-type:none;
	padding-left:0;
	margin:0;
}

ul.inside,
ol.inside {
	list-style-position: inside;
	padding-left:0;
	margin:0;
}

ul li label,
ol li label {
	vertical-align:top;
}

hr.extraLight {
	border:1px solid #EEEEEE;
}

hr.light {
	border:1px solid #C2C2C2;
}

hr.muted {
	border:1px solid #707070;
}

hr.dark {
	border:1px solid #333333;
}

hr.black {
	border:1px solid #000000;
}

/*
[data-expanded] {
	cursor:pointer;
}

[data-expanded]:before {
	font-family:'icomoon'no;
	position: absolute;
	content: "\e0d1";
	display:block;
	font-size:18px;
	right:5px;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

[data-expanded="true"]:before {
	-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
*/



/*
#view_abstract_summary .media { 
	display: table-row;  
}

#view_abstract_summary .media .media-body { 
	max-width: 860px; 	
}
*/


.cadmium-abstract-format p {
	margin-bottom:15px;
}
/*
.cadmium-abstract-format{ 
	display:table !important; 
}


.cadmium-abstract-format table { 
	width:100% !important; 
	transform: scaleX(0.7); 
}
*/

@media (min-width: 768px) {
	.text-left-sm {
		text-align:left;
	}
	
	.text-right-sm {
		text-align:right;
	}
	
	.text-center-sm {
		text-align:center;
	}
}

@media (min-width: 992px) {
	.text-left-md {
		text-align:left;
	}
	
	.text-right-md {
		text-align:right;
	}
	
	.text-center-md {
		text-align:center;
	}
}

@media (min-width: 1200px) {
	.text-left-lg {
		text-align:left;
	}
	
	.text-right-lg {
		text-align:right;
	}
	
	.text-center-lg {
		text-align:center;
	}
}


@media screen {
	
	.print-only {
		display: none;  
	}
}

/*
====================================================================================================
	PRINT STYLES
====================================================================================================
*/

@media print {
  
  .screen-only {
	  display:none;
  }
  
  
  a[href]:after {
    content: none !important;
  }
  
  nav, 
  footer,
  aside#nav-panels,
  .breadcrumb-front-end {
	  display:none;
  }
  
}