/* ---------------------------------------------------------------- */
/* --- 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 - */
/* ---------------------------------------------------------------- */
/* --- 07.10.2025 --- Continue process --------------- www.SCi.by - */
/* --- 14.10.2025 --- Continue process --------------- www.SCi.by - */
/* --- 21.10.2025 --- Continue process --------------- www.SCi.by - */
/* --- 22.11.2025 --- Continue process --------------- www.SCi.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;
}

hr {
            height: 1px;
             width: 555px;
  background-color: #726E6E;
}

ul {
    padding-left: 32px;
}
li {
    padding-left: 0px;
}

#shUpLine, #shLogo, #shSee, #shX_logo {
              POSITION: absolute;
               z-index: 841;
                  left: 0px;
                   top: 0px;
                 width: 888px;
                height: 44px;
           padding-top: 0px;
                 color: black;
           font-family: 'Fira Sans', sans-serif; /* 'Exo 2' 'Fira Sans', sans-serif;*/
            text-align: left;
             font-size: 12px;
           font-weight: bold;
      background-image: url('../shImg/upLine.png');
     background-repeat: no-repeat;
}

#shLogo {
                   top: 444px;
                height: 370px;
      background-image: url('../shImg/shLogoFull.png');
}

#shSee {
               z-index: 842;
                  left: 789px;
                   top: 73px;
                 width: 88px;
                height: 64px;
      background-image: url('../shImg/see.png');
     background-repeat: no-repeat;
}

#shX_logo {
                  left: 617px;
                   top: 136px;
                 width: 271px;
                height: 107px;
      background-image: url('../shImg/shX_logo.png');
     background-repeat: no-repeat;
}

#shLogo:hover {
      background-image: url('../shImg/shLogoFull-h.png');
}

#shSee:hover {
      background-image: url('../shImg/see-h.png');
}

#shX_logo:hover {
                height: 113px;
      background-image: url('../shImg/shX_logo-h.png');
}

#shTimer, #shInfo, #shReply, #shTitle, #shText, #shTaskInfo, #shControl, #shPeopleLogica, #shSign, .shPoint {
              POSITION: absolute;
               z-index: 841;
                  left: 731px;
                   top: 18px;
                 width: 140px;
                height: 18px;
           padding-top: 4px;
                 color: black;
           font-family: 'Fira Sans', sans-serif; /* 'Exo 2' 'Fira Sans', sans-serif;*/
            text-align: center;
             font-size: 14px;
           font-weight: normal;
      background-image: url('../shImg/upTimer.png');
     background-repeat: no-repeat;
                border: none;
         border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
 -webkit-border-radius: 12px 12px 12px 12px;
}

#shInfo {
                  left: 12px;
                 width: 200px;
                 color: blue;
      background-image: url('../shImg/upInfo.png');
         border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
 -webkit-border-radius: 12px 12px 12px 12px;
}

#shReply {
                  left: 222px;
                 width: 500px;
                 color: darkgray;
           font-family: Arial;
      background-color: white;
      background-image: none;
         border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
 -webkit-border-radius: 12px 12px 12px 12px;
}

#shTitle, #shText, #shControl, #shPeopleLogica, #shSign {
               z-index: 840;
                  left: 24px; /*44px;*/
                   top: 66px;
                 width: 720px; /*700px;*/
                height: 369px;
           padding-top: 8px;
                 color: black;
           font-family: 'Times New Roman', Times, serif;
            text-align: left;
             font-size: 28px;
           font-weight: bold;
        letter-spacing: 4px;
      background-image: none;
      background-color: transparent;
}

#shText {
                  left: 12px; /*22px;*/
                   top: 148px;
                 width: 520px; /*488px;*/
                height: 200px;
          padding-left: 8px;
           padding-top: 8px;
                 color: darkgreen;
           font-family: 'Exo 2', sans-serif; /* 'Exo 2' 'Fira Sans', sans-serif;*/
            text-align: left;
             font-size: 13px;
           font-weight: normal;
        letter-spacing: 0px;
      background-color: #F4F4F4;
}

#shTaskInfo {
                  left: 380px;
                   top: -10px;
                 width: 119px;
                height: 118px;
           padding-top: 0px;
      background-image: url('../shImg/btn-Task-Info.png');
         border-radius: 0px 0px 0px 0px;
}

#shControl, #shPeopleLogica {
                  left: 622px;
                   top: 260px;
                 width: 252px;
                height: 153px;
          padding-left: 8px;
           padding-top: 8px;
                 color: #FF803F;
           font-family: 'Exo 2', sans-serif; /* 'Exo 2' 'Fira Sans', sans-serif;*/
            text-align: left;
             font-size: 11px;
           font-weight: normal;
        letter-spacing: 1px;
           line-height: 0.9em;
      background-color: #F4F4F4;
}

#shPeopleLogica {
               z-index: 888;
                  left: 680px;
                   top: 1262px;
                 width: 204px;
                height: 58px;
          padding-left: 8px;
           padding-top: 8px;
                 color: brown;
           font-family: 'Exo 2', sans-serif;
            text-align: left;
             font-size: 11px;
           font-weight: normal;
      background-image: linear-gradient(white, #F6C4CC, yellowgreen);
             transform: rotate(315deg);
}

