/* ---------------------------------------------------------------- */
/* --- 11.10.2019 --- start of new process ----- www.MagicTime.by - */
/* --- 04.03.2020 --- ReStart of new process --------- www.isV.by - */
/* --- 01.05.2020 --- ReStart of new process --------- www.isV.by - */
/* --- 02.08.2020 --- Continue process --------------- www.isV.by - */
/* --- 03.04.2022 --- Continue process --------------- www.isV.by - */
/* --- 24.07.2022 --- Continue process --------------- www.isV.by - */
/* ---------------------------------------------------------------- */
/* --- 06.12.2022 --- Continue process --------------- www.isV.by - */
/* ---------------------------------------------------------------- */
/* --- 07.01.2023 --- Continue process --------------- www.isV.by - */
/* --- 07.04.2023 --- Continue process --------------- www.isV.by - */
/* --- 09.07.2023 --- Continue process --------------- www.isV.by - */
/* --- 26.10.2023 --- Continue process --------------- www.isV.by - */
/* --- 01.01.2024 --- Continue process --------------- www.isV.by - */
/* ---------------------------------------------------------------- */

* {
               z-index: 421;
                  left: 0px;
                   top: 0px;
                margin: 0px;
               padding: 0px;
                border: 0px;
}

a{
  color:blue;
}

html, body {
                height: 100%;
                 width: 100%;
      background-color: white; /*#E9E9E9;*/
}


#scBody, #scArea {
              position: absolute;
               z-index: 421;
                  left: -8px;
                   top: -28px;
}

#scArea {
                   top: -4px;
}

/* --- 30.04.2021 --- новые стили нового начала --- */

#scSideL, #scSideR { /* стороны: левая и правая */
              position: absolute;
               z-index: 842;
                  left: 10px;
                   top: 40px;
                 width: 743px;
                height: 666px;
/*                border: 1px dotted orange;*/
}

#scSideR {
                  left: 755px;
/*                border: 1px dotted darkmagenta;*/
}

.scSideL_Item, .scSideR_Item { /* шарики тем (задач): левый и правый */
              position: absolute;
               z-index: 842;
                  left: 489px;
                   top: 442px;
                 width: 29px;
                height: 29px;
      background-image: url('../Simg/SideL-Item.png');
     background-repeat: no-repeat;
}

.scSideR_Item {
                  left: 77px;
      background-image: url('../Simg/SideR-Item.png');
}

.scSideL_Item:hover {
      background-image: url('../Simg/SideL-Item-h.png');
}

.scSideR_Item:hover {
      background-image: url('../Simg/SideR-Item-h.png');
}

/* --- 07.04.2023 --- новые стили нового начала --- */

#sc_isV_WinTask {   /* этот див держит в себе все элементы ГЛАВНОГО ОКНА */
              position: absolute;
               z-index: 888;
                  left: 877px;
                   top: 800px;
                 width: 470px;
                height: 162px;
           font-family: 'Exo 2', sans-serif; /*'Fira Sans', sans-serif;*/
                 color: black;
            text-align: left;
             font-size: 13px;
      background-color: lightgray;
}

#scWinTask_ul, #scWinTask_ur, #scWinTask_dl, #scWinTask_dr,    /* это дивы всех элементов ГЛАВНОГО ОКНА - все уголки */
#scWinTask_uLine, #scWinTask_dLine, #scWinTask_lLine, #scWinTask_rLine,                              /* - все линии  */
#scWinTask_html,                                                               /* - внутренний блок для html-текста  */
#scWinTask_mLeft, #scWinTask_mMiddle, #scWinTask_mRight {                    /* - компоненты средней оранжевой линии */
              position: absolute;
               z-index: 888;
                  left: 0px;
                   top: 0px;
                 width: 59px;
                height: 73px;
      background-color: transparent;
      background-image: url('../Simg/win-task-ul.png');
     background-repeat: no-repeat;
}

#scWinTask_ur {
                  left: 411px;
      background-image: url('../Simg/win-task-ur.png');
}

#scWinTask_dl, #scWinTask_dr {
                   top: 89px;
                  left: 0px;
      background-image: url('../Simg/win-task-dl.png');
}

#scWinTask_dr {
                  left: 411px;
      background-image: url('../Simg/win-task-dr.png');
}

#scWinTask_uLine, #scWinTask_dLine {
                  left: 59px;
                 width: 352px;
                height: 13px;
      background-color: transparent;
      background-image: url('../Simg/win-task-u.png');
     background-repeat: repeat-x;
}

#scWinTask_dLine {
                   top: 153px;
      background-image: url('../Simg/win-task-d.png');
}

#scWinTask_lLine, #scWinTask_rLine {
                  left: 0px;
                   top: 73px;
                 width: 13px;
                height: 16px;
      background-color: transparent;
      background-image: url('../Simg/win-task-l.png');
     background-repeat: repeat-y;
}

#scWinTask_rLine {
                  left: 459px;
                 width: 11px;
      background-image: url('../Simg/win-task-r.png');
}

#scWinTask_html {
                  left: 12px;
                   top: 11px;
                 width: 448px;
                height: 142px;
      background-color: white;
      background-image: none;
}

