.dnonefullversion{display: none !important;}
#activnostoblas #gruppaform .d-flex.border-start{border-left: none !important;}
#activnostoblas .notwhite{color: #000 !important;}
#activnostoblas .border-white{border-color: #e2e3e9 !important;}
#activnostoblas #otpravkanews .mt-5{margin-top: 1rem !important;}
#activnostoblas .fiogruppa, #activnostoblas  .fio{font-weight:600;}
#activnostoblas .zadanie .fontsize-8, #activnostoblas  .ball .fontsize-8{font-size: .91rem;}
#activnostoblas .statususer{min-width: 200px;}
#activnostoblas .namegruppa{font-weight:500;}

#activnostoblas  .infomaterials .mb-3 {
    margin-bottom: .9rem !important;
}

#activnostoblas  .infomaterials .headmaterials{font-weight:600;  margin-bottom: 1rem !important;}

/*кнопки*/
#activnostoblas .aktivity-tabs-new {
    display: flex;
	padding: 20px;
}

#activnostoblas .aktivity-tab-new {
	width: 105px;
    height: 57px;
    background-size: contain;
    background-repeat: no-repeat;
	background-position: center;
    cursor: pointer;
	margin-right: 12px;
	background-color: #55555b;
    border-radius: 10px;
}

#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);	
}

#dopball, #decentral, #razm{
	background-image: url(activnost/fonknopka.png);
	display: flex;
    align-items: center;
    justify-content: center;
	color: #aeaeaf;
    font-size: 1.7rem;
}
#dopball.active, #decentral.active, #razm.active, #dopball:hover, #decentral:hover, #razm:hover{color: #4b4b4b;}


#activnostoblas .aktivity-modal-body-new {
    flex: 1;
    overflow-y: auto;
    padding: 15px 32px 0 24px;
}


#activnostoblas .status a{color: #fff;}

#activnostoblas .infouser{
	height: 190px;
	background-image: url(activnost/infouser.png);
    background-size: cover;
    background-repeat: no-repeat;
	
	
}

#activnostoblas .infoheight{ height: 8rem;}

#activnostoblas .obmenball{position: relative;}

#activnostoblas .ballball{
	background-image: url(activnost/diagramma.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
}

#activnostoblas .obmenball button{background: #000;font-size: .7rem;}



#activnostoblas .infomaterials{background: #ff9764;}
#activnostoblas .progress{height: 8px;}
#activnostoblas .progress .progress-bar{background: #858599;}

#activnostoblas .aktivity-close{position: absolute;
    top: 4px;
    right: 4px;
background-image: url(activnost/close.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

#activnostoblas .imguser{width:20px}

#activnostoblas .table-transparent, #activnostoblas .table-transparent th,
#activnostoblas .table-transparent td {
  background-color: transparent !important;
	padding: 4px;
}

#activnostoblas .table-fon{
background: hsla(240, 3%, 93%, 1);

	}
#activnostoblas .table .fontsize-7{font-size: 0.9rem;}


#activnostoblas .table-fon th{font-size: .9rem;
    font-weight: 600;
    padding: 0;}

#activnostoblas .gruppa .table-transparent {
	margin-top: 1rem;
}

#activnostoblas .gruppa .vnimanie{font-weight: 500;}

#activnostoblas .gruppa .linkgruppablock input{padding: 10px !important;}

#activnostoblas .strelka-up i{color: #ff9764;}
#activnostoblas th.text-dark {color: #000 !important;}


#activnostoblas .table-fon-zadanie{background: #ff9764;}

#activnostoblas .table-fon-zadanie tr:first-child th:first-child {
  border-top-left-radius: 0.5rem !important;
	border-bottom-left-radius: 0.5rem !important;
}

#activnostoblas .table-fon-zadanie tr:first-child th:last-child {
  border-top-right-radius: 0.5rem !important;
	border-bottom-right-radius: 0.5rem !important;
}

#activnostoblas .zabrat button{background: none;
    border: none;
    text-transform: uppercase;}

#activnostoblas .bodyoblast-new button.link-light{

    text-transform: uppercase;
font-weight: 500;
    padding: 0 12px;
    font-size: 13px;}


#activnostoblas .create-group-btn {
    display: flex;
    align-items: center;
    background-color: #e2e3e9;
    border: none;
    font-size: 13px;
    cursor: pointer;
	position: relative;
	border-radius: 4px;
	font-weight: 500;
		
  }
 
#activnostoblas .create-group-btn img{opacity: 0;}

#activnostoblas .create-group-btn span{position: absolute;
	margin-left: -4px;
    width: 100%;}


 #activnostoblas .create-group-btn:hover {
	 opacity: .8;
  }
  
 #activnostoblas .create-group-btn img {
    width: 130px;
  }

#activnostoblas .coluchastnik{color: #f26222;}

#activnostoblas .bodyoblast-new button.copylink {
    border: 0;
	background: #ff9764;
	color: #fff !important;
	text-transform: none;
	font-weight: normal;
	padding: 0 10px;
}



#activnostoblas .downproekt .ikonaddproekt{width: 40px;}



#activnostoblas .fonreitinggruppa {
    height: 253px;
	width: 297px;
    background-image: url(activnost/fonreitinggruppa.png);
    background-size: contain;
    background-repeat: no-repeat;
	background-position: center;
}

#activnostoblas .activegruppa{background: #ff9764;}

#activnostoblas .downproekt{cursor: pointer;}
#activnostoblas .vnimanie button {font-size: 14px;
    border: 0;
    background: #ff9764;
    color: #fff !important;
    text-transform: none;
    font-weight: normal;
}

#activnostoblas #gruppaform .d-flex{display: block !important;}
#activnostoblas .gruppa #gruppaform .d-flex{display: flex !important;}

@media (min-width: 1000px) {
	/*#activnostoblas .infouser {width: 40%;}
	#activnostoblas .infomaterials {width: 45%;}*/
	
	#activnostoblas .aktivity-tabs-new {
    max-width: 60%;
}
	#activnostoblas .bodyoblast-new{display: flex;}
	
	#activnostoblas .zadanie .bodyoblast-new{display: block;}
	
	
	#activnostoblas .bodyoblast-new .leftinfo{width: 58%; margin-right: 2%;}
	#activnostoblas .bodyoblast-new .rightinfo{width: 42%;}
	
}

@media (min-width: 1200px) {
	/*#activnostoblas .infouser {width: 31%;}
	#activnostoblas .infomaterials {width: 36%;}*/
	
}

@media (min-width: 1400px) {
	/*#activnostoblas .infouser {width: 28%;}
	#activnostoblas .infomaterials {width: 30%;}*/
	
}





@media (max-width: 850px) {
    #activnostoblas .infoheight .img, #activnostoblas .userblock .fio {
    margin-top: -3rem;
    font-size: .8rem;
}
	#activnostoblas .ballball {
    height: 56px;
}
	#activnostoblas #number{font-size: 1rem;}
	
	#activnostoblas .status{margin-top: -1.2rem;}
    
}


@media (max-width: 768px) {
    #activnostoblas .aktivity-modal-content-new {
        width: 100%;
        max-width: 100%;
    }
	#activnostoblas .infouser {background: none;}
	#activnostoblas .infoheight .img, #activnostoblas .userblock .fio {
        margin-top: 0rem;
        font-size: 1rem;
    }
    
}