#shSign {
               z-index: 842;
                  left: 410px;
                   top: 777px;
                 width: 369px;
                height: 24px;
           padding-top: 4px;
                 color: blue;
            font-style: italic;
            text-align: right;
             font-size: 12px;
           font-weight: normal;
        letter-spacing: 0px;
      background-image: url('../shImg/email_info.png');
         border-radius: 0px 12px 12px 0px;
    -moz-border-radius: 0px 12px 12px 0px;
 -webkit-border-radius: 0px 12px 12px 0px;
}

.shPoint {
                  left: 8px;
                   top: 336px;
                 width: 130px;
                height: 32px;
                 color: black;
           font-family: 'Montserrat Alternates', sans-serif; /* 'Exo 2' 'Fira Sans', sans-serif;*/
             font-size: 14px;
           font-weight: normal;
           padding-top: 2px;
      background-image: url('../shImg/point.png');
         border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
 -webkit-border-radius: 12px 12px 12px 12px;
}

.shPoint:hover {
                 color: #901F1E;
           font-weight: bold;
      background-image: url('../shImg/point-h.png');
}

.shBorderToFufel {
              POSITION: absolute;
               z-index: 841;
                  left: 900px;
                   top: 8px;
                 width: 77px;
                height: 77px;
      background-image: url('../shImg/BorderToFufel.png');
     background-repeat: no-repeat;
             transform: rotate(0deg);
}

.shFufelName, .shFufelText {
              POSITION: absolute;
               z-index: 841;
                  left: 988px;
                   top: 6px;
                 width: 248px;
                height: 18px;
           padding-top: 4px;
                 color: darkcyan;
           font-family: 'Exo 2', sans-serif; /* 'Exo 2' 'Fira Sans', sans-serif;*/
            text-align: left;
             font-size: 14px;
           font-weight: bold;
}

.shFufelText {
                  left: 999px;
                   top: 20px;
                 width: 666px;
                height: 14px;
           padding-top: 4px;
                 color: lightslategrey;
            text-align: left;
             font-size: 13px;
           font-weight: normal;
}

.shSysAdminTask, .shSysAdminTitle, .shSysAdminText,
#shWorkingMachine, #shToolsForTheLocalNetwork, #shStationeryKnife,
#shUsers_00, #shUsers_01, #shUsers_02 {
          position: absolute;
           z-index: 842;
              left: 12px;
               top: 840px;
             width: 1248px;
            height: 24px;
       padding-top: 8px;
      padding-left: 8px;
             color: orange;
       font-family: 'Exo 2', sans-serif; /* 'Exo 2' 'Fira Sans', sans-serif;*/
        text-align: left;
         font-size: 24px;
  background-color: white;
}

.shSysAdminTitle {
              left: 24px;
               top: 884px;
             width: 1248px;
             color: darkgreen;
       font-family: 'Montserrat Alternates', sans-serif; /* 'Exo 2' 'Fira Sans', sans-serif;*/
         font-size: 18px;
}

.shSysAdminText {
              left: 46px;
               top: 920px;
             width: 842px;
            height: 42px;
             color: black;
       font-family: 'Philosopher', sans-serif; /* 'Exo 2' 'Fira Sans', sans-serif;*/
         font-size: 14px;
  background-color: #FFF4FA;
}

#shWorkingMachine, #shToolsForTheLocalNetwork, #shStationeryKnife,
#shUsers_00, #shUsers_01, #shUsers_02 {
              left: 12px;
               top: 1225px;
             width: 444px;
            height: 272px;
  background-color: white;
  background-image: url('../shImg/shWorkingMachine.png');
 background-repeat: no-repeat;
}

#shToolsForTheLocalNetwork, #shStationeryKnife {
              left: 460px;
             width: 241px;
  background-image: url('../shImg/shToolsForTheLocalNetwork.png');
}

#shStationeryKnife {
              left: 705px;
             width: 266px;
  background-image: url('../shImg/shStationeryKnife.png');
}

#shUsers_00, #shUsers_01, #shUsers_02 {
              left: 12px;
               top: 2180px;
             width: 248px;
            height: 333px;
  background-color: transparent;
  background-image: url('../shImg/shUsers_00.png');
 background-repeat: no-repeat;
}

#shUsers_01, #shUsers_02 {
              left: 216px; /*224px;*/
               top: 2210px;
             width: 421px;
            height: 189px;
  background-image: url('../shImg/shUsers_01.png');
 background-repeat: no-repeat;
}

#shUsers_02 {
               top: 2138px;
              left: 608px; /*615px;*/
             width: 334px;
            height: 333px;
  background-image: url('../shImg/shUsers_02.png');
 background-repeat: no-repeat;
}

#shUsers_00 {
           z-index: 843;
}