#scWinTask_mLeft, #scWinTask_mMiddle, #scWinTask_mRight {
                  left: 1px;
                   top: 82px;
                 width: 231px;
                height: 13px;
      background-color: transparent;
      background-image: url('../Simg/win-task-ll.png');
     background-repeat: no-repeat;
}

#scWinTask_mMiddle {
                  left: 231px;
                 width: 1px;
      background-image: url('../Simg/win-task-lm.png');
     background-repeat: repeat-x;
}

#scWinTask_mRight {
                  left: 232px;
      background-image: url('../Simg/win-task-lr.png');
}

/* --- 08.02.2021 --- новые стили нового начала --- */
/* --- 11.03.2022 --- новые стили нового начала --- */
/* --- 01.04.2022 --- новые стили нового начала --- */
/* --- 04.09.2023 --- новые стили нового начала --- */
/* --- 11.10.2023 --- новые стили нового начала --- */

#shOnlyOneArgument, #shLogo-DefineIdea, #shLogo-isV-Moneys, .shTrueInfo, #shTrueArticles {
              position: absolute;
               z-index: 999;
                  left: 340px;
                   top: 8px;
                 width: 48px;
                height: 64px;
           font-family: Courier New;
             font-size: 12px;
            text-align: right;
      background-color: transparent;
      background-image: url('../Simg/point-arrow-40.png');
     background-repeat: no-repeat;
}

#shLogo-DefineIdea {
                  left: 410px;
}

#shLogo-isV-Moneys {
                  left: 480px;
}

.shTrueInfo {   
                  left: 550px;
                   top: 12px;
                 width: 320px;
                height: 55px;
           font-family: 'Exo 2', sans-serif; /*'Fira Sans', sans-serif;*/
             font-size: 11px;
            text-align: left;
          padding-left: 8px;
           padding-top: 4px;
           border-left: 1px solid darkgray;
      background-image: none;
      background-color: transparent;
}

#shTrueArticles {
                  left: 1111px; /*1082px;*/
                   top: 470px;
                 width: 443px;
                height: 230px;
      background-color: transparent;
      background-image: url('../Simg/my-articles-no-restangles.png');
     background-repeat: no-repeat;
}

#shTrueArticles:hover {
      background-image: url('../Simg/my-articles-no-restangles-h.png');
}

#shOnlyOneArgument:hover {
                 width: 55px;
                height: 40px;
      background-image: url('../Simg/point-arrow-40-h.png');
}

#shLogo-DefineIdea:hover {
                 width: 55px;
                height: 40px;
      background-image: url('../Simg/point-arrow-40-h.png');
}

#shLogo-isV-Moneys:hover {
                 width: 55px;
                height: 40px;
      background-image: url('../Simg/point-arrow-40-h.png');
}

#sh_isV_info_231213 {
              position: absolute;
               z-index: 844;
                  left: 340px; /*1000px;*/
                   top: 70px;
                 width: 218px;
                height: 174px;
      background-color: transparent;
      background-image: url('../Simg/isV_info_231213.png');
}

#sh_isV_info_231213:hover {
                   top: 68px;
      background-image: url('../Simg/isV_info_231213-h.png');
}

#shStartInfo {
              position: absolute;
               z-index: 888;
                  left: 1570px;
                   top: 0px;
                 width: 172px;
                height: 744px;
      background-color: transparent;
     background-repeat: no-repeat;
      background-image: url('../Simg/btn-start-bottom-info.png');
}


/* === КНОПКА СТАРТА РАБОТЫ === */
#scStartWater, #scStartLog, #scStartInfo {
              position: absolute;
               z-index: 844;
                  left: 361px; /*1000px;*/
                   top: 60px;
                 width: 65px;
                height: 65px;
               opacity: 1;
      background-color: magenta;
      background-image: url('../Simg/btn-start.png');
}

#scStartWater {
                  left: 0px;
                   top: 0px;
                 width: 124px; /* 1148px; поначалу ничего не видно */
                height: 580px;
             animation: StartWaterWidth 1s 1 ease-out 1s;  /*StartWaterWidth 4s 1* 1 - один раз, infinite; -  бесконечно */
/*ani        animation: StartWaterWidth 4s 1 ease-out 4s;  StartWaterWidth 4s 1* 1 - один раз, infinite; -  бесконечно */
   animation-fill-mode: forwards;
      background-color: transparent;
      background-image: none;
/*      background-image: url('../Simg/btn-start-bottom-bees.png');*/
}

@keyframes StartWaterWidth {
           from { width: 0px; }
           to   { width: 1148px; }
}

#scStartLog {
                  left: 0px;
                   top: 0px;
                 width: 380px;
                height: 580px;
             animation: StartLogLeft 1s 1 ease-out 1s;
/*ani             animation: StartLogLeft 4s 1 ease-out 4s; */
   animation-fill-mode: forwards;
      background-image: url('../Simg/btn-start-bottom-r.png');
}

@keyframes StartLogLeft {
           form { left: 0px; }
           to   { left: 1148px; }
}

