sel-be_QOL by kuroi_mato_o

/* ==UserStyle==
@name           Sel-be QOL
@namespace      zakupay.sel-be.ru
@version        1.0.4
@description    Небольшие твики для операторов (может поломать некоторые штуки для админов)
@author         Kuroi_Mato_O
==/UserStyle== */

@-moz-document url-prefix('https://zakupay.sel-be.ru/core/offers/operator/workplace'), regexp('^https:\/\/zakupay.sel-be\.ru\/core\/offers\/\d*\/?$')
{

  body
  {
    width: 100%!important;
    overflow: hidden;
    margin: 0!important;
  }
    body > div.content-wrapper > p{
        display: none;
    } 
    /*jump-to-bottom-bug-fix */

/*=== Hide top and bottom bars ===*/
  .navbar-ts, footer
  {
    display: none!important;
  } 

/*=== Hide top buttons ===*/
/*top bar*/
  #remove-btn
  {
    display: none;
  } 
    
/*middle-top bar*/
  .clear-items-btn,
.upper-spread-buttons a[href*='/core/offers/operator/stat'],
.chat-start4context a,
[class*='offer-indicator'],
.btn.bad-rec-btn,
.btn.bad-sort-btn,
#show-rec-data,
/* .retrieve-wrapper:not(#retrieve-btn), */
.retrieve-wrapper[style='    margin-top: 3px;'],
.retrieve-wrapper input,
/* #template-container > div.spread-wrapper > div.upper-spread-buttons > div:nth-child(14), */
.chat-start4context
  {
    display: none!important;
  }
    
/*bottom-top bar*/
  #actiongroup1,
#fontgroup1,
.font-fam,
#FormatTab ul li:nth-child(3) :not(:first-child),
.font-size,
.group-border,
span[func='borders'],span[func="disableRecalc"],span[func='refreshEnd'],
#FormatTab > ul > li:nth-child(4),
#FormatTab > ul > li:nth-child(5),
#FormatTab > ul > li:nth-child(6) :not(span[title*='÷вет']) *,
#FormatTab > ul > li:nth-child(7),
#FormatTab > ul > li:nth-child(8),
#FormatTab > ul > li:nth-child(9),
#FormatTab > ul > li:nth-child(10),
#FormatTab > ul > li:nth-child(11) span:not(:nth-child(2)),
button#error-message,
#check-company-hierarchy
  {
    display: none!important;
  }

/*=== top-mid buttons position and color ===*/
  .upper-spread-buttons
  {
    display: flex!important;
    justify-content: space-evenly;
    flex-flow: row;
    align-items: center;
    height: 30px;
  }/*centering top-mid*/
  .upper-spread-buttons a,
#full-order,
.retrieve-wrapper
  {
    flex-basis: 15%;
    margin: 0!important;
  }

  .upper-spread-buttons a,#full-order,#retrieve-btn,.operator-btn
  {
    display: inline-flex!important;
    align-items: center;
    text-align: center;
    height: 30px!important;
    font-size: 0.95vw!important;
  }
    #TextCopiedButton{
    position: absolute;
    top: 60px;
    right: 50px;
    background: rgb(199 220 247);
    padding: 3px 30px;
    border-radius: 5px;
    border: 1px solid #9bc6ff;
    display: none;
}
/*centering top-mid*/
  #retrieve-btn
  {
    order: 1;
    width: 100%;
  }

  .operator-btn
  {
    height: 30px!important;
    margin: 0!important;
    flex-basis: 15%;
    font-size: 1.1vw!important;
    order: 2;
  } /*swap last 2 buttons*/
  .upper-spread-buttons a:hover,
#full-order:hover,
.retrieve-wrapper a:hover,
.operator-btn:hover
  {
    filter: saturate(150%);
  }

  .first-row
  {
    display: flex!important;
    justify-content: space-between;
    flex-flow: row;
    align-items: center;
    margin: 0px 0 5px 0;
  }
    .first-row .button-cell{
        display: flex!important;
        padding: 0!important;
        border-right: none!important;
    }
    .first-row td:nth-child(2),.first-row td:nth-child(3){
        margin-top: 3px!important;
    }  
  .first-row td:first-child
  {
    flex-basis: 45%;
    padding: 0!important;
  }

  .first-row td:nth-child(2)
  {
    flex-basis: 20%;
  }

  .first-row td:nth-child(3)
  {
    flex-basis: 30%;
  }

  .offer-button-container
  {
    margin: 5px!important;
  }

  .controls-table .first-row #upload-wrapper
  {
    border: none!important;
    background: none!important;
  }

  #upload-order-files
  {
    display: flex!important;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  #upload-order-files ul li
  {
    margin: 0!important;
  }

  .ng-scope, .ng-scope ul
  {
    height: 40px!important;
    max-height: 50px!important;
    width: 100%;
  }

  .ng-scope div
  {
    border: none!important;
    display: flex!important;
    align-items: center!important;
    justify-content: space-evenly!important;
  }

  .ng-scope div.file-show-cont,
  #manual-sort-btn,
  td[rowspan='2'] button,
  #settings
  {
    border: 1px rgb(107,183,205) solid!important;
    border-radius: 5px!important;
    margin: 0 7px!important;
    padding-top: 3px!important;
    text-align: center!important;
    background: #3da2e0;
    font-size: 1vw!important;
    font-weight: bold!important;
    flex: 1 1 0px;
    max-width: 80%;  
  }
  #settings{
        max-width: 38px!important;
        background-image: url('https://img.icons8.com/ios-filled/100/ffffff/settings.png')!important;
        background-position: center!important;
        background-size: 25px!important;
        background-repeat: no-repeat!important;
        
    }

    
    /*SETTINGS BUTTON WORK IN PROGRESS*/
    /*SETTINGS BUTTON WORK IN PROGRESS*/
    /*SETTINGS BUTTON WORK IN PROGRESS*/
                /*start*/
    
    .settingsMenu, .settingsMenu *, :before, :after{
  box-sizing: border-box!important;
  transition: 0.3s!important;
}

