#aktivityModalNew {
display: none;
    position: fixed;
    z-index: 1000;
    right: -100%;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 625px;
    transition: right 0.3s ease-in-out, transform 0.3s ease-in-out;
}



#aktivityModalNew.show {
    display: block;
    right: 0;
}

#aktivityModalNew .aktivity-modal-content-new {
    position: absolute;
    right: -845px;
    top: 0;
    background-color: #55555b;
    width: 845px;
    max-width: 90%;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: right 0.3s ease-in-out;
    overflow: hidden;
    -webkit-box-shadow: -19px 4px 26px 2px rgba(34, 60, 80, 0.2);
-moz-box-shadow: -19px 4px 26px 2px rgba(34, 60, 80, 0.2);
box-shadow: -19px 4px 26px 2px rgba(34, 60, 80, 0.2);
}

#aktivityModalNew.show .aktivity-modal-content-new {
    right: 0;
}




/*кнопки*/
#aktivityModalNew .aktivity-tabs-new {
    display: flex;
}

#aktivityModalNew .aktivity-tab-new {
	width: 100%;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
	background-position: center;
    cursor: pointer;
	margin-right: 12px;
}

#kabinet{
	background-image: url(activnost/kabinet.png);

}
#kabinet.active, #kabinet:hover{
	background-image: url(activnost/kabinet_hover.png);	
}

#zadanie{
	background-image: url(activnost/zadanie.png);

}
#zadanie.active, #zadanie:hover{
	background-image: url(activnost/zadanie_hover.png);	
}

#ball{
	background-image: url(activnost/ball.png);

}
#ball.active, #ball:hover{
	background-image: url(activnost/ball_hover.png);	
}

#gruppa{
	background-image: url(activnost/gruppa.png);

}
#gruppa.active, #gruppa:hover{
	background-image: url(activnost/gruppa_hover.png);	
}

#chat{
	background-image: url(activnost/chat.png);

}
#chat.active, #chat:hover{
	background-image: url(activnost/chat_hover.png);	
}

#home{
	background-image: url(activnost/home.png);

}
#home.active, #home:hover{
	background-image: url(activnost/home_hover.png);	
}



#aktivityModalNew .aktivity-modal-body-new {
    flex: 1;
    overflow-y: auto;
    padding: 15px 32px 0 24px;
}


#modalTriggerNew {
    position: fixed;
    right: 0;
    width: 44px;
    background: red;
    color: white;
    font-size: 1.5rem;
    line-height: 44px;
    text-align: center;
    top: 58%;
    transform: translateY(-58%);
    cursor: pointer;
    transition: right 0.5s ease;
    z-index: 2;
    display: block;
}

/*#modalTrigger:hover {
    background: #0056b3;
}*/

#aktivityModalNew .status a{color: #fff;}

#aktivityModalNew .infouser{
	height: 185px;
	background-image: url(activnost/infouser.png);
    background-size: contain;
    background-repeat: no-repeat;
	
	
}

#aktivityModalNew .infoheight{ height: 8rem;}


#aktivityModalNew .obmenball{position: relative;}

#aktivityModalNew .ballball{
	background-image: url(activnost/diagramma.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
}

#aktivityModalNew .obmenball button{background: #000;font-size: .7rem;}



#aktivityModalNew .infomaterials{background: #ff9764;}
#aktivityModalNew .progress{height: 8px;}
#aktivityModalNew .progress .progress-bar{background: #858599;}

#aktivityModalNew .aktivity-close{position: absolute;
    top: 16px;
    left: 4px;
background-image: url(activnost/close.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 33px;
    width: 33px;
    cursor: pointer;
}

#aktivityModalNew .imguser{width:15px}

#aktivityModalNew .table-transparent, #aktivityModalNew .table-transparent th,
#aktivityModalNew .table-transparent td {
  background-color: transparent !important;
	color: #fff !important;
	padding: 4px;
}

#aktivityModalNew .table-fon{
background: hsla(240, 3%, 93%, 1);

background: linear-gradient(0deg, hsla(240, 3%, 93%, 1) 0%, hsla(240, 2%, 53%, 1) 22%);

background: -moz-linear-gradient(0deg, hsla(240, 3%, 93%, 1) 0%, hsla(240, 2%, 53%, 1) 22%);

background: -webkit-linear-gradient(0deg, hsla(240, 3%, 93%, 1) 0%, hsla(240, 2%, 53%, 1) 22%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#ECECED", endColorstr="#848488", GradientType=1 );
	
	}

#aktivityModalNew .table-fon th{font-size: .7rem;
    font-weight: normal;
    padding: 0;}


#aktivityModalNew .strelka-up i{color: #ff9764;}
#aktivityModalNew th.text-dark {color: #000 !important;}


#aktivityModalNew .table-fon-zadanie{background: #ff9764;}

#aktivityModalNew .table-fon-zadanie tr:first-child th:first-child {
  border-top-left-radius: 0.5rem !important;
	border-bottom-left-radius: 0.5rem !important;
}

#aktivityModalNew .table-fon-zadanie tr:first-child th:last-child {
  border-top-right-radius: 0.5rem !important;
	border-bottom-right-radius: 0.5rem !important;
}

#aktivityModalNew .zabrat button{background: none;
    border: none;
    text-transform: uppercase;}

#aktivityModalNew .bodyoblast-new button.link-light{background: none;
    border: 0;
    color: #ff9764 !important;
    text-transform: uppercase;
font-weight: bold;}


#aktivityModalNew .create-group-btn {
    display: flex;
    align-items: center;
    background: none;
    color: white;
    border: none;
    font-size: 13px;
    cursor: pointer;
	position: relative;
  }
  
#aktivityModalNew .create-group-btn span{position: absolute;
	margin-left: -4px;
    width: 100%;}


 #aktivityModalNew .create-group-btn:hover {
	 opacity: .8;
  }
  
 #aktivityModalNew .create-group-btn img {
    width: 150px;
  }

#aktivityModalNew .coluchastnik{color: #ff9764;}

#aktivityModalNew .bodyoblast-new button.copylink {
    border: 0;
	background: #ff9764;
	color: #fff !important;
	text-transform: none;
	font-weight: normal;
}



#aktivityModalNew .downproekt .ikonaddproekt{width: 40px;}



#aktivityModalNew .fonreitinggruppa {
    height: 253px;
	width: 297px;
    background-image: url(activnost/fonreitinggruppa.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#aktivityModalNew .activegruppa{background: #ff9764;}

#aktivityModalNew .downproekt{cursor: pointer;}
#aktivityModalNew .vnimanie button {
    border: 0;
    background: #ff9764;
    color: #fff !important;
    text-transform: none;
    font-weight: normal;
}


@media (max-width: 850px) {
    #aktivityModalNew .infoheight .img, #aktivityModalNew .userblock .fio {
    margin-top: -3rem;
    font-size: .8rem;
}
	#aktivityModalNew .ballball {
    height: 56px;
}
	#aktivityModalNew #number{font-size: 1rem;}
	
	#aktivityModalNew .status{margin-top: -1.2rem;}
    
}


@media (max-width: 768px) {
    #aktivityModalNew .aktivity-modal-content-new {
        width: 100%;
        max-width: 100%;
    }
	#aktivityModalNew .infouser {background: none;}
	#aktivityModalNew .infoheight .img, #aktivityModalNew .userblock .fio {
        margin-top: 0rem;
        font-size: 1rem;
    }
    
}