/* Copyright (C) 1996-2023. Cloud Software Group, Inc. All rights reserved. */
/* $Revision: 1.0 $: */

body, html {
	position:absolute;
	width: 100%;
	height: 100%;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
}

input[type=text], input[type=password] {
  width: 100%;
  height: 40px;
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 0px 0px 0px 6px;
  background-color: #ffffff;
  color: #3455db;
}

input::placeholder {
  height: 18px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #cccccc;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
      
.dm-parent {
	width: 335px;
    align-items: center;
    justify-content: center;
}

.dm-heavy {
   font-weight: 900;
}

.dm-user-error {
  border-radius: 4px;
  border: solid 1px #dc143c;
  background-color: #fdf3f5;
}

.dm-username, .dm-password {
	margin-bottom: 8px;
}
.dm-validation {
	border-radius: .25em;
	border: solid 1px transparent;
	line-height: 1.5;
	display: flex;
	padding: 1em 0;
}

.dm-validation-warning {
	border: solid 1px #ea6813;
	background-color: #fdf7f5; 
}

.dm-validation-warning i {
	color: #ea6813;     
	margin-top: .2em; 
}

.dm-validation-icon {
	flex: 1;     
	text-align: center; 
}

.fa-bullhorn.dm-acct-setup
{
	font-size: 32px;
	margin: 16px;
}

.dm-validation-message {
	flex: 5; 
}

.dm-default-font {
	font-size: 14px; 
}

.dm-font-small {
	font-size: 12px; 
}

.dm-phone-msg {
  	display: none;
}

.dm-language {
	height: 74px;
  	right: 0px;
  	background-color: transparent;
}

.dm-login-wrap {
	width: 375px;
	height: 624px;
	margin:auto;
	position:absolute;
	left:50%;
	top:30%;
	margin-left:-185px;
	margin-top:-185px;
}

.dm-acct-setup-wrap
{
	width: 375px;
	height: 624px;
	margin:auto;
	position:absolute;
	left:50%;
	top:25%;
	margin-left:-185px;
	margin-top:-185px;
}

.dm-body, .dm-change-password-body
{
	position:absolute;
	width: 375px;
	height: 593px;
	border-radius: 4px;
	box-shadow: 0 0 16px 0 rgba(65, 93, 107, 0.16);
	background-color: #ffffff;
}

.dm-body.dm-acct-setup
{
	height: 628px;
}

.dm-change-password-body
{
	height: 763px;	
}

.dm-top-border {
  height: 4px;
  border-radius: 4px;
  background-color: #3455db;	
}

.dm-top-banner {
  height: 100px;
  background: url(../../images/ibi-webfocus-logo.svg) no-repeat;
  margin-left: 44px;
  margin-top: 14px;
  background-size: 280px 80px;
}

.ie .dm-top-banner
{
    background-size: 280px 26px;
    margin-top: 36px;
    height: 70px;
}


.dm-header {
  height: 72px;
  text-align: center;
  vertical-align: middle;
  line-height: 72px;
  font-size: 24px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #ffffff;
  background-image: radial-gradient(circle at 0 0, #75dff9, #005dcf);
}

.dm-language-box {
  height: 32px;
  border-radius: 4px;
  border: solid 1px #cccccc;
  float: right;
  cursor: pointer;
}

.dm-language-title {
  height: 15px;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #3455db;
  white-space: nowrap;
  margin: 9px 8px 8px 8px;
}

.dm-label-name {
  height: 15px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #34515e;
}

.chg-pwd-user-name
{
   background-color: #eeeeee;
   border-radius: 4px;
   height: 40px;	
  margin-top: 8px;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.5;
  letter-spacing: normal;
  color: #34515e;
  padding-left: 8px;
}

.dm-label-divider {
	margin-top: 16px;
}

.dm-star {
  margin-left: 2px;
  font-size: 10px;
  font-weight: 900;
  color: #bf0000;	
}

.dm-container {
  padding: 20px 16px 24px 16px;	
}

.dm-error {
  height: 0px;
  display: flex;
  border-radius: 4px;
  background-color: #dc143c;
  margin-bottom: 28px;
}

.dm-error-text {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

.dm-exclamation:before
{
  width: 12px;
  height: 32px;
  content: '\f06a';
  display: inline-block;
  font: normal normal 900 12px/1 'Font Awesome 5 Free';
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  padding-left: 8px;
  padding-top: 9px;
  color: #ffffff;
}

.dm-asterisk {
  width: 32px;
  height: 32px;
  object-fit: contain;
  background: url(../../images/asterisk.svg) no-repeat;
}

.dm-bottom-container {
  margin-top: 24px;
}

.dm-button, .dm-chg-button, .dm-change-password-button {
  float:right;
  border-radius: 4px;
  background-color: #3455db;
  outline: 0;
  padding: 13px 35px 13px 34px;
  font-size: 12px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}

.dm-cancel-button
{
  float:right;
  border-radius: 4px;
  background-color: #ffffff;
  outline: 0;
  padding: 13px 35px 13px 34px;
  font-size: 12px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #3455db;
  cursor: pointer;
}

input[type=password], input[type=text] 
{
	border: 1px solid #ccc;
	background-color: #ffffff;
}


input[type=password].dm-pwd-error, input[type=text].dm-pwd-error 
{
	border: solid 1px #dc143c;
	background-color: #fdf3f5;
}

.dm-change-password-button {
  padding: 13px 14px 13px 14px;	
}

.dm-button:hover, .dm-button:focus,
.dm-change-password-button:hover, .dm-change-password-button:focus
 {
  background-color: #0122a8;
  outline:none;	
}

.dm-cancel-button {
  float:left;
  border-radius: 4px;
  outline: 0;
  border: solid 1px #3455db;
  padding: 13px 24px 13px 24px;
  font-size: 12px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #3455db;
  cursor: pointer;
}

.dm-cancel-button:hover, .dm-cancel-button:focus {
  outline:none;	
}

.dm-bottom-left {
  float:left;	
}

.dm-learn-about-webfocus, .dm-help-about {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #3455db; 
}

.dm-learn-about-webfocus:hover, .dm-help-about:hover,
.dm-learn-about-webfocus:focus, .dm-help-about:focus {
    color: #1F3A93;
    outline:none;
    cursor: pointer;
}

.dm-learn-about-webfocus {
	margin-top: 2px;
}

.dm-help-about {
	margin-bottom: 2px;
}	

.dm-copyright, .dm-change-password-copyright {
  width: 100%;
  position: absolute;
  top: 562px;
  height: 15px;
  font-size: 10px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #34515e;
}

.dm-ibm-line1
{
  width: 100%;
  position: absolute;
  left: 0px;
  top: 546px;
  height: 15px;
  font-size: 11px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  text-decoration: none;
  color: #2070c1;
  outline: none;
}


.dm-ibm-line2
{
  width: 100%;
  position: absolute;
  left: 0px;
  top: 563px;
  height: 15px;
  font-size: 11px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  text-decoration: none;
  color: #2070c1;
  outline: none;
}

.dm-ibm-line1:focus,
.dm-ibm-line2:focus,
.dm-ibm-line1:hover,
.dm-ibm-line2:hover
{
	color: #1F3A93;;
}

.dm-acct-setup-wrap .dm-copyright
{
	top: 600px;
}

.dm-change-password-copyright {
  top: 732px;	
}

.dm-chg-pwd .dm-copyright
{
	top: 674px;
}

.dm-caret-down
{
	padding: 5px 9px 9px 9px;
	font-size: 18px;
    float: right;
    background-color: #fff;
    color: #3455db;
    border-radius: 4px;
    cursor: pointer;		
}

.dm-language-label {
  margin-top:5px;
  margin-left:10px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #3455db;
}

.dm-language-popup {
    position: relative;
    height: 175px;
    background: #fff;
    margin-top: 4em;
    box-shadow: 0 0 1em #666;
    border-radius: .25em;
    margin-left: auto;
    margin-right: auto;
}
.dm-language-popup:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 1em solid transparent;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-bottom: 1em solid #fff;
    top: -2em;
    left: 50%;
    margin-left: -1em;
}

.dm-menu-button {
	float: left;
	padding: 9px 9px 12px 9px;
	text-decoration: none;
	color: #3455db;
	font-family: Arial;
	font-size: 10px;
	border-radius: 4px;
	cursor: pointer;
}

.dm-menu-item {
	padding: 5px 9px 5px 9px;
	text-decoration: none;
	color: #3455db;
	font-family: Arial;
	font-size: 10px;
	cursor: pointer;
}

.dm-menu-item:hover, .dm-menu-item:focus {
	background-color: #f7f8fe;
	border-radius: 3px;
	outline: 0;
	color: #1853c2;	
}

.login-form {
  width: 330px;
  height: 350px;
  margin: 0 auto;
  padding: 5px 30px 0 10px;
}

.change-password-component, .already-Signon-logon-component{
	position:absolute;
}

.public-access, .Accessibility, .language-drop-down  {
  color: #027dc4;
  font-family: Arial;
  white-space: normal;
  font-size: 9px;
  text-decoration: none;
  cursor: pointer;
}

.logon-menu-div {
}

.language-div{
  float:right;
}

.public-access-div {
  padding: 15px 0px 0px 0px;
}

.logoff-title-component {
  padding: 100px 0px 0px 16px;
  text-align: center;	
}

.signIn-error-component {}

.login-userName-div {
  padding: 16px 0px 0px 0px;
}
.login-userName-div-input{
	top:0px;	
}

.login-password-div {
  padding: 16px 0px 0px 0px;
}

.checkbox-div  {
  padding: 12px 0px 0px 0px;
}

.checkbox {
  color: #4f8ab2;
  font-family: Arial ; white-space: normal;
  font-size: 11px;
  text-decoration: none;
}

.button-logoff-div {
  padding: 80px 0px 0px 0px;
}

.logoff-title {
  font-family: Arial;
  white-space: normal;
  font-size: 20px;
  text-decoration: none;
}

.user-id {
  width: 303px;
  display: block;
}
.user-id input {
  display: block;
  width: 303px;
  height: 32px;
  border-radius: 0 0 0 0;
  margin: 7px 5px 0 0px;
  padding: 0px 0px 0px 6px;
  color: #666;
  outline: none;
  border: 1px solid #c4c4c4;
  background: #fcfcfc;
  font-family: Arial;
}

.password {
  width: 303px;
  height: 32px;
  display: block;
}
.password input {
  display: block;
  width: 303px;
  height: 32px;
  border-radius: 0 0 0 0;
  margin: 7px 5px 0 0px;
  padding: 0px 0px 0px 6px;
  color: #666;
  outline: none;
  border: 1px solid #c4c4c4;
  background: #fcfcfc;
  font-family: Arial ;
}
#SignonPassName:focus {
    background-color: #ffffff;
    border: 1px solid #1589ee;
    outline: 0;
}

#SignonUserName:focus {
    background-color: #ffffff;
    border: 1px solid #1589ee;
    outline: 0;
}

