
@font-face {
    font-family: PFDinTextPro-Thin;
    src: url(../fonts/11240.ttf);
}
   
* {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

html {
	width: 300px;
	min-height: 50px;
	height: 50;
	cursor: default;
}
body {
	position: relative;
	width: 300px;
	min-height: 50px;
	height: 50px;
	margin: 0;
	font-size: 15px;
	background-color: #EDEEF0;
	cursor: default;
}

.btn {
	background-color: #EDEEF0;
	font-size: 12px;
	border: none;
	height: 24px;
	color: #285473;
	position: relative;
	padding: 5px;
}
.btn:hover {
	border-radius: 2px;
	background-color: #E1E5EB;
	cursor: pointer;
}	
.btn:focus {
    outline: none;
}
	
/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

.scroll {
    overflow: auto;
}
.scroll::-webkit-scrollbar {
	width: 8px; 
	border-radius: 5px;
	padding: 5px;
}
.scroll::-webkit-scrollbar-track {
	background: #EDEEF0; 
}
.scroll::-webkit-scrollbar-thumb {
	background-color: #cccccc; 
	border-radius: 20px; 
	border: 2px solid #EDEEF0; 
}
	
/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

button.btn[data-openPage-addAccount] {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAOElEQVR42mNgwAIKJ217WzR56xsGYkHR5G3/QXioaIB4EKKAEAapJUkDzpAbaqGEXcPWN+AQwQIA8sx3WZugHPMAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: 5px 5px;
	color: #496b82;
	font-size: 15px;
	text-align: left;
	padding-left: 22px;
	letter-spacing: .5px;
	font-family: PFDinTextPro-Thin;
}
button.btn[data-openPage-options] {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAxElEQVR42p1SOw7CMAzNNVi5ABfhBHAexKeZ2DpUanIGhnxGLoQYGJBo8XNwgBahKpGe9GS/5ziOlfpxNrWbaRt7AFz9O/vWr3eNWzA3bilGcMSQg2ZkIlGnTbwTjtr6s7bhmkAcMeRIUxm3ykZU40QbblzgdZugMv7BOdJIV/mgKgtYGC4HE2oAPJtJ8zWI9Ca0l0zb5jSXPLiYoYGWB/ZuCe+JPW4ZDg6xTw1QbixutXg4w+8Q86TvKF6AqSs3MpUs+RMJdmOM/RUpCwAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: 5px 5px;
	color: #496b82;
	font-size: 15px;
	text-align: left;
	padding-left: 22px;
	letter-spacing: .5px;
	font-family: PFDinTextPro-Thin;
	margin-left: -6px;
}

/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

#error {
	display: none;
	padding: 10px;
	text-align: center;
	color: red;
	background-color: #f3dada;
}

#error button.more {
	border: 1px solid transparent;
	font-size: 12px;
	font-weight: 400;
	color: #007bff;
	background-color: transparent;
}
#error button.more:hover {
    color: #024b9a;
    text-decoration: underline;
}
#error button.more:focus{
	outline: 0
}

/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

.users-content-none {
	display: none;
	text-align: center;
	margin: 10px;
	font-size: 15px;
	color: #b10000;
}
.users-footer {
	/* text-align: center; */
	margin: 2px;
	position: sticky;
    bottom: 0px;
    background-color: #EDEEF0;
    margin: 0;
	z-index: 2;
}




#users.empty-users button.btn[data-openPage-addAccount] {
	padding-left: 24px;
	margin-left: 6px;
}
#users.empty-users button.btn[data-openPage-options] {
	padding-left: 24px;
	margin-left: 0px;
}
#users.empty-users + .contacts {
	right: 12px;
}

html.has_update #users .inform {
    bottom: 29px;
}

#users:not(.empty-users) .inform {
    position: fixed;
    right: 32px;
    bottom: 0px;
    width: 22px;
    height: 22px;
    z-index: 9999;
    margin-bottom: 0px;
}
#users.empty-users .inform {
	display: none;
}


#inform-icon {
    width: 20px;
    height: 20px;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    margin:auto;
    position: absolute;
    opacity: .4;
    cursor: pointer;
}
#inform-icon:hover {
    opacity: .7;
}
#users.loading_user_info #inform-icon {
	background: url(../images/loading.svg) no-repeat;
	background-size: 18px 18px;
	cursor: not-allowed;
	opacity: .6;
}
#users:not(.loading_user_info).is_disabled_inform.counters_load_ok #inform-icon {
	background: url(../images/power-off.png) no-repeat;
	background-size: 18px 18px;
	opacity: .6;
}
#users:not(.loading_user_info).is_disabled_inform.counters_load_ok #inform-icon:hover {
    opacity: .7;
}
#users:not(.loading_user_info):not(.is_disabled_inform).counters_load_ok #inform-icon {
	background: url(../images/power-on.png) no-repeat;
	background-size: 18px 18px;
	opacity: .6;
}
#users:not(.loading_user_info):not(.is_disabled_inform).counters_load_ok #inform-icon:hover {
    opacity: .7;
}
#users:not(.loading_user_info).is_disabled_inform:not(.counters_load_ok) #inform-icon {
	background: url(../images/upload_inform.svg) no-repeat;
	background-size: 18px 18px;
	opacity: .8;
	-webkit-animation: mymove 1s infinite; /* Chrome, Safari, Opera */
    animation: mymove 1s infinite;
}
#users:not(.loading_user_info).is_disabled_inform:not(.counters_load_ok) #inform-icon:hover {
    opacity: 1;
    animation: none;
}
@-webkit-keyframes mymove {
    50% {opacity: .2;}
}
@keyframes mymove {
    50% {opacity: .2;}
}


.inform .tooltiptext > span {
	display: none;
}
#users.loading_user_info .inform .tooltiptext > .loading {
	display: block;
}
#users:not(.loading_user_info).is_disabled_inform.counters_load_ok .inform .tooltiptext > .enabled_inform {
	display: block;
}
#users:not(.loading_user_info):not(.is_disabled_inform).counters_load_ok .inform .tooltiptext > .disabled_inform {
	display: block;
}
#users:not(.loading_user_info).is_disabled_inform:not(.counters_load_ok) .inform .tooltiptext > .upload_inform {
	display: block;
}





