/* ---------------------------------------------------------------- */
/* --- 23.04.2022 --- Start process: LR sides -------- www.isV.by - */
/* --- 12.05.2022 --- Continue ----------------------- www.isV.by - */
/* ---------------------------------------------------------------- */
/* --- 14.01.2023 --- Continue ----------------------- www.isV.by - */
/* --- 18.04.2023 --- Continue ----------------------- www.isV.by - */
/* ---------------------------------------------------------------- */

/* --- 27.11.2021 --- поле ввода и кнопки добавления нового вопроса, задачи, проблемы --- */
#scBtnNewQname, #scBtnNewSname,          /* блоки ввода информации */
#scBtnNewQinput, #scBtnNewQfind,         /* поля ввода информации  */
#scBtnNewSinput, #scBtnNewQfind,         /* поля ввода информации  */
.scBtnNewQname_oi, .scBtnNewSname_oi,
#scBtnNewQname_line1x83, #scBtnNewSname_line1x83,
#scQworkArea, #scSworkArea,
#scQworkLine, #scSworkLine{
              position: absolute;
               z-index: 9842;
                  left: 9px; /*28x;*/
                   top: 9px; /*44px;*/
                 width: 490px; /*333px;*/
                height: 83px;
                 color: black;
           font-family: 'Exo 2', sans-serif; /*'Fira Sans', sans-serif;*/
            text-align: center;
             font-size: 15px;
           font-weight: bold;
                border: none;
         border-radius: 17px 17px 17px 17px;
    -moz-border-radius: 17px 17px 17px 17px;
 -webkit-border-radius: 17px 17px 17px 17px;
      background-color: transparent;
      background-image: url('../Simg/btn-new-Qname-line-1x83.png');
     background-repeat: repeat-x;
}

#scBtnNewSname_line1x83 {
                  left: 1000px;
      background-image: url('../Simg/btn-new-Sname-line-1x83.png');
}

#scBtnNewQname, #scBtnNewSname {
                  left: 388px; /*236px;*/
                   top: 2px;
                 width: 62px;
                height: 62px;
      background-image: url('../Simg/btn-new-Qname.png');
}

#scBtnNewQname:hover {
      background-image: url('../Simg/btn-new-Qname-h.png');
}

#scBtnNewSname {
      background-image: url('../Simg/btn-new-Sname.png');
}

#scBtnNewQinput, #scBtnNewQfind,
#scBtnNewSinput, #scBtnNewSfind {
                  left: 8px;
                   top: 8px;
                 width: 367px;
                height: 22px;
          padding-left: 8px;
            text-align: left;
                border: none;
         border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
 -webkit-border-radius: 8px 8px 8px 8px;
      background-color: white;
      background-image: none;
}

#scBtnNewQfind, #scBtnNewSfind {
                  left: 226px;
                   top: 40px;
                 width: 120px;
                height: 22px;
}

.scBtnNewQname_oi, .scBtnNewSname_oi {
                  left: 453px; /*300px;*/
                   top: 14px;
                 width: 31px;
                height: 31px;
      background-image: url('../Simg/btn-new-Qname-oi.png');
}

.scBtnNewQname_oi:hover {
                border: solid 2px green;
}

.scBtnNewSname_oi {
      background-image: url('../Simg/btn-new-Sname-oi.png');
}

#scQworkArea {

                  left: 0px;
                   top: 96px;
                 width: 477px;
                height: 380px; /*444px;*/
            text-align: left;
           padding-top: 4px;
          padding-left: 13px;
/*             font-size: 14px; */
                border: dotted 1px darkgray;
      background-image: none;
      background-color: transparent;
}

#scQworkLine {

                  left: 4px;
                   top: 32px;
                 width: 480px;
                height: 1px;
      background-color: darkgray;
      background-image: none;
}

#scQnavArea {
             position: absolute;
              z-index: 888;
                 left: 14px; /*14px;*/
                  top: 40px; /*40px;*/
                width: 210px;
               height: 48px;
/*               border: dotted 1px red;*/
     background-color: transparent;
}

#scBtnFirst, #scBtnPrev, #scBtnNext, #scBtnLast {
             position: absolute;
              z-index: 888;
                 left: 0px;
                  top: 0px;
                width: 14px;
               height: 20px;
     background-color: transparent;
     background-image: url('../Simg/btn-list-FiLa-pas.png');
  background-repeat: no-repeat;
}

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

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

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

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

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

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

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

#scBtnCopy, #scBtnPaste, #scBtnChange, #scBtnDelete, #scBtnFind {
             position: absolute;
              z-index: 889;
                 left: 81px;
                  top: -4px;
                width: 28px;
               height: 28px;
     background-color: transparent;
     background-image: url('../Simg/btn-ops-copy.png');
  background-repeat: no-repeat;
}

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

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

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

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

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

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

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

#scBtnFind {
                 left: 342px;
     background-image: url('../Simg/btn-ops-find.png');
}

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

#scBtnAllPages, #scBtnCurrPage, #scBtnInside {
             position: absolute;
              z-index: 888;
                 left: 0px;
                  top: 29px;
                width: 34px;
               height: 20px;
            font-size: 12px;
          font-weight: normal;
           text-align: center;
          padding-top: 3px;
     background-color: transparent;
     background-image: url('../Simg/btn-list-AllPages.png');
  background-repeat: no-repeat;
}

#scBtnCurrPage {
                 left: 38px;
     background-image: url('../Simg/btn-list-CurrPage.png');
}

#scBtnInside {
                 left: 86px;
     background-image: url('../Simg/btn-theme-inside.png');
}