.webfocus-text-field{overflow:-moz-scrollbars-none}
.change-password-frame, .already-Signon-frame{position:absolute;overflow:hidden;z-index:10000}
.change-password-frame, .already-Signon-frame{overflow:-moz-scrollbars-none}
.change-password-title, .already-Signon-title{position:absolute;overflow:hidden;cursor:default}
.change-password-title, .already-Signon-title{overflow:-moz-scrollbars-none}
.change-password-title, .already-Signon-title, .webfocus-button{overflow:hidden;cursor:default}
.change-password-title, .already-Signon-title, .webfocus-button{overflow:-moz-scrollbars-none}
.change-password-title, .already-Signon-title, .webfocus-button span{position:relative;cursor:default}

.menu-item TD {padding: 3px 5px;}
.menu-item-hover  {	color: #FFFFFF;}

.menu-item-disabled .shortcut,.menu-item-disabled .text,.menu-item-disabled .icon-column IMG
	{
	color: #4d4d4d;
	opacity: 0.75;
	filter: gray() alpha(opacity = 75);
}

.menu-item-hover TD  {
 	color: #1853c2;/*Font Color*/
	cursor:pointer; /*Pointer aka Hand mouse cursor to indicate clickable button*/ 
	background-color: #fff;
    behavior: url(PIE.htc);	
}

.menu-item-disabled .shortcut,.menu-item-disabled .text,.menu-item-disabled .icon-column IMG
	{
	color: #4d4d4d;
	opacity: 0.75;
	filter: gray() alpha(opacity = 75);
}

.webfocus-iframe{position:absolute}

.iframe {
	display: none;
}
.change-password-frame-active, .already-Signon-frame{
	position: fixed !important;
	width: 100% !important;
	height: 100% !important;
	top: 0px !important;
	left: 0px !important;
	background: #fff !important;
}

.change-password-caption, .already-Signon-caption{
	width: 80% !important;
	max-width: 330px !important;
	min-width: 330px !important;
	height: 40px !important;
	top: calc((100% - 450px)/2) !important;
	position: absolute !important;
	left: 0px !important;
	right: 0px !important;
	margin: 0 auto !important;
	background: #fff !important;
}

.already-Signon-caption {
	top: calc((100% - 360px)/2) !important;
}

.change-password-caption > img {
	display: none;
}

.already-Signon-caption  > img {
	display: none;
}

.change-password-logon-frame, .already-Signon-logon-frame {
	width: 80% !important;
    max-width: 330px;
    min-width: 330px;
    height: 50% !important;
    max-height: 450px;
    min-height: 450px;
    top: 0px !important;
    bottom: 0px !important;
    position: absolute !important;
    left: 0px !important;
    right: 0px !important;
    margin: auto !important;
    background: #fff !important;
}
.already-Signon-logon-frame {
    max-width: 330px;
    min-width: 330px;
    max-height: 360px;
    min-height: 360px;
    background: #fff !important;
}

.change-password-label-title, .already-Signon-label-title {
	width: 100%;
    height: 40px;
    top: 10px;
    align:center;
    margin: auto;
    color: #7299af;
    z-index: 999;
    text-align: center;
    line-height: 40px;
    font-size: 13px;
    display: block;
    position: absolute;
    font-family: Arial;
    white-space: normal;
    text-decoration: none;
}

.already-Signon-logon-continue-component,
.already-Signon-logon-user-name-component, 
.already-Signon-logon-error-component,
.change-password-user-name-component, 
.change-password-old-password-component,
.change-password-new-password-component,
.change-password-error-component,
.change-password-confirm-component  {
    left: 20px !important;
    width: calc(100% - 38px) !important;
    height: 40px !important;
    display: block;
    position: absolute;
    color: #4f8ab2;
    font-family: Arial ; white-space: normal;
    font-size: 11px;
    text-decoration: none;
    box-sizing: border-box;
}

.already-Signon-logon-continue-component{
	font-size: 16px;
	margin: auto;
    height: 60px !important;
    top: 155px !important;	
}

.already-Signon-logon-error-component{
    height: 30px !important;
    top: 50px !important;	
}

.already-Signon-logon-user-name-component
{
    height: 30px !important;
    top: 75px !important;	
}
.change-password-user-name-component {
    height: 30px !important;
    top: 50px !important;	
}

.change-password-error-component {
    height: 30px !important;
    top: 32px !important;	
}

.change-password-old-password-component {
    height: 30px !important;
    top: 120px !important;
}

.change-password-new-password-component {
    height: 30px !important;
    top: 190px !important;	
}

#dlgAlreadySignon > div > .already-Signon-logon-frame > .already-Signon-logon-component:nth-of-type(3) {
	width: 100% !important;
    height: 40px !important;
    top: 100px !important;
    left: 0px !important;
}
/* Change Password Dialog */

