.colsx .menu>ul>li>span:after {
	content: " ";
	width: 26px;
	height: 24px;
	display: block;
	background-image: url(../images/sprite.png)
}

[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon2-"]:before, [class*=" icon2-"]:before {
	content: " ";
	width: 26px;
	height: 24px;
	display: block;
	background-image: url(../images/sprite.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		(-o-min-device-pixel-ratio: 3 / 2) , only screen and
		(min--moz-device-pixel-ratio: 1.5) , only screen and
	(min-device-pixel-ratio: 1.5) {
	.colsx .menu>ul>li>span:after {
		background-image: url(../images/sprite@2x.png);
		background-size: 188px 48px
	}
	[class^="icon-"]:before, [class*=" icon-"]:before {
		background-image: url(../images/sprite@2x.png);
		background-size: 188px 48px
	}
}

body {
	background: #626466;
	padding: 30px 20px;
	padding: 30px 40px;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif
}

.wrapper {
	margin: 0 auto
}

.wrapper:after {
	content: " ";
	display: block;
	clear: both
}

.header {
	height: 100px;
	width: 100%;
	float: left;
	background: #fff
}

.header .logo {
	margin: 0 40px;
	height: 100px;
	float: left;
	width: auto
}

.header .logo:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.header .logo img {
	vertical-align: middle;
	display: inline-block
}

.header h1 {
	display: inline-block;
	padding-top: 1rem;
	color: #053686;
	font-family: 'Droid-serif', serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.6rem
}

.header h1 span {
	color: #3aa1c5
}

.header:after {
	display: block;
	content: " ";
	clear: both;
	height: 1px
}

.body-wrap {
	background-color: #f5f5f5;
	border-top: 1px solid #e6e6e6;
	clear: both
}

.body-wrap:after {
	content: " ";
	display: block;
	clear: both
}

.footer {
	background: #e6e6e6;
	color: #444;
	font-size: 12px;
	padding: 4px 0;
	text-align: center;
	color: #ddd;
	background: #666
}

.colsx {
	width: 323px;
	border-right: 4px solid #39a1c4;
	background: #fff;
	min-height: 100%;
	float: left
}

.colsx>div {
	border-right: 22px solid #053686;
	width: 300px;
	background: #999;
	min-height: 100%;
	float: left
}

.colsx {
	-webkit-transition: width 1s ease-in;
	-moz-transition: width 1s ease-in;
	-o-transition: width 1s ease-in;
	transition: width 1s ease-in
}

.colsx.collapse {
	width: 72px;
	border-right: 0;
	background: none
}

.colsx.collapse>div {
	border-right: 0
}

.colsx.collapse .menu ul {
	opacity: 0
}

.colsx.collapse .menu ul li a{
	display: none;
}
.colsx.collapse .menu li.sm {
	cursor: default
}


.colsx.collapse .menu {
	background: none
}

.colcx {
	margin-left: 300px
}

.colcx h1 {
	font-family: 'Droid serif', serif;
	color: #053686;
	margin-top: 18px;
	font-size: 28px;
	line-height: 30px;
	font-weight: normal;
	text-transform: uppercase
}

.colcx h1 strong {
	font-weight: normal
}

.colcx>div {
	overflow-x: auto;
	padding: 0 30px
}

.colcx.expand {
	margin-left: 80px
}

.colcx.full {
	margin-left: 0px
}

.colsx .menu {
	color: #444;
	background: #fff;
	margin-bottom: 20px
}

.colsx .menu ul, .colsx .menu li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase
}

.colsx .menu li a {
	text-decoration: none
}

.colsx .menu li.sm {
	cursor: pointer
}

.colsx .menu>ul>li>span {
	font-weight: 700;
	font-size: 15px;
	position: relative
}

.colsx .menu>ul>li>span>a {
	color: #444;
	text-decoration: none
}

.colsx .menu>ul>li>span:after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 100%;
	background-position: -52px top
}

.colsx .menu li li {
	font-size: 13px;
	font-weight: 600;
	line-height: 14px
}

.colsx .menu li {
	border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.colsx .menu li:first-child {
	border-top: 0
}

.colsx .menu li li a {
	font-size: 12px;
	margin-top: 4px
}

.colsx .menu li ul {
	background: #f5f5f5
}

.colsx .menu>ul>li>span, .colsx .menu ul li li {
	padding: 0.7rem
}

.colsx .menu li>span {
	display: block
}

.colsx .menu ul ul {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 1s ease-in
}

.colsx .menu .sm>span:after {
	background-position: -94px 0
}

.colsx .menu .sm.visible>span:after {
	background-color: #3aa1c5;
	background-position: -52px 0
}

.colsx .menu ul .visible ul {
	max-height: 2000px;
	position: relative;
	z-index: 2
}

.colsx .menu ul .visible ul:before, .colsx .menu ul .visible ul:after {
	content: " ";
	display: block;
	height: 10px;
	width: 100%;
	position: absolute;
	z-index: -1
}

.colsx .menu ul .visible ul:before {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%,
		transparent 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0,
		0.04)), color-stop(100%, transparent));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%,
		transparent 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, transparent
		100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, transparent
		100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 0%,
		transparent 100%)
}

