/**
 *  Файл:             icon.css
 *  Модуль:           d0dger
 *  Описание:         файл таблицы стилей для иконок
 *
 *  Версия:           1.00.04
 *  Дата создания:    2018-09-30
 *  Дата модификации: 2021-11-01
 * ---------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- Обычные иконки --- */
.icon-default,
.icon-error,
.icon-disabled{
   display:table-cell;
 }
.icon-disabled,
.icon-menu-disabled,
.icon-button-disabled{
   opacity:0.35;
 }
.icon-default,
.icon-error,
.icon-menu-default,
.icon-menu-error,
.icon-button-default,
.icon-button-error{
   cursor:pointer;
 }
.t-icon{
   padding:0px;
   display:inline-block;
   text-indent:-99999px;
   overflow:hidden;
   background-repeat:no-repeat;
   width:17px;
   height:16px; 
   position:relative;
   background-position:-160px 0px;
 }
.icon-default .t-icon,
.icon-disabled .t-icon,
.icon-menu-default .t-icon,
.icon-menu-disabled .t-icon,
.icon-button-default .t-icon,
.icon-button-disabled .t-icon{
   background-image:url("../img/icons-default.png");
 }
.icon-error .t-icon,
.icon-menu-error .t-icon,
.icon-button-error .t-icon{
   background-image:url("../img/icons-error.png");
 }
.icon-default .t-icon:hover,
.icon-menu-default .t-icon:hover,
.icon-button-default .t-icon:hover{
   background-image:url("../img/icons-hover.png");
 }
/* ----------------------------------------------------------------------- Иконки для менюшек --- */
.icon-menu-default,
.icon-menu-error,
.icon-menu-disabled,
.icon-menu-classic{
   display:inline-block;
   padding:1px !important;
 }
.icon-menu-default:hover,
.icon-menu-error:hover{
   border:1px solid #79b7e7;
   background: #d0e5f5 url("../img/icon-bg.png") 50% 50% repeat-x;
   padding:0px !important;
   -webkit-border-radius:5px;
    -khtml-border-radius:5px;
     -icab-border-radius:5px;
      -moz-border-radius:5px;
       -ms-border-radius:5px;
        -o-border-radius:5px;
           border-radius:5px;
 }
/* ---------------------------------------------------------------------------- Иконки-кнопки --- */
.icon-button-default,
.icon-button-error,
.icon-button-disabled{
   display:inline-block;
   border:1px solid #79b7e7;
   margin:0px 1px;
   -webkit-border-radius:5px;
    -khtml-border-radius:5px;
     -icab-border-radius:5px;
      -moz-border-radius:5px;
       -ms-border-radius:5px;
        -o-border-radius:5px;
           border-radius:5px;
   -webkit-box-shadow:2px 2px 4px -2px #483D8B;
    -khtml-box-shadow:2px 2px 4px -2px #483D8B;
     -icab-box-shadow:2px 2px 4px -2px #483D8B;
      -moz-box-shadow:2px 2px 4px -2px #483D8B;
       -ms-box-shadow:2px 2px 4px -2px #483D8B;
        -o-box-shadow:2px 2px 4px -2px #483D8B;
           box-shadow:2px 2px 4px -2px #483D8B;
 }

.icon-button-default:hover,
.icon-button-error:hover{
   background: #d0e5f5 url("../img/icon-bg.png") 50% 50% repeat-x;
 }
.icon-button-default:active,
.icon-button-error:active{
  border:none;
   margin-right:2px;
   margin-left:2px;
   margin-bottom:1px;
   -webkit-box-shadow:0 1px 1px #fff;
    -khtml-box-shadow:0 1px 1px #fff;
     -icab-box-shadow:0 1px 1px #fff;
      -moz-box-shadow:0 1px 1px #fff;
       -ms-box-shadow:0 1px 1px #fff;
        -o-box-shadow:0 1px 1px #fff;
           box-shadow:1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.3);
 }
.icon-button-default:active .t-icon,
.icon-button-error:active .t-icon{
   top:1px;
 }