#dlgChangePassword > div > .change-password-logon-frame > .change-password-component:nth-of-type(4) {
	width: 100% !important;
    height: 40px !important;
    top: 75px !important;
    left: 0px !important;
}

#dlgChangePassword > div > .change-password-logon-frame > .change-password-component:nth-of-type(6) {
	width: 100% !important;
    height: 40px !important;
    top: 155px !important;
    left: 0px !important;
}

#dlgChangePassword > div > .change-password-logon-frame > .change-password-component:nth-of-type(8) {
	width: 100% !important;
    height: 40px !important;
    top: 225px !important;
    left: 0px !important;
}

#dlgChangePassword > div > .change-password-logon-frame > .change-password-component:nth-of-type(10) {
	width: 100% !important;
    height: 40px !important;
    top: 290px !important;
    left: 0px !important;
}

.change-password-confirm-component{
    height: 30px !important;
    top: 255px !important;
}

.change-password-old-password {}
.change-password-new-password {}
.change-password-confirm-password {}
.change-password-user-name-input {}
.change-password-old-password-input {}
.change-password-new-password-input {}
.change-password-Confirm-password-input {}

.change-password-user-name-input input { 
    width: calc(100% - 38px) !important;
    height: 32px !important;
    display: block;
    color: #666;
    font-family: Arial !important;
    position: absolute;
	border: 1px solid #c4c4c4 !important;
	padding: 0px 0px 0px 6px !important;
  	font-family: Arial !important;
	-webkit-touch-callout: none; /* iOS Safari */
  	-webkit-user-select: none;   /* Chrome/Safari/Opera */
  	-khtml-user-select: none;    /* Konqueror */
  	-moz-user-select: none;      /* Firefox */
  	-ms-user-select: none;       /* IE/Edge */
 	 user-select: none;           /* non-prefixed version, currently not supported by any browser */

}