#shCreator, #shPageDivs, #shSelectDivs,
.shSelectColor, #shBtnRedSelect, #shBtnGreenSelect, #shBtnBlueSelect,
#shColorMixing, #shBtnRedSelectFact, #shBtnGreenSelectFact, #shBtnBlueSelectFact,
#shSelectedColor,
#shCreatorClose, #shCreatorData, .shDivRuleName, .shDivRuleValue, #shRulesList, #shDivInside {
          position: absolute;
           z-index: 844;
              left: 204px;
               top: 92px;
             width: 900px;
            height: 688px;
             color: black;
       font-family: "Courier New";
        text-align: left;
         font-size: 12px;
  background-color: lightgray;
           opacity: 0.93;
}

#shPageDivs, #shSelectDivs, .shSelectColor, #shColorMixing, .shDivRuleName, .shDivRuleValue {
              left: 330px;
               top: 12px;
             width: 270px;
            height: 28px;
             color: blue;
        text-align: center;
  background-color: orange;
           opacity: 1;
         border-radius: 18px 18px 18px 18px;
}

#shSelectDivs, .shSelectColor, #shColorMixing {
              left: 0px;
               top: 2px;
            height: 24px;
  background-color: white;
            border: none;
}

.shSelectColor, #shBtnRedSelect, #shBtnGreenSelect, #shBtnBlueSelect,
#shBtnRedSelectFact, #shBtnGreenSelectFact, #shBtnBlueSelectFact {
           z-index: 848;
             width: 14px;
            height: 14px;
         font-size: 4px;
  background-color: rgb(0, 0, 0);
}

#shBtnRedSelect, #shBtnGreenSelect, #shBtnBlueSelect,
#shBtnRedSelectFact, #shBtnGreenSelectFact, #shBtnBlueSelectFact,
#shSelectedColor {
           z-index: 888;
              left: 333px;
               top: 10px;
             width: 12px;
            height: 12px;
         font-size: 4px;
  background-color: transparent;
  background-image: url('../shImg/btn-select-color.png');
 background-repeat: no-repeat;
}

#shSelectedColor {
           z-index: 842;
              left: 49px;
               top: 377px;
             width: 142px;
            height: 32px;
       padding-top: 4px;
        text-align: center;
         font-size: 12px;
            border: 1px dotted black;
     border-radius: 8px 8px 8px 8px;
}

#shColorMixing {
              left: 371px;
               top: 0px;
             width: 44px;
            height: 420px;
            border: 1px dotted darkgray;
  background-color: white;
         border-radius: 8px 8px 8px 8px;
}

#shCreatorClose {
              left: 853px;
               top: 0px;
             width: 47px;
            height: 47px;
  background-color: transparent;
  background-image: url('../shImg/btn-CreatorClose.png');
 background-repeat: no-repeat;
           opacity: 1;
}

#shCreatorClose:hover {
  background-image: url('../shImg/btn-CreatorClose-h.png');
}

#shCreatorData {
              left: 10px;
               top: 50px;
             width: 880px;
            height: 420px;
  background-color: white;
           opacity: 1;
}

#shCreator, #shCreatorData {
         border-radius: 26px 26px 26px 26px;
}

.shDivRuleName, .shDivRuleValue, #shRulesList, #shDivInside {
              left: 0px;
               top: 10px;
             width: 168px;
            height: 14px;
             color: black;
        text-align: right;
       padding-top: 2px;
  background-color: lightgray;
           opacity: 1;
     border-radius: 4px 4px 4px 4px;
}

.shDivRuleValue, #shRulesList, #shDivInside {
              left: 174px;
             width: 370px; /*148px;*/
             color: brown;
      padding-left: 4px;
        text-align: left;
}

#shRulesList {
               top: 0px;
              left: 14px;
             width: 548px;
            height: 416px;
      padding-left: 0px;
  background-color: white;
            border: 1px dotted black;
}

#shDivInside {
              left: 568px;
               top: 14px;
            height: 386px;
      padding-left: 4px;
       padding-top: 4px;
             width: 292px;
             color: blue;
         font-size: 11px;
  background-color: transparent;
            border: 1px dotted darkgray;
     border-radius: 4px 4px 4px 4px;
}

#shMySites, .shOneSite {
          position: absolute;
           z-index: 848;
              left: 200px;
               top: 820px;
             width: 580px;
            height: 28px;
  background-color: transparent;
}

.shOneSite {
              left: 0px;
               top: 0px;
             width: 148px;
            height: 24px;
       padding-top: 4px;
             color: blue;
       font-family: "Courier New";
        text-align: center;
         font-size: 14px;
  background-color: transparent;
  background-image: url('../shImg/btn-three-www.png');
 background-repeat: no-repeat;
}

#shResultArea {
          position: absolute;
           z-index: 842;
              left: 12px;
               top: 2540px;
             width: 1248px;
            height: 4488px;
       padding-top: 8px;
      padding-left: 8px;
             color: black;
       font-family: "Courier New";
        text-align: left;
         font-size: 12px;
  background-color: lightyellow;
}

.shColorItem {
          position: absolute;
           z-index: 888;
              left: 12px;
               top: 88px;
             width: 24px;
            height: 24px;
  background-color: yellow;
     border-radius: 50%;
}