/* === пять рабочих кнопок конструктора информационных объектов === */
#scStartBot_ALL, #scStartBot_NewsChanges,#scStartBot_HTML, #scStartBot_CSS, #scStartBot_JS, #scStartBot_PHP {
              position: absolute;
               z-index: 888;
                  left: 543px;
                   top: 68px;
                 width: 177px;
                height: 177px;
      background-color: transparent;
     background-repeat: no-repeat;
      background-image: url('../Simg/btn-start-bot-bee-ALL.png');
               opacity: 0;
             animation: StartButtons 1s 1 ease-out 1s;
/*ani             animation: StartButtons 4s 1 ease-out 4s; */
   animation-fill-mode: forwards;
}

#scStartBot_NewsChanges {
                  left: 899px;
                   top: 266px;
                 width: 188px;
                height: 188px;
      background-image: url('../Simg/btn-news-and-changes.png');
}

#scStartBot_HTML, #scStartBot_CSS, #scStartBot_JS, #scStartBot_PHP {
                  left: 148px;
                   top: 245px;
                 width: 243px;
                height: 78px;
      background-image: url('../Simg/btn-start-bot-bee-HTML.png');
}

#scStartBot_CSS, #scStartBot_JS, #scStartBot_PHP {
                  left: 275px;
                   top: 315px;
                 width: 174px;
      background-image: url('../Simg/btn-start-bot-bee-CSS.png');
}

#scStartBot_JS, #scStartBot_PHP {
                  left: 500px;
                   top: 377px;
                 width: 129px;
      background-image: url('../Simg/btn-start-bot-bee-JS.png');
}

#scStartBot_PHP {
                  left: 600px;
                   top: 440px;
                 width: 174px;
      background-image: url('../Simg/btn-start-bot-bee-PHP.png');
}

#scStartBot_ALL:hover {
      background-image: url('../Simg/btn-start-bot-bee-ALL-h.png');
}

#scStartBot_NewsChanges:hover {
      background-image: url('../Simg/btn-news-and-changes-h.png');
}

#scStartBot_HTML:hover {
      background-image: url('../Simg/btn-start-bot-bee-HTML-h.png');
}

#scStartBot_CSS:hover {
      background-image: url('../Simg/btn-start-bot-bee-CSS-h.png');
}

#scStartBot_JS:hover {
      background-image: url('../Simg/btn-start-bot-bee-JS-h.png');
}

#scStartBot_PHP:hover {
      background-image: url('../Simg/btn-start-bot-bee-PHP-h.png');
}

#shPointArrow, #shReasonable, #shReasonableS, #shExpromt, #shExpromtQ {
              position: absolute;
               z-index: 999;
                  left: 1000px;
                   top: 22px;
                 width: 400px;
                height: 440px;
      background-color: transparent;
     background-repeat: no-repeat;
      background-image: url('../Simg/point-arrow-400.png');
}

#shReasonable {
                  left: 68px;
                   top: 100px;
                 width: 197px;
                height: 65px;
      background-image: url('../Simg/btn-reasonable.png');
}

#shReasonableS {
                  left: 39px;
                   top: 22px;
                 width: 69px;
                height: 124px;
      background-image: url('../Simg/isV_S.png');
}

#shExpromt {
                  left: 238px;
                   top: 269px;
                 width: 197px;
                height: 65px;
      background-image: url('../Simg/btn-expromt.png');
}

#shExpromtQ {
                  left: 193px; /*533px;*/
                   top: 192px; /*292px;*/
                 width: 69px;
                height: 124px;
      background-image: url('../Simg/isV_Q.png');
}

#shPointArrow:hover {
      background-image: url('../Simg/point-arrow-400-h.png');
}

#shReasonable:hover {
      background-image: url('../Simg/btn-reasonable-h.png');
}

#shReasonableS:hover {
      background-image: url('../Simg/isV_S-h.png');
}

#shExpromt:hover {
      background-image: url('../Simg/btn-expromt-h.png');
}

#shExpromtQ:hover {
      background-image: url('../Simg/isV_Q-h.png');
}

@keyframes StartButtons {
           form { opacity: 0; }
           to   { opacity: 1; }
}

/* --- 14.10.2023 --- очередные новые стили очередного нового начала --- */
#shInputBox, .shInputL, .shInputR, #shInputNo, #shInputF, #shInputOk {
              position: absolute;
               z-index: 842;
                  left: 100px;
                   top: 28px;
                 width: 444px;
                height: 260px;
      background-color: transparent;
      background-image: url('../Simg/flds-InputBox.png');
      background-repeat: no-repeat;
}

.shInputL, .shInputR, #shInputNo, #shInputF, #shInputOk {
                  left: 44px;
                   top: 44px;
                 width: 444px;
                height: 32px;
          padding-left: 8px;                
           padding-top: 6px;
           font-family: "Courier New"; /* 'Exo 2', sans-serif;  'Fira Sans', sans-serif;*/
            text-align: left;
             font-size: 14px;
           line-height: 14px;
      background-color: transparent;
     background-repeat: no-repeat;
      background-image: url('../Simg/bee-input-L.png');
}