.change-password-new-password-input input,
.change-password-Confirm-password-input input,
.change-password-old-password-input input {
    width: calc(100% - 38px) !important;
    height: 32px !important;
    display: block;
    position: absolute;
	border: 1px solid #c4c4c4 !important;
	padding: 0px 0px 0px 6px !important;
  	font-family: Arial !important;
  	color: #666;
}

.change-password-user-name-input input {
	top: 3px !important;
    left: 20px !important;
}

.change-password-old-password-input  input {
	top: -9px !important;
    left: 20px !important;
}

.change-password-new-password-input  input {
	top: -10px !important;
    left: 20px !important;
}

.change-password-Confirm-password-input  input {
	top: -10px !important;
    left: 20px !important;
}

.change-password-Confirm-password-input input:focus,
.change-password-old-password-input input:focus,
.change-password-new-password-input input:focus {
    background-color: #ffffff;
    border: 1px solid #1589ee !important;
    outline: 0;
}

.change-password-button-div, .already-Signon-logon-button-div {
	width: 100% !important;
    height: 38px !important;
    top: calc(100% - 103px) !important;
    left: 4px;
    position: absolute;	
}

.already-Signon-logon-button-div {
    top: 235px !important;
}

.change-password-button-cancel-div, .already-Signon-logon-button-cancel-div {
	width: 100% !important;
    height: 38px !important;
    top: calc(100% - 55px) !important;
    left: 4px;
    position: absolute;	
}