html.has_update .contacts {
    bottom: 29px;
}
.contacts {
    position: fixed;
    right: 2px;
    bottom: 0px;
    width: 22px;
    height: 22px;
    z-index: 9999;
}

.contacts-icon {
	background: url(../images/chat.png) no-repeat;
	background-size: 18px 18px;
    width: 20px;
    height: 20px;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    margin:auto;
    position: absolute;
    opacity: .4;
    cursor: pointer;
}
.contacts-icon:hover {
    opacity: .7;
}

.tooltip + .tooltiptext {
	visibility: hidden;
	width: 170px;
	background-color: #9e9e9ec4;
	color: #fff;
	text-align: center;
	padding: 2px 0;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	right: 0px;
	bottom: 26px;
    
}
.tooltip:hover + .tooltiptext {
  visibility: visible;
}

/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

#users-head {
	display: table;
	width: 100%;
	height: 50px;
	border-bottom: 2px solid #e7e8ec;
	background-color: #EDEEF0;
}
#users-head > div {
	display: table-cell;
	vertical-align: middle;
}
#users-head > .filter-icon-box {
	padding: 0 10px;
}
#users-head > .filter-icon-box > div {
	width: 24px;
	height: 24px;
	cursor: pointer;
	position: relative;
}	
#users-head > .users-head-box-form {
	padding: 0 0 0 8px;
	width: 100%;
}
#users-head > .users-head-box-form form {
	margin: 0;
	border-spacing: 0;
	padding: 0;
	width: 100%;
	position: relative;
}
#search_icon {
	position: absolute;
	left: 8px;
	bottom: 0;
	top: 0;
	margin: auto;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	
	background-image: url('data:image/png;base64,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');
	background-size: 16px;
	cursor: default;
}
#search_reset {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0.75;
	top: 0;
	margin: auto;
	width: 38px;
	height: 38px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAZUlEQVR4AWOYvGTPFiDeM3PVGX4GNLBq1THOyYv3rp+yeM8xBiCxZvLiPf+BAichihGKQAaA5KYs2bMfqmvPbmTF2MRQdMMkkNnoTkIxGV0RSQqJtppoz+AMHphiePAAGVuJCXAAP23DGbWTuxYAAAAASUVORK5CYII=') no-repeat 50%;
	cursor: pointer;
	transition: opacity .15s ease,visibility .15s ease;
}
#search_reset:hover {
	opacity: 1;
}
#search_input:required:valid + #search_reset  {
	display: block;
}
#search_input {
	background-color: #e8e8ea;
	border: 1px solid #dddddd;
	-webkit-font-smoothing: antialiased;
	border-radius: 8px;
	padding: 8px 29px 9px 31px;
	font-size: 15px;
	font-weight: 400;
	line-height: 19px;
	display: block;
	color: #000;
	width: 100%;
	min-width: 30px;
	margin: 0;
	resize: vertical;
	transition: border 0.2s;
	box-shadow: none;
	box-sizing: border-box;
	outline: none;
}

/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

.user {
	position: relative;
	padding: 7px 10px;
	opacity: .95;
	height: 48px;
}
.user:hover {
	opacity: 1;
	background-color: #E1E5EB;
}
.user.active {
	background-color: #E1E5EB;
}


#users .user.search_invalid, 
#users.filter_enable .user:not(.has_msg) {
	display: none;
}
#users.filter_enable .user.has_msg:not(.search_invalid) {
	display: block;
}

.user-filter-loading {
	display: none;
	padding: 5px 0;
    text-align: center;
    background-color: #e8e6e6;
    color: red;
}


.tooltiptext_enable,
.tooltiptext_disable {
  visibility: hidden;
  width: 150px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  top: -20px;
  right: 35px;
  opacity: 1;
  
  position: absolute;
  z-index: 1;
}
.tooltiptext_enable::after,
.tooltiptext_disable::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}

#users.filter_enable #filter_icon_msg:hover .tooltiptext_enable {
	visibility: visible;
}
#users.filter_enable #filter_icon_msg .tooltiptext_enable:hover {
	visibility: hidden;
}

#users:not(.filter_enable) #filter_icon_msg:hover .tooltiptext_disable {
	visibility: visible;
}
#users:not(.filter_enable) #filter_icon_msg .tooltiptext_disable:hover {
	visibility: hidden;
}




html.filter_user_error #filter_icon_err:hover .tooltiptext_enable {
	visibility: visible;
}
html.filter_user_error #filter_icon_err .tooltiptext_enable:hover {
	visibility: hidden;
}

html:not(.filter_user_error) #filter_icon_err:hover .tooltiptext_disable {
	visibility: visible;
}
html:not(.filter_user_error) #filter_icon_err .tooltiptext_disable:hover {
	visibility: hidden;
}






#users:not(.loading_user_info) .user-filter-loading {
	display: none;
}
#users.show_header.filter_enable.loading_user_info .user-filter-loading {
	display: block;
}

