@import url("style_sticky.css");

/*Page Stucture Settings*/
body {
  /* max-width: 800px !important; /* */
  max-width: 1024px !important;
  margin: 0 auto !important;
  float: none !important;
    background-color: #dddded;


}

.header {
  /* max-width: 800px !important; /* */
  max-width: 1024px !important;
  margin: 0 auto !important;
  float: none !important;
}

/*-Footer Menu-*/
#footer-bar {
  /* max-width: 800px !important; /* */
  max-width: 1024px !important;
  margin: 0 auto !important;
  float: none !important;
}

.menu {
  /* max-width: 800px !important; /* */
  max-width: 1024px !important;
  margin: 0 auto !important;
  float: none !important;
}

.menu-box-left.menu-active-forced {
  transform: translate3d(0%, 0, 0) !important;
}

.menu-active-forced.menu {
  opacity: 1 !important;
  transition: all 350ms ease;
  pointer-events: all !important;
}

.menu-active-forced {
  opacity: 1 !important;
}

.header-logo {
  background-image: url(../images/logo-black-horizontal.png) !important;
  background-size: auto 42px !important;
  margin-left: -75px !important;
}

#page {
    height: 100%;
}

.page-content {
    min-height: calc(100vh - (27px + env(safe-area-inset-top) * 0.8)) !important;
}

@media (hover: none), (pointer: coarse)  {
    /* // styles to target touch devices */
    /*Control Classes*/
    /*
    ::-webkit-scrollbar {
        display: none !important;
    }
    */
}


@media not all and (pointer: coarse) {
    /* styles to target non touch devices */

    /*
    body {
        overflow-y: scroll; /* Show vertical scrollbar // * /
        overflow-x: scroll; /* Show horizontal scrollbar  // * /
    }
    */

    /*
    .page-content {
        overflow: auto !important;
    }
    */
    /*
    ::-webkit-scrollbar {
        display: initial !important;
        all:unset !important;
    }
    */

}

.no-box-shadow {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.no-box-shadow.menu-active {
    box-shadow: 0 15px 25px 1px rgba(0, 0, 0, 0.9);

}

@media screen and (min-width: 769px) {

  .header-icon-1 {
    padding-left: 324px !important;
    left: 30px !important;
  }

  .header-title {
    padding-left: 160px !important;
    width: auto !important;
  }

  .header {
    padding-left: 324px;
  }

  .header-logo {
    margin-left: 80px !important;
  }

  #footer-bar {
    padding-left: 324px !important;
  }

  .page-content {
    padding-left: 320px !important;
      box-shadow: 0 15px 25px 1px rgba(0, 0, 0, 0.3);
  }

  #burger-icon{
    display: none !important;
  }


  #menu-sidebar-left-3 {
    left: auto !important;
    z-index: 99 !important;
      margin-left:320px !important;
  }


    /*
      .menu-active-forced {
        transition: none !important;
      }
    */



}




.bg-niv-12 {
    background-color: #D91E18 !important;
    color: #FFF !important;
}

.bg-niv-11 {
    background-color: #E43A45 !important;
    color: #FFF !important;
}

.bg-niv-10 {
    background-color: #F2784B !important;
    color: #FFF !important;
}

.bg-niv-9 {
    background-color: #E87E04 !important;
    color: #FFF !important;
}

.bg-niv-8 {
    background-color: #F3C200 !important;
    color: #FFF !important;
}

.bg-niv-7 {
    background-color: #C8D046 !important;
    color: #FFF !important;
}

.bg-niv-6 {
    background-color: #3FABA4 !important;
    color: #FFF !important;
}

.bg-niv-5 {
    background-color: #36D7B7 !important;
    color: #FFF !important;
}

.bg-niv-4 {
    background-color: #4B77BE !important;
    color: #FFF !important;
}

.bg-niv-3 {
    background-color: #3598DC !important;
    color: #FFF !important;
}

.bg-niv-2 {
    background-color: #9A12B3 !important;
    color: #FFF !important;
}

.bg-niv-1 {
    background-color: #BF55EC !important;
    color: #FFF !important;
}

.color-niv-12 {
    color: #D91E18 !important;
}

.color-niv-11 {
    color: #E43A45 !important;
}

.color-niv-10 {
    color: #F2784B !important;
}

.color-niv-9 {
    color: #E87E04 !important;
}

.color-niv-8 {
    color: #F3C200 !important;
}

.color-niv-7 {
    color: #C8D046 !important;
}

.color-niv-6 {
    color: #3FABA4 !important;
}

.color-niv-5 {
    color: #36D7B7 !important;
}

.color-niv-4 {
    color: #4B77BE !important;
}

.color-niv-3 {
    color: #3598DC !important;
}

.color-niv-2 {
    color: #9A12B3 !important;
}

.color-niv-1 {
    color: #BF55EC !important;
}


.bg-niv-12-alt {
    background-color: #DA4453 !important;
    color: #FFF !important;
}

.bg-niv-11-alt {
    background-color: #ED5565 !important;
    color: #FFF !important;
}

.bg-niv-10-alt {
    background-color: #e9743f !important;
    color: #FFF !important;
}

.bg-niv-9-alt {
    background-color: #fc8e51 !important;
    color: #FFF !important;
}

.bg-niv-8-alt {
    background-color: #f9ba38 !important;
    color: #FFF !important;
}

.bg-niv-7-alt {
    background-color: #FFCE54 !important;
    color: #FFF !important;
}

.bg-niv-6-alt {
    background-color: #8CC152 !important;
    color: #FFF !important;
}

.bg-niv-5-alt {
    background-color: #A0D468 !important;
    color: #FFF !important;
}