.colsx .menu ul .visible ul:after {
	background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.04)
		100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent),
		color-stop(100%, rgba(0, 0, 0, 0.04)));
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.04)
		100%);
	background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.04)
		100%);
	background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.04)
		100%);
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.04)
		100%);
	bottom: 0
}

.icon-nav, .icon-hp {
	display: block;
	width: 72px;
	text-decoration: none;
	text-align: center;
	font-size: 26px
}

.icon-nav:before, .icon-hp:before {
	margin: 0 auto
}

.icon-hp {
	float: left;
	height: 61px;
	padding-top: 40px;
	background: #053686;
	color: #fff
}

.icon-hpbefore:hover {
	background-position: left top
}

.icon-hp:hover {	
	background: #86055f;
}

.icon-nav {
	height: 37px;
	padding-top: 13px;
	background: #fff;
	color: #053686;
}

.icon-nav:before {
	background-position: -26px -24px
}

.icon-nav:hover {
	background: #fcfafa;
	
}

.colsx.collapse {
	background: #999;
	overflow: hidden;
}

.colsx.collapse .icon-nav {
	color: #fff;
	background: #444
}

.colsx.collapse .icon-nav:hover {
	color: #fff;
	background: #292727
}

.colsx.collapse .icon-nav:before {
	background-position: -26px 0
}

[class^="btn-"], [class*=" btn-"], button, .button, input[type="button"]
	{
	background: #626466;
	color: #fff;
	padding: 0.2rem 0.5rem;
	display: inline-block;
	font-weight: 700;
	text-decoration: none;
	font-size: 17px;
	border: 0;
	cursor: pointer;
	border-radius: 4px;
}

.button:active {
    transform: scale(0.95);  /* Scaling button to 0.98 to its original size */
}

.button:hover {
    background-color: #161718;
}

[class^="btn-"] span, [class*=" btn-"] span, button span, .button span,
	input[type="button"] span {
	font-size: 16px;
	padding-left: 0.4rem
}

.btn-lightblue {
	background: #3aa1c5;
	cursor: pointer;
	border-radius: 8px;
}

.btn-lightblue:active {
    transform: scale(0.95);  /* Scaling button to 0.98 to its original size */
}

.btn-lightblue:hover {
    background-color: #2f84a2;
}

a.btn-lightblue:hover, .btn-lightblue a:hover {
	color:  white;
}

.btn-black {
	background: #444;
	cursor: pointer;
	border-radius: 8px;
}

.btn-black:active {
    transform: scale(0.95);  /* Scaling button to 0.98 to its original size */
}
        
.btn-black:hover {
    background-color: #0e0e0e;
}

a.btn-black:hover, .btn-black a:hover {
	color:  white;
}
        
.icon-new, .icon-src {
	position: relative;
	padding-left: 24px
}

.icon-new:before, .icon-src:before {
	position: absolute;
	left: 1px;
	top: -2px
}

.icon-new:before {
	background-position: -136px top
}

.icon-new:hover:before {
	background-position: -136px top
}

.icon-src:before {
	background-position: -162px top
}

.icon-src:hover:before {
	background-position: -162px top
}

.icon2-new, .icon2-src {
	position: relative;
	padding-left: 24px
}

.icon2-new:before, .icon2-src:before {
	position: absolute;
	left: 1px;
	top: 0px
}

.icon2-new:before {
	background-position: -136px top
}

.icon2-new:hover:before {
	background-position: -136px top
}

.icon2-src:before {
	background-position: -162px top
}

.icon2-src:hover:before {
	background-position: -162px top
}

.hide {
	display: none
}

a {
	color: #444;
	text-decoration: underline
}

a:hover {
	color: #39a1c4
}

.DataGrid {
	color: #444;
	font-weight: 600;
	font-size: 14px;
	background: #fff;
	border-collapse: collapse
}

.boxsmart{
	border: 1px solid #b7b7db; 
	border-left: 8px solid #DFDFF4; 
	padding: 1rem 1rem 1rem 2em; 
	font-position: centre;	
}

.boxheader, .boxtitle {
	background-color: #39a1c4;
	font-family: 'Droid serif', serif;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase
}

.EvenRow {
	background-color: #fff
}

.OddRow {
	background-color: #e5e5e5
}

.corsivo {
	font-family: 'Alegreya', serif;
	font-size: 19;
	color: #303030;
	font-style: italic
}

font[color="red"] {
	color: #e84444
}