#users #users-head {
	display: none;
}
#users.show_header #users-head {
	display: table;
	position: sticky;
    top: 0px;
    z-index: 9;
    background-color: #EDEEF0;
}
#filter_icon_msg:hover {
	opacity: .8;
}
#filter_icon_msg {
	z-index: 99;
    opacity: .4;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGbSURBVEiJ1dU/axRhEAbw3+35hxQRDViJiYEoFsbgF7CJjYgaUthEtFARxEYQQRKr9LGwkSRFEPwMYmFpowEhxPrUIhESNISk0GDO4p3L4ZK7sHcn6AMLOzs7z8PMO+8M/ztKOfsILuA49hfk2sIXvMH3vDPDE2yi2uaziYng3MlgFrfwA3NYxM+CGRzAIG7iYHDegauhvIQzBUl3wyCWg/MyvA5jpAPkNYwG56sSvqEsHfB2hwQyrEkHr4pKOMq4h9MtkPbiEXrCrgT3HwInw97AWAHyi1iN2NFmAvBQSq2KZ1J3NEIZk/gllXcK+/YSgPPqnTCPE7uQH1VvkHVcy/mbCsAxvA3/Ch7gFAZwH1/D9yG+5bGnAKk8T6US5G/sNp6jq0FsBdVS/PwJ/Q1+hHO4Ll3EDB/xEu+bxFREaZtl0A52MvgbF60sTdStTErzkDSTOoURdOMdXJHKtCwNqnZxVr3FL9XG9QxuS+P6BRa0Nq6HcCPep3G35swwLo2IdhfOBh6LXZNfmYcxjD6trczP0spcKxj7D+M3BLuR94ibG7EAAAAASUVORK5CYII=');
}

.filter_enable #filter_icon_msg {
	opacity: 1;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAL2SURBVEiJ1ZVLaNRXFMZ/5/7/mTwgzkwymiLETFIxPppqwRYVJAmK1k3bTUBIjIqKEHXRQhe+QKiaFoqKj4WaVYgKujCIlVof8QEqRlQIgQk+MiqCmsc4TE3iZOYeN40kJqkms2m/3eWe+/u+A4dz4f8uGXzwllz3e+LJxSo2X0XSxgRS7ReVp3GPeynasjDygcEOE5hRtlWUzYpmppi5R1RrO9qu7oYdVgACxU11CGvcNGHpkgDGkQvn/+xojMdt4lOxingEKQFdCaSj1HW2la+T3OLL34tIY06OS23tNIqCmUe+Kpiwfrz586ZfLUli/wI+A/nOGDE1AJs2FVAYzEyYftk+XjjAy1Bpi6Ib/umrxij6dVaWw/x5XhBaZ0/NfpWKAUBX6FojEAP5xgX82dkOxggkiIYrozVq5XLhiQmhsUAfVXdPMWqWu31Sl3/K2600dQkaNIOLnFekq+ghHHsnXBWt/FR4uDK6zFhzF+W3ZIYtG3w3xCA5mV6FnxXSFW0IV0UOtFaoZzSwVqgTroz8oqJngRyQve3PfGdGNQAoavD9jtVFwAtFNmZlRG+0r4oEP6x7sDo2MZwePaci24A3CssLG7w/lV+RIaPtjpSs6Lj/2rPqzrkJ65xEZYEkpLl9RWS3FecPtWoNfCv9yW1AHnA/iVRMbfA+HIk1rIMB5dcHnve89ZUjsk8hB5U9xto2B30g6AFgEnDYfRtbMBp81A4GNOuUxIEfw9WRemtNlaBfiGJUpNUqxz4/5m3+t/fDDezQ5TegYL3/HnDvY7CRZIBILJbEWgXwjwcyXCcdgVyQbiNIc09Pkpu3oiDMbHn8d16q+EnTAz8A2aC3jao9BLB//xPC7b1uv2N3pgQvvvilRQ4CIHpwYF0fRVjrpglLFufieszFC+c7Tvf2jXFdK7MRqQb1gBzpDJWtf//hTCwu3YyRLaqalUoHwBtFdnWFSn8F0SFT45vT5PP06SILBeP5Mg08iWfIpdf3y1+nGPI/pHf8Cidm5Nj+TgAAAABJRU5ErkJggg==');
}
.filter_enable #filter_icon_msg:hover {
    opacity: 1;
}



#filter_icon_err:hover {
	opacity: .8;
}
#filter_icon_err {
	z-index: 99;
    opacity: .4;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAArwAAAK8BK7AVuQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHgSURBVEiJtdPNi45hFAbw3/0yH83KR8bHaNRkSqKmSRYWLG1MaWpKFvwBrJBs2doNG5SshAUpTZSF0sTKbESUDVaMRuRjMG6LOZPH653neeed5tRZ3Ne5znXdH+dOOWdLGbVmSCmlvpTSaErpWeS5lFJ/Uw4559LEZrxBrsu36KvsrxBvx8sQvIIebMDFwJ6jbTEGJ0PoEWoFPOFB1I61ZIB1+ITf2NmgPoAZfER3KwaX566mhHMhOJcWZIAdsfPPWF93qu7Cek2cYAaDCzEYj52dKmCr48qmsLaAHw/uw6YMcDAaXqGjgO8qjOhgAW/Di8APlBqgqzDz++tq2wsG/XW1fYG/RleZwZkg3m9wst6CwX9Tg7tRO93QAJvwDb+wrYHAioJBe4P6VvzEV/Q2MrgRzefnefha1L+UjO1ocK7/Y4A9UfiAVSUCU3hXUl+JydDaHZgaJgI8Ol9zkIcxXME5EloToe1QAE+xvKJ5BCMVnGWhlXEYbsZiqKJxY+GReyq4Q8G7Be9jcjqa2Nnt2FCtgtsRmpPwONy2lDUtJGNkM8ZrGDMbV1NK2y0i0mwM4FpAY9Dp7y/MmMb3FvNHQecO2lPOWUqpEyewF4Nx363EDJ7gHs7mnKfT3GdYqvgD2midBWxwGBMAAAAASUVORK5CYII=');
}