.already-Signon-logon-button-cancel-div {
    top: 290px !important;
}

#dlgChangePassword .bottom-bar, #dlgChangePassword .bottom-bar > div {
    width: 100% !important;
    height: 100% !important;
    top: 0px !important;
    left: 0px !important;
	background: none;
	border-top: none;
}

.change-password-button, .already-Signon-logon-button {
	font-family: Arial;
	font-size: 20px;
    text-align: center;
    border-radius: 3px;
    background-color: #005fb2 !important;
	color: #fff;
    width: calc(100% - 37px);
    height: 38px;
    padding: 0px;
    display: block;
    line-height: 38px;
    margin-right: 20px;
	float: left;
	left: 15px;
	position: relative;
	border: 1px solid #c4c4c4;
	cursor:pointer;
}

.change-password-cancel-button, .already-Signon-logon-cancel-button{
	font-family: Arial;
	font-size: 20px;
    text-align: center;
    border-radius: 3px;
    background-color: #57ace5 !important;
	color: #1d5e82;
    width: calc(100% - 37px);
    height: 40px;
    padding: 0px;
    display: block;
    line-height: 38px;
    margin-right: 20px;
	float: left;
	left: 15px;
	position: relative;
	border: 1px solid #c4c4c4;
	cursor:pointer;
}

.webfocus-webfocus-custom {
	background-position: center center;
	background-repeat: no-repeat;
	width: 1270px;
	height: 800px;
	top: 0px;
	left: 0px;
}
#wrap { width: 400px; height: 300px; padding: 0; 
        overflow: hidden; position:relative;}
#frame { width: 100%; height: 100%; 
        border: 0px solid black; position:relative; }
#frame {
zoom: 0.75;
-moz-transform: scale(0.75);
-moz-transform-origin: 0 0;
-o-transform: scale(0.75);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.75);
-webkit-transform-origin: 0 0;
}

.logoff-title {
  color: #2e7ebe;
}

.login-form {
  border: 3px solid #33b1ff;
}

.change-password-logon-frame, .already-Signon-logon-frame {
    border: 3px solid #33b1ff;
}

.already-Signon-logon-frame {
    border: 3px solid #33b1ff;
}

/* Top level nav */
.nav {
	float: left;
	margin: 20px 0;
}

/* Dropdowns */
.nav ul {
	position: absolute;
	top: 34px;
	left: -9999px;
	opacity: 0;
	transition: 0.1s linear opacity;
	min-width: 156px;
	z-index:1;
}

.has-subnav {
	height: 32px;
	background-color: #fff;
	cursor: pointer;
	border-radius: 4px;
	border: solid 1px #cccccc;
}

.has-subnav:hover, .has-subnav:focus, .has-subnav-focus {
	border: solid 1px #3455DB;
}

.nav li {
	float: left;
	position: relative;
}

/* Add background color so you can see the menu */
.nav li > a
 {
	outline: 0;
}

.nav li:focus ul,
ul.show-menu {
	left: 0;
	opacity: 0.99;
}

.nav ul li {
	float: none;
	position: static;
}

.nav ul a {
	float: none;
	display: block;
	font-size: 12px;
	text-shadow: none;
	transition: 0.1s linear all;
	font-weight: 400;
}

.nav ul a:hover,
.nav ul a:focus {
	text-shadow: none;
}

.list-reset { 
	padding: 0;
	list-style: none;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(65, 93, 107, 0.16);
    border: solid 1px #eeeeee;
    background-color: #ffffff;
}