/*************************************************************************************************************************************************************************************
 ** Variables
 *************************************************************************************************************************************************************************************/
/* #337AB7; */
/* #648190; */
/* #adadad */
/*************************************************************************************************************************************************************************************
 ** General
 *************************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************************
 ** Borders
 *************************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************************
 ** Gradients
 *************************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************************
 ** Layout
 *************************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************************
 ** States
 *************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************
 ** Fonts
 ***********************************************************************************************************************************************/
@font-face {
  font-family: "Circular-Medium";
  src: url("../../Css/fonts/lineto-circular-medium.eot");
  src: url("../../Css/fonts/lineto-circular-medium.eot?#iefix") format("embedded-opentype"), url("../../Css/fonts/lineto-circular-medium.woff") format("woff"), url("../../Css/fonts/lineto-circular-medium.ttf") format("truetype"), url("../../Css/fonts/lineto-circular-medium.svg#lineto-circular-medium") format("svg");
  font-weight: normal;
  font-style: normal; }

/***********************************************************************************************************************************************
 ** General
 ***********************************************************************************************************************************************/
body {
  margin: 0;
  overflow-x: hidden; }

/***********************************************************************************************************************************************
 ** Layout
 ***********************************************************************************************************************************************/
/* variables */
.rds-container {
  display: table;
  position: absolute;
  top: 0;
  left: -210px;
  position: relative;
  min-width: calc(100% + 210px);
  -webkit-transition: left 200ms ease-in;
  -moz-transition: left 200ms ease-in;
  -o-transition: left 200ms ease-in;
  transition: left 200ms ease-in;
  font-family: "Twemoji Country Flags", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.rds-container > div {
  display: table-cell;
  height: 100%;
  vertical-align: top; }

.rds-container .content-container {
  width: 100vw; }

/***********************************************************************************************************************************************
 ** Mobile Menu
 ***********************************************************************************************************************************************/
/* variables */
/* mixins */
/* calculate the child menu widths and offsets */
/* containers */
.rds-container #mobile-menu-container {
  background-color: #e0e0e0;
  min-width: 210px;
  -webkit-transition: min-width 200ms ease-in;
  -moz-transition: min-width 200ms ease-in;
  -o-transition: min-width 200ms ease-in;
  transition: min-width 200ms ease-in;
  /* child widths and offsets */ }
  .rds-container #mobile-menu-container[data-menu-level='1'] {
    min-width: 210px; }
  .rds-container #mobile-menu-container[data-menu-level='2'] {
    min-width: 250px; }
    .rds-container #mobile-menu-container[data-menu-level='2'] > div > ul > li > .chkMenu:checked ~ .submenu-container {
      min-width: 210px; }
      .rds-container #mobile-menu-container[data-menu-level='2'] > div > ul > li > .chkMenu:checked ~ .submenu-container > .submenu-float {
        min-width: 210px;
        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in; }
  .rds-container #mobile-menu-container[data-menu-level='3'] {
    min-width: 290px; }
    .rds-container #mobile-menu-container[data-menu-level='3'] > div > ul > li > .chkMenu:checked ~ .submenu-container {
      min-width: 250px; }
      .rds-container #mobile-menu-container[data-menu-level='3'] > div > ul > li > .chkMenu:checked ~ .submenu-container > .submenu-float {
        min-width: 250px;
        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in; }
      .rds-container #mobile-menu-container[data-menu-level='3'] > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container {
        min-width: 210px; }
        .rds-container #mobile-menu-container[data-menu-level='3'] > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container > .submenu-float {
          min-width: 210px;
          -webkit-transition: all 200ms ease-in;
          -moz-transition: all 200ms ease-in;
          -o-transition: all 200ms ease-in;
          transition: all 200ms ease-in; }
  .rds-container #mobile-menu-container[data-menu-level='4'] {
    min-width: 330px; }
    .rds-container #mobile-menu-container[data-menu-level='4'] > div > ul > li > .chkMenu:checked ~ .submenu-container {
      min-width: 290px; }
      .rds-container #mobile-menu-container[data-menu-level='4'] > div > ul > li > .chkMenu:checked ~ .submenu-container > .submenu-float {
        min-width: 290px;
        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in; }
      .rds-container #mobile-menu-container[data-menu-level='4'] > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container {
        min-width: 250px; }
        .rds-container #mobile-menu-container[data-menu-level='4'] > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container > .submenu-float {
          min-width: 250px;
          -webkit-transition: all 200ms ease-in;
          -moz-transition: all 200ms ease-in;
          -o-transition: all 200ms ease-in;
          transition: all 200ms ease-in; }
        .rds-container #mobile-menu-container[data-menu-level='4'] > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container {
          min-width: 210px; }
          .rds-container #mobile-menu-container[data-menu-level='4'] > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container > .submenu-float {
            min-width: 210px;
            -webkit-transition: all 200ms ease-in;
            -moz-transition: all 200ms ease-in;
            -o-transition: all 200ms ease-in;
            transition: all 200ms ease-in; }
  .rds-container #mobile-menu-container[data-menu-level='5'] {
    min-width: 370px; }
    .rds-container #mobile-menu-container[data-menu-level='5'] > div > ul > li > .chkMenu:checked ~ .submenu-container {
      min-width: 330px; }
      .rds-container #mobile-menu-container[data-menu-level='5'] > div > ul > li > .chkMenu:checked ~ .submenu-container > .submenu-float {
        min-width: 330px;
        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in; }
      .rds-container #mobile-menu-container[data-menu-level='5'] > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container {
        min-width: 290px; }
        .rds-container #mobile-menu-container[data-menu-level='5'] > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container > .submenu-float {
          min-width: 290px;
          -webkit-transition: all 200ms ease-in;
          -moz-transition: all 200ms ease-in;
          -o-transition: all 200ms ease-in;
          transition: all 200ms ease-in; }
        .rds-container #mobile-menu-container[data-menu-level='5'] > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container {
          min-width: 250px; }
          .rds-container #mobile-menu-container[data-menu-level='5'] > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container > .submenu-float {
            min-width: 250px;
            -webkit-transition: all 200ms ease-in;
            -moz-transition: all 200ms ease-in;
            -o-transition: all 200ms ease-in;
            transition: all 200ms ease-in; }
          .rds-container #mobile-menu-container[data-menu-level='5'] > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container {
            min-width: 210px; }
            .rds-container #mobile-menu-container[data-menu-level='5'] > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container > div > ul > li > .chkMenu:checked ~ .submenu-container > .submenu-float {
              min-width: 210px;
              -webkit-transition: all 200ms ease-in;
              -moz-transition: all 200ms ease-in;
              -o-transition: all 200ms ease-in;
              transition: all 200ms ease-in; }