html.filter_user_error #filter_icon_err {
	opacity: 1;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAvAAAALwBzx0kHgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAL/SURBVEiJtZVPaFRXFMZ/58574+OZ8c1QmPwz0z9WMjShkMnSzogIHWzfOBDIbCZ2BmNBWulKumj9kwniwqI7xVXXUsGFLoTShlBqzSKIdOGiDW0xEzCF1C4Ko06c08WbpNRMnKmx3+rc853v++69vMsTVeX/hNXp4OLBg+9CYzpYmVMD169/3YlOOjlBNZfbreiPgNNsPRLk7Z03bvzcTms62YWqfgE4VjyOFY8DOM1eW7QNWPL9fQh5AK9UwiuVAkLIL/n+vq0FVCpGRc4DhAcHcdMZ3HSG8OAgACpynkrluR7PJRfn50uKjgDEjnwIIiAS1ICiI4vz86UXCljOZreDngFw02nCyeQ6F04mcdPp5krPBLP/MeCxbX8K9Ilt45XLG3ivXEZsG6CvOdt5QDWX6xfhOEAkn8eKd9NQ5dbtOb6/dZuGKla8m0g+D4AIx6u5XH/HAUrjLOCGvCiR8QIAs7Pf8fmpCiempvnm2xkAIuMFQl4UwG1q2gfc9/1RkEMAO4pFjOsC8NPCwvrML7/+Fohdlx3FYrMrhwJtmwAxXADETiToymbX+329vS3rrmwWO5EAkKZ284Cq74+hZACik0fA/EO/mhhoWWNMMAugZKq+P9Yy4F6hEFbDOQBndBQnlfrXThIDO1vWAE4qhTMa3I4azt0rFMIbAiK12jGUXRhD9PDksyclFovxxuuvkXlnD7FYbAMfPTwZnFjZFanVjq31RVVZGht7pVF/sgBEuw4cIPbRxxsMAOr1OiYUImRaP5+Hly7y182bAH8aO/xm/7VrKwagUX8yBUSN6+IVJ1qKAU5MTfPZydOb8l5xYu2rizY9CZXv3Eka9EvAeMUJnJGRTQ1WVv6gt6eH4aG3WvLiOIgxPLp7FyD18MqVq7KYe/8rVcateDc9ly+vPf8XhtbrPDh6lNXflxHhqqXKfoBtw0PU5ua2ZL6GbcNDrM4so8p+ue+/Nwuy96U4PwNBZixLQh88Vb2oaAoIvSTvVRF+WH3a+KSjn/5W8Dfp7OIUvbuUXgAAAABJRU5ErkJggg==');
}
html.filter_user_error #filter_icon_err:hover {
    opacity: 1;
}



.user:hover .proxy_reset_error {
	display: block;
}
.proxy_reset_error {
	display: none;
	position: absolute;
    opacity: .5;
    top: 46px;
    right: 13px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAWQAAAFkBqp2phgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFESURBVDiNldO9apRREMbx3ySrEAIhiCksTJNgsVhs/CDgRXgBKfJxA5vSJuQuLNPaCpIyl7CiVSotbHIDsnFdAmPxzrJHCck6MLwczjz/M2fO80ZmaiMitrGHV5WBr/iCs8z8/pcgMxUkMMQYWXl9y/odnuBNZmrF51U0wSkG6GEZfZwUIDHF5xYwrI1L9Gdd/ZvYxU3V/sZD2K42J3eJC7Bfp8+u9EK1mzi9S9xA1nGIj3W4TwUYLAJoQE/xKHBV1LXMvLFgRMQPrC7VIK7+U9zDBqY9PMPqouKK51jBxRK28D4iDiJifUHA2/qOYMf8WabYv2d4fd2Tj9UrPNCZInUm2b1HfFm1w9aJI/wy9/tJFS/r7DzQ+WVSNeeIFvAaj3GMn82Vxub+n62HM3FmFqWJiNjEke5XftkMa4QPmfmtrf8Da80OSCs8kg0AAAAASUVORK5CYII=');
}
.proxy_reset_error:hover {
	opacity: 1
}
/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

.proxy_label {
	display: none;
    top: 40px;
    text-align: center;
    position: absolute;
    width: 45px;
}
.proxy_label span {
	content: "";
    border-radius: 10px;
    margin: -20px;
    font-size: 8px;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.56);
}
.proxy_label.visible {
	display: block;
}
.proxy_label.success span {
	border: 1px solid #264026;
    color: white;
    background-color: green;
}
.user.error_global .proxy_label span,
.proxy_label.error span {
    border: 1px solid #793838;
    color: white;
    background-color: red;
}
.proxy_label:hover ~ .info,
.user.error_global .proxy_label:hover ~ .errorText,
.user.error .proxy_label:hover ~ .errorText {
	display: none;
}
.proxy_label:hover ~ .infoProxy {
	display: block;
}

/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

.name {
	white-space: nowrap;
    overflow: hidden;
	margin-left: 58px;
}
.name > span {
	font-size: 15px;
	font-weight: bold;
	color: #555;
	display: inline-block;
	cursor: pointer;
}

.name > input[type="text"] {
	display:none;
	font-size: 14px;
	border: 1px solid #99999952;
	border-radius: 1px;
	color: #555;
	outline: 0;
	height: 18px;
	width: 170px;
	padding: 0px 3px;
	background: transparent;
}

.photo {
	width: 45px;
	height: 45px;
	float: left;
	border-radius: 50%;
	cursor: pointer;
}

.infoProxy {
	display: none;
	height: 20px;
	margin-top: 6px;
    color: #5b6e85;
    font-size: 14px;
    line-height: 17px;
    margin-left: 58px;
}

.info {
	height: 30px;
	margin-left: 13px;
	white-space: nowrap;
	display: inline-block;
}

/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

.icons {
	display: inline-block;
    height: 25px;
	cursor: pointer;
}
.icons > span {
	position: relative;
	top: 4px;
	margin-left: 25px;
	font-size: 11px;
}
.info .ch {
    padding: 4px 6px;
    color: #5b6e85;
    background: #d1d9e0;
    font-weight: 600;
    line-height: 17px;
    border-radius: 2px;
	cursor: pointer;
}

.info .icons.act {
	opacity: 1;
}
.info > .messages.icons {
	background-position: 2px -21px;
	width: 50px;
}
.info > .friends.icons {
    background-position: 2px -77px;
    width: 50px;
}
.info > .notifications.icons {
    background-position: 2px -49px;
    width: 50px;
}
     