.shInputR {
                  left: 124px;
                   top: 96px;
                 width: 484px;
   background-position: -40px;
      background-image: url('../Simg/bee-input-R.png');
}

#shInputNo {
                  left: -44px;
                   top: 14px;
                 width: 124px;
           padding-top: 22px;
         padding-right: 8px;
            text-align: right;
   background-position: 70px;
      background-image: url('../Simg/bee-input-No.png');
}

#shInputF {
                  left: 4px;
                   top: 3px;
                 width: 422px;
                height: 18px;
      background-color: white;
      background-image: none;
         border-radius: 8px 8px 8px 8px;
}

#shInputOk {
                  left: 416px;
                   top: 4px;
                 width: 22px;
                height: 22px;
      background-color: transparent;
      background-image: url('../Simg/btn-new-Qname-oi.png');
}

#shInputOk:hover {
                  left: 418px;
                   top: 4px;
                 width: 24px;
                height: 24px;
      background-image: url('../Simg/btn-new-Qname-oi-h.png');
}

/* --- 04.09.2023 --- новые стили нового начала --- */
#sh_isV_center, #sh_isV_center-europa, #sh_isV_NaturalTable, #sh_isV_info, #sh_isV_sign, #sc_isV_task, #sc_isV_addr, #sc_isV_QS,
#scStartLine, #scPlan, #scTasks, #scAgony, #scStartLineClose, #scStartLineOpen,
#scEssence, #scBtnBack, #scNewLaS, #scNewPC, #scRaptor {
              position: absolute;
               z-index: 888;
                  left: 1040px;   /* 1048px; для my-self-isV-logo.png */
                   top: 3px;      /*   12px; для my-self-isV-logo.png */
                 width: 180px;    /*  100px; для my-self-isV-logo.png */
                height: 118px;    /*  110px; для my-self-isV-logo.png */
      background-color: transparent;
      background-image: url('../Simg/my-self-isV-logo-NY.png'); /*url('../Simg/my-self-isV-logo.png');*/
     background-repeat: no-repeat;
}

/*  29.12.2023 - только на новый год  */
#sh_isV_center-europa {
                  left: 1222px;   /*1048px; для my-self-isV-logo.png */
                   top: 5px;      /*12px; для my-self-isV-logo.png */
                 width: 302px;    /*100px; для my-self-isV-logo.png */
                height: 314px;    /*110px; для my-self-isV-logo.png */
      background-color: transparent;
      background-image: url('../Simg/my-self-isV-logo-NY-europa.png'); /*url('../Simg/my-self-isV-logo.png');*/
}

/*  29.12.2023 - пример естественной таблицы  */
#sh_isV_NaturalTable {
                  left: 654px;
                   top: 333px;
                 width: 440px;
                height: 440px;
      background-color: transparent;
      background-image: url('../Simg/my-self-isV-NaturalTable.png');
}

#sh_isV_NaturalTable:hover {
      background-image: url('../Simg/my-self-isV-NaturalTable-h.png');
}

/* --- 19.12.2023 --- кнопки пофигационного меню для движения по страницам --- */
#shBtnFirst, #shBtnPrev, #shBtnNext, #shBtnLast, .shBtnCurrPage {
              position: absolute;
               z-index: 842;
                  left: 9px;
                   top: 36px;
                 width: 14px;
                height: 20px;
      background-color: transparent;
      background-image: url('../Simg/btn-list-FiLa-pas.png');
      background-repeat: no-repeat;
}

#shBtnPrev {
                  left: 29px;
      background-image: url('../Simg/btn-list-prev-pas.png');
}

#shBtnNext {
                  left: 49px;
      background-image: url('../Simg/btn-list-next-pas.png');
}

#shBtnLast {
                  left: 69px;
      background-image: url('../Simg/btn-list-FiLa-pas.png');
}

.shBtnCurrPage {
           font-weight: bold;
            text-align: center;
                  left: 90px;
                   top: 36px;
                 width: 20px;
                height: 20px;
           padding-top: 2px;
      background-image: url('../Simg/btn-list-CurrPage-pas.png');
}

#shBtnFirst:hover {
      background-image: url('../Simg/btn-list-FiLa-act.png');
}

#shBtnPrev:hover {
      background-image: url('../Simg/btn-list-prev-act.png');
}

#shBtnNext:hover {
      background-image: url('../Simg/btn-list-next-act.png');
}

#shBtnLast:hover {
      background-image: url('../Simg/btn-list-FiLa-act.png');
}

.shBtnCurrPage:hover {
      background-image: url('../Simg/btn-list-CurrPage-act.png');
}

/* --- 18.11.2023 --- кнопки пофигационного меню для ввода ()словосочетаний): тем, задач, вопросов или иных проблем ... --- */
#shBtnOpsCreate, #shBtnOpsChange, #shBtnOpsCopy, #shBtnOpsPaste, #shBtnOpsDelete, #shBtnOpsNewTheme {
              position: absolute;
               z-index: 842;
                  left: 239px;
                   top: 32px;
                 width: 28px;
                height: 28px;
      background-color: transparent;
      background-image: url('../Simg/btn-ops-create.png');
      background-repeat: no-repeat;
}

