.slavaukraine {
    background:linear-gradient(to bottom, #0015808f 50%, #ffdd008f 50%);
    background-attachment:fixed;
}
/* Menu */
 
html {
  overflow-y: auto;
  
}

body
{
    padding-right:0px !important;
}

    optgroup
{
color: #2c408c;
}
    option
{
color: black;
}

.modal-header{
    cursor: move;
} 

.modal {
    min-width: 100%;
}
 
 
  .jGrowl .warning-theme {
    background-color:  red;
    color: white;
}

  .jGrowl .success-theme {
    background-color:  green;
    color: white;
}

.modal-open .modal {
overflow-y: hidden;
}


.left-menu{
  background: #2c408c;
  left: 0; /* прячем меню */
  min-height: 100vh;
  position: fixed;
  width: 68px;
  z-index: 1;
  height: 100%;
  overflow: hidden;
  overflow-x: hidden;
}

div.left-menu:active
{
    opacity: 1!important;
}

/* Basic CSS */
 
.main-content {
  transition: all 0.2s;
  background-color: transparent;
  z-index: 1;
  /*-webkit-transform: translate(69px,0);
  -ms-transform: translate(69px,0);
  transform: translate(69px,0);
  -webkit-transform: translate3d(69px,0,0);
  transform: translate3d(69px,0,0);
*/  
  margin-left: 69px;
 /* min-height: 100vh; */

}


.ctemebg {
  background:#2c408c;
}

.req {
  color:red;
}

.ctemeed {
  background:#006400;
}

.open .left-menu {
  width: 260px;
}

.open .main-content {
  margin-left: 260px;
  /*-webkit-transform: translate(260px,0);
  -ms-transform: translate(260px,0);
  transform: translate(260px,0);
  -webkit-transform: translate3d(260px,0,0);
  transform: translate3d(260px,0,0);*/
}

.left-menu-logo {
  padding: 20px 6px;
  display: flex;
  position: relative;
  background: rgba(255, 255, 255, 0.8);
}

.left-menu-logo-text {
  display: none;
}

.open .left-menu-logo-img {
  display: none;
}

.open .left-menu-logo-text {
  display: block;
}
 
.left-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.open .left-menu ul a {
  font-size: 14px;
}
 
.left-menu ul a {
  text-decoration: none;
  text-transform: uppercase;
  line-height: 45px; 
  font-family: Arial;
  color:  #ffffff;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
  font-size: 0;
  width: 100%;
  display: flex;
  white-space: nowrap;
}

.left-menu a:hover {
  background-color: rgba(255,255,255,0.4);
}

.icon-menu {
  transition: all 0.1s;
  position: fixed;
  left: 69px;
  top: 26px;
  background: url('../image/icon/menu-open.png') no-repeat;
  width: 25px;
  height: 48px;
  z-index: 1;
  cursor: pointer;
}

.open .icon-menu  {
  left: 240px;
  background: url('../image/icon/menu-button.png') no-repeat;
}

.left-menu li i {
  width: 30px;
  height: 40px;
  display: inline-block;
  width: 69px;
}

.left-menu .menu-user li i {
  height: 24px;
}

.menu-user {
  background-color: rgba(255,255,255,0.35);
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  padding: 5px 0;
}
.menu-user img {
  width: 69px;
  height: 40px;
  padding: 0px 15px;
  box-sizing: border-box;
}

.menu-user li a {
  font-family: Arial;
  color:  #ffffff;
  line-height: 24px;
  text-transform: none;
}

.left-menu li a.active {
  background: rgba(255,255,255,0.5);
}

.menu-dashboard i{
  background: url('../image/icon/dashboard.png') no-repeat 19px 10px;
}

.menu-work-team i {
  background: url('../image/icon/work-teams.png') no-repeat 19px 7px;
}

.menu-projects i {
  background: url('../image/icon/projects-icon.png') no-repeat 19px 7px;
}

.menu-report i {
  background: url('../image/icon/report.png') no-repeat 19px 7px;
}


.menu-forum i {
  background: url('../image/icon/forum.png') no-repeat 19px 7px;
}

.menu-projectscatalog i {
  background: url('../image/icon/projectscatalog.png') no-repeat 19px 7px;
}

.menu-search i {
  background: url('../image/icon/search.png') no-repeat 19px 7px;
}

.menu-calendar i {
  background: url('../image/icon/calendarev.png') no-repeat 19px 7px;
}


.menu-bank-ideas i {
  background: url('../image/icon/bank-idea.png') no-repeat 19px 2px;
}

.menu-shop i {
  background: url('../image/icon/shop.png') no-repeat 19px 5px;
}

.menu-sistem-5s i {
  background: url('../image/icon/sistem-5s.png') no-repeat 19px 8px;
}

.menu-education i {
  background: url('../image/icon/education.png') no-repeat 19px 10px;
}

.menu-profile i {
  background: url('../image/icon/menu-profile.png') no-repeat 24px 6px;
}

.menu-language i {
  background: url('../image/icon/menu-language.png') no-repeat 24px 6px;
}

.menu-exit i {
  background: url('../image/icon/menu-exit.png') no-repeat 24px 6px;
}

.menu-my-count i {
  background: url('../image/icon/menu-my-count.png') no-repeat 24px 6px;
}

.menu-user-dropdown:after {
  content: '';
  width: 8px;
  height: 5px;
  display: inline-block;
  background: url('../image/icon/menu-dropdown-up.png') ;
  margin-top: 17px;
  margin-left: 15px;
  display: none;
}
.collapsed.menu-user-dropdown:after {
  background: url('../image/icon/menu-dropdown.png') ;
}

.open .collapsed.menu-user-dropdown:after, .open .menu-user-dropdown:after {
  display: block;
}

@media (max-width: 1400px) {
  .open .left-menu ul a {
    font-size: 12px;
  }

  .open .left-menu {
    width: 240px;
  }

  .open .main-content {
    margin-left: 240px;
  }

  .open .icon-menu {
    left: 220px;
  }

}

@media (max-width: 992px) {
  .bank-idea-statistics {
    font-size: 18px;
  }

  .bank-idea-statistics > div {
    text-align: center;
  }

  .bank-idea-statistics span {
    font-size: 48px;
  }
  
}
@media (max-width: 767px) {
  .open .left-menu {
    z-index: 11;
    width: 250px
  }

  .left-menu {
    width: 59px;
    position: fixed;
  }

  .main-content {
    margin-left: 59px;
  }

  .open .main-content {
    margin-left: 59px;
  }

  .open .icon-menu {
    left: 230px;
  }

  .icon-menu {
    left: 59px;
    position: fixed;
  }
  .menu-user img {
    width: 59px;
    padding: 0 9px;
  }

  .left-menu li i {
    width: 59px;
    background-position: 15px 10px;
  }

  .left-menu-logo {
    padding: 20px 3px;
  }
}

  .left-menu-logo-img
  {
      height:55px;
      width:55px;
  }
  
  .left-menu-logo-text
  {
       height:55px;
      width:215px;
  }