.info > .feed.icons,
.info > .groups.icons,
.info > .photos.icons,
.info > .music.icons,
.info > .video.icons,
.info > .games.icons,
.info > .vkpay.icons,
.info > .market.icons,
.info > .bookmarks.icons,
.info > .docs.icons {
    width: 25px;
    margin-left: 5px;
    margin-right: 5px;
}

.info > .feed.icons {
    background-position: 2px -917px;
}
.info > .groups.icons {
    background-position: 2px -105px;
}
.info > .photos.icons {
    background-position: 2px -133px;
}
.info > .music.icons {
    background-position: 2px -161px;
}
.info > .video.icons {
    background-position: 2px -189px;
}
.info > .games.icons {
    background-position: 2px -217px;
}
.info > .vkpay.icons {
    background-position: 2px -1023px;
}
.info > .market.icons {
    background-position: 2px -944px;
}
.info > .bookmarks.icons {
    background-position: 2px -301px;
}
.info > .docs.icons {
    background-position: 2px -273px;
}
.icons {
    opacity: 0.5;
    background: url(../images/icon.svg) no-repeat 7px -441px;
}
.icons:hover {
	opacity: 1;
}

/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

.user .del {
	display: none !important;
	float: right;
	cursor: pointer;
	opacity: .5;
	margin-top: 5px;
	height: 10px;
	width: 10px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAZUlEQVQoU2MomrJtadHk7Qcq520TZUADILHiKdsOgtQwgBQVTd72v3jytsvIisGKgGIgOZAaFAGYYmxiGLpBNFZFMICsGKciECBKIbIiEI3MhitGVwTiYxMjPngIBTjYoCnblgIAyqWzn3VzhucAAAAASUVORK5CYII=');
	background-position: center;
}
.user .del:hover {
	opacity: .8;
}
.user:hover .del {
	display: block;
}

.user .edit,
.user .edit_done {
	display: none !important;
	float: right;
	cursor: pointer;
	opacity: .5;
	margin-top: 5px;
	margin-right: 5px;
	height: 12px;
	width: 15px;
}
.user .edit_done {
	margin-right: 15px;
}
.user .edit:hover,
.user .edit_done:hover {
	opacity: .8;
}
.user .edit {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAA5klEQVQoU4WRvQrCMBRGqy76MI6urs7OjiLuTcG1IC4KOiQZFPEHwaEPkFQEHQTBZ3DyAVwUBBGJX+kFbaN44C65537kJs4/WnxddLk6uVyP/ek2T8ffYVKXIJ4xYKhG1LJhYlVmQl0+ZOMKfaV2EsZ1BcItIaNwviTljSd0lXF1T8u42iIITI60GCZVDSmPtIyrTXxjsqTFeFI3kfy0ZT00xmRIi2EyZGmRZGHJSK6jemjuEgMiHJCSBOIs+pBoITzbhpK71LbB9ofoufrBvgCxjQU71PoOUo/REJLnngwbdPwDx3kB0OO+iMdlmF0AAAAASUVORK5CYII=') no-repeat;
	background-position: center;
}
.user .edit_done {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAdElEQVQoU2MgFpRO2WFUPHn7HSDugwrhB2ANU7a9K5q87X/R5O2HoMK4AYqGKdvuFk3dKQuVwg6oq6F4yvb5QMFrZdO2q0OFCNsA0gCSBCp6DtJIlJNACoEh8gymkaAGGEDWSJQGGABrBDl1yvZ9+DUwMAAA9LGHdpglszYAAAAASUVORK5CYII=') no-repeat;
	background-position: center;
}
.user:hover .edit,
.user:hover .edit_done.show {
	display: block;
}
.user:hover .edit.hide,
.user:hover .edit_done {
	display: none;
}

.sort {
	display: none !important;
	position: absolute;
	top: 30px;
	right: 0;
	width: 35px;
	cursor: pointer;
}
.user:hover .sort{
	display: block;
}
.sort > div {
	opacity: .5;
	height: 11px; 
	width: 25px;	
}
.sort > div:hover {
	opacity: .8;
}
.up {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAGCAYAAADOic7aAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xNkRpr/UAAADISURBVChTY8AFirt3chdN2lpWNHnbdzAGskFiUGniQHH/Fjugxl9Fk7b9L5q89R8Yg9hAMZAcVBlukDbzDGvhlK0LSqfv+l8xe///4inbuwt7dwiBMIgNEgPJgdSA1EK1IYP/jEWTt4cWTt72tWTqTqArtm0v6tkkApWEA5AYSA6kBqQWpAekFyxZOH2zNNDJtwsngbyw7X3xtJ3GYAk8AKQGpBasB6QXaAYDkLME6P8XwHDIjq+fzwFVSxCA1IL0gPQWTtq6BADo0n9VBfA7UwAAAABJRU5ErkJggg==') no-repeat;
	background-position: center;
}
.down {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAGCAYAAADOic7aAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xNkRpr/UAAADXSURBVChTYyiavG1R4aRtz4snb8/InbiNnYFIAFJbMmV7Okhv0eTtixlyJu1ULJy89T7QwP9FU7a+KenfYgBVixOA1IDUgvQUTt52L2/Cbjmo1H/G/ElbIoES30qm7vwPpLcU9ewXgUrCQcXk3cIgOaiabyA9IL1QaQQIrV/FBnJmybRd/8tn7/9fMmVrR3LvDiEQLp6yrRMsBpQDqQGphWrDDQombXUC+v0vyOlAL/wGY5A3gGIgOYb/WFyBC2RNWcVTOHl7ZdHkrT9AGMQGiUGl0QADAwDGv4ER+X51PAAAAABJRU5ErkJggg==') no-repeat;
	background-position: center;
}
.sort > div.move {
	display: none;
	width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    right: 2px;
    cursor: move;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdAAAAHQBMYXlgQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEvSURBVDiNzVNBSgMxFH2Z+ekogukcYq4gWKaIi0IvMFlUSimlzKGkFBE3OYE7KYI9RA8xMwXRZtKmi5KCEmXUjX+VT17ef+8lYdZa+EpKGZYkZgDQNtVEKbX14ZiPQEoZFlzcMeAGACzwENfVyEcS+FjXkegwIDlOAZKC4svGCgDgejw+4ZreAKBumdOn+fzdh/Mq+EkFwMFzb5CnTQ/1h9OulDIEAJZlmQssqVvmyoHotRUxvisBwNZB25zpjdvjmhYWWMV1NaKSxMyl7TwfULvjkvFdyTV9UMGAi5KE+XMG1DbVpOCCfmXBVBNmrYWUMlxHovN4f/vsQN9dY2+Qp7Eplkqp7T95B5+rN8hTrmnheq5p0R9Ou40JYlMsLbByvQVW55vqxYf9MoOm33kPWECXoJtSGCEAAAAASUVORK5CYII=') no-repeat;
	background-position: center;
    background-size: 16px 16px;
}

