:root {
	--hrworks-blue: #2980b9;
	--hrworks-blue: #317DC7;
	--hb-1L: #4E97D9;
	--hb-2L: #7AB6ED;
	--hb-3L: #9ECBF3;
	--hb-1B: #4B91D1;
	--hb-2B: #63A4E4;
	--hb-3B: #2C9CFA;
	--hb-1D: #2569AC;
	--hb-2D: #1E5A92;
	--hb-3D: #184C7A;
	--tomato: #ff6347;
	--text-body: #545454;
	
	--pale-pink: #f8d7da;
	--light-blue: #cce5ff;
	--solitude: #e2e3e5;
	--swans-down: #d4edda;
	--oyster-bay: #d1ecf1;
	--china-ivory: #fff3cd;
	--light-grey: #d6d8d9;
	
	--pale-green: #98fb98;
	--lemon-chiffon: #fffacd;
	--pale-turquoise: #afeeee;
	--antique-white: #faebd7;
	--moccasin: #ffe4b5;
	--wheat: #f5deb3;
	--thistle: #d8bfd8;
	--aquamarine: #7fffd4;
}

html {
	height: 100%;
}

html, body {
	font-family: "Open Sans", verdana, arial, helvetica, clean, sans-serif;
	min-height: 100%;
}

body {
	padding: 1em 0;	
	box-sizing: border-box;
	overflow: auto;
}

body * {
	box-sizing: border-box;
}

*,*::before,*::after {
	outline: none;
}

.yui-skin-sam .yui-cms-item {
	position: relative;
}

.btn-blue {
  color: #fff;
  background-color: var(--hrworks-blue);
  border-color: var(--hrworks-blue); 
}
.btn-blue:hover {
    color: #fff;
	background-color: var(--hb-1D);
    border-color: var(--hb-2D);
}
.btn-blue:focus, .btn-blue.focus  {
	box-shadow: 0 0 0 0.2rem var(--hb-3L);
}
.btn-blue.disabled, .btn-blue:disabled {
	color: #fff;
	background-color: var(--hrworks-blue);
	border-color: var(--hrworks-blue);
}

.btn-blue:not(:disabled ):not(.disabled ):active
, .btn-blue:not(:disabled):not(.disabled ).active
, .show>.btn-blue.dropdown-toggle {
	color: #fff;
	background-color: var(--hb-2D);
	border-color: var(--hb-2D);
}

.btn-blue:not(:disabled ):not(.disabled ):active:focus
, .btn-blue:not(:disabled ):not(.disabled ).active:focus
, .show>.btn-blue.dropdown-toggle:focus
	{
		box-shadow: 0 0 0 0.2rem var(--hb-3L);
}

div.err {
	color: var(--danger);
}

div.err:not(.show) {
	display: none !important;
}

.underline {
	text-decoration: underline;
	text-underline-offset: 0.2em;
 }
 
a {
	color: var(--hrworks-blue);
 }
 
a:hover {
	color: var(--hb-1D);
}
 
.text-blue {
	color: var(--hrworks-blue);
}
 
.text-tomato {
 	color: #ff6347 !important;
}