.container-theme {
        display: flex;
        justify-content: center;
        width: 100%;
        max-width: var(--saitMaxWidth);
        flex: 1 1 auto;
    }

.page-top {
   display: flex;
   flex-direction: column;
   width: 100%;
   justify-content: start;
   padding: 10px 0px 10px 0px;
}

.width-theme {
   display: flex;
   flex-direction: column;
   max-width: 100%;
   width: 95%;
}

.pagetitle {
   display: flex;
   justify-content: center;
   font-size: 25px;
   z-index: 1;
}


.adminAccountTitle {
   display: flex;
   width: 100%;
   height: 60px;
   align-items: center;
   /*justify-content: center;*/
   font-size: 20px;
   padding: 0px 0px 0px 20px;
}

.container-blocks {
   display: flex;
   flex-direction: row;
}

.leftblock {
   display: none;
   opacity: 0;
}

.rightblock {
   display: flex;
   width: 100%;
}

.sidemenu {
   display: flex;
   flex-direction: column;
   position: relative;
   width: 100%;
}

.sideroot-item-parent {
   display: flex;
   padding: 14px 47px 14px 19px;
   color: var(--sait-font-color);
   font-size: 1.07em;
    font-weight: 400;
}

.sideroot-item-parent:hover {
   display: flex;
   padding: 14px 47px 14px 19px;
   color: #ec1000;
   font-size: 1.07em;
    font-weight: 400;
}

li.sidemenu-item {
   border: 1px solid #eaeaea;
   border-bottom-width: 0;
}

li.sidemenu-item:last-child {
   border-bottom: 1px solid #eaeaea;
}

.sideroot-item-parent-selected {
   display: flex;
   padding: 14px 47px 14px 19px;
   background-color: #ec1000;
   color: #fff;
   border: 1px solid #eaeaea;
   border-bottom-width: 0;
   font-size: 1.07em;
    font-weight: 400;
}

.side-sub-menu {
   display: none;
   position: absolute;
   opacity: 0;
}

.side-sub-menu li {
   display: flex;
   border-bottom: 1px solid #eaeaea;
}

.side-sub-menu li a {
   display: flex;
   padding: 14px 47px 14px 19px;
   color: var(--sait-font-color);
   font-size: 1.07em;
   font-weight: 400;
   width: 100%;
}

.side-sub-menu li a:hover {
   display: flex;
   padding: 14px 47px 14px 19px;
   color: #ec1000;
   font-size: 1.07em;
   font-weight: 400;
   width: 100%;
}



.sidemenu-item:hover ul.side-sub-menu {
   display: flex;
   flex-direction: column;
   position: absolute;
   width: 100%;
   background-color: #fafafa;
   border: 1px solid #eaeaea;
   transition: 0.3s;
   max-height: 50vh;
   overflow-y: scroll;
   opacity: 1;
}

.side-sub-menu li a.sideroot-item-selected {
   border-left: 3px solid #ec1000;
   color: #ec1000;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
   .pagetitle {
    display: flex;
    padding: 0px 0px 20px 0px;
    justify-content: center;
    font-size: 32px;
    z-index: 1;
}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {    
   .container-theme {
   display: flex;
   justify-content: center;
   width: 100%;
   max-width: var(--saitMaxWidth);
   flex: 1 1 auto;
}

.page-top {
   display: flex;
   flex-direction: column;
   width: 100%;
   justify-content: start;
   padding: 15px 0px 15px 0px;
}
   
   .width-theme {
      display: flex;
      flex-direction: column;
      max-width: var(--sait-width);
      width: 100%;
      padding: 0px 0px 0px 0px;
   }

   .pagetitle {
   display: flex;
   font-size: 32px;
   color: #222;
   z-index: 1;
}

.container-blocks {
   display: flex;
   flex-direction: row;
   padding: 0px 0px 20px 0px;
}

.container-crumbs {
   padding: 0px 0px 0px 20px;
}

.leftblock {
   display: flex;
   flex-direction: column;
   width: 27%;
   opacity: 1;
   padding: 0px 0px 0px 24px;
}

.rightblock {
   display: flex;
   width: 100%;
}

.side-menu {
   display: flex;
   flex-direction: column;
}

.sideroot-item-parent {
   display: flex;
   padding: 14px 47px 14px 19px;
   color: var(--sait-font-color);
   font-size: 1.07em;
    font-weight: 400;
}

.sideroot-item-parent:hover {
   display: flex;
   padding: 14px 47px 14px 19px;
   color: #ec1000;
   font-size: 1.07em;
    font-weight: 400;
}

li.sidemenu-item {
   border: 1px solid #eaeaea;
   border-bottom-width: 0;
}

li.sidemenu-item:last-child {
   border-bottom: 1px solid #eaeaea;
}

.sideroot-item-parent-selected {
   display: flex;
   padding: 14px 47px 14px 19px;
   background-color: var(--sait-background-color);
   color: #fff;
   border: 1px solid var(--sait-background-color);
   border-bottom-width: 0;
   font-size: 1.07em;
    font-weight: 400;
}

.sidemenu {
   display: flex;
   position: sticky;
   top: 100px;
   flex-direction: column;
   width: 100%;
}
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    
    }