/** RESET **********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** STYLESHEET **********/

.cl { clear: both; }
.shell { width: 500px; margin: 0 auto; position: relative;  }


.loginBox { width: 330px; padding: 30px 35px 20px 35px; background: #fff; box-shadow: 0 0 5px #ccc, 0 2px 1px #aaa; border-radius: 2px; margin: 20px auto 0; }
.loginBox p, .loginBox p a { font-family: Helvetica, sans-serif; font-size: 18px; color: #888; }
input, label { float: left; clear: left; }
.textinput { font-family: Helvetica, sans-serif; font-size: 14px; font-weight: 300; color: #333; padding: 8px 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 3px; width: 305px; box-shadow: inset 0 0 4px #eee; }
label { font-family: Helvetica, sans-serif; font-size: 18px; margin-bottom: 5px; }
.checkBox input { width: 20px; }
.checkText { padding-top:4px; font-family: Helvetica, sans-serif; font-size: 14px; color: #333; clear:none; }
.ie .checkText {padding-bottom:13px;}
.ie8 .checkText {padding-bottom:3px;}
.submitdisabled { font-family: Helvetica, sans-serif; background: #aaa; color: #fff; font-size: 17px; padding: 8px 10px; border: 0px; box-shadow: none; width: 90px; margin: 10px 0 0 115px; cursor: pointer; }
.submit { font-family: Helvetica, sans-serif; background: #333; color: #fff; font-size: 17px; padding: 8px 10px; border: 0px; box-shadow: none; width: 90px; margin: 10px 0 0 115px; cursor: pointer; }
.resetPasswordButton { width: 137px;  }
.version {font-family:Helvetica,sans-serif;font-size: 8px; text-align:right; padding-top: 10px;}
.loginMessage {font-family: Helvetica, sans-serif; font-size: 14px; font-weight:bold ; color: #F8791F; text-align:left; padding-bottom: 20px; line-height:20px; float:left;clear:left;white-space:pre-line;}
.message {font-family: Helvetica, sans-serif; font-size: 14px; font-weight:bold ; text-align:left; padding-bottom: 20px; line-height:20px; color:#555; float:left;clear:left;white-space:pre-line;}
.or {font-family: Helvetica, sans-serif; font-size: 14px; font-weight:bold ; text-align:left; color:#555; padding-bottom:6px; padding-left:108px}
.troubleBox { width: 330px; padding: 20px 35px 20px 35px; background: #fff; box-shadow: 0 0 5px #ccc, 0 2px 1px #aaa; border-radius: 2px; margin: 20px auto 0; }
.troubleBox p, .troubleBox p a { font-family: Helvetica, sans-serif; font-size: 18px; color: #888; }

.column { display: table-cell }
.cancelButton {margin-left: 10px }
.saveButton {margin-left: 137px}

.titleText {text-align: center; font-size:x-large; font-family: Helvetica, sans-serif;}

.list
{
    list-style:decimal;
    padding-left:20px;
    font-weight:normal;
    padding-bottom:8px;
}

.cantscan
{
    color:#15c;
}

.cantscan:hover
{
    text-decoration:underline;
    cursor:pointer;
}
        
.secretkey
{
    background-color:#f0f0f0;
    padding:8px 8px 8px 8px;
    text-align:center;
    width:480px;
}

.secretkeytext
{
    font-weight:bold;
    font-size:16px;
}

.secretkeysubtext
{
    font-size:12px;
    color:#777777;
}

 .taskchoice
{
    background-color:#d9d9d9;
    border:solid 1px #d9d9d9;
    padding:4px 0 4px 0;
    margin-top:8px;
    font-weight:normal;
    float:left;
    width:428px;
    font-family: Helvetica, sans-serif; 
    font-size:14px;
}
        
.taskchoice img
{
    position:relative;
    vertical-align:top;
    top:0;
    margin-left:6px;
    
}
        
.taskchoice label
{
    display:inline-block;
    height:26px;
    margin-left:4px;
    margin-top:2px;
    /*font-family: Arial, Helvetica, sans-serif; */
    font-size:14px !important;
    font-weight:bold;
    float:none;
}
        
.taskchoice:hover
{
    background-color:#a1a1a1;
    border:solid 1px #909090;
}

.taskchoicedisabled
{
    background-color:#d9d9d9;
    border:solid 1px #d9d9d9;
    padding:4px 0 4px 0;
    margin-top:8px;
    font-weight:normal;
    color:#999999;
    float:left;
    width:428px;
    font-family: Helvetica, sans-serif; 
    font-size:14px;
}
        
.taskchoicedisabled img
{
    position:relative;
    vertical-align:top;
    top:0;
    margin-left:6px;
}
        
.taskchoicedisabled label
{
    display:inline-block;
    height:26px;
    margin-left:4px;
    margin-top:2px;
    /*font-family: Arial, Helvetica, sans-serif; */
    font-size:14px !important;
    font-weight:bold;
    float:none;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.passwordmask{
    text-security:disc; 
    -webkit-text-security:disc; 
    -mox-text-security:disc;
}

@font-face{font-family:'text-security-circle';src:url('text-security-circle-compat.eot');src:url('text-security-circle-compat.eot?#iefix') format('embedded-opentype'),url('text-security-circle-compat.woff2') format('woff2'),url('text-security-circle-compat.ttf') format('truetype')}@supports((content-visibility:visible) or selector(:-moz-is-html)) and (not (-webkit-hyphens:none)){@font-face{font-family:'text-security-circle';src:url('text-security-circle.woff2') format('woff2'),url('text-security-circle-compat.ttf') format('truetype')}}@font-face{font-family:'text-security-disc';src:url('text-security-disc-compat.eot');src:url('text-security-disc-compat.eot?#iefix') format('embedded-opentype'),url('text-security-disc-compat.woff2') format('woff2'),url('text-security-disc-compat.ttf') format('truetype')}@supports((content-visibility:visible) or selector(:-moz-is-html)) and (not (-webkit-hyphens:none)){@font-face{font-family:'text-security-disc';src:url('text-security-disc.woff2') format('woff2'),url('text-security-disc-compat.ttf') format('truetype')}}@font-face{font-family:'text-security-square';src:url('text-security-square-compat.eot');src:url('text-security-square-compat.eot?#iefix') format('embedded-opentype'),url('text-security-square-compat.woff2') format('woff2'),url('text-security-square-compat.ttf') format('truetype')}@supports((content-visibility:visible) or selector(:-moz-is-html)) and (not (-webkit-hyphens:none)){@font-face{font-family:'text-security-square';src:url('text-security-square.woff2') format('woff2'),url('text-security-square-compat.ttf') format('truetype')}}

.vigilix-pin-field {
  font-family: text-security-disc;
  /* Use -webkit-text-security if the browser supports it */
  -webkit-text-security: disc;
}


.text-white {
    color: #fff !important;
}

.text-primary {
    color: #6610f2 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #4709ac !important;
}

.text-secondary {
    color: #8897AA !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #607186 !important;
}

.text-success {
    color: #02BC77 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #017047 !important;
}

.text-info {
    color: #28c3d7 !important;
}

a.text-info:hover, a.text-info:focus {
    color: #1c8997 !important;
}

.text-warning {
    color: #FFD950 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #ffc804 !important;
}

.text-danger {
    color: #d9534f !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #b52b27 !important;
}

.text-light {
    color: rgba(24,28,33,0.06) !important;
}

a.text-light:hover, a.text-light:focus {
    color: rgba(0,0,0,0.06) !important;
}

.text-dark {
    color: rgba(24,28,33,0.9) !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: rgba(0,0,0,0.9) !important;
}

.text-body {
    color: #4E5155 !important;
}

.text-muted {
    color: #a3a4a6 !important;
}

.text-black-50 {
    color: rgba(24,28,33,0.5) !important;
}

.text-white-50 {
    color: rgba(255,255,255,0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

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

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.labelPassStrength{
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding:  6px;
    padding-bottom: 10px;
    line-height: 20px;
    color: #555;
    float: left;
    clear: left;
    clear: left;
}