/* ------------------------------------------------------------------------ Изображеня иконок --- */
.icon-angle-top       {background-position:   0px    0px;}
.icon-angle-top-right {background-position: -16px    0px;}
.icon-angle-right     {background-position: -32px    0px;}
.icon-angle-down-right{background-position: -48px    0px;}
.icon-angle-down      {background-position: -64px    0px;}
.icon-angle-down-left {background-position: -80px    0px;}
.icon-angle-left      {background-position: -96px    0px;}
.icon-angle-top-left  {background-position:-112px    0px;}
.icon-angle-top-down  {background-position:-128px    0px;}
.icon-angle-left-right{background-position:-144px    0px;}
.icon-hidden          {background-position:-160px    0px;}
.icon-arrow-top       {background-position:   0px  -32px;}
.icon-arrow-top-right {background-position: -16px  -32px;}
.icon-arrow-right     {background-position: -32px  -32px;}
.icon-arrow-down-right{background-position: -48px  -32px;}
.icon-arrow-down      {background-position: -64px  -32px;}
.icon-arrow-down-left {background-position: -80px  -32px;}
.icon-arrow-left      {background-position: -96px  -32px;}
.icon-arrow-top-left  {background-position:-112px  -32px;}
.icon-arrow-top-down  {background-position:-128px  -32px;}
.icon-arrow-left-right{background-position:-144px  -32px;}
.icon-extend          {background-position:   0px  -80px;}
.icon-develop         {background-position: -16px  -80px;}
.icon-move            {background-position: -32px  -80px;}
.icon-copy            {background-position: -48px  -80px;}
.icon-refresh         {background-position: -64px  -80px;}
.icon-hashing         {background-position: -80px  -80px;}
.icon-replace         {background-position: -96px  -80px;}
.icon-replace-bild    {background-position:-112px  -80px;}
.icon-folder          {background-position:   0px  -96px;}
.icon-folder-open     {background-position: -15px  -96px;}
.icon-doc             {background-position: -31px  -96px;}
.icon-doc-small       {background-position: -48px  -96px;}
.icon-note            {background-position: -64px  -96px;}
.icon-letter          {background-position: -80px  -96px;}
.icon-letter-open     {background-position: -96px  -96px;}
.icon-bag             {background-position:-112px  -96px;}
.icon-message         {background-position:-128px  -96px;}
.icon-face            {background-position:-144px  -96px;}
.icon-print           {background-position:-160px  -96px;}
.icon-recycled        {background-position:-176px  -96px;}
.icon-lock            {background-position:-192px  -96px;}
.icon-unlock          {background-position:-208px  -96px;}
.icon-people          {background-position:-224px  -96px;}
.icon-label           {background-position:-240px  -96px;}
.icon-home            {background-position:   1px -113px;}
.icon-flag            {background-position: -16px -112px;}
.icon-calendar        {background-position: -32px -112px;}
.icon-trolley         {background-position: -48px -112px;}
.icon-pencil          {background-position: -64px -112px;}
.icon-clock           {background-position: -80px -112px;}
.icon-saves           {background-position: -96px -112px;}
.icon-table           {background-position:-112px -112px;}
.icon-increase        {background-position:-128px -112px;}
.icon-reduce          {background-position:-144px -112px;}
.icon-zoom            {background-position:-160px -112px;}
.icon-tools           {background-position:-176px -112px;}
.icon-settings        {background-position:-192px -113px;}
.icon-heart           {background-position:-208px -112px;}
.icon-star            {background-position:-224px -112px;}
.icon-relation        {background-position:-240px -112px;}
.icon-deny            {background-position:   0px -128px;}
.icon-plus            {background-position: -15px -129px;}
.icon-plus-bold       {background-position: -32px -128px;}
.icon-minus           {background-position: -47px -128px;}
.icon-minus-bold      {background-position: -64px -128px;}
.icon-close           {background-position: -80px -128px;}
.icon-close-bold      {background-position: -96px -128px;}
.icon-key             {background-position:-112px -128px;}
.icon-lamp            {background-position:-128px -128px;}
.icon-cut             {background-position:-144px -128px;}
.icon-bucket          {background-position:-159px -129px;}
.icon-barrel          {background-position:-176px -128px;}
.icon-badge           {background-position:-192px -128px;}
.icon-image           {background-position:-208px -128px;}
.icon-movie           {background-position:-224px -128px;}
.icon-scroll          {background-position:-240px -128px;}
.icon-notice          {background-position:   0px -144px;}
.icon-attention       {background-position: -16px -144px;}
.icon-exclamation     {background-position: -32px -144px;}
.icon-question        {background-position: -48px -144px;}
.icon-tick            {background-position: -64px -144px;}
.icon-point-full      {background-position: -79px -144px;}
.icon-point-middle    {background-position: -96px -144px;}
.icon-point-empty     {background-position:-112px -144px;}
.icon-clip-lie        {background-position:-128px -144px;}
.icon-clip            {background-position:-144px -144px;}
.icon-play            {background-position:   0px -160px;}
.icon-pause           {background-position: -16px -160px;}
.icon-speed-up        {background-position: -32px -160px;}
.icon-slow-down       {background-position: -48px -160px;}
.icon-next            {background-position: -64px -160px;}
.icon-prev            {background-position: -80px -160px;}
.icon-stop            {background-position: -96px -160px;}
.icon-eject           {background-position:-112px -160px;}
.icon-volume-down     {background-position:-128px -160px;}
.icon-volume-up       {background-position:-144px -160px;}
.icon-off             {background-position:   0px -176px;}
.icon-wifi            {background-position: -16px -176px;}
.icon-signal          {background-position: -32px -176px;}
.icon-power-empty     {background-position: -48px -176px;}
.icon-power-low       {background-position: -64px -176px;}
.icon-power-middle    {background-position: -80px -176px;}
.icon-power-full      {background-position: -96px -176px;}
.icon-circle-plus     {background-position:   0px -192px;}
.icon-circle-minus    {background-position: -16px -192px;}
.icon-circle-close    {background-position: -32px -192px;}
.icon-square-plus     {background-position:   0px -208px;}
.icon-square-minus    {background-position: -16px -208px;}
.icon-square-close    {background-position: -32px -208px;}
.icon-empty           {background-position:-240px -224px;}
/* ------------------------------------------------------------------------- Цифровые иконоки --- */
.n-icon{
   padding:0px;
   display:inline-block;
   overflow:hidden;
   background-repeat:no-repeat;
   width:14px;
   height:14px; 
   position:relative;
   border-radius:9px;
   text-align:center;
   border:1px solid #79b7e7;
   cursor:pointer;
 }
.n-icon:hover{
   background:#b9d3ee;
}
.icon-menu-classic .sel{
   cursor:auto;
   background-color:#79b7e7;
   color:white;
}
.icon-one:after{content:'1';}
.icon-two:after{content:'2';}
.icon-three:after{content:'3';}
.icon-four:after{content:'4';}.
.icon-five:after{content:'5';}
/* ------------------------------------------------------------------------------------- Конец -- */