/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

.proxy {
	display: none;
	margin-left: 60px;
	font-size: 10px;
}

.proxy > div {
	display: block;
    margin-top: 4px;
    font-size: 11px;
}
.proxy input {
    font-size: 10px;
    border: 1px solid #99999952;
    color: #555;
    outline: 0;
    height: 15px;
    margin: 0px 2px 0 0;
    padding: 0 3px;
    background: transparent;
}

.proxy input[name="ip"] {
	width:60px;
}
.proxy input[name="port"] {
	width:30px;
}
.proxy input[name="username"],
.proxy input[name="password"] {
	width:40px;
}

#proxy_ip_tooltip > span {
	display: none; 
	margin-left: 8px; 
	width: 200px;
	padding: 5px 10px;
	top: -30px;
    left: 0px;
}
#proxy_ip_tooltip input:focus + span,
#proxy_ip_tooltip:hover > span {
	display: inline; 
	position: absolute; 
	background: #ffffff; 
	border: 1px solid #cccccc; 
	color: #6c6c6c;
}
#proxy_ip_tooltip > span > span {
	color: red;
}

/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

.user.error {
	background-color: #f3dada;
}
.errorText {
	display: none;
	margin-top: 0px;
    margin-left: 60px;
    font-size: 12px;
    width: 180px;
    line-height: 10px;
    padding-top: 2px;
    color: red;
}
.user.error .info {
	display : none;
}

/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

.user.error .errorText,
.user.error_global .errorText,
.user.editing .proxy,
.user.editing .edit_done,
.user.editing .name > input[type="text"] {
	display: block;
}
.user.editing .proxy_label:hover ~ .proxy,
.user.editing .errorText,
.user.editing .info,
.user.editing .sort,
.user.editing .edit,
.user.editing .del,
.user.editing .name > span {
	display: none;
}

/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

.user.error_global {
	background-color: #f3dada;
}
.user.error_global .info {
	display : none;
}
.user .errorText_global,
.user.error_global .errorText_user {
	display: none;
}
.user .errorText_user,
.user.error_global .errorText_global {
	display: block;
}

/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

.user input.not_valid {
	background: #FAEAEA;
	border: 1px solid red;
}

/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */

button.readd_api {
	border: 1px solid transparent;
    font-size: 12px;
    font-weight: 400;
    color: #007bff;
    background-color: transparent;
    padding: 0;
    margin: 0;
    line-height: 10px;
}
button.readd_api:hover {
    color: #024b9a;
    text-decoration: underline;
}
button.readd_api:focus{
	outline: 0
}


button.readd_api__help {
	border: 1px solid transparent;
    font-size: 12px;
    font-weight: 400;
    color: #246b00;
    background-color: transparent;
    padding: 0;
    margin: 0;
    line-height: 10px;
}
button.readd_api__help:hover {
    color: #154000;
    text-decoration: underline;
}
button.readd_api__help:focus{
	outline: 0
}

/* * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * */


#users,
#error,
#vkh,
#info,
#login,
#logout {
	display: none;
}

#loading {
	margin: 25px; 
	text-align: center; 
	font-size: 17px; 
	color: #19426963;
}
#loading_long {
	display: none;
	padding: 20px 0;
	font-size: 14px;
}
#loading_long > span {
	color: #19426963;
	text-decoration: underline;
	cursor: pointer;
}
#loading_long > span:hover {
	color: #194269b8;
}
#vkh, #error, #users-head, .user-filter-loading {
	z-index: 2;
	position: relative;
}

#vkh_disconnect {
	margin: 20px; 
	text-align: center; 
	font-size: 17px; 
	color: #194269;
	display: none;
}


#login {
	margin: 20px; 
	text-align: center; 
	font-size: 17px; 
	color: #194269;
}
#login span[data-ext-login] {
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
}
#login span[data-ext-login]:hover {
	color: #04172f;
}
#auth_reload_key {
	display: none;
}
#auth_pin {
	font-size: 19px;
	border: 1px solid #99999952;
	border-radius: 1px;
	color: #555;
	outline: 0;
	width: 120px;
	height: 40px;
	letter-spacing: 5px;
	text-align: center;
	padding: 0px 3px;
	background: transparent;
}
#auth_pin_send {
	border: none;
	color: white;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	height: 40px;
	font-size: 19px;
	cursor: pointer;
	background-color: #008CBA;
}
#auth_pin_send.disabled {
	color: rgb(221, 221, 221);
	background-color: #006c91;
	cursor: wait;
}

#auth_pin_whois {
	border: 1px solid transparent;
    font-size: 12px;
    font-weight: 400;
    background-color: transparent;
    padding: 0;
    margin: 0;
    line-height: 10px;
    color: #024b9a;
    text-decoration: underline;
	cursor: pointer;
}
#auth_pin_whois:hover {
    color: #007bff;
	text-decoration: none;
}

#auth_pin_close {
	border: 1px solid transparent;
    font-size: 12px;
    font-weight: 400;
    background-color: transparent;
    padding: 0;
    margin: 0;
    line-height: 10px;
    color: red;
    text-decoration: underline;
	cursor: pointer;
}
#auth_pin_close:hover {
    color: rgb(150, 0, 0);
	text-decoration: none;
}