#rds-mainmenu {
  border-right: 1px solid #575d61;
  min-width: 210px; }

/* submenus */
.submenu-container {
  -webkit-transition: width 200ms ease-in;
  -moz-transition: width 200ms ease-in;
  -o-transition: width 200ms ease-in;
  transition: width 200ms ease-in;
  width: 210px; }

.submenu-container > .submenu-float {
  background-color: #e0e0e0;
  color: #fff;
  position: absolute;
  top: 0;
  left: -250px;
  width: 210px;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in; }
  .submenu-container > .submenu-float > .rds-menu-list > li > .rds-menu-back {
    padding: 7px 10px 7px 5px; }
    .submenu-container > .submenu-float > .rds-menu-list > li > .rds-menu-back > span {
      line-height: 24px; }

/* lists */
.rds-menu-list {
  border-right: 1px solid #555;
  -webkit-box-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.4) inset;
  box-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.4) inset;
  list-style: none;
  margin: 0;
  padding: 0;
  min-height: 100vh; }

.rds-menu-list > li {
  border-bottom: 1px solid #575d61;
  cursor: pointer;
  font-size: 0; }

.rds-menu-list > li .subtext {
  color: #888;
  display: block;
  font-size: 11px; }

.rds-menu-list > li > label, .rds-menu-list > li > a {
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  margin: 0;
  padding: 10px 10px 10px 5px;
  width: 100%; }

.rds-menu-list > li > label:hover, .rds-menu-list > li > a:hover,
.rds-menu-list > li > label:active, .rds-menu-list > li > a:active,
.rds-menu-list > li > label:focus, .rds-menu-list > li > a:focus {
  background-color: #ccc;
  -webkit-box-shadow: -5px 0 5px -2px rgba(0, 0, 0, 0.4) inset;
  box-shadow: -5px 0 5px -2px rgba(0, 0, 0, 0.4) inset;
  text-decoration: none; }