#shBtnOpsChange {
                  left: 273px;
      background-image: url('../Simg/btn-ops-change.png');
}

#shBtnOpsCopy {
                  left: 307px;
      background-image: url('../Simg/btn-ops-copy.png');
}

#shBtnOpsPaste {
                  left: 341px;
      background-image: url('../Simg/btn-ops-paste.png');
}

#shBtnOpsDelete {
                  left: 375px;
      background-image: url('../Simg/btn-ops-delete.png');
}

#shBtnOpsNewTheme {
                  left: 409px;
      background-image: url('../Simg/btn-ops-NewTheme.png');
}

#shBtnOpsCreate:hover {
      background-image: url('../Simg/btn-ops-create-h.png');
      background-repeat: no-repeat;
}

#shBtnOpsChange:hover {
      background-image: url('../Simg/btn-ops-change-h.png');
      background-repeat: no-repeat;
}

#shBtnOpsCopy:hover {
      background-image: url('../Simg/btn-ops-copy-h.png');
}

#shBtnOpsPaste:hover {
      background-image: url('../Simg/btn-ops-paste-h.png');
}

#shBtnOpsDelete:hover {
      background-image: url('../Simg/btn-ops-delete-h.png');
}

#shBtnOpsNewTheme:hover {
      background-image: url('../Simg/btn-ops-NewTheme-h.png');
}

/* --- слайдер с раптором ---
#scRaptor {
                  left: 853px;
                   top: 713px;
                 width: 688px;
                height: 455px;
               opacity: 1;
             animation: StartWaterWidth 8s 1 ease-out;
      background-image: url('../Simg/Raptor1.png');
}
*/
 
#sh_isV_info {
                  left: 170px; /*464px;*/
                   top: 344px; /*438px;*/
                 width: 369px; /*248px;*/
                height: 18px;  /*88px;*/
           font-family: 'Exo 2', sans-serif; /*'Fira Sans', sans-serif;*/
                 color: darkgray;
            text-align: center;
             font-size: 12px;
      background-color: lightgray;
      background-image: none;
}

#sh_isV_sign, #sc_isV_task, #sc_isV_addr {
                  left: 800px;
                   top: 70px;
                 width: 348px; /*300px;*/
                height: 42px;
           font-family: 'Exo 2', sans-serif; /*'Fira Sans', sans-serif;*/
                 color: black;
            text-align: center;
             font-size: 13px;
           padding-top: 8px;
         border-bottom: 2px solid darkgray;
      background-color: transparent;
      background-image: none;
}

#sc_isV_task, #sc_isV_addr {
                  left: 353px; /*347px;*/
                   top: 410px; /*553px;*/
                 width: 470px;
                height: 162px;
            text-align: center;
         border-bottom: none;
/*            border-top: 2px solid darkgray;*/
           padding-top: 13px;
      background-color: transparent;
      background-image: url('../Simg/btn-start-info.png');
}

#sc_isV_addr {
                  left: 800px;
                   top: 124px;
                 width: 348px;
                height: 42px;
            text-align: center;
/*         border-bottom: 2px solid darkgray;*/
                 color: black;
             font-size: 12px;
            border-top: none;
            margin-top: 4px;
      background-color: lightgray;
      background-image: none;
}

/* --- это элементы простого меню --- */

#sc_isV_EmptyItem {
              position: absolute;
               z-index: 844;
                  left: 20px;
                   top: 140px;
                 width: 180px;
                height: 34px;
           font-family: 'Exo 2', sans-serif; /*'Fira Sans', sans-serif;*/
            text-align: left;
             font-size: 13px;
          padding-left: 8px;
      background-color: white;
                border: 7px solid lightgreen;
         border-radius: 14px 14px 14px 14px;
    -moz-border-radius: 14px 14px 14px 14px;
 -webkit-border-radius: 14px 14px 14px 14px;
}

#sc_isV_EmptyItem:hover {
             font-size: 14px;
           font-weight: bold;
}

#sc_isV_SmallMenuGoal, #sc_isV_SmallMenuPlan, #sc_isV_SmallMenuNews, #sc_isV_SmallMenuContacts {
              position: absolute;
               z-index: 842;
                  left: 42px;
                   top: 372px;
                 width: 118px;
                height: 52px;
      background-color: transparent;
      background-image: url('../Simg/btn-smallMenu-goal.png');
}

#sc_isV_SmallMenuPlan {
                  left: 30px;
                   top: 430px;
                 width: 184px;
                height: 66px;
      background-image: url('../Simg/btn-smallMenu-plan.png');
}

#sc_isV_SmallMenuNews {
                  left: 22px;
                   top: 519px;
                 width: 170px;
                height: 31px;
      background-image: url('../Simg/btn-smallMenu-news.png');
}

#sc_isV_SmallMenuContacts {
                  left: 200px;
                   top: 519px;
                 width: 170px;
                height: 31px;
      background-image: url('../Simg/btn-smallMenu-contacts.png');
}