.errorMsgBox font[color="red"] {
	font-family: 'Alegreya', serif;
	font-size: 19;
	font-style: italic
}

.errorMsgBox {
	background: #fff;
	padding: 10px 20px;
	margin: 20px 42px;	
	text-align: center;
}


.errorMsgBox span {
	padding: 0 10px;
	font-style: italic;
	font-family: 'Alegreya', serif;
	/* font-size: 17px; */
	/* color: #666 */
	font-size: 18px;
    color: black;    
}

.errorMsgBoxFirstLine {
	font-family: 'Alegreya', serif;
	font-size: 24px;
	font-style: italic;
	color: red;
}

.errorMsgBoxSecondLine {
	font-family: 'Alegreya', serif;
	font-size: 20px;
	font-style: italic;
	color: red;
}


.rigeneraPswMsgBox {
	background: #fff;
	padding: 10px 20px;
	margin: 20px 42px;	
	text-align: center;
}

.rigeneraPswMsgBox span {
	padding: 0 10px;
	font-style: italic;
	font-family: 'Alegreya', serif;
	font-size: 18px;
    color: black;    
}

.login {
	border-left: 4px solid #39a1c4;
	margin: 20px 42px;
	background: #fff;
	padding-left: 1px
}

.login>div {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent
		100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0,
		0.04)), color-stop(100%, transparent));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%,
		transparent 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent
		100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent
		100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%,
		transparent 100%);
	padding: 20px;
	border-left: 22px solid #053686
}

.loginForm {
	width: 360px;
	margin: 0 auto
}

.loginForm>div {
	margin: 14px 0
}

.loginForm h2 {
	color: 053686;
	font-weight: 700;
	text-transform: uppercase
}

.loginForm input[type="text"], .loginForm input[type="password"] {
	width: 180px;
	font-size: 14px;
	padding: 3px 10px;
	border: 0;
	border-radius: 8px;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3)
}

.loginForm input[type="text"]::placeholder, 
.loginForm input[type="password"]::placeholder {
	font-size: 13px;	
}

.loginForm input[type="submit"] {
	width: 200px;
	font-size: 14px;
	border: 0;
	border-radius: 8px;
	text-transform: uppercase;
	margin-left: 80px;
	line-height: 20px
}

.loginForm label {
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	padding: 3px 0;
	width: 80px;
	float: left
}

.breadcrumbs+.dnr_tabtitleheader h1 {
	margin-top: 0
}

.breadcrumbs {
	padding: 20px 0;
	font-size: 14px;
	font-weight: 600;
	color: #444;
	text-transform: uppercase
}

.breadcrumbs a {
	color: #053686;
	text-decoration: none
}

.breadcrumbs span:after {
	content: ">";
	display: inline-block;
	padding: 0 3px
}

.breadcrumbs span:last-child:after {
	content: none
}

.paramSearch {
	padding: 10px 0;
	font-size: 14px;
	color: #444;	
}

.dfr_main {
	text-align: center
}

.dfr_main form {
	display: inline-block
}

.buttonBar {
	text-align: center
}

.buttonBar>div {
	display: inline
}

.buttonBar input {
	box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
	border-radius: 6px;
}
div.error a{
	color:red;
}


div.msg_splash{
	text-align:center;
	
}

.microsoftSignIN:active {
    transform: scale(0.95);  /* Scaling button to 0.98 to its original size */
}


/* Style the tab */
.tab {
  overflow: hidden;
  border: 2px solid #39a1c4;
  /* background-color: #f1f1f1; */
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  color: #053686;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Change background color of buttons on focus */
.tab button:focus {
  background-color: #ddd;
  border-style: solid;
  border-color: #444;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 2px solid #39a1c4;
  border-top: none;
}

.loginNewForm {
	width: 600px;
	margin: 0 auto
}

/* First Pin CSS */

.pin-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pin-input {
  font-family: monospace;
  font-size: 2.5rem;
  border: none;
  outline: none;
  padding: 0;
  width: calc(1.6ch * 6);
  background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 1ch, transparent 0, transparent 1.6ch) 0 100%/100% 2px no-repeat;
  color: dimgrey;
  letter-spacing: .6ch;
  /*-webkit-text-security: disc;*/
  /*-moz-text-security: disc;*/
}

.search_empty_check_box {
    	display:none;
}

.search_empty_check_box + label{
	background:url('../images/Empty-unset_18x18.png') no-repeat; 
	height: 28px;
	width: 28px;
	display:inline-block;
    padding: 0 0 0 0px;
    position: absolute;
}

.search_empty_check_box:checked + label{
    background:url('../images/Empty-set-white_18x18.png') no-repeat;
	height: 28px;
	width: 28px;
	display:inline-block;
    padding: 0 0 0 0px;
    position: absolute;
}