.rds-menu-list > li > label:hover .subtext, .rds-menu-list > li > a:hover .subtext {
  color: #666; }

.rds-menu-list > li > label.rds-menu-back {
  background-color: #575d61;
  -webkit-box-shadow: -5px 0 5px -1px rgba(0, 0, 0, 0.4) inset;
  box-shadow: -5px 0 5px -1px rgba(0, 0, 0, 0.4) inset;
  color: #fff;
  font-weight: bold; }
  .rds-menu-list > li > label.rds-menu-back > .subtext {
    color: #fff;
    font-weight: normal; }
  .rds-menu-list > li > label.rds-menu-back.py-2 {
    padding-top: 2px;
    padding-bottom: 2px; }

.rds-menu-list > li > label.rds-menu-back i {
  color: #fff; }

.rds-menu-list > li > a > i,
.rds-menu-list > li > a > form > i,
.rds-menu-list > li > label > i {
  color: #333;
  display: table-cell;
  text-align: center;
  width: 16px; }
  .rds-menu-list > li > a > i + span,
  .rds-menu-list > li > a > form > i + span,
  .rds-menu-list > li > label > i + span {
    display: table-cell;
    padding-left: 2px; }

.rds-menu-list > li > label > span + i {
  display: inline; }

.rds-menu-partition {
  -webkit-transition: right 200ms ease-in;
  -moz-transition: right 200ms ease-in;
  -o-transition: right 200ms ease-in;
  transition: right 200ms ease-in; }
  .rds-menu-partition > span {
    color: #fff;
    background-color: #525252;
    border: 1px solid #333;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 13px;
    height: 20px;
    line-height: 14px;
    padding: 2px 10px;
    white-space: nowrap;
    /* left-facing */
    /*
            float: left;
            margin-left: 30px;
            margin-top: 10px;
            transform: rotate(90deg);
            transform-origin: 0 0 0;
        */
    /* right-facing */
    float: right;
    margin-right: 9px;
    margin-top: -12px;
    transform: rotate(-90deg);
    transform-origin: 100% 100% 0; }

/* checkboxes */
input[type="checkbox"].chkMenu {
  left: -9999px;
  position: absolute; }

.chkMenu:checked ~ .rds-container {
  left: 0; }

.chkMenu:checked ~ .submenu-container {
  -webkit-transition: width 200ms ease-in;
  -moz-transition: width 200ms ease-in;
  -o-transition: width 200ms ease-in;
  transition: width 200ms ease-in; }

.chkMenu:checked ~ .submenu-container > .submenu-float {
  left: 0;
  -webkit-transition: left 200ms ease-in;
  -moz-transition: left 200ms ease-in;
  -o-transition: left 200ms ease-in;
  transition: left 200ms ease-in; }

.chkMenu ~ .submenu-container > .submenu-float > .rds-menu-partition {
  background-color: #ccc;
  border-right: 1px solid #444;
  cursor: pointer;
  margin: 0;
  position: absolute;
  right: -40px;
  top: 0;
  width: 40px;
  height: 100vh; }

/***********************************************************************************************************************************************
 ** Header
 ***********************************************************************************************************************************************/
#header {
  color: #796e65;
  font-family: Circular-Medium;
  font-size: 11pt; }
  #header .btn {
    border: none;
    border-radius: 0;
    font-size: 15px; }
  #header #logo-container {
    border-bottom: 1px solid #ddd; }
    @media (min-width: 992px) {
      #header #logo-container {
        border-bottom: none; } }
    #header #logo-container img {
      max-height: 40px;
      padding: 3px 0; }
      @media (min-width: 992px) {
        #header #logo-container img {
          max-height: none;
          padding: 0; } }
  #header #header-user-info a {
    color: #796e65; }
  #header #header-user-info .rds-navbar .btn, #header #header-user-info .rds-navbar .dropdown-menu li > a {
    color: #796e65; }
  #header #header-user-info .rds-navbar .btn {
    border: 1px solid #fff;
    margin-top: 5px;
    padding: 2px 12px; }
    #header #header-user-info .rds-navbar .btn:hover {
      background-color: #cddbed;
      border-color: #a6a8b2; }
    #header #header-user-info .rds-navbar .btn + .dropdown-menu {
      margin-top: 0; }
  #header #header-user-info .subtext {
    color: #888;
    font-size: 87.5%; }
  #header #header-user-info #btnLogout {
    background-color: #e31e26;
    color: #fff;
    font-family: Circular-Medium;
    padding: 13px; }
  #header #btnMobileMenu {
    background-color: #575d61;
    border: 1px solid #333;
    border-left: none;
    border-top: none;
    color: #fff;
    display: inline-block;
    margin: 0;
    padding: 9px 12px;
    vertical-align: top; }
  #header #btnLogout:hover {
    text-decoration: underline; }

/***********************************************************************************************************************************************
 ** Navigation Menu (desktop)
 ***********************************************************************************************************************************************/
#menu-container {
  background-color: #f6f6fa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }