/* z-indexes */
/* page content width */
/* form height margins */
/* colors */
/* content box */
/* field inputs */
/* tables */
/* buttons */
/* preview images */
/* page content width */
/* z-index levels*/
/* common mixins */
.top-bar {
  min-height: 126px;
}
.top-bar header {
  background-color: #2c3e50;
  height: 44px;
  padding: 20px 0;
}
.top-bar header .header {
  margin: 0 auto;
  width: 1280px;
}
.top-bar header .header .headerTitle {
  color: #9bca47;
  display: inline;
  font-size: 14px;
  line-height: 44px;
}
.top-bar header .header .headerLogo {
  float: left;
  margin-right: 30px;
}
.top-bar header .header .user-box {
  color: #FFFFFF;
  float: right;
  font-size: 0;
  height: 44px;
  line-height: 44px;
  position: relative;
  text-align: right;
}
.top-bar header .header .user-box-username {
  font-size: 12px;
  font-family: 'Lato Regular', Arial, Verdana, Helvetica, Sans-Serif;
  margin-right: 10px;
  vertical-align: middle;
  color: #9BCA47;
}
.top-bar header .header .user-box-profile {
  font-size: 14px;
  font-weight: bold;
  font-family: 'Lato Light', Arial, Verdana, Helvetica, Sans-Serif;
  margin-right: 6px;
  vertical-align: middle;
  overflow: hidden;
  max-width: 900px;
  display: inline-block;
  white-space: nowrap;
}
.top-bar header .header .user-box-profile-selector {
  /*cursor: pointer;*/
  display: inline-block;
  font-size: 0;
  height: 44px;
  margin-right: 10px;
  vertical-align: middle;
  width: 22px;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-image {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  height: 26px;
  width: 26px;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-image .image-preview-small {
  width: 24px;
  height: 24px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  text-align: center;
  border: 2px solid white;
  background: white;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-image .image-preview-small:hover {
  border: 2px solid #9bca47;
}
.top-bar header .header .user-box-profile-selector:hover .user-box-profile-image {
  background-position: -106px -246px;
}
/*.top-bar header .header .user-box-profile-selector.visible .user-box-profile-image {
    background: url('images/icons/user_o.png') no-repeat center center;
}*/
.top-bar header .header .user-box-profile-selector.visible .user-box-profile-image::after {
  background: url('images/icons/seta_nav.png') no-repeat center bottom;
  bottom: 0;
  content: '';
  display: inline-block;
  height: 6px;
  right: 35px;
  position: absolute;
  width: 12px;
  z-index: 104;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container {
  background-color: white;
  font-family: 'Lato Bold';
  font-size: 12px;
  position: absolute;
  color: #2C3E50;
  text-align: left;
  display: none;
  right: 0;
  min-width: 250px;
  /* changed to min-width, because the names must grow with */
  height: auto;
  z-index: 103;
  -webkit-box-shadow: #2C3E50 0px 0px 10px 1px;
  -moz-box-shadow: #2C3E50 0px 0px 10px 1px;
  box-shadow: #2C3E50 0px 0px 10px 1px;
  padding: 6px 10px;
}
.top-bar header .header .user-box-profile-selector.visible .user-box-profile-container {
  display: block;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-user {
  height: 37px;
  white-space: nowrap;
  cursor: pointer;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-user .user-box-profile-user-picture {
  display: inline-block;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-user .user-box-profile-user-picture .image-preview {
  background: url('images/spritefpf_14.png') no-repeat center bottom;
  background-position: -52px -241px;
  width: 36px;
  height: 36px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-user .user-box-profile-user-picture .image-preview.default-image {
  background: url('images/spritefpf_14.png') no-repeat center bottom;
  background-position: -102px -166px;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-user .user-box-profile-user-login {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-user .user-box-profile-user-login .user-box-profile-title {
  font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 14px;
  line-height: 18px;
  display: block;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-user .user-box-profile-user-login .user-box-profile-data {
  font-family: 'Lato Regular', Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 14px;
  line-height: 18px;
  display: block;
  overflow: hidden;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-user .user-box-profile-accounts {
  clear: both;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-separator {
  background-color: #9BCA47;
  height: 1px;
  display: block;
  margin: 6px 0;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-accounts .user-box-profile-accounts-title {
  padding-left: 46px;
  /* image size + padding */
  font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 14px;
  line-height: 18px;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-menu .entity-account {
  font-family: 'Lato Regular', Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 14px;
  height: 36px;
  margin-bottom: 6px;
  overflow: hidden;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-menu .entity-account:hover {
  background-color: #E5E5E5;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-menu .entity-account .managed-entity {
  display: inline-block;
  padding-left: 10px;
  line-height: 36px;
  vertical-align: top;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-menu .entity-account:hover .managed-entity {
  /*color: #FFFFFF;*/
  /*background-color: #9BCA47;*/
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-menu .entity-account .image-preview {
  background: url('images/spritefpf_14.png') no-repeat center bottom;
  background-position: -52px -241px;
  width: 36px;
  height: 36px;
  display: inline-block;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .user-box-profile-menu .entity-account .image-preview.default-image {
  background: url('images/spritefpf_14.png') no-repeat center bottom;
  background-position: -102px -166px;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .logout {
  text-align: center;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .logout:hover {
  /*background-color: #9BCA47;*/
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .logout .logout-container {
  position: relative;
  display: inline-block;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .logout .logout-container .ui-cst-button {
  width: 120px;
  font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 14px;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .logout .logout-container .ui-cst-icon.ui-cst-icon-turn-off {
  position: absolute;
  top: 40%;
  right: 10%;
}
.top-bar header .header .user-box-profile-selector .user-box-profile-container .logout:hover .logout-container .ui-cst-icon.ui-cst-icon-turn-off {
  background-position: -286px -217px;
}
.top-bar header .header .user-box-alerts-container {
  display: inline-block;
}
.top-bar header .header .user-box-alerts {
  background-color: red;
  display: inline-block;
  width: 23px;
  height: 23px;
  vertical-align: middle;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.top-bar header .header .user-box-alerts-no-alert {
  background: url('images/spritefpf_14.png') no-repeat center bottom;
  background-position: -142px -212px;
  display: inline-block;
  width: 23px;
  height: 23px;
  vertical-align: middle;
}
.top-bar header .header .user-box-alerts-no-alert:hover,
.top-bar header .header .user-box-alerts:hover {
  cursor: pointer;
  color: white;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-weight: bold;
}
.top-bar header .header .user-box-alerts-no-alert.visible,
.top-bar header .header .user-box-alerts.visible {
  color: white;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-weight: bold;
}
.top-bar header .header .user-box-alerts-no-alert:hover,
.top-bar header .header .user-box-alerts-no-alert.visible {
  color: #9bca47;
}
.top-bar header .header .user-box-alerts:hover,
.top-bar header .header .user-box-alerts.visible {
  background-color: red;
}
.top-bar header .header .user-box-alerts-no-alert.visible::after,
.top-bar header .header .user-box-alerts.visible::after {
  background: url('images/icons/seta_nav.png') no-repeat center bottom;
  bottom: 0;
  content: '';
  display: inline-block;
  height: 6px;
  right: 22px/2 - 6px;
  position: absolute;
  width: 12px;
  z-index: 104;
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-number,
.top-bar header .header .user-box-alerts .user-box-alert-number {
  font-size: 12px;
  line-height: 23px;
  text-align: center;
  vertical-align: top;
  display: block;
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu,
.top-bar header .header .user-box-alerts .user-box-alert-menu {
  background-color: #FFF;
  display: none;
  position: absolute;
  right: 0;
  width: 450px;
  z-index: 103;
  -webkit-box-shadow: #2C3E50 0px 0px 10px 1px;
  -moz-box-shadow: #2C3E50 0px 0px 10px 1px;
  box-shadow: #2C3E50 0px 0px 10px 1px;
  margin-top: 10px;
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu {
  width: 230px;
}
.top-bar header .header .user-box-alerts-no-alert.visible .user-box-alert-menu,
.top-bar header .header .user-box-alerts.visible .user-box-alert-menu {
  display: block;
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul {
  height: 100%;
  margin: 10px 10px 0 10px;
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li {
  cursor: pointer;
  font: 12px 'Lato Regular';
  min-height: 24px;
  margin-bottom: 10px;
  padding: 10px 30px 10px 10px;
  text-align: left;
  vertical-align: middle;
  width: 375px;
  color: #2C3E50;
  outline: solid 1px #DDDDDD;
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li {
  width: 168px;
}
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div {
  display: inline-block;
}
.top-bar header .header .user-box-alerts .user-box-alert-menu .alertItem {
  vertical-align: middle;
  line-height: 2;
}
.top-bar header .header .user-box-alerts .user-box-alert-menu .alertItem .ui-cst-icon-atention {
  float: left;
  margin: 0 5px;
  vertical-align: middle;
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > label {
  color: #2D5137;
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > .alert-Processed,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > .alert-Processed {
  background-color: #F5F5F5;
  border-left: solid 7px #94B758;
  padding-left: 17px;
  position: relative;
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div:before {
  zoom: 1;
  float: left;
  content: "";
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module1:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module1:before {
  background-image: url("images/icons/Apps/administration_and_configuration_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module2:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module2:before {
  background-image: url("images/icons/Apps/accreditations_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module3:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module3:before {
  background-image: url("images/icons/Apps/entity_management_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module4:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module4:before {
  background-image: url("images/icons/Apps/online_registration_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module5:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module5:before {
  background-image: url("images/icons/Apps/competition_management_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module6:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module6:before {
  background-image: url("images/icons/Apps/ereferee_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module7:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module7:before {
  background-image: url("images/icons/Apps/ticketing_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module8:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module8:before {
  background-image: url("images/icons/Apps/score_system_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module10:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module10:before {
  background-image: url("images/icons/Apps/collaborative_portal_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module11:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module11:before {
  background-image: url("images/icons/Apps/online_registration_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module12:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module12:before {
  background-image: url("images/icons/Apps/draws_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module13:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module13:before {
  background-image: url("images/icons/Apps/nationalteamportal_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module16:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module16:before {
  background-image: url("images/icons/Apps/healthandperformance_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module17:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module17:before {
  background-image: url("images/icons/Apps/online_registration_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > li > div.Module18:before,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > li > div.Module18:before {
  background-image: url("images/icons/Apps/card_management_h_18px.png");
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > .alert-NotProcessed,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > .alert-NotProcessed {
  background-color: #F5F5F5;
  border-left: solid 7px #FF0000;
  padding-left: 17px;
  position: relative;
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > .alert-Acknowledge,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > .alert-Acknowledge {
  background-color: #F5F5F5;
  border-left: solid 7px #56BDF1;
  padding-left: 17px;
  position: relative;
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > ul > .alert-Inactive,
.top-bar header .header .user-box-alerts .user-box-alert-menu > ul > .alert-Inactive {
  background-color: #F5F5F5;
  border-left: solid 7px #F3C536;
  padding-left: 17px;
  position: relative;
}
.top-bar header .header .user-box-alerts-no-alert .user-box-alert-menu > button,
.top-bar header .header .user-box-alerts .user-box-alert-menu > button {
  background-color: #3C3E50;
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #FFF;
  display: block;
  font: 12px 'Lato Bold';
  padding: 0;
  width: 25%;
  margin: 0 auto;
  height: 35px;
  margin-bottom: 10px;
}
.top-bar header .header .user-box-alerts .user-box-alert-menu > button:hover {
  background-color: #9BCA47;
}
.top-bar nav {
  background-color: #7F8C8D;
  height: 42px;
}
.top-bar nav .navigation-container {
  height: 100%;
  margin: 0 auto;
  position: relative;
  width: 1280px;
  display: flex;
  align-items: center;
}
.top-bar nav .navigation-container .module-area {
  margin-left: auto;
  height: 42px;
  width: 20px;
}
.top-bar nav .navigation-container .module-area.visible {
  background: url('images/icons/apps_seta.png') no-repeat center bottom;
}
.top-bar nav .navigation-container .module-area .module-menu-container {
  background-color: #2c3e50;
  border-top: 2px solid #9BCA47;
  display: none;
  height: 96px;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 1280px;
  z-index: 102;
}
.top-bar nav .navigation-container .module-area .module-menu-container.visible {
  display: block;
}
.top-bar nav .navigation-container .module-area .module-menu-container .module-menu-slides {
  cursor: move;
  height: 100%;
  left: 21px;
  overflow: hidden;
  width: 1240px;
}
.divformodules {
  background-color: #dcdcdc;
}
.top-bar nav .navigation-container .module-area .module-menu-container .module-menu-slides .module-slide,
.divformodules .module-slide {
  background-position: center 15px;
  background-repeat: no-repeat;
  color: #ffffff;
  display: inline-block;
  font: 7pt 'Lato Regular';
  height: 25px;
  padding: 63px 10px 8px 10px;
  text-align: center;
  vertical-align: middle;
  width: 86px;
}
.divformodules .module-slide {
  color: #2c3e50;
}
.top-bar nav .navigation-container .module-area .module-menu-container .module-menu-slides .module-slide:hover,
.divformodules .module-slide:hover {
  background-color: #9BCA47;
  color: #2c3e50;
}
/* Start of module icon rules */
.module-icon-administration-and-configuration {
  background-image: url('images/icons/Apps/administration_and_configuration.png');
}
.module-icon-administration-and-configuration:hover {
  background-image: url('images/icons/Apps/administration_and_configuration_h.png');
}
.module-icon-accreditation {
  background-image: url('images/icons/Apps/accreditations.png');
}
.module-icon-accreditation:hover {
  background-image: url('images/icons/Apps/accreditations_h.png');
}
.module-icon-entity-management {
  background-image: url('images/icons/Apps/entity_management.png');
}
.module-icon-entity-management:hover {
  background-image: url('images/icons/Apps/entity_management_h.png');
}
.module-icon-online-registration {
  background-image: url('images/icons/Apps/online_registration.png');
}
.module-icon-online-registration:hover {
  background-image: url('images/icons/Apps/online_registration_h.png');
}
.module-icon-competition-management {
  background-image: url('images/icons/Apps/competition_management.png');
}
.module-icon-competition-management:hover {
  background-image: url('images/icons/Apps/competition_management_h.png');
}
.module-icon-e-referee {
  background-image: url('images/icons/Apps/ereferee.png');
}
.module-icon-e-referee:hover {
  background-image: url('images/icons/Apps/ereferee_h.png');
}
.module-icon-ticketing {
  background-image: url('images/icons/Apps/ticketing.png');
}
.module-icon-ticketing:hover {
  background-image: url('images/icons/Apps/ticketing_h.png');
}
.module-icon-score-system {
  background-image: url('images/icons/Apps/score_system.png');
}
.module-icon-score-system:hover {
  background-image: url('images/icons/Apps/score_system_h.png');
}
.module-icon-collaboration-portal {
  background-image: url('images/icons/Apps/collaborative_portal.png');
}
.module-icon-collaboration-portal:hover {
  background-image: url('images/icons/Apps/collaborative_portal_h.png');
}
.module-icon-draws {
  background-image: url('images/icons/Apps/draws.png');
}
.module-icon-draws:hover {
  background-image: url('images/icons/Apps/draws_h.png');
}
.module-icon-nationalteamportal {
  background-image: url('images/icons/Apps/national_team_portal.png');
}
.module-icon-nationalteamportal:hover {
  background-image: url('images/icons/Apps/national_team_portal_h.png');
}
.module-icon-healthandperformance {
  background-image: url('images/icons/Apps/healthandperformance.png');
}
.module-icon-healthandperformance:hover {
  background-image: url('images/icons/Apps/healthandperformance_h.png');
}
.module-icon-card {
  background-image: url('images/icons/Apps/card_management.png');
}
.module-icon-card:hover {
  background-image: url('images/icons/Apps/card_management_h.png');
}
.module-icon-match-change {
  background-image: url('images/icons/Apps/match_change.png');
}
.module-icon-match-change:hover {
  background-image: url('images/icons/Apps/match_change_h.png');
}
.module-icon-weekly-activities {
  background-image: url('images/icons/Apps/weekly_activities.png');
}
.module-icon-weekly-activities:hover {
  background-image: url('images/icons/Apps/weekly_activities_h.png');
}
.module-icon-course-homologation {
  background-image: url('images/icons/Apps/course_homologation.png');
}
.module-icon-course-homologation:hover {
  background-image: url('images/icons/Apps/course_homologation_h.png');
}
.module-icon-training-center {
  background-image: url('images/icons/Apps/training-center.png');
}
.module-icon-training-center:hover {
  background-image: url('images/icons/Apps/training-center_h.png');
}
.module-referee-portal {
  background-image: url('images/icons/Apps/referee_portal.png');
}
.module-referee-portal:hover {
  background-image: url('images/icons/Apps/referee_portal_h.png');
}
.module-discipline {
  background-image: url('images/icons/Apps/discipline.png');
}
.module-discipline:hover {
  background-image: url('images/icons/Apps/discipline_h.png');
}
.module-performance-indicators {
  background-image: url('images/icons/Apps/performance_indicators.png');
}
.module-performance-indicators:hover {
  background-image: url('images/icons/Apps/performance_indicators_h.png');
}
.module-player-registration {
  background-image: url('images/icons/Apps/player_registration.png');
}
.module-player-registration:hover {
  background-image: url('images/icons/Apps/player_registration_h.png');
}
.module-sport-agent-registration {
  background-image: url('images/icons/Apps/sport_agent_registration.png');
}
.module-sport-agent-registration:hover {
  background-image: url('images/icons/Apps/sport_agent_registration_h.png');
}
.module-club-registration {
  background-image: url('images/icons/Apps/club_registration.png');
}
.module-club-registration:hover {
  background-image: url('images/icons/Apps/club_registration_h.png');
}
.module-pharmacy {
  background-image: url('images/icons/Apps/pharmacy.png');
}
.module-pharmacy:hover {
  background-image: url('images/icons/Apps/pharmacy_h.png');
}
.module-participative-budgets {
  background-image: url('images/icons/Apps/participative_budgets.png');
}
.module-participative-budgets:hover {
  background-image: url('images/icons/Apps/participative_budgets_h.png');
}
.module-contact-management {
  background-image: url('images/icons/Apps/contact_management.png');
}
.module-contact-management:hover {
  background-image: url('images/icons/Apps/contact_management_h.png');
}
/* End of module icon rules*/
.top-bar nav .navigation-container .module-area .module-menu-container .jssora03l,
.top-bar nav .navigation-container .module-area .module-menu-container .jssora03r,
.top-bar nav .navigation-container .module-area .module-menu-container .jssora03ldn,
.top-bar nav .navigation-container .module-area .module-menu-container .jssora03rdn {
  cursor: pointer;
  display: block;
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 20px;
}
.top-bar nav .navigation-container .module-area .module-menu-container .jssora03l {
  background: url('images/icons/left.png') no-repeat center center;
  left: 0;
}
.top-bar nav .navigation-container .module-area .module-menu-container .jssora03l:hover {
  background: url('images/icons/left_h.png') no-repeat center center;
  opacity: 0.4;
}
.top-bar nav .navigation-container .module-area .module-menu-container .jssora03ldn {
  background: url('images/icons/left_h.png') no-repeat center center;
  left: 0;
  opacity: 0.4;
}
.top-bar nav .navigation-container .module-area .module-menu-container .jssora03r {
  background: url('images/icons/right.png') no-repeat center center;
  right: 0;
}
.top-bar nav .navigation-container .module-area .module-menu-container .jssora03r:hover {
  background: url('images/icons/right_h.png') no-repeat center center;
  opacity: 0.4;
}
.top-bar nav .navigation-container .module-area .module-menu-container .jssora03rdn {
  background: url('images/icons/right_h.png') no-repeat center center;
  opacity: 0.4;
  right: 0;
}
.top-bar nav .navigation-container .module-button {
  background-color: transparent;
  background-position: -100px -12px;
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  height: 20px;
  margin: 11px 0;
  padding: 0;
  width: 20px;
  min-width: 20px;
}
.top-bar nav .navigation-container .module-button:after {
  clear: both;
}
/* Begin of the navigation menu rules */
/* Reset básico */
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Container */
.navigation-container {
  background-color: transparent;
  font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 12pt;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
  position: relative;
}
.ui-cst-navigation a {
  color: #333333;
  position: relative;
}
/* Primeiro nível (horizontal) e garante que pode rolar */
.ui-cst-navigation.first-level {
  display: flex;
  /*    width: 97%;
*/
  list-style: none;
  padding: 0;
  flex-wrap: nowrap;
  min-width: 0;
}
.ui-cst-navigation.first-level > li > a {
  color: #FFFFFF;
}
.ui-cst-navigation.first-level > li {
  position: relative;
  font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 9pt;
  color: white;
  padding: 15px 15px;
  cursor: pointer;
  white-space: nowrap;
  display: none;
  flex: 0 0 auto;
}
.ui-cst-navigation.first-level > li.visible {
  display: inline-flex;
  /* ou block/inline-block, conforme necessário */
}
.ui-cst-navigation.first-level > li:hover {
  background: url('images/icons/apps_seta.png') no-repeat center bottom;
  background-position: center bottom;
}
/* Submenus (níveis 2+) */
.ui-cst-navigation li ul {
  background-color: #E5E5E5;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 180px;
  z-index: 1000;
  flex-direction: column;
}
.ui-cst-navigation li:hover > ul {
  display: flex;
}
/* Submenus aninhados (nível 3 e 4) */
.ui-cst-navigation li ul li {
  background-color: #E5E5E5;
  border-bottom: 1px solid #CACACA;
  position: relative;
  padding: 10px 15px;
  color: white;
  width: 250px;
}
.ui-cst-navigation li ul li:hover {
  background-color: #9BCA47;
  color: #FFFFFF;
  /*    width: 250px;
*/
  cursor: pointer;
}
/* Níveis 3+ abrem à direita */
.ui-cst-navigation li ul li ul {
  top: 0;
  left: 100%;
  display: none;
}
.ui-cst-navigation li ul li:hover > ul {
  display: flex;
  flex-direction: column;
}
.scroll-left,
.scroll-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #7F8C8D;
  border: none;
  font-size: 24px;
  color: white;
  cursor: pointer;
  z-index: 2;
  visibility: hidden;
  flex: none;
  /* Esconde os botões inicialmente */
}
.scroll-left:hover,
.scroll-right:hover {
  background-color: #9bca47;
  color: #2C3E50;
}
.scroll-left {
  left: 0;
}
.scroll-right {
  right: 2%;
}
/* Visibilidade dos botões quando houver opções ocultas */
.navigation-container:hover .scroll-left,
.navigation-container:hover .scroll-right {
  visibility: visible;
}
.alert-close-div {
  position: absolute;
  width: 19px;
  height: 19px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #FFF;
  background: url("images/spritefpf_14.png") no-repeat -226px -191px;
  top: 25%;
  right: 5px;
}
.menu-wrapper {
  flex: 1 1 auto;
  min-width: 0;
  box-sizing: border-box;
  padding: 0 32px;
}
.menu-wrapper .ui-cst-navigation {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-wrapper .ui-cst-navigation.first-level {
  display: flex;
  flex-wrap: nowrap;
  min-width: 0;
}
.menu-wrapper .ui-cst-navigation.first-level > li {
  flex: 0 0 auto;
}
/* End of the navigation menu rules */