.settingsMenu ul {
  background: #3da2e0;
  padding: 0.5em 0;
  margin-top: 1em;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 40px;
  right:20px ;
  color: inherit;
  font: 400 18px Roboto;
  white-space: nowrap;
  cursor: default;
  transition: 0.3s!important;  
}
.settingsMenu ul.hidden {
  margin-top: 0.7em;
  visibility: hidden;
  opacity: 0;

}
.settingsMenu ul:before {
  content: "";
  width: 0.75em;
  height: 0.75em;
  background: #3da2e0;
  position: absolute;
  top: -0.375em;
  right: calc(22px / 2 - .295em);
  transform: rotate(45deg);
}

.settingsMenu li {
  list-style: none;
  padding: 0.5em;
  padding-left: 0.5em;
  margin: 0;
  position: relative;
  cursor: pointer;
}
.settingsMenu li:before {
  position: absolute;
  top: calc(5% + 8px);
  left: 8px;
}
/* .settingsMenu li:nth-child(1):before {
  content: "";
}
.settingsMenu li:nth-child(2):before {
  content: "";
}
.settingsMenu li:nth-child(3):before {
  content: "";
}
.settingsMenu li:nth-child(4):before {
  content: "";
} */
.settingsMenu li:hover {
  background: rgba(255, 255, 255, 0.08);
}
    
    
 /*SETTINGS CHECKBOXES*/   
.toggle-btn {
  width: 80px;
  height: 40px;
  margin: 10px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==") no-repeat 50px center #e74c3c;
  cursor: pointer;
  -webkit-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
  cursor: pointer;
}
.toggle-btn.active {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC") no-repeat 10px center #2ecc71;
}
.toggle-btn.active .round-btn {
  left: 45px;
}
.toggle-btn .round-btn {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.toggle-btn .cb-value {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
    
    
    /*SETTINGS BUTTON WORK IN PROGRESS*/
    /*SETTINGS BUTTON WORK IN PROGRESS*/
    /*SETTINGS BUTTON WORK IN PROGRESS*/
                /*end*/
    
    
    
  .ng-scope div.file-show-cont:hover,
  #manual-sort-btn:hover,
  td[rowspan='2'] button:hover,
  #settings:hover {
    background: #46b6f7;
  }

  .ng-scope div.file-show-cont:active,
  #manual-sort-btn:active,
  td[rowspan='2'] button:active:not(#settings) {
    transform: scale(0.98);
    }
 
    
    .upper-spread-buttons a:active, .upper-spread-buttons button:active {
    transform: scale(0.98);
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}    
    
  .ng-scope div.file-show-cont,.file-cont,
  #manual-sort-btn,
  td[rowspan='2'] button:not(#settings){
    padding: 2px 0!important;
    height: 36px;
    transition: transform 0.1s!important;

  }

  .ng-scope div.file-show-cont a,
  .file-cont a  {
    display: block!important;
    color: white;
    width: 100%;
    text-decoration: none!important;

  }

  .ng-scope div.file-show-cont a  {
    padding: 5px;
  }

  img[ng-click='remove(item, true)'], .doc-image  {
    display: none!important;
  }

  .file-cont
  {
    position: relative;
    pointer-events: none;
    border: none!important;
    height: 46px;
    margin: 0 10px 0 10px!important;
    align-self: flex-start;
  }

  .file-cont a
  {
    text-align: center!important;
    flex: 0 0 120px;
  }

  .file-cont a span
  {
    max-width: 300px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-size: 1vw!important;
  }

/*=== Square message, chat and scroll-to-top widgets ===*/
  #omni_widget_iframe_2506-ckn7mv17,.omni-close-btn,.chat-block,.hidden-print
  {
    display: none!important...