.bg-niv-4-alt {
    background-color: #4A89DC !important;
    color: #FFF !important;
}

.bg-niv-3-alt {
    background-color: #5D9CEC !important;
    color: #FFF !important;
}

.bg-niv-2-alt {
    background-color: #967ADC !important;
    color: #FFF !important;
}

.bg-niv-1-alt {
    background-color: #AC92EC !important;
    color: #FFF !important;
}

.color-niv-12-alt {
    color: #DA4453 !important;
}

.color-niv-11-alt {
    color: #ED5565 !important;
}

.color-niv-10-alt {
    color: #e9743f !important;
}

.color-niv-9-alt {
    color: #fc8e51 !important;
}

.color-niv-8-alt {
    color: #f9ba38 !important;
}

.color-niv-7-alt {
    color: #FFCE54 !important;
}

.color-niv-6-alt {
    color: #8CC152 !important;
}

.color-niv-5-alt {
    color: #A0D468 !important;
}

.color-niv-4-alt {
    color: #4A89DC !important;
}

.color-niv-3-alt {
    color: #5D9CEC !important;
}

.color-niv-2-alt {
    color: #967ADC !important;
}

.color-niv-1-alt {
    color: #AC92EC !important;
}


.bg-niv-12-alt2 {
    background-color: #DA4453 !important;
    color: #FFF !important;
}

.bg-niv-11-alt2 {
    background-color: #ED5565 !important;
    color: #FFF !important;
}

.bg-niv-10-alt2 {
    background-color: #E9573F !important;
    color: #FFF !important;
}

.bg-niv-9-alt2 {
    background-color: #FC6E51 !important;
    color: #FFF !important;
}

.bg-niv-8-alt2 {
    background-color: #F6BB42 !important;
    color: #FFF !important;
}

.bg-niv-7-alt2 {
    background-color: #FFCE54 !important;
    color: #FFF !important;
}

.bg-niv-6-alt2 {
    background-color: #8CC152 !important;
    color: #FFF !important;
}

.bg-niv-5-alt2 {
    background-color: #A0D468 !important;
    color: #FFF !important;
}

.bg-niv-4-alt2 {
    background-color: #4A89DC !important;
    color: #FFF !important;
}

.bg-niv-3-alt2 {
    background-color: #5D9CEC !important;
    color: #FFF !important;
}

.bg-niv-2-alt2 {
    background-color: #967ADC !important;
    color: #FFF !important;
}

.bg-niv-1-alt2 {
    background-color: #AC92EC !important;
    color: #FFF !important;
}

.color-niv-12-alt2 {
    color: #DA4453 !important;
}

.color-niv-11-alt2 {
    color: #ED5565 !important;
}

.color-niv-10-alt2 {
    color: #E9573F !important;
}

.color-niv-9-alt2 {
    color: #FC6E51 !important;
}

.color-niv-8-alt2 {
    color: #F6BB42 !important;
}

.color-niv-7-alt2 {
    color: #FFCE54 !important;
}

.color-niv-6-alt2 {
    color: #8CC152 !important;
}

.color-niv-5-alt2 {
    color: #A0D468 !important;
}

.color-niv-4-alt2 {
    color: #4A89DC !important;
}

.color-niv-3-alt2 {
    color: #5D9CEC !important;
}

.color-niv-2-alt2 {
    color: #967ADC !important;
}

.color-niv-1-alt2 {
    color: #AC92EC !important;
}


.bg-niv-12-alt3 {
    background-color: #DA4453 !important;
    color: #FFF !important;
}

.bg-niv-11-alt3 {
    background-color: #E9573F !important;
    color: #FFF !important;
}

.bg-niv-10-alt3 {
    background-color: #F6BB42 !important;
    color: #FFF !important;
}

.bg-niv-9-alt3 {
    background-color: #8CC152 !important;
    color: #FFF !important;
}

.bg-niv-8-alt3 {
    background-color: #37BC9B !important;
    color: #FFF !important;
}

.bg-niv-7-alt3 {
    background-color: #4A89DC !important;
    color: #FFF !important;
}

.bg-niv-6-alt3 {
    background-color: #967ADC !important;
    color: #FFF !important;
}

.bg-niv-5-alt3 {
    background-color: #D770AD !important;
    color: #FFF !important;
}

.bg-niv-4-alt3 {
    background-color: #AA8E69 !important;
    color: #FFF !important;
}

.bg-niv-3-alt3 {
    background-color: #AAB2BD !important;
    color: #FFF !important;
}

.bg-niv-2-alt3 {
    background-color: #7b8087 !important;
    color: #FFF !important;
}

.bg-niv-1-alt3 {
    background-color: #434A54 !important;
    color: #FFF !important;
}

.color-niv-12-alt3 {
    color: #DA4453 !important;
}

.color-niv-11-alt3 {
    color: #E9573F !important;
}

.color-niv-10-alt3 {
    color: #F6BB42 !important;
}

.color-niv-9-alt3 {
    color: #8CC152 !important;
}

.color-niv-8-alt3 {
    color: #37BC9B !important;
}

.color-niv-7-alt3 {
    color: #4A89DC !important;
}

.color-niv-6-alt3 {
    color: #967ADC !important;
}

.color-niv-5-alt3 {
    color: #D770AD !important;
}

.color-niv-4-alt3 {
    color: #AA8E69 !important;
}

.color-niv-3-alt3 {
    color: #AAB2BD !important;
}

.color-niv-2-alt3 {
    color: #7b8087 !important;
}

.color-niv-1-alt3 {
    color: #434A54 !important;
}



.menu-sidebar .list-custom-small a {
    border-bottom: solid 1px rgba(0, 0, 0, 0.05) !important;
}



.footer {
	display:none;
}