#info {
    color: #5b6e85;
    background: #d1d9e0;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
    padding: 4px 6px;
}
#info_name {
	cursor: pointer;
}
#info_name:hover {
	color: #102b4c;
}
#info [data-ext-logout] {
	margin: 4px 7px 0;
	position: absolute; 
	opacity: .5;
	width: 16px;
	height: 16px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfjCxENCxw8XNSwAAAAz0lEQVQoz4XRvUoDURAF4C83f5UiNkGwiuAD+AY2IhaCRZoU0bdIZWVhnUZtJRBBAim0sharRXwMm8C24pK1WdyVvZKZYoY5h5kzM0yt5H/8w56KZXpGnqTmdtFw7bZKyIu4ZeIODDyWcPjNUq+21SzUS1ZynJvrxAkvLjETLHRbNXjHqMgSQ2+tSIdNTdDUkZVblOo37KNt4Vk3puHIFYYyZ75ihKCBewPf8S3W3CE4sKwWlo4L1ePibe/6VcKJxKcbhy48/DeobyyROq1DPyO7MvDZPHKhAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTExLTE3VDEzOjExOjI4KzAwOjAwY4vlewAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0xMS0xN1QxMzoxMToyOCswMDowMBLWXccAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC');
	background-size: 16px 16px;
}
#info [data-ext-logout]:hover {
	opacity: 1;
}


#logout {
    color: #5b6e85;
    background: #d1d9e0;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
    padding: 4px 6px;
}
#logout .btns {
	white-space: nowrap;
}
#logout .btns > div {
	width: 120px;
	display:inline-block;
}
#logout .btns > div.btn_green {
	background: #008e00;
	color: #e1f7e1;
}
#logout .btns > div.btn_green:hover {
	background: #008000;
}
#logout .btns > div.btn_red {
	background: #b90000;
	color: #ffecec;
}
#logout .btns > div.btn_red:hover {
	background: #a20000;
}





.link {
	color: #007bff;
}
.link:hover {
    color: #024b9a;
    text-decoration: underline;
}
.link:focus{
	outline: 0
}


.nowrap {
	white-space: nowrap;
}




#tarif_days {
	cursor: pointer;
}
#tarif.tarif_style_2 #tarif_days:hover {
	color: #102b4c;
}
#tarif.tarif_style_1 #tarif_days {
	color: #b17200;
}
#tarif.tarif_style_1 #tarif_days:hover {
	color: #885700;
}
#tarif.tarif_style_0 #tarif_days {
	color: red;
}
#tarif.tarif_style_0 #tarif_days:hover {
	color: #b90000;
}




#has_update {
	display: none;
	color: red;
	width: 100%;
    margin-bottom: 5px;
}

html.has_update #has_update {
	display: block;
}

html.no_vkh #has_update {
	margin-top: -15px;
}




				
.users-content.sel > div.user.sel > div.btn_select {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlElEQVQ4T6WTXQ2AMAwGDwdIQAISQAEWsIQCQAkWkIAEJJCSNCljP7Dtdblb26+rKDxVIU+uoAY2YMoRKNwC61/BAwbGP4IXLPP7KvDCVtAARyCRIKyCBRiAHtgdSRRWwQjMwOlIkrBtwZVIO5LzHZVMO7RwdohWIoIk7EtBJXIXfVkr8sUoki5Wtm3n6x4E/1yx4AI+qiERKNFzCwAAAABJRU5ErkJggg==") #FFFFFF;
	height: 16px;
	width: 16px;
	display:inline-block;
	padding: 0;
}
.users-content.sel > div.user > div.btn_select {
	display: inline-table;
}
.users-content:not(.sel) > div.user:hover > div.btn_select {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAA5klEQVQoU4WRvQrCMBRGqy76MI6urs7OjiLuTcG1IC4KOiQZFPEHwaEPkFQEHQTBZ3DyAVwUBBGJX+kFbaN44C65537kJs4/WnxddLk6uVyP/ek2T8ffYVKXIJ4xYKhG1LJhYlVmQl0+ZOMKfaV2EsZ1BcItIaNwviTljSd0lXF1T8u42iIITI60GCZVDSmPtIyrTXxjsqTFeFI3kfy0ZT00xmRIi2EyZGmRZGHJSK6jemjuEgMiHJCSBOIs+pBoITzbhpK71LbB9ofoufrBvgCxjQU71PoOUo/REJLnngwbdPwDx3kB0OO+iMdlmF0AAAAASUVORK5CYII=') no-repeat;				
	border: 0;
	outline: 0;
	opacity: .5;
	right: 5px;
}
.users-content > div.user {

	display: table;
	position: relative;
	padding: 7px 10px;
	height: 48px;
	opacity: .95;
	width: calc(100% - 20px);
}
.users-content > div.user:hover {
	opacity: 1;
	background-color: #cfcfcf1a;
}								
.users-content > div.user:hover  > div.btn_select {
	display: inline-table;
}
.users-content > div.user.sel  > div.btn_select {
	border: 2px solid #FFFFFF;
}
.users-content > div.user > div.btn_select {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 269px;
	background: #EDEEF0;

	border: 2px solid transparent;
	outline: 2px solid #ccd4e0f0;
	height: 16px;
	width: 16px;
	padding: 0;
	cursor: pointer;
}



html.opts_open #ID_opts {
	display: table;
}

html.opts_open #has_update,
html.opts_open .users-footer,
html.opts_open .contacts {
	display: none;
}

