* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%
}

BODY {
  margin: 0;
  background: #ededed;
  color: #6a737c;
  height: 100%;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

img.icon_top {
  width: 21px;
  height: 21px;
  border: 0;
}

a.asoft_invisible_link {
  font-size: 0px;
  outline: none;
}

/* unvisited link */

a.asoft_invisible_link:link {
  outline: none;
}

/* visited link */

a.asoft_invisible_link:visited {
  outline: none;
}

/* mouse over link */

a.asoft_invisible_link:hover {
  outline: none;
}

/* selected link */

a.asoft_invisible_link:active {
  outline: none;
}

/* Left nav bar opened */

div.asoft_left_navbar {
  overflow: auto;
  height: 100%;
  width: 230px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  margin-top: 50px;
  background-color: #f9f9f9;
  /* Gasimo zbog tooltip-a
  overflow-x: hidden;
*/
  transition: 0.2s;
  padding-top: 25px;
  -webkit-box-shadow: 0px 0px 5px 0px #b4b4b5;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 5px 0px #b4b4b5;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0px 0px 5px 0px #b4b4b5;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

div.asoft_left_navbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.asoft_left_navbar a {
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  color: #6a737c;
  display: block;
  transition: 0.5s;
  padding: 3px 8px 3px 8px;
}

.asoft_left_navbar a:hover {
  color: #6a737c;
}

.asoft_left_navbar .closebtn {
  position: absolute;
  bottom: 92px;
  right: 10px;
  font-size: 18px;
  font-weight: 400;
  margin-left: 50px;
  color: #6a737c;
  transition: 0.3s;
}

.asoft_left_navbar .closebtn:hover {
  color: #375d96;
}

.asoft_left_navbar .openbtn {
  position: absolute;
  bottom: 92px;
  right: 300px;
  font-size: 18px;
  font-weight: 400;
  margin-left: 50px;
  color: #6a737c;
  transition: 0.3s;
}

.asoft_left_navbar .openbtn:hover {
  color: #375d96;
}

.asoft_left_navbar .closemobilebtn {
  display: none;
}

/* Left nav bar closed */

div.asoft_left_navbar_close {
  height: 100%;
  width: 50px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  margin-top: 50px;
  background-color: #f9f9f9;
  /* Gasimo zbog tooltip-a
  overflow-x: hidden;
*/
  transition: 0.2s;
  padding-top: 25px;
  -webkit-box-shadow: 0px 0px 5px 0px #b4b4b5;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 5px 0px #b4b4b5;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0px 0px 5px 0px #b4b4b5;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

div.asoft_left_navbar_close ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.asoft_left_navbar_close a {
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  color: #6a737c;
  display: block;
  transition: 0.5s;
  padding: 3px 8px 3px 8px;
}

.asoft_left_navbar_close a:hover {
  color: #6a737c;
}

.asoft_left_navbar_close .closebtn {
  position: absolute;
  bottom: 92px;
  right: 300px;
  font-size: 18px;
  font-weight: 400;
  margin-left: 50px;
  color: #6a737c;
  transition: 0.3s;
}

.asoft_left_navbar_close .closebtn:hover {
  color: #375d96;
}

.asoft_left_navbar_close .openbtn {
  position: absolute;
  bottom: 92px;
  right: 8px;
  font-size: 18px;
  font-weight: 400;
  margin-left: 50px;
  color: #6a737c;
  transition: 0.3s;
}

.asoft_left_navbar_close .openbtn:hover {
  color: #375d96;
}

.asoft_left_navbar_close .closemobilebtn {
  display: none;
}

/* Left nav bar for mobile */

div.asoft_left_navbar_remove_mobile {
  overflow: auto;
  height: 100%;
  width: 100px;
  position: fixed;
  right: -240px;
  top: 0px;
  margin-top: 0px;
  z-index: 10000;
  background-color: #f9f9f9;
  transition: 0.5s;
}

div.asoft_left_navbar_remove_mobile ul {
  margin: 60px 10px 0px 10px;
  padding: 0;
  list-style: none;
}

div.asoft_left_navbar_remove_mobile li {
  display: inline-block;
  width: 49%;
}

.asoft_left_navbar_remove_mobile a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  color: #6a737c;
  display: block;
  padding: 3px 8px 3px 8px;
}

.asoft_left_navbar_remove_mobile .closemobilebtn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 32px;
  font-weight: 300;
  color: #6a737c;
  padding: 3px 12px 3px 8px;
}

.asoft_left_navbar_remove_mobile .closebtn:hover {
  color: #375d96;
}

.asoft_left_navbar_remove_mobile .openbtn {
  position: absolute;
  bottom: 92px;
  right: 300px;
  font-size: 18px;
  font-weight: 400;
  margin-left: 50px;
  color: #6a737c;
  transition: 0.3s;
}

.asoft_left_navbar_remove_mobile .openbtn:hover {
  color: #375d96;
}

.asoft_left_navbar_remove_mobile .closemobilebtn {
  display: none;
}

/* display or close text part of link */

span.asoft_navlink_close {
  display: none
}

span.asoft_navlink_open {
  display: block
}

/* tooltip  */

span.asoft_navlink_tooltip {
  font-size: 14px;
  font-weight: 400;
  background-color: #ffffff;
  color: #6a737c;
  border: solid 0px #000000;
  text-align: center;
  border-radius: 6px;
  padding: 12px 5px 12px 5px;
  width: 130px;
  /* Position the tooltip */
  position: absolute;
  z-index: 9999999;
  left: 110%;
  -webkit-box-shadow: 1px 2px 4px 0px #b4b4b5;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 1px 2px 4px 0px #b4b4b5;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 1px 2px 4px 0px #b4b4b5;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

span.asoft_navlink_tooltip_close {
  display: none;
}

li.asoft_navlink_home_icon {
  background-image: url(../images/icons/menu_links/home.png);
  background-repeat: no-repeat;
  background-position: left;
  transition: 0.5s;
  height: 50px;
}

li.asoft_navlink_home_icon:hover {
  background-color: #edf0f2;
  /*background-image: url(../images/icons/menu_links/home_blue.png);*/
}

div.asoft_navlink_home {}

div.asoft_navlink_home a {
  padding: 15px 8px 15px 52px;
  display: block;
  height: 20px;
}

div.asoft_navlink_home .asoft_navlink_tooltip {
  visibility: hidden;
  top: 30px;
}

div.asoft_navlink_home:hover .asoft_navlink_tooltip {
  visibility: visible;
}

div.asoft_navlink_pay {}

li.asoft_navlink_pay_icon {
  background-image: url(../images/icons/menu_links/pay.png);
  background-repeat: no-repeat;
  background-position: left;
  transition: 0.5s;
  height: 50px;
}

li.asoft_navlink_pay_icon:hover {
  background-color: #edf0f2;
  /*background-image: url(../images/icons/menu_links/pay_blue.png);*/
}

div.asoft_navlink_pay a {
  padding: 15px 8px 15px 52px;
  height: 20px;
}

div.asoft_navlink_pay .asoft_navlink_tooltip {
  visibility: hidden;
  top: 80px;
}

div.asoft_navlink_pay:hover .asoft_navlink_tooltip {
  visibility: visible;
}

div.asoft_navlink_accounts {}

li.asoft_navlink_accounts_icon {
  background-image: url(../images/icons/menu_links/accounts.png);
  background-repeat: no-repeat;
  background-position: left;
  transition: 0.7s;
  height: 50px;
}

li.asoft_navlink_accounts_icon:hover {
  background-color: #edf0f2;
  /*background-image: url(../images/icons/menu_links/accounts_blue.png);*/
}

div.asoft_navlink_accounts a {
  padding: 15px 8px 15px 52px;
  height: 20px;
}

div.asoft_navlink_accounts .asoft_navlink_tooltip {
  visibility: hidden;
  top: 130px;
}

div.asoft_navlink_accounts:hover .asoft_navlink_tooltip {
  visibility: visible;
}

div.asoft_navlink_card {}

li.asoft_navlink_card_icon {
  background-image: url(../images/icons/menu_links/card.png);
  background-repeat: no-repeat;
  background-position: left;
  transition: 0.7s;
  height: 50px;
}

li.asoft_navlink_card_icon:hover {
  background-color: #edf0f2;
  /*background-image: url(../images/icons/menu_links/card_blue.png);*/
}

div.asoft_navlink_card a {
  padding: 15px 8px 15px 52px;
  height: 20px;
}

div.asoft_navlink_card .asoft_navlink_tooltip {
  visibility: hidden;
  top: 180px;
}

div.asoft_navlink_card:hover .asoft_navlink_tooltip {
  visibility: visible;
}

div.asoft_navlink_transactions {}

li.asoft_navlink_transactions_icon {
  background-image: url(../images/icons/menu_links/transactions.png);
  background-repeat: no-repeat;
  background-position: left;
  transition: 0.7s;
  height: 50px;
}

li.asoft_navlink_transactions_icon:hover {
  background-color: #edf0f2;
  /*background-image: url(../images/icons/menu_links/transactions_blue.png);*/
}

div.asoft_navlink_transactions a {
  padding: 15px 8px 15px 52px;
  height: 20px;
}

div.asoft_navlink_transactions .asoft_navlink_tooltip {
  visibility: hidden;
  top: 230px;
}

div.asoft_navlink_transactions:hover .asoft_navlink_tooltip {
  visibility: visible;
}

div.asoft_navlink_atm {}

li.asoft_navlink_atm_icon {
  background-image: url(../images/icons/menu_links/atm.png);
  background-repeat: no-repeat;
  background-position: left;
  transition: 0.7s;
  height: 50px;
}

li.asoft_navlink_atm_icon:hover {
  background-color: #edf0f2;
  /*background-image: url(../images/icons/menu_links/atm_blue.png);*/
}

div.asoft_navlink_atm a {
  padding: 15px 8px 15px 52px;
  height: 20px;
}

div.asoft_navlink_atm .asoft_navlink_tooltip {
  visibility: hidden;
  top: 280px;
}

div.asoft_navlink_atm:hover .asoft_navlink_tooltip {
  visibility: visible;
}

div.asoft_navlink_exchange {}

li.asoft_navlink_exchange_icon {
  background-image: url(../images/icons/menu_links/exchange.png);
  background-repeat: no-repeat;
  background-position: left;
  transition: 0.7s;
  height: 50px;
}

li.asoft_navlink_exchange_icon:hover {
  background-color: #edf0f2;
  /*background-image: url(../images/icons/menu_links/exchange_blue.png);*/
}

div.asoft_navlink_exchange a {
  padding: 15px 8px 15px 52px;
  height: 20px;
}

div.asoft_navlink_exchange .asoft_navlink_tooltip {
  visibility: hidden;
  top: 330px;
}

div.asoft_navlink_exchange:hover .asoft_navlink_tooltip {
  visibility: visible;
}

div.asoft_navlink_calculator {}

li.asoft_navlink_calculator_icon {
  background-image: url(../images/icons/menu_links/calculator.png);
  background-repeat: no-repeat;
  background-position: left;
  transition: 0.7s;
  height: 50px;
}

li.asoft_navlink_calculator_icon:hover {
  background-color: #edf0f2;
  /*background-image: url(../images/icons/menu_links/calculator_blue.png);*/
}

div.asoft_navlink_calculator a {
  padding: 15px 8px 15px 52px;
  height: 20px;
}

div.asoft_navlink_calculator .asoft_navlink_tooltip {
  visibility: hidden;
  top: 380px;
}

div.asoft_navlink_calculator:hover .asoft_navlink_tooltip {
  visibility: visible;
}

div.asoft_navlink_contact {}

li.asoft_navlink_contact_icon {
  background-image: url(../images/icons/menu_links/contact.png);
  background-repeat: no-repeat;
  background-position: left;
  transition: 0.7s;
  height: 50px;
}

li.asoft_navlink_contact_icon:hover {
  background-color: #edf0f2;
  /*background-image: url(../images/icons/menu_links/contact_blue.png);*/
}

div.asoft_navlink_contact a {
  padding: 15px 8px 15px 52px;
  height: 20px;
}

div.asoft_navlink_contact .asoft_navlink_tooltip {
  visibility: hidden;
  top: 430px;
}

div.asoft_navlink_contact:hover .asoft_navlink_tooltip {
  visibility: visible;
}

div.asoft_navlink_sign_out {}

li.asoft_navlink_sign_out_icon {
  background-image: url(../images/icons/menu_links/sign_out.png);
  background-repeat: no-repeat;
  background-position: left;
  transition: 0.7s;
  height: 50px;
}

li.asoft_navlink_sign_out_icon:hover {
  background-color: #edf0f2;
  /*background-image: url(../images/icons/menu_links/sign_out_blue.png);*/
}

div.asoft_navlink_sign_out a {
  padding: 15px 8px 15px 52px;
  height: 20px;
}

div.asoft_navlink_sign_out .asoft_navlink_tooltip {
  visibility: hidden;
  top: 480px;
}

div.asoft_navlink_sign_out:hover .asoft_navlink_tooltip {
  visibility: visible;
}

/* top bar*/

div.asoft_top_nav {
  overflow: hidden;
  background-color: #f9f9f9;
  position: fixed;
  z-index: 9999;
  /* Set the navbar to fixed position */
  top: 0;
  /* Position the navbar at the top of the page */
  width: 100%;
  /* Full width */
  -webkit-box-shadow: 0px 0px 5px 0px #dadada;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 5px 0px #dadada;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0px 0px 4px 0px #dadada;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  height: 50px;
}

div.asoft_top_nav_logo {
  float: left;
  width: 17%;
  height: 50px;
  text-align: left;
  background-image: url(../images/icons/logo_icon.png);
  background-position: left;
  background-repeat: no-repeat;
}

div.asoft_top_nav_logo p {
  margin: 8px 0px 0px 10px;
  padding: 8px 0px 10px 0px;
  font-size: 15px;
  font-weight: 400;
}

div.asoft_top_nav_logo h2 {
  margin: 8px 0px 0px 10px;
  padding: 8px 0px 10px 0px;
  font-size: 15px;
  font-weight: 400;
  display: none;
}

div.asoft_top_nav_logo a {
  color: #6a737c;
  text-decoration: none;
  display: block;
  padding: 0px 0px 0px 32px;
}

div.asoft_top_nav_title {
  float: left;
  width: 66%;
  text-align: center;
}

div.asoft_top_nav_title ul {
  padding: 0px 0px 0px 0px;
  margin: 0;
}

div.asoft_top_nav_title li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

div.asoft_top_nav_title p {
  color: #6a737c;
  text-decoration: none;
  display: block;
  padding: 14px 0px 0px 0px;
  font-size: 19px;
  font-weight: 400;
}

div.asoft_top_nav_hamburger {
  float: left;
  width: 17%;
  text-align: right;
  padding: 0;
  display: none;
}

div.asoft_top_nav_hamburger a {
  text-decoration: none;
  color: #6a737c;
  padding: 3px 8px 3px 8px;
}

div.asoft_top_nav_hamburger a:hover {
  color: #6a737c;
}

.asoft_top_nav_hamburger .closemobilebtn {
  display: none;
}

.asoft_top_nav_hamburger .openmobilebtn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 32px;
  font-weight: 300;
  color: #6a737c;
  transition: 0.2s;
}

.asoft_top_nav_hamburger .openmobilebtn_close {
  position: absolute;
  top: 0;
  left: -100px;
  font-size: 32px;
  font-weight: 300;
  color: #6a737c;
  transition: 0.2s;
}

div.asoft_top_nav_icons {
  float: left;
  width: 17%;
  text-align: right;
  padding: 15px 0px 0px 0px;
}

div.asoft_top_nav_icons ul {
  padding: 0px 20px 0px 0px;
  margin: 0;
}

div.asoft_top_nav_icons li {
  list-style: none;
  padding: 0px 5px 0px 5px;
  margin: 0px 2px 0px 2px;
  display: inline-block;
}

div.asoft_top_nav_notifications_closed {
  overflow: auto;
  background-color: #dadada;
  position: fixed;
  z-index: 99999;
  top: -500px;
  right: 92px;
  width: 330px;
  height: 440px;
  transition: 0.3s;
}

div.asoft_top_nav_notifications {
  overflow: auto;
  background-color: #f9f9f9;
  position: fixed;
  z-index: 99999;
  top: 12px;
  right: 92px;
  width: 330px;
  height: 440px;
  border: 1px solid #dadada;
  border-radius: 7px;
  transition: 0.2s;
  -webkit-box-shadow: 0px 0px 7px 3px #dadada;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 7px 3px #dadada;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0px 0px 7px 3px #dadada;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

div.asoft_notifications_header {
  width: 100%;
  height: 45px;
  background-color: #ededed;
  border-bottom: 1px solid #dadada;
  -webkit-box-shadow: 0px 0px 5px 0px #dadada;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 5px 0px #dadada;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0px 0px 5px 0px #dadada;
}

div.asoft_notifications_header_left {
  width: 80%;
  float:left;
}

div.asoft_notifications_header_left h1 {
  color: #6a737c;
  margin: 5px 0px 0px 0px;
  padding: 6px 0px 0px 15px;
  font-size: 18px;
  font-weight: 400;
}

div.asoft_notifications_header_right {
  width: 20%;
  float:left;
  text-align: right;
}

div.asoft_notifications_header_right a {
  font-size: 28px;
  font-weight: 400;
  text-decoration: none;
  color: #6a737c;
  margin: 0px 5px 0px 0px;
  padding: 3px 8px 3px 8px;
  display: block;
}

div.asoft_notifications_header_right a:hover {
  color: #6a737c;
}

div.asoft_notifications_content {
  width: 100%;
  height: 359px;
  overflow-y: auto;
}
div.asoft_notifications_content p {
  color: #ededed;
  margin: 5px 0px 0px 0px;
  padding: 5px 0px 0px 15px;
  font-size: 14px;
  font-weight: 400;
}
div.asoft_notifications_footer {
  width: 100%;
  height: 34px;
  text-align: center;
  background-color: #ffffff;
  border-top: 1px solid #ededed;
}
div.asoft_notifications_footer a {
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  color: #6a737c;
  margin: 0px 0px 0px 0px;
  padding: 9px 8px 6px 8px;
  display: block;
}

div.asoft_notifications_footer a:hover {
  color: #6a737c;
}

div.asoft_top_nav_help_closed {
  overflow: auto;
  background-color: #dadada;
  position: fixed;
  z-index: 99999;
  top: -700px;
  right: 0px;
  width: 310px;
  height: 520px;
  transition: 0.3s;
}

div.asoft_top_nav_help {
  overflow: auto;
  background-color: #f9f9f9;
  position: fixed;
  z-index: 99999;
  top: 12px;
  right: 55px;
  width: 310px;
  height: 520px;
  border: 1px solid #dadada;
  border-radius: 7px;
  transition: 0.2s;
  -webkit-box-shadow: 0px 0px 7px 3px #dadada;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 7px 3px #dadada;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0px 0px 7px 3px #dadada;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

div.asoft_help_header {
  width: 100%;
  height: 45px;
  background-color: #ededed;
  border-bottom: 1px solid #dadada;
  -webkit-box-shadow: 0px 0px 5px 0px #dadada;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 5px 0px #dadada;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0px 0px 5px 0px #dadada;
}

div.asoft_help_header_left {
  width: 80%;
  float:left;
}

div.asoft_help_header_left h1 {
  color: #6a737c;
  margin: 5px 0px 0px 0px;
  padding: 6px 0px 0px 15px;
  font-size: 18px;
  font-weight: 400;
}

div.asoft_help_header_right {
  width: 20%;
  float:left;
  text-align: right;
}

div.asoft_help_header_right a {
  font-size: 28px;
  font-weight: 400;
  text-decoration: none;
  color: #6a737c;
  margin: 0px 5px 0px 0px;
  padding: 3px 8px 3px 8px;
  display: block;
}

div.asoft_help_header_right a:hover {
  color: #6a737c;
}

div.asoft_help_content {
  width: 100%;
  height: 439px;
  overflow-y: auto;
}

div.asoft_help_content p {
  color: #ededed;
  margin: 5px 0px 0px 0px;
  padding: 5px 0px 0px 15px;
  font-size: 14px;
  font-weight: 400;
}

div.asoft_help_footer {
  width: 100%;
  height: 34px;
  text-align: center;
  background-color: #ffffff;
  border-top: 1px solid #ededed;
}

div.asoft_help_footer a {
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  color: #6a737c;
  margin: 0px 0px 0px 0px;
  padding: 9px 8px 6px 8px;
  display: block;
}

div.asoft_help_footer a:hover {
  color: #6a737c;
}

div.asoft_top_nav_profile_closed {
  overflow: auto;
  background-color: #dadada;
  position: fixed;
  z-index: 99999;
  top: 12px;
  right: -600px;
  width: 380px;
  height: 340px;
  transition: 0.3s;
}

div.asoft_top_nav_profile {
  overflow: auto;
  background-color: #f9f9f9;
  position: fixed;
  z-index: 99999;
  top: 12px;
  right: 12px;
  width: 380px;
  height: 340px;
  border: 1px solid #dadada;
  border-radius: 7px;
  transition: 0.2s;
  -webkit-box-shadow: 0px 0px 7px 3px #dadada;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 7px 3px #dadada;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0px 0px 7px 3px #dadada;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

div.asoft_profile_header {
  width: 100%;
  height: 45px;
  background-color: #ededed;
  border-bottom: 1px solid #dadada;
  -webkit-box-shadow: 0px 0px 5px 0px #dadada;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 5px 0px #dadada;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0px 0px 5px 0px #dadada;
}

div.asoft_profile_header_left {
  width: 80%;
  float:left;
}

div.asoft_profile_header_left h1 {
  color: #6a737c;
  margin: 5px 0px 0px 0px;
  padding: 6px 0px 0px 15px;
  font-size: 18px;
  font-weight: 400;
}

div.asoft_profile_header_right {
  width: 20%;
  float:left;
  text-align: right;
}

div.asoft_profile_header_right a {
  font-size: 28px;
  font-weight: 400;
  text-decoration: none;
  color: #6a737c;
  margin: 0px 5px 0px 0px;
  padding: 3px 8px 3px 8px;
  display: block;
}

div.asoft_profile_header_right a:hover {
  color: #6a737c;
}

div.asoft_profile_content {
  width: 100%;
  height: 259px;
  overflow-y: auto;
}

div.asoft_profile_content p {
  color: #ededed;
  margin: 5px 0px 0px 0px;
  padding: 5px 0px 0px 15px;
  font-size: 14px;
  font-weight: 400;
}

div.asoft_profile_footer {
  width: 100%;
  height: 34px;
  text-align: center;
  background-color: #ffffff;
  border-top: 1px solid #ededed;
}

div.asoft_profile_footer a {
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  color: #6a737c;
  margin: 0px 0px 0px 0px;
  padding: 9px 8px 6px 8px;
  display: block;
}

div.asoft_profile_footer a:hover {
  color: #6a737c;
}






div.asoft_mobile_footer_nav {
  overflow: hidden;
  background-color: #f9f9f9;
  position: fixed;
  z-index: 9999;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px #dadada;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 10px 0px #dadada;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0px 0px 10px 0px #dadada;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  height: 55px;
  display: none;
  text-align: center;
}

div.asoft_mobile_footer_nav ul {
  margin: 2px 8px 0px 8px;
  padding: 0
}

div.asoft_mobile_footer_nav li {
  display: inline-block;
  width: 25%;
  margin: 0;
  padding: 0;
}

div.asoft_mobile_footer_nav a {
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  color: #6a737c;
  display: block;
  padding: 28px 0px 5px 0px;
}

div.asoft_mobile_footer_nav_pay {}

li.asoft_mobile_footer_nav_pay_icon {
  background-image: url(../images/icons/footer_links/pay.png);
  background-repeat: no-repeat;
  background-position: top;
  height: 55px;
  text-align: center;
}

div.asoft_mobile_footer_nav_accounts {}

li.asoft_mobile_footer_nav_accounts_icon {
  background-image: url(../images/icons/footer_links/accounts.png);
  background-repeat: no-repeat;
  background-position: top;
  height: 55px;
  text-align: center;
}

div.asoft_mobile_footer_nav_card {}

li.asoft_mobile_footer_nav_card_icon {
  background-image: url(../images/icons/footer_links/card.png);
  background-repeat: no-repeat;
  background-position: top;
  height: 55px;
  text-align: center;
}

div.asoft_mobile_footer_nav_transactions {}

li.asoft_mobile_footer_nav_transactions_icon {
  background-image: url(../images/icons/footer_links/transactions.png);
  background-repeat: no-repeat;
  background-position: top;
  height: 55px;
  text-align: center;
}

/* Content div styles */

div.asoft_content {
  margin-left: 230px;
  transition: margin-left .4s;
}

div.asoft_content_wide {
  margin-left: 50px;
  transition: margin-left .4s;
}

/* div for defining content common styles */

div.asoft_content_top_space {
  float: left;
  width: 100%;
  height: 60px;
}

div.asoft_content_home {
  padding: 0px 0px 60px 10px;
  float: left;
}

div.asoft_content_home h1 {
  font-weight: 400;
  font-size: 19px;
  margin: 0px 0px 0px 10px;
  padding: 0;
}

div.asoft_content_home h2 {
  font-weight: 400;
  font-size: 16px;
  margin: 20px 0px 0px 15px;
  padding: 0;
}

div.asoft_content_home h3 {
  font-weight: 400;
  font-size: 14px;
  margin: 5px 0px 0px 15px;
  padding: 0;
}

div.asoft_content_980_close {
  width: 980px;
  position: fixed;
  top: -800px;
  left: -1000px;
}

div.asoft_content_980 {
  float: left;
  margin: 10px 5px 10px 5px;
  transition: 0.2s;
}

div.asoft_content_980_title {
  min-width: 980px;
  max-width: 980px;
  height: 30px;
}

div.asoft_content_980_content {
  min-width: 980px;
  max-width: 980px;
  height: 550px;
  background-color: #f9f9f9;
  border: 1px solid #dadada;
  border-radius: 7px;
}

div.asoft_content_650_close {
  width: 650px;
  position: fixed;
  top: -800px;
  left: -1000px;
}

div.asoft_content_650 {
  float: left;
  margin: 10px 5px 10px 5px;
  transition: 0.2s;
}

div.asoft_content_650_title {
  min-width: 650px;
  max-width: 650px;
  height: 30px;
}

div.asoft_content_650_content {
  min-width: 650px;
  max-width: 650px;
  height: 450px;
  background-color: #f9f9f9;
  border: 1px solid #dadada;
  border-radius: 7px;
}

div.asoft_content_485_close {
  width: 485px;
  position: fixed;
  top: -800px;
  left: -1000;
}

div.asoft_content_485 {
  float: left;
  margin: 10px 5px 10px 5px;
  transition: 0.2s;
}

div.asoft_content_485_title {
  min-width: 485px;
  max-width: 485px;
  height: 30px;
}

div.asoft_content_485_content {
  min-width: 485px;
  max-width: 485px;
  height: 450px;
  background-color: #f9f9f9;
  border: 1px solid #dadada;
  border-radius: 7px;
}

div.asoft_content_320_close {
  width: 0px;
  position: fixed;
  top: -800px;
  left: -1000;
}

div.asoft_content_320 {
  float: left;
  margin: 10px 5px 10px 5px;
  transition: 0.2s;
}

div.asoft_content_320_title {
  min-width: 320px;
  max-width: 320px;
  height: 30px;
}

div.asoft_content_320_content {
  min-width: 320px;
  max-width: 320px;
  height: 450px;
  background-color: #f9f9f9;
  border: 1px solid #dadada;
  border-radius: 7px;
}

div.asoft_content_footer {
  width: 100%;
  float: left;
  background-color: #f9f9f9;
  text-align: center;
  border-top: 1px solid #dadada;
  margin: 20px 0px 0px 0px;
}

div.asoft_content_footer p {
  font-size: 13px;
  font-weight: 400;
  margin: 20px 0px 20px 0px;
}

/* ++++++//////++++++.......------- */

/* ++++++//////++++++.......------- */

/* ++++++//////++++++.......------- */

/* Responsive 980 */

/* ++++++//////++++++.......------- */

/* ++++++//////++++++.......------- */

/* ++++++//////++++++.......------- */

@media all and (max-width: 980px) {
  /* Remove desktop side navigation */
  div.asoft_left_navbar {
    display: none;
  }
  div.asoft_left_navbar_close {
    display: none;
  }

  /* Mobile side navigation prepared for oppening */
  div.asoft_left_navbar_mobile {
    overflow: auto;
    height: 100%;
    width: 100%;
    position: fixed;
    right: 0px;
    top: 0px;
    margin-top: 0px;
    z-index: 10000;
    background-color: #f9f9f9;
    transition: 0.5s;
  }
  div.asoft_left_navbar_mobile ul {
    margin: 60px 10px 0px 10px;
  }
  div.asoft_left_navbar_mobile li {
    display: inline-block;
    width: 49%;
  }
  .asoft_left_navbar_mobile a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: #6a737c;
    display: block;
    padding: 3px 8px 3px 8px;
  }
  .asoft_left_navbar_mobile .closemobilebtn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 32px;
    font-weight: 300;
    color: #6a737c;
    padding: 3px 12px 3px 8px;
  }
  div.asoft_top_nav_logo {
    width: 17%;
  }
  div.asoft_top_nav_logo p {
    display: none;
  }
  div.asoft_top_nav_logo h2 {
    display: block;
  }
  div.asoft_top_nav_title {
    float: left;
    width: 66%;
    text-align: center;
  }
  div.asoft_top_nav_title ul {
    padding: 0px 0px 0px 0px;
    margin: 0;
  }
  div.asoft_top_nav_title li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
  }
  div.asoft_top_nav_title p {
    color: #6a737c;
    text-decoration: none;
    display: block;
    padding: 15px 0px 0px 0px;
    font-size: 17px;
    font-weight: 400;
  }
  div.asoft_top_nav_hamburger {
    display: block;
  }
  div.asoft_top_nav_icons {
    display: none;
  }
  div.asoft_top_nav_icons ul {
    padding: 0px 20px 0px 0px;
    margin: 0;
  }
  div.asoft_top_nav_icons li {
    list-style: none;
    padding: 0px 5px 0px 5px;
    display: inline-block;
  }
  div.asoft_navlink_home {}
  li.asoft_navlink_home_icon {
    background-image: url(../images/icons/menu_links/home.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 80px;
    text-align: center;
  }
  li.asoft_navlink_home_icon:hover {
    background-color: #ededed;
  }
  div.asoft_navlink_home a {
    padding: 40px 0px 15px 0px;
  }
  div.asoft_navlink_pay {}
  li.asoft_navlink_pay_icon {
    background-image: url(../images/icons/menu_links/pay.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 80px;
    text-align: center;
  }
  li.asoft_navlink_pay_icon:hover {
    background-color: #ededed;
  }
  div.asoft_navlink_pay a {
    padding: 40px 0px 15px 0px;
  }
  div.asoft_navlink_accounts {}
  li.asoft_navlink_accounts_icon {
    background-image: url(../images/icons/menu_links/accounts.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 80px;
    text-align: center;
  }
  li.asoft_navlink_accounts_icon:hover {
    background-color: #ededed;
  }
  div.asoft_navlink_accounts a {
    padding: 40px 0px 15px 0px;
  }
  div.asoft_navlink_card {}
  li.asoft_navlink_card_icon {
    background-image: url(../images/icons/menu_links/card.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 80px;
    text-align: center;
  }
  li.asoft_navlink_card_icon:hover {
    background-color: #ededed;
  }
  div.asoft_navlink_card a {
    padding: 40px 0px 15px 0px;
  }
  div.asoft_navlink_transactions {}
  li.asoft_navlink_transactions_icon {
    background-image: url(../images/icons/menu_links/transactions.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 80px;
    text-align: center;
  }
  li.asoft_navlink_transactions_icon:hover {
    background-color: #ededed;
  }
  div.asoft_navlink_transactions a {
    padding: 40px 0px 15px 0px;
  }
  div.asoft_navlink_atm {}
  li.asoft_navlink_atm_icon {
    background-image: url(../images/icons/menu_links/atm.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 80px;
    text-align: center;
  }
  li.asoft_navlink_atm_icon:hover {
    background-color: #ededed;
  }
  div.asoft_navlink_atm a {
    padding: 40px 0px 15px 0px;
  }
  div.asoft_navlink_exchange {}
  li.asoft_navlink_exchange_icon {
    background-image: url(../images/icons/menu_links/exchange.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 80px;
    text-align: center;
  }
  li.asoft_navlink_exchange_icon:hover {
    background-color: #ededed;
  }
  div.asoft_navlink_exchange a {
    padding: 40px 0px 15px 0px;
  }
  div.asoft_navlink_calculator {}
  li.asoft_navlink_calculator_icon {
    background-image: url(../images/icons/menu_links/calculator.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 80px;
    text-align: center;
  }
  li.asoft_navlink_calculator_icon:hover {
    background-color: #ededed;
  }
  div.asoft_navlink_calculator a {
    padding: 40px 0px 15px 0px;
  }
  div.asoft_navlink_contact {}
  li.asoft_navlink_contact_icon {
    background-image: url(../images/icons/menu_links/contact.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 80px;
    text-align: center;
  }
  li.asoft_navlink_contact_icon:hover {
    background-color: #ededed;
  }
  div.asoft_navlink_contact a {
    padding: 40px 0px 15px 0px;
  }
  div.asoft_navlink_sign_out {}
  li.asoft_navlink_sign_out_icon {
    background-image: url(../images/icons/menu_links/sign_out.png);
    background-position: top;
    height: 80px;
    text-align: center;
  }
  li.asoft_navlink_sign_out_icon:hover {
    background-color: #ededed;
  }
  div.asoft_navlink_sign_out a {
    padding: 40px 0px 15px 0px;
  }
  div.asoft_mobile_footer_nav {
    display: block;
  }
  /* Content div styles*/
  div.asoft_content {
    margin-left: 0px;
  }
  div.asoft_content_top_space {
    float: none;
    height: 55px;
  }
  div.asoft_content_home {
    float: none;
    padding: 0px 4px 0px 4px;
  }
  div.asoft_content_home h1 {
    font-weight: 400;
    font-size: 19px;
    margin: 0px 0px 0px 10px;
    padding: 0;
  }
  div.asoft_content_home h2 {
    font-weight: 400;
    font-size: 16px;
    margin: 20px 0px 0px 15px;
    padding: 0;
  }
  /* All widgets are between 180 and 650 px*/
  div.asoft_content_980 {
    float: none;
    margin: 10px 5px 10px 5px;
    transition: 0.2s;
  }
  div.asoft_content_980_title {
    min-width: 120px;
    max-width: 990px;
    height: 30px;
  }
  div.asoft_content_980_content {
    min-width: 120px;
    max-width: 990px;
    height: 550px;
    background-color: #f9f9f9;
    border: 1px solid #dadada;
    border-radius: 7px;
  }
  div.asoft_content_650 {
    float: none;
    padding: 10px 0px 10px 0px;
    min-width: 120px;
    max-width: 650px;
    width: auto !important;
    /*IE6 hack*/
    margin: 0 auto;
    /*center hack*/
    text-align: left;
    /*center hack*/
  }
  div.asoft_content_650_title {
    min-width: 120px;
    max-width: 650px;
    height: 30px;
  }
  div.asoft_content_650_content {
    min-width: 120px;
    max-width: 650px;
    height: 450px;
    background-color: #f9f9f9;
    border: 1px solid #dadada;
    border-radius: 7px;
  }
  div.asoft_content_485 {
    float: none;
    padding: 10px 0px 10px 0px;
    min-width: 120px;
    max-width: 650px;
    width: auto !important;
    /*IE6 hack*/
    margin: 0 auto;
    /*center hack*/
    text-align: left;
    /*center hack*/
  }
  div.asoft_content_485_title {
    min-width: 120px;
    max-width: 650px;
    height: 30px;
  }
  div.asoft_content_485_content {
    min-width: 120px;
    max-width: 650px;
    height: 450px;
    background-color: #f9f9f9;
    border: 1px solid #dadada;
    border-radius: 7px;
  }
  div.asoft_content_320 {
    float: none;
    padding: 10px 0px 10px 0px;
    min-width: 120px;
    max-width: 650px;
    width: auto !important;
    /*IE6 hack*/
    margin: 0 auto;
    /*center hack*/
    text-align: left;
    /*center hack*/
  }
  div.asoft_content_320_title {
    min-width: 120px;
    max-width: 650px;
    height: 30px;
  }
  div.asoft_content_320_content {
    min-width: 120px;
    max-width: 650px;
    height: 450px;
    background-color: #f9f9f9;
    border: 1px solid #dadada;
    border-radius: 7px;
  }
  div.asoft_content_footer {
    width: 100%;
    float: left;
    background-color: #f9f9f9;
    text-align: center;
    border-top: 1px solid #dadada;
    margin: 10px 0px 0px 0px;
  }
  div.asoft_content_footer p {
    font-size: 13px;
    font-weight: 400;
    margin: 20px 0px 20px 0px;
  }
}

/* END of Responsive 980 */