#sc_isV_SmallMenuGoal:hover {
                  left: 42px;
                   top: 365px;
                 width: 121px;
                height: 60px;
      background-image: url('../Simg/btn-smallMenu-goal-h.png');
}

#sc_isV_SmallMenuPlan:hover {
                  left: 22px;
                   top: 422px;
                 width: 189px;
                height: 74px;
      background-image: url('../Simg/btn-smallMenu-plan-h.png');
}

#sc_isV_SmallMenuNews:hover {
      background-image: url('../Simg/btn-smallMenu-news-h.png');
}

#sc_isV_SmallMenuContacts:hover {
      background-image: url('../Simg/btn-smallMenu-contacts-h.png');
}
/*
#scActiveElementsOnOff_info, .scActiveElementsOnOff {
              position: absolute;
               z-index: 8888;
            visibility: hidden;
                  left: 20px;
                   top: 161px;
                 width: 7px;
                height: 7px;
      background-color: transparent;
      background-image: url('../Simg/active-element.gif');
}

#scActiveElementsOnOff_info {
            visibility: visible;
}
*/
#sh_isV_btn_income, #sh_isV_btn_outcome, #sh_isV_btn_registration,
.sc_isV_btn_CheckObjects {
              position: absolute;
               z-index: 888;
                  left: 920px;
                   top: 20px;
                 width: 44px;
                height: 18px;
           font-family: 'Exo 2', sans-serif; /*'Fira Sans', sans-serif;*/
                 color: darkgray;
           font-weight: normal;
            text-align: center;
             font-size: 12px;
           padding-top: 2px;
                border: 1px solid darkgray;
         border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
 -webkit-border-radius: 8px 8px 8px 8px;
      background-color: transparent;
      background-image: none;
      background-repeat: no-repeat;
}

#sh_isV_btn_outcome {
                   top: 20px;
                 width: 88px;
}

#sh_isV_btn_registration {
                  left: 900px;
                   top: 46px;
                 width: 88px;
}

#sh_isV_btn_income:hover {
                 color: black;
                border: 1px solid black;
      background-color: lightyellow;
}

#shc_isV_btn_outcome:hover {
                 color: black;
                border: 1px solid black;
      background-color: lightyellow;
}

#sh_isV_btn_registration:hover {
                 color: black;
                border: 1px solid black;
      background-color: lightyellow;
}

.sc_isV_btn_CheckObjects {
                  left: 124px;
                   top: 666px;
                 width: 122px;
                height: 28px;
           font-family: 'Exo 2', sans-serif; /*'Fira Sans', sans-serif;*/
                 color: black;
            text-align: center;
             font-size: 15px;
           font-weight: bold;
          padding-left: 0px;
           padding-top: 4px;
      background-image: url('../Simg/btn-CheckObjects.png');
}

.sc_isV_btn_CheckObjects:hover {
      background-image: url('../Simg/btn-CheckObjects-h.png');
}

#sc_isV_QS {
                  left: 420px;
                   top: 180px; /*203px;*/
                 width: 148px;
                height: 148px;
           font-family: 'Exo 2', sans-serif; /*'Fira Sans', sans-serif;*/
             font-size: 11px;
      background-color: transparent;
      background-image: url('../Simg/my-self-isV-QS.png');
}

#sc_isV_QS:hover {
      background-color: transparent;
      background-image: url('../Simg/my-self-isV-QS-h.png');
}

#sc_isV_Q, #sc_isV_S {  /* вопрос, ответ */
              position: absolute;
               z-index: 842;
                  left: 12px;
                   top: 14px;
                 width: 69px;
                height: 124px;
      background-color: transparent;
      background-image: url('../Simg/isv_Q.png');
     background-repeat: no-repeat;
}

#sc_isV_S {  /* ответ */
                  left: 92px;
                 width: 29px;
      background-image: url('../Simg/isv_S.png');
}

#sc_isV_Q:hover {
      background-image: url('../Simg/isv_Q-h.png');
}

#sc_isV_S:hover {
      background-image: url('../Simg/isv_S-h.png');
}

#scStartLine, #scPlan, #scTasks, #scAgony, #scStartLineClose, #scStartLineOpen,
#scEssence, #scBtnBack, #scNewLaS, #scNewPC {
                  left: 8px;
                   top: 29px;
                 width: 248px;
                height: 44px;
            text-align: center;
           padding-top: 6px;
           font-family: 'Exo 2', sans-serif;
                 color: black;
             font-size: 14px;
      background-color: transparent;
      background-image: url('../Simg/btn-start-def-idea.png');
}

#scStartLine {
                   top: 32px;
                 width: 1491px;
                height: 94px;
      background-color: transparent;
     background-repeat: repeat-x;
      background-image: url('../Simg/btn-start-def-line.png');
}

#scTasks {
                  left: 260px;
      background-image: url('../Simg/btn-start-def-tasks.png');
}

#scAgony {

                 width: 247px;
                height: 100px;
                  left: 512px;
                   top: 10px;
      background-image: url('../Simg/btn-start-def-agony.png');
}