html.opts_open body {
	margin-bottom: 70px;
}
/* настройки при выборе аккаунтов */
#ID_opts {
	display: none;
	font-size: 13px;
	height: 48px;
	border-top: 1px solid #e7e8ec;
	box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.08);
	width: calc(100% - 20px);
	padding: 10px;
	
	z-index: 999;
    background: #EDEEF0;
    position: fixed;
    bottom: 0;
}
#ID_box_icons {
	display: table;
	width: 100%;
	height: 23px;
	text-align: center;
}
#ID_box_icons > div {
	position: relative;
	display: table-cell;
	font-size: 20px;
	height: 23px;
}
#ID_box_icons > div > svg:hover {
	color: red;
	cursor: pointer;
}
#ID_box_selected {
	margin-bottom: 10px;
	height: 16px;
}
#ID_box_selected #ID_select_cnt {
	font-weight: 600;
}
#ID_box_selected #ID_select_cnt #ID_select_reset {
	float: right
}

#ID_select_all,
#ID_select_reset {
	color: #2a5885;
	text-decoration: none;
	cursor: pointer;
}

#ID_select_reset {
	float: right;
	color: red;
}








#ID_edit {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 69px;
	top: 0px;
	z-index: 996;
}
#ID_edit_bg {
	background: #000000;
	opacity: .4;
	position: absolute;
	width: 100%;
	height: 100%;
	height: calc(100% + 70px);
}
#ID_edit_wrap {
	background: white;
	position: fixed;
	bottom: 70px;
	width: calc(100% - 20px);
	overflow: auto;
	padding: 5px 10px 10px;
	text-align: center;
}

#ID_edit_wrap > div {
	display: none;
}
#ID_edit_wrap div[data-type="opts_type_online}"] > div {
	display: none;
}
#ID_edit_wrap div.CLS_edit_btns_box {
	width: 100%;
	margin-top: 5px;
}
#ID_edit_wrap div.CLS_edit_btns_box > button {
	width: 40%;
}
#ID_edit_wrap div.CLS_edit_btns_box > button.CLS_edit_btns_primary {
	color: #42648b;
	border: 1px solid #42648b;
}
#ID_edit_wrap div.CLS_edit_btns_box > button.CLS_edit_btns_success {
	color: green;
	border: 1px solid green;
}
#ID_edit_wrap div.CLS_edit_btns_box > button.CLS_edit_btns_fail {
	color: red;
	border: 1px solid red;
}




#ID_edit_input_rename {
	width: 90%;
	text-align: center;
	display: block;
	margin: 0 auto;
	border: 1px solid #99999952;
	border-radius: 1px;
	color: #555;
	outline: 0;
	height: 18px;
	padding: 0px 3px;
	background: transparent;
}
#ID_edit_input_rename:focus {
	border: 1px solid #ff572285;
}
#ID_edit_proxy_options input {
	margin: 5px auto 0;
    width: 20%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    font-size: 12px;
}
#ID_edit_proxy_options input[name="ip"] {
	width: 30%;
}
#ID_edit_proxy_options input[name="port"] {
	width: 10%;
}
#ID_edit_proxy_options_select {
	display: block;
	margin: 0 auto;
	padding: 0px;
}
#ID_edit_btn_proxy.disabled {
	color: #2f682f !important;
    border: 1px solid #305e30 !important;
    cursor: wait !important;
}













.tooltip-help .tooltiptext {
    visibility: hidden;
    background-color: #e7eaf0;
    color: black;
    text-align: center;
    padding: 3px 10px;
    border-radius: 4px;
    border: 1px solid #8d8d8d;
    box-shadow: 0 0 5px rgb(0 0 0 / 50%);
    bottom: 24px;
    opacity: 1;
    position: absolute;
    z-index: 1;
    font-size: 15px;
}
.tooltip-help:hover .tooltiptext {
	visibility: visible;
}
.tooltip-help .tooltiptext:hover {
	visibility: hidden;
}

.tooltip-help.tooltip-remove .tooltiptext {
	width: 150px;
}
.tooltip-help.tooltip-proxy .tooltiptext {
	width: 150px;
}
.tooltip-help.tooltip-rename .tooltiptext {
	width: 150px;
}
.tooltip-help.tooltip-informer .tooltiptext {
	width: 150px;
	left: -60px;
}
.tooltip-help.tooltip-online .tooltiptext {
	width: 130px;
	left: -60px;
}
.tooltip-help.tooltip-export .tooltiptext {
	width: 130px;
	left: -95px;
}
.tooltip-help.tooltip-proxy-reset-error .tooltiptext {
    width: 130px;
    right: 8px;
    bottom: 25px;
    line-height: 15px;
}






.link-x {
	text-decoration: underline;
    cursor: pointer;
    color: #5b6e85;
}
.link-x:hover {
	text-decoration: none;
}


html.has_user_error.filter_user_error div.user:not(.error) {
	display: none;
}
#filter_icon_err_box {
	display: none !important;
}
html.has_user_error #filter_icon_err_box {
	display: table-cell !important;
}


.online_point {
    display: none;
    top: 8px;
    left: 5px;
    text-align: center;
    position: absolute;
    width: 45px;
}
.online_point span {
	display: block;
    background: #9e9e9e;
    border: 0.1875em solid #9e9e9e;
    opacity: .5;
    border-radius: 50%;
    height: 5px;
    width: 5px;
}
html.online_pay .user.online .online_point {
	display: block;
}

.infoOnline {
	display: none;
	height: 20px;
	margin-top: 6px;
    color: #5b6e85;
    font-size: 14px;
    line-height: 17px;
    margin-left: 58px;
}

.online_point:hover ~ .infoOnline {
	display: block;
}


.online_point:hover ~ .info,
.user.error_global .online_point:hover ~ .errorText,
.user.error .online_point:hover ~ .errorText {
	display: none;
}
.online_point:hover ~ .infoOnline {
	display: block;
}








#users.show_user_scroll_active .user_scroll_active {
	display: block;
}

.user_scroll_active:hover {
	opacity: 1;
}
.user_scroll_active {

	cursor: pointer;
	opacity: 0;
	display: none;
	z-index: 1;
	position: fixed;
	left: 0;
	top: 0px;
	height: 100%;
	width: 65px;
	background: #4c46460f;
}
.user_scroll_active > div {

	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
}