a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
}


::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #F5F5F5;
}

/**  STYLE 11 */
::-webkit-scrollbar-track {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(#e4e4e4));
  background: linear-gradient(left, #fff, #e4e4e4);
  border: 1px solid #aaa;
}

::-webkit-scrollbar-thumb:hover {
  background: #fff;
}

::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, right top, from(#22ADD4), to(#1E98BA));
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

.container-loginreg {
    max-width: 550px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.container-userpanel {
    max-width: 1000px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.container-userpanel-content {
	max-width: 800px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0;
}


.list-group-item_noborder {
	border-left: 0px;
    border-right: 0px;
	border-top-right-radius: 0rem !important;
    border-top-left-radius: 0rem !important;
	border-bottom-right-radius: 0rem !important;
    border-bottom-left-radius: 0rem !important;
}

.profile td.main {
	vertical-align: middle;
}

.profile td.sub {
	text-align: center;
	vertical-align: middle;
}
/* Стили для вывода превью */
.img-item {
	display: inline-block;
	margin: 0 20px 20px 0;
	position: relative;
	user-select: none;
	width: 145px;
}
.img-item img {
	width: 145px;
	border: 1px solid #767676;
}
.img-item p{
	display: inline-block;
	background: url(/img/image-ok.png) 0 0 no-repeat;
	position: absolute;
	top: -5px;
	left: -9px;
	width: 20px;
	height: 20px;
	cursor: pointer;	
}
.img-item a {
	display: inline-block;
	background: url(/img/remove.png) 0 0 no-repeat;
	position: absolute;
	top: -5px;
	//right: -9px;
left: -9px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.image-own-in , .img-list
{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
/*убираем кнопку выбрать файд*/
#js-file-in,#js-file-return
{
	width: 1px;
	display: none;
}
.btn, .btn-primary
{
    margin: 10px 0 10px;
    width: 100%;
	
}
.dialog
{
    width: calc(100% - 50px);
    max-width: 580px;
    border: none;
    inset: 0;
    transition: transform 0.3s ease-in-out;
    position: fixed;
}
dialog[open]::backdrop {
  background: linear-gradient(
    45deg,
    rgba(146, 228, 111, 0.6) 0%,
    rgba(72, 108, 191, 0.6) 50%,
	rgba(146, 228, 111, 0.6) 100%
    
  );

  backdrop-filter: blur(2px);
}
.button, .dialog__button {
    display: block;
    min-width: 260px;
    border: 2px solid transparent;
    border-radius: 6px;
    padding: 9px 15px;
    color: #000000;
    font-size: 1rem;
    font-weight: 300;
    font-family: inherit;
    transition: background-color 0.2s linear;
	margin: 10px 0px;
}
.button-orange {
    background-color: #FF8630;
}
input.photo
{
	/* 
	background: url(/img/camera-cloud-40px.png) 0 0 no-repeat;
	display: block;*/
	margin: 5px 0 5px;
	width: 160px;
	border: 0;
    
   
}
.button-blue {
    background-color: #2E9AFF;
}