#scStartLineClose, #scStartLineOpen {
                 width: 39px;
                height: 39px;
                  left: 777px;
                   top: 31px;
      background-image: url('../Simg/btn-start-def-line-close.png');
}

#scStartLineOpen {
               z-index: 888;
                  left: 1537px;
                   top: 4px;
      background-image: url('../Simg/btn-start-def-line-open.png');
}

#scEssence {
                  left: 24px;
                   top: 44px;
                 width: 1259px;
                height: 953px;
      background-color: transparent;
     background-repeat: no-repeat;
      background-image: url('../Simg/agony_of_ideas_Twitter07.png');
}

#scBtnBack {
                  left: 1144px;
                   top: 240px; /*52px;*/
                 width: 248px;
                height: 168px;
      background-color: transparent;
     background-repeat: no-repeat;
      background-image: url('../Simg/btn-start-def-back.png');
}

#scNewLaS {
                  left: 982px; /*888px;*/
      background-image: url('../Simg/btn-start-def-NewLaS.png');
}

#scNewPC {
                  left: 1237px; /*1140px;*/
      background-image: url('../Simg/btn-start-def-NewPC.png');
}

#scPlan:hover {
      background-image: url('../Simg/btn-start-def-idea-h.png');
}

#scTasks:hover {
      background-image: url('../Simg/btn-start-def-tasks-h.png');
}

#scAgony:hover {
      background-image: url('../Simg/btn-start-def-agony-h.png');
}

#scStartLineClose:hover {
      background-image: url('../Simg/btn-start-def-line-close-h.png');
}

#scStartLineOpen:hover {
      background-image: url('../Simg/btn-start-def-line-open-h.png');
}

#scBtnBack:hover {
      background-image: url('../Simg/btn-start-def-back-h.png');
}

#scNewLaS:hover {
      background-image: url('../Simg/btn-start-def-NewLaS-h.png');
}

#scNewPC:hover {
      background-image: url('../Simg/btn-start-def-NewPC-h.png');
}

#sh_isV_Timer {
              position: absolute;
               z-index: 888;
                  left: 148px; /*890px;*/
                   top: 44px; /*660px;*/
                 width: 110px; /*100px;*/
                height: 16px;
           padding-top: 0px;
                 color: black;
           font-family: 'Exo 2', sans-serif; /*'Fira Sans', sans-serif;*/
            text-align: center;
             font-size: 12px;
           font-weight: bold;
      background-color: white;
                border: 2px solid darkgrey;
         border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
 -webkit-border-radius: 8px 8px 8px 8px;
}

.Qchar, .Schar {
              position: absolute;
               z-index: 222;
                  left: 0px;
                   top: 0px;
                 width: 18px;
                height: 18px;
                 color: brown;
           font-family: 'Exo 2', sans-serif; /*'Fira Sans', sans-serif;*/
            text-align: center;
             font-size: 13px;
      background-color: yellow;
}

.Schar {
                 color: green;
      background-color: lightyellow;
}


/* --- 12.01.2022 --------------------------------------------------------- */
/* --- 03.04.2022 --- Список текущих вопросов, задач, тем, проблем, ... --- */
/* ---                пустая строка списка и строка с содержимым        --- */
.scLineItemList, .scLineItemListPlus, .scLineItemListMinus {
              position: absolute;
               z-index: 842;
                  left: 14px;
                   top: 44px;
                 width: 427px;
                height: 29px;
                 color: black;
           font-family: 'Exo 2', sans-serif; /*'Fira Sans', sans-serif;*/
            text-align: left;
             font-size: 16px;
          padding-left: 33px;
           padding-top: 4px;
      background-color: transparent;
      background-image: url('../Simg/SideL-ItemInList.png');
     background-repeat: no-repeat;
}

.scLineItemListPlus, .scLineItemListMinus {
                   top: 74px;
      background-image: url('../Simg/SideL-ItemInList-plus.png');
       background-size: 27px;
             font-size: 15px;
                  left: 35px;
}

.scLineItemListMinus {
                   top: 104px;
      background-image: url('../Simg/SideL-ItemInList-minus.png');
       background-size: 25px;
             font-size: 14px;
                  left: 56px;
}

/* --- 24.02.2021 --- вход/регистрация/выход --- */
#scInputName, #scInputText, #scInputBorder, #scInputGo {
              position: absolute;
               z-index: 842;
                  left: 2px;
                   top: 19px;
                 width: 120px;
                height: 24px;
           font-family: 'Exo 2', sans-serif;
                 color: blue;
            text-align: right;
             font-size: 12px;
}

#scInputText {
                  left: 130px;
                   top: 14px;
                 width: 280px;
            text-align: left;
                 color: brown;
             font-size: 14px;
           padding-top: 0px;
          padding-left: 8px;
      background-image: url('../Simg/fld-income.png');
     background-repeat: repeat-x;
         border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
  webkit-border-radius: 8px 8px 8px 8px;
}

#scInputBorder {
                  left: 133px;
                   top: 13px;
                 width: 282px;
                height: 2px;
      background-image: url('../Simg/fld-border.png');
     background-repeat: repeat-x;
}

#scInputGo {
               z-index: 844;
                  left: 280px;
                   top: 40px;
                 width: 113px;
                height: 22px;
                 color: darkgreen;
           padding-top: 2px;
            text-align: center;
             font-size: 14px;
      background-image: url('../Simg/btn-go.png');
     background-repeat: no-repeat;
}

#scInputGo:hover {
                  left: 282px;
      background-image: url('../Simg/btn-go-h.png');
}

/* ================================================== */
/* ------------------------- старое ----------------- */
.scHeart {
              position: relative;
               z-index: 842;
                margin: 270px 592px;
                 width: 160px;
                height: 80px;
            background: lightgrey;
           padding-top: 4px;
                 color: black;
           font-family: "Courier New"; /* 'Exo 2', sans-serif;  'Fira Sans', sans-serif;*/
            text-align: center;
             font-size: 15px;
           line-height: 15px;
}

.scHeart:before, .scHeart:after {
              position: absolute;
               content: "";
                 width: 0;
                height: 0;
                  left: 0px;
           border-left: 80px solid transparent;
          border-right: 80px solid transparent;
}

.scHeart:before {
                   top: -55px;
         border-bottom: 55px solid lightgrey;
}

.scHeart:after {
                bottom: -55px;
            border-top: 55px solid lightgrey;
}

/* --- старое, которое будет удалено --- */
#scThemeBar, #scThemePrev, #scThemeNext, #scThemeCurr {
              position: absolute;
               z-index: 842;
                  left: 344px;
                   top: 224px;
                 width: 680px;
                height: 39px;
           padding-top: 0px;
           font-family: "Courier New";
                 color: yellow;
            text-align: left;
             font-size: 14px;
      background-color: transparent;
}

#scThemePrev, #scThemeNext {
                  left: 8px;
                   top: 4px;
                 width: 260px;
                height: 14px;
                 color: lightgrey;
             font-size: 12px;
}

#scThemeNext {
                  left: 28px;
                   top: 22px;
                 width: 240px;
}

#scCookieView, #scCookieCreate, #scCookieDel {
          position: absolute;
           z-index: 888;
              left: 12px;
               top: 800px; /* 1100px; 760px;*/
             width: 21px;
            height: 28px;
  background-color: transparent;
  background-image: url('../Simg/cookie-view.png');
 background-repeat: no-repeat;
}

#scCookieCreate {
               top: 832px; /*792px;*/
  background-image: url('../Simg/cookie-create.png');
}

#scCookieDel {
               top: 864px; /*824px;*/
  background-image: url('../Simg/cookie-del.png');
}

#scCookieView:hover {
  background-image: url('../Simg/cookie-view-h.png');
}

#scCookieCreate:hover {
  background-image: url('../Simg/cookie-create-h.png');
}

#scCookieDel:hover {
  background-image: url('../Simg/cookie-del-h.png');
}

#scTestText {
          position: absolute;
           z-index: 842;
              left: 44px;
               top: 800px; /*1100px;*/
             width: 800px;
            height: 120px;
       padding-top: 8px;
      padding-left: 8px;
             color: brown;
       font-family: "Courier New";
        text-align: left;
         font-size: 11px;
  background-color: lightgrey;
  
}

#scServiceInfo {
          position: absolute;
           z-index: 842;
              left: 44px;
               top: 930px; /*1230px;*/
             width: 800px;
            height: 13px;
       padding-top: 0px;
      padding-left: 8px;
       font-family: Arial, Helvetica, Sans Serif;
        text-align: left;
         font-size: 11px;
             color: white;
  background-color: black;
}

#scResultArea {
          position: absolute;
           z-index: 842;
              left: 44px;
               top: 979px; /*1279px;*/
             width: 1290px;
            height: 4488px;
       padding-top: 8px;
      padding-left: 8px;
             color: black;
       font-family: "Courier New";
        text-align: left;
         font-size: 11px;
  background-color: lightyellow;

}

/* --- 28.06.22 --- */
.scGmenuL, .scGmenuR, .scGmenuPas {
    position: absolute;
    z-index: 842;
    top: 8px; /* 486px; */
    left: 42px;
    height: 35px;
    width: 22px;
    background-color: transparent;
    background-image: url('../Simg/is-gmenu-l-22x31.png');
    background-repeat: no-repeat;
}

.scGmenuR {
    top: 10px; /* 480px; */
    left: 140px;
    height: 40px;
    width: 37px;
    background-image: url('../Simg/is-gmenu-r-37x40.png');
}

.scGmenuPas {
    top: 44px; /* 510px; */
    left: 60px;
    height: 4px;
    width: 82px;
    background-image: url('../Simg/is-gmenu-pas.png');
    background-repeat: repeat-x;
}

.scGmenuPas:hover {
    background-image: url('../Simg/is-gmenu-act.png');
}

#scContentInside {
    position: absolute;
    z-index: 842;
    top: 400px;
    left: 0px;
    width: 240px;
    height: 22px;
    color: white;
    font-family: Arial, Helvetica, Sans Serif;
    text-align: left;
    font-size: 18px;
}