/* for table */
.docborderedImage {
  border-radius: 50%;
}
.colorTableForDocFlow tr:nth-child(odd) {
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
.colorTableForDocFlow tr:nth-child(even) {
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
.colorTableForDocFlow thead tr td {
  font-family: bpg_mrgvlovani_caps;
  font-size: 14px;
  color: #448AFF;
}
.colorTableForDocFlow thead tr td span {
  font-weight: normal !important;
  color: #448AFF;
}
.colorTableForDocFlow td {
  padding-left: 20px;
  font-family: bpg_mrgvlovani;
  font-size: 12px;
}
.colorTableForDocFlow table {
  width: 100%;
}
.colorTableForDocFlow-2 tr:nth-child(odd) {
  background-color: #fff;
}
.colorTableForDocFlow-2 tr:nth-child(even) {
  background-color: #eee;
}
.colorTableForDocFlow-2 thead tr td {
  padding: 60px 0 20px 20px;
  font-family: bpg_mrgvlovani_caps;
  font-size: 14px;
  color: #7a7a7a;
}
.colorTableForDocFlow-2 td {
  padding-left: 20px;
  font-family: bpg_mrgvlovani;
  font-size: 12px;
}
.colorTableForDocFlow-2 table {
  width: 100%;
}
.colorTableForDocFlow-3 tr:nth-child(odd) {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
.colorTableForDocFlow-3 tr:nth-child(even) {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}
.colorTableForDocFlow-3 thead tr td {
  padding: 60px 0 20px 20px;
  font-family: bpg_mrgvlovani_caps;
  font-size: 12px;
  color: #7a7a7a;
}
.colorTableForDocFlow-3 td {
  padding-left: 20px;
  font-family: bpg_mrgvlovani;
  font-size: 11px;
}
.colorTableForDocFlow-3 table {
  width: 100%;
}
.colorTableForDocFlow-4 tr:nth-child(odd) {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
.colorTableForDocFlow-4 tr:nth-child(even) {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}
.colorTableForDocFlow-4 thead tr td {
  padding: 20px 0 20px 20px;
  font-family: bpg_mrgvlovani_caps;
  font-size: 12px;
  color: #7a7a7a;
}
.colorTableForDocFlow-4 td {
  padding-left: 20px;
  font-family: bpg_mrgvlovani;
  font-size: 11px;
}
.colorTableForDocFlow-4 table {
  width: 100%;
}
.docflow-toolbar {
  background-color: #ffffff !important;
  height: 49px !important;
  min-height: 49px !important;
  font-family: bpg_mrgvlovani_caps !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
}
.docflow-toolbar-button {
  width: 190px !important;
  height: 35px !important;
  margin: 10px 10px 17px 0 !important;
  color: #707070 !important;
  font-size: 11px !important;
  position: relative !important;
}
.docflow-toolbar-button:hover {
  background-color: #B0BEC5 !important;
  color: #ffffff !important;
}
.docflow-toolbar-button:active {
  background-color: #448AFF !important;
  color: #ffffff !important;
}
.docflow-toolbar-button-2 {
  width: 255px !important;
  height: 35px !important;
  margin: 10px 10px 17px 0 !important;
  color: #707070 !important;
  font-size: 11px !important;
}
.docflow-toolbar-button-2:hover {
  background-color: #B0BEC5 !important;
  color: #ffffff !important;
}
.docflow-toolbar-button-2:active {
  background-color: #448AFF !important;
  color: #ffffff !important;
}
.docflow-admin-toolbar-button {
  width: 230px !important;
  height: 30px !important;
  margin: 8px 10px 17px 0 !important;
  color: #707070 !important;
  font-size: 13px !important;
}
.docflow-admin-toolbar-button:hover {
  background-color: #B0BEC5 !important;
  color: #ffffff !important;
}
.docflow-admin-toolbar-button:active {
  background-color: #448AFF !important;
  color: #ffffff !important;
}
.docflow-toolbar-button-min {
  width: 150px !important;
  height: 20px !important;
  margin: 10px 10px 17px 0 !important;
  color: #707070 !important;
  font-size: 9px !important;
}
.docflow-toolbar-button-min:hover {
  background-color: #B0BEC5 !important;
  color: #ffffff !important;
}
.docflow-toolbar-button-min:active {
  background-color: #448AFF !important;
  color: #ffffff !important;
}
.docflow-toolbar-button-selected {
  background-color: #448AFF !important;
  color: #ffffff !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.docflow-app-icon {
  width: 50px !important;
  height: 50px !important;
  margin: 3px 35px 12px 40px !important;
}
.docflow-submenu {
  height: 35px !important;
  min-height: 35px !important;
  background-color: #f9f9f9 !important;
  border-bottom: 1px solid #cccccc;
  margin-top: 3px !important;
}
.docflow-submenu-button {
  color: #707070 !important;
  font-size: 13px !important;
  font-family: bpg_mrgvlovani;
}
.docflow-submenu-active-button {
  color: #448AFF !important;
  border-bottom: 2px solid #448AFF;
  font-family: bpg_mrgvlovani;
  border-radius: 0;
}
.docflow-toolbar-button-version2 {
  height: 49px;
  margin: 0 20px 0 0 !important;
  color: #000000 !important;
  font-size: 14px !important;
  position: relative !important;
  font-family: HelveticaCaps;
  min-width: unset !important;
}
.docflow-toolbar-button-selected-version2 {
  color: #00375A !important;
  border-bottom: 2px solid #00375A;
  border-radius: 0;
}
.docflow-submenu-version2 {
  height: 40px !important;
  min-height: 40px !important;
  background-color: #e1f5fe !important;
  border-bottom: 1px solid #e1f5fe;
}
.docflow-monitoring-submenu-version2 {
  height: 35px !important;
  min-height: 35px !important;
}
.docflow-submenu-button-version2 {
  color: black !important;
  font-size: 11px !important;
  font-family: bpg_mrgvlovani;
  height: 35px !important;
}
.docflow-submenu-checkbox {
  margin-top: 16px !important;
  font-family: Helvetica;
}
.docflow-monitoring-submenu-button-version2 {
  color: black !important;
  font-size: 11px !important;
  font-family: bpg_mrgvlovani;
  height: 35px !important;
  margin-bottom: -8px !important;
}
.monitoringSubMenuDiv {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
}
.docflow-submenu-active-button-version2 {
  color: #00375A !important;
  border-bottom: 2px solid #00375A;
  font-family: bpg_mrgvlovani;
  border-radius: 0;
}
.docflow-monitoring-submenu-active-button-version2 {
  color: #00375A !important;
  border-bottom: 2px solid #00375A;
  font-family: bpg_mrgvlovani;
  border-radius: 0;
  margin-bottom: -8px !important;
}
.animate-show-hide.ng-hide {
  opacity: 0;
}
.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove {
  transition: cubic-bezier(0.42, 0, 0.58, 1) 0.5s;
  transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  /** Safari & Chrome **/
  -o-transform: translate(100%, 0);
  /** Opera **/
  -moz-transform: translate(100%, 0);
  /** Firefox **/
}
.docinfo-header {
  font-size: 14px;
  color: #448AFF;
}
.docflow-document-info {
  font-size: 11px;
  font-weight: bold;
  font-family: bpg_mrgvlovani;
  margin-bottom: -15px;
}
.docflow-document-info-label {
  font-size: 11px;
  font-weight: bold;
  font-family: bpg_mrgvlovani;
}
.docflow-download-btn {
  height: 10px !important;
  width: 30px !important;
  margin-top: 15px !important;
  background-color: #448AFF !important;
}
.docflow-upload-btn {
  height: 10px !important;
  width: 30px !important;
  margin-top: 15px !important;
  background-color: #4CAF50 !important;
}
.docflow-info-box-shadow {
  -webkit-box-shadow: 10px 11px 8px 1px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 10px 11px 8px 1px rgba(0, 0, 0, 0.27);
  box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.1);
}
.docflow-info-dotted {
  position: relative;
  background: inherit;
}
.docflow-info-dotted:before {
  width: 100%;
  content: '';
  position: absolute;
  bottom: .4rem;
  height: 0;
  line-height: 0;
  border-bottom: 2px dotted black;
}
.docflow-info-dotted > span {
  position: relative;
  background: inherit;
  display: inline;
  z-index: 1;
}
.file-field-hint {
  position: absolute;
  left: 5px;
  right: auto;
  bottom: -15px;
  font-size: 14px;
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  color: grey;
}
.docflow-calendar div {
  max-width: 220px !important;
}
.docflow-yellow-icon > svg {
  fill: #ff9933;
}
.docflow-red-icon > svg {
  fill: #ff6666;
}
.docflow-green-icon > svg {
  fill: #339966;
}
.docflow-blue-icon > svg {
  fill: #448AFF;
}
.docflow-search-btn {
  background-color: #00375A !important;
}
.docflow-create-new-letter {
  background-color: #2B9F6E !important;
}
.docflow-tab md-ink-bar {
  background: #cccccc;
}
.docflow-x-icon {
  width: 24px !important;
  height: 16px !important;
}
.docflow-field-icons {
  margin-top: 0px !important;
}
.docflow-blue-btn {
  background-color: #448AFF !important;
}
.docflow-search-btn-div {
  position: absolute;
  top: 115px;
  right: 25px;
}
.docflow-refresh-btn-div {
  position: absolute;
  top: 115px;
  right: 100px;
}
.docflow-dochistory-btn-div {
  position: absolute;
  top: 115px;
  right: 175px;
}
.docflow-addLetter-btn-div {
  position: absolute;
  top: 115px;
  left: 75px;
}
.docflow-addLetter-btn-div-2 {
  position: absolute;
  top: 115px;
  left: 75px;
  z-index: 2;
}
.docflow-search-btn-div-2 {
  position: absolute;
  top: 115px;
  right: 75px;
}
.docflow-refresh-btn-div-2 {
  position: absolute;
  top: 115px;
  right: 150px;
}
.docflow-documenthistory-btn-div-2 {
  position: absolute;
  top: 115px;
  right: 225px;
}
.docflow-addLetter-btn-tabs-div {
  position: absolute;
  top: 165px;
  left: 75px;
}
.docflow-refresh-btn-tabs-div {
  position: absolute;
  top: 165px;
  right: 150px;
}
.docflow-documenthistory-btn-tabs-div {
  position: absolute;
  top: 165px;
  right: 225px;
}
.docflow-search-btn-tabs-div {
  position: absolute;
  top: 165px;
  right: 75px;
}
.docflow-addLetter-btn-docs-div {
  position: absolute;
  top: 70px;
  right: 75px;
}
.docflow-search-btn-docs-div {
  position: absolute;
  top: 70px;
  right: 25px;
}
.docflow-documenthistory-btn-docs-div {
  position: absolute;
  top: 70px;
  right: 100px;
}
.docflow-back-btn-docs-div {
  position: absolute;
  top: 70px;
  right: 175px;
}
.docflow-refresh-btn-docs-div {
  position: absolute;
  top: 70px;
  right: 100px;
}
.docflow-structure-checkbox > div {
  height: 5px !important;
}
.document-tools {
  position: fixed;
  top: 0px;
  right: 20px;
  z-index: 1;
}
.tools-list {
  padding: 0 !important;
}
/* Angular Material hides the whole non-active md-tab-content (and all its
   descendants) while a document tab is mid slide-transition or hasn't been
   marked .md-active yet (e.g. a newly opened related-document tab, whose
   selectedTabIndex is assigned on a delayed $timeout). That wildcard hides
   this toolbar along with everything else, so it's re-shown explicitly. */
md-tab-content.md-left:not(.md-active) .tools-list,
md-tab-content.md-left:not(.md-active) .tools-list *,
md-tab-content.md-right:not(.md-active) .tools-list,
md-tab-content.md-right:not(.md-active) .tools-list * {
  visibility: visible;
}
.document-tools-btn:hover {
  cursor: pointer;
  background-color: #448AFF !important;
}
.document-tools-btn:hover md-icon > svg {
  fill: white;
}
.document-tools-btn-active {
  cursor: pointer;
  background-color: #448AFF !important;
}
.document-tools-btn-active md-icon > svg {
  fill: white;
}
.chipsdemoContactChips md-content.autocomplete {
  min-height: 250px;
}
.chipsdemoContactChips md-content.autocomplete input {
  min-width: 400px;
}
.chipsdemoContactChips .md-item-text.compact {
  padding-top: 8px;
  padding-bottom: 8px;
}
.chipsdemoContactChips .contact-item {
  box-sizing: border-box;
}
.chipsdemoContactChips .contact-item.selected {
  opacity: 0.5;
}
.chipsdemoContactChips .contact-item.selected h3 {
  opacity: 0.5;
}
.chipsdemoContactChips .contact-item .md-list-item-text h3,
.chipsdemoContactChips .contact-item .md-list-item-text p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.md-virtual-repeat-container .md-virtual-repeat-scroller .md-autocomplete-suggestions .md-contact-suggestion .md-contact-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 400px !important;
}
@media screen and (min-width: 1200px) {
  .chipsdemoContactChips .contact-item {
    float: left;
    width: 33%;
  }
}
.chipsdemoContactChips md-contact-chips {
  margin-bottom: 10px;
}
.chipsdemoContactChips .md-chips {
  padding: 5px 0 8px;
}
.nomenclature-tree-node {
  border: solid #e9e9e9;
  border-width: 0px 0px 1px 0px;
}
.docflow-clear-autocomplete-btn {
  margin-top: 18px !important;
}
.docflow-two-column-checkboxes {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
/* Test Tree */
/* version 1 */
.tree-center-align {
  float: right;
  margin-right: 2px;
}
.tree ul {
  margin-left: 20px;
}
.tree li {
  list-style-type: none;
  margin: 10px;
  position: relative;
}
.tree li::before {
  content: "";
  position: absolute;
  top: -7px;
  left: -20px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 0 0 0 0px;
  width: 20px;
  height: 15px;
}
.tree li::after {
  position: absolute;
  content: "";
  top: 8px;
  left: -20px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-radius: 0px 0 0 0;
  width: 20px;
  height: 100%;
}
.tree li:last-child::after {
  display: none;
}
.tree li:last-child:before {
  border-radius: 0 0 0 5px;
}
ul.tree > li:first-child::before {
  display: none;
}
ul.tree > li:first-child::after {
  border-radius: 5px 0 0 0;
}
.tree li div {
  border: 1px #ccc solid;
  border-radius: 2px;
  padding: 5px 5px;
  background-color: #fbfbfb;
  width: 500px;
  word-wrap: break-word;
}
.tree li div:active {
  border: none;
}
.tree li div:focus {
  border: none;
}
.tree li div:hover .info-div {
  display: block;
}
.tree li div:hover .main-info-span {
  display: none;
}
.info-div {
  display: none;
  width: 380px;
  min-height: 100px;
  background-color: #fff;
}
.info-document-no-hover:hover {
  border: none !important;
  border: 0 !important;
  padding: 0 !important;
}
.tree li div:hover,
.tree li div:hover + ul li div,
.tree li div:focus,
.tree li div:focus + ul li div {
  background: #ccc;
  color: #000;
  border: 1px solid red;
}
.tree li div:hover + ul li::after,
.tree li div:focus + ul li::after,
.tree li div:hover + ul li::before,
.tree li div:focus + ul li::before .tree li div:hover + ul::before,
.tree li div:focus + ul::before .tree li div:hover + ul ul::before,
.tree li div:focus + ul ul::before {
  border: 1px solid #000;
  /*connector color on hover*/
}
.active-document-when-search {
  border: 2px solid #ec0808 !important;
}
/* version 2 */
.tree-main-div {
  background-color: #e2e2e2;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.tree-main-div .container-main-div {
  width: 240px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
}
.tree-main-div .container-main-div .container-div {
  width: 220px;
  height: 100px;
  margin-left: 10px;
  margin-top: 10px;
  border: 1px solid black;
}
.tree-main-div .container-main-div .container-border-2 {
  width: 17px !important;
  height: 0px;
  background-color: #800059;
  border: solid green 1px;
  position: absolute;
  top: 60px;
  left: 232px;
}
.tree-main-div .container-main-div .container-border-1 {
  width: 8px;
  height: 0;
  background-color: green;
  border: solid green 1px;
  position: absolute;
  top: 60px;
  left: 0;
}
.tree-main-div .container-main-div .container-border-3 {
  width: 1px;
  height: 120px;
  background-color: green;
  border: solid green 1px;
  position: absolute;
  top: 60px;
  left: 240px;
}
.tree-main-div .lv2 {
  left: 240px !important;
}
.tree-main-div .lv3 {
  left: 480px;
}
.tree-main-div .lv4 {
  left: 720px;
}
.tree-main-div .top2 {
  top: 120px !important;
}
.tree-main-div .top3 {
  top: 240px;
}
.tree-main-div .top4 {
  top: 360px;
}
.tree-main-div .top2-bord {
  top: 180px !important;
}
.tree-main-div .top3-bord {
  top: 300px !important;
}
.tree-main-div .top4-bord {
  top: 420px !important;
}
/*version 3*/
.main-tree .main-ul-tree {
  padding: 20px;
}
.main-tree .main-ul-tree li {
  list-style-type: none;
  margin: 0 10px;
  padding: 24px 0;
  position: relative;
}
.main-tree .main-ul-tree li:first-child::before {
  content: "";
  position: absolute;
  top: 35px;
  left: -28px;
  border-bottom: 1px solid #5a5a5a;
  border-radius: 0 0 0 0px;
  width: 29px;
  height: 15px;
}
.main-tree .main-ul-tree li:before {
  content: "";
  position: absolute;
  top: 35px;
  left: -15px;
  border-bottom: 1px solid #5a5a5a;
  border-radius: 0 0 0 0px;
  width: 16px;
  height: 15px;
}
.main-tree .main-ul-tree li:after {
  position: absolute;
  content: "";
  top: 50px;
  left: -15px;
  border-left: 1px solid #5a5a5a;
  border-radius: 0px 0 0 0;
  width: 20px;
  height: 100%;
}
.main-tree .main-ul-tree li:last-child::after {
  display: none;
}
.main-tree .main-ul-tree li div {
  width: 220px;
  height: 100px;
  border: 1px solid black;
}
.main-tree .main-ul-tree li ul {
  margin-top: -125px;
  margin-left: 200px;
}
.docflow-task-header {
  padding: 15px 15px;
  background-color: #dcedc8;
}
.docflow-tasks-list {
  background-color: #e0e0e0;
  width: 35% !important;
}
.hide-task-grid {
  width: 2%;
  background-color: #e0e0e0;
}
.hide-task-grid md-list {
  display: none;
}
.docflow-announcement-div-tasks {
  width: 100%;
}
.docflow-announcement-div-tasks-content {
  width: 100%;
}
.docflow-announcement-div-withoyt-tasks {
  width: 98%;
}
.docflow-document-list-header {
  cursor: pointer;
  text-align: center;
  border-radius: 30px;
  background-color: #cbcbcb;
  padding: 5px 7px;
  font-size: 13px;
}
.docflow-document-list-header-active {
  background-color: #fff9c4;
  padding: 5px 7px;
  border-radius: 30px;
  color: black;
  text-align: center;
  font-size: 13px;
}
.docflow-document-list-header-active:focus {
  outline: none;
}
.docflow-document-list-header-active:active {
  outline: none;
}
.docflow-tasks-dialog {
  padding: 6px 12px;
  min-width: 400px;
}
.docflow-return-process-dialog {
  padding: 6px 12px;
  min-width: 550px;
  min-height: 200px;
}
.docflow-visa-comment {
  min-height: 200px;
  width: 600px;
}
.docflow-comment-list {
  height: 300px;
  overflow: auto;
}
.filesIframe {
  width: 900px;
  height: 1000px;
}
@media only screen and (max-width: 1600px) {
  .filesIframe {
    width: 780px;
    height: 1000px;
  }
}
@media only screen and (max-width: 1400px) {
  .filesIframe {
    width: 680px;
    height: 1000px;
  }
}
.case-document-in-motion-tree {
  background-color: #cbcbcb !important;
  font-family: bpg_mrgvlovani_caps !important;
  font-size: 12px !important;
  border-radius: 30px !important;
  width: 400px !important;
}
.document-in-motion-tree {
  background-color: #fff9c4 !important;
  width: 525px !important;
}
.task-in-motion-tree-box-1 {
  background-color: #fff9c4 !important;
}
.task-in-motion-tree-box-2 {
  background-color: #E0F7FA !important;
}
.task-in-motion-tree-box-3 {
  background-color: #E1E1E1 !important;
}
.task-in-motion-tree-box-4 {
  background-color: #fbfbfb !important;
}
.active-chat-group {
  background-color: #f9f9f9 !important;
}
.doc-send-textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: none;
}
.docflow-chat-reviews-div {
  height: 50%;
  overflow: auto;
}
.text-selectable {
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.online-persons:not:first-child {
  margin-left: -25px;
}
wysiwyg-edit .tinyeditor .sizer {
  min-height: 200px !important;
  height: 200px;
}
.outerLetterTable > tbody > tr span {
  padding: 5px 0 5px 0 !important;
}
.outerLetterTable thead tr td {
  padding: 0 0 0 20px !important;
}
.background-yellow-container-chips {
  color: #4caf50 !important;
}
.doc-history-btn {
  background-color: #597B90 !important;
}
.doc-grid-reload-btn {
  background-color: #909090 !important;
}
.docflow-count {
  text-align: center;
  z-index: 100;
  position: relative;
  font-size: 14px;
  margin-left: -6px;
}
.directory-card-box {
  max-width: 500px !important;
}
.tagged-selected-document-toolbar {
  background-color: #e3f2fd !important;
  font-size: 12px !important;
  color: #1e88e5 !important;
}
.input-container-margins div {
  min-height: 0 !important;
}
.search-container md-input-container.md-default-theme label,
.search-container md-input-container label,
.search-container md-input-container.md-default-theme .md-placeholder,
.search-container md-input-container .md-placeholder {
  color: #6d6767 !important;
  font-weight: bold !important;
}
.search-header {
  color: #6d6767 !important;
}
.table-column-menu {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 256px;
}
.table-column-menu-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 48px;
  padding: 0 16px;
  position: relative;
  transition: background 0.15s linear;
  width: auto;
}
.list-block-in-doc-fl {
  max-height: 240px;
  overflow: auto;
}
.table-column-menu-item:hover,
.table-column-menu-item:focus {
  background-color: #eeeeee;
}
.doc-grid-paddings {
  padding: 0 20px 0 0 !important;
}
.rotate-doc-grid-sort-icon {
  -ms-transform: scaleY(-1);
  /* IE 9 */
  -webkit-transform: scaleY(-1);
  /* Chrome, Safari, Opera */
  transform: scaleY(-1);
}
.tasks-dialog-from-doc-table {
  max-width: 1200px;
  max-height: 1000px;
}
.docflow-doc-table table > thead {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.docflow-doc-table table > thead > th {
  white-space: nowrap;
}
.docflow-doc-table table > tbody {
  display: block;
  height: 300px;
  min-width: 1855px !important;
  overflow: auto;
}
.docflow-doc-table table > tbody > tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
table.fixed thead tr:last-child {
  transition: height 0.2s ease-in-out;
}
table.fixed thead tr:last-child th {
  border-bottom: 1px rgba(0, 0, 0, 0.12) solid;
}
table.fixed + table tbody tr:first-child td {
  border-top: none;
}
.docflow-submenu-box {
  background: #03A9F4;
  border: 2px solid grey;
  font-size: 10px;
  position: relative;
  top: 10px;
  display: none;
}
.docflow-submenu-box:after {
  content: '';
  position: absolute;
  top: -10px;
  width: 10px;
  height: 10px;
  border-top: 5px solid grey;
  border-right: 5px solid grey;
  background: #03A9F4;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
nav {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 3;
  top: 10px;
  margin-left: 105px;
}
ul.menu {
  width: 1000px;
  height: 35px;
  line-height: 35px;
  position: relative;
  text-align: center;
  margin-top: 0;
  padding: auto;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
ul.menu li {
  float: left;
  width: auto;
  list-style-type: none;
}
ul.menu li a {
  display: block;
  text-decoration: none;
  min-width: 120px;
  width: auto;
  cursor: pointer;
}
ul.menu li:hover {
  background-color: #f2f2f2;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  transition-duration: 0.33s;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
ul.menu li:hover ul {
  width: 820px;
  background: #f2f2f2;
  visibility: visible;
  opacity: 1;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  transition-duration: 0.33s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
ul.sub-menu {
  opacity: 0;
  visibility: hidden;
  display: block;
  position: absolute;
  left: 0;
  height: 35px;
  line-height: 35px;
  background-color: #f2f2f2;
  font-size: 9px;
}
ul.sub-menu li:hover {
  background-color: #ffffff;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
ul.menu a,
ul.sub-menu a {
  font-family: "bpg_mrgvlovani_caps";
  color: #707070;
  cursor: pointer;
  padding: 0 5px;
}
a.up-arrow {
  display: inline-block;
  position: relative;
  text-decoration: none;
}
a.up-arrow:after {
  visibility: hidden;
  content: '';
  display: block;
  position: absolute;
  left: 50px;
  top: 25px;
  width: 0;
  height: 0;
  border-bottom: 5px solid red;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
ul.menu li:hover a.up-arrow:after {
  visibility: visible;
  border-bottom-color: red;
}
.disabled-radio-group .md-label {
  color: black !important;
}
.task-list-background {
  background-color: #f5f5f5 !important;
}
.task-list-background-white {
  background-color: white !important;
}
.doc-active-sidemenu-button {
  border-left: 5px solid #448AFF;
}
.doc-sidemenuheader .md-sidemenu-toggle {
  background-color: #e1f5fe !important;
}
.doc-sidemenu-button-header {
  background-color: #e1f5fe !important;
}
.docflow-task-box-task-info-title {
  color: #448AFF;
  font-weight: bold;
}
.avoided-card {
   flex: none;
    -webkit-box-flex: 0;
    width: 40px;
    height: 40px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 16px;
    border-radius: 50%;
    box-sizing: content-box;
}
.search-employee-chip-img {
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.search-employee-doc-directive {
  padding-bottom: 16px;
  padding-top: 16px;
}
.search-employee-doc-directive .md-chips .md-chip-input-container md-autocomplete input {
  width: 800px;
}
.task-overdue {
  background: rgba(255, 0, 1, 0.13) !important;
}
.task-near-deadline-background {
  background: rgba(255, 171, 0, 0.26) !important;
}
.grid-background-near-deadline {
  background-image: radial-gradient(rgba(255, 171, 0, 0.26), rgba(255, 171, 0, 0.3));
}
.grid-background-overdue {
  background-image: radial-gradient(rgba(255, 0, 1, 0.2), rgba(255, 0, 1, 0.2));
}
.grid-background-near-deadline3-fast-service {
  /*background: rgba(66, 133, 244, 0.2) !important;*/
  background: rgba(	0, 125, 12, 0.2) !important;
}

.grid-background-near-deadline1-fast-service {
  /*background: rgba(15, 134, 169, 0.2) !important;*/
  /*background: rgba(230, 111, 60, 0.2) !important;*/
  background: rgba(255, 119, 0, 0.2) !important;
}

.template-info-card {
  padding: 15px;
}
.template-info-card div {
  padding: 5px 0;
}
.card-on-hover:hover md-card {
  background-color: #fafafa;
}
.files-list-item {
  cursor: pointer;
  font-size: 12px;
  font-family: bpg_mrgvlovani;
}
.files-list-item:hover {
  background-color: rgba(158, 158, 158, 0.2);
}
.files-list-item-active {
  background-color: rgba(158, 158, 158, 0.2);
}

.selected-document {
  border: 1px solid rgb(59, 63, 65);
}

.selectdemoSelectHeader {
  /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */
}
.selectdemoSelectHeader .demo-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}
.selectdemoSelectHeader .demo-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}
.selectdemoSelectHeader md-content._md {
  max-height: 240px;
}
.switch-in-same-color md-switch.md-cm-pallete-4-theme .md-bar {
  background-color: rgba(76, 175, 80, 0.5) !important;
}
.switch-in-same-color md-switch.md-cm-pallete-4-theme.md-checked.md-primary .md-thumb {
  background-color: #4caf50 !important;
}
.switch-in-same-color md-switch.md-cm-pallete-4-theme .md-thumb {
  background-color: #4caf50 !important;
}
.switch-in-same-color md-switch.md-cm-pallete-4-theme .md-bar {
  background-color: rgba(76, 175, 80, 0.5) !important;
}
.monitorign-grid-margins {
  margin-top: 30px !important;
}
.monitoring-search-btn {
  position: absolute;
  top: 270px;
  right: 75px;
}
.monitoring-refresh-btn {
  position: absolute;
  top: 175px;
  right: 150px;
}
.monitoring-docflow-documenthistory-btn {
  position: absolute;
  top: 175px;
  right: 225px;
}
.monitoring-addletter-btn {
  position: absolute;
  top: 175px;
  left: 75px;
}
.monitoring-search-btn2 {
  position: absolute;
  top: 320px;
  right: 75px;
}
.monitoring-refresh-btn2 {
  position: absolute;
  top: 225px;
  right: 150px;
}
.monitoring-docflow-documenthistory-btn2 {
  position: absolute;
  top: 225px;
  right: 225px;
}
.monitoring-addletter-btn2 {
  position: absolute;
  top: 225px;
  left: 75px;
}
.monitoring-addletter-btn3 {
  position: absolute;
  top: 135px;
  left: 75px;
}
.black-disable-select md-select .md-select-value {
  color: black !important;
  background: none !important;
  border-bottom-color: rgba(0,0,0,0.12) !important;
}
.document-text {
    background-color: white;
    padding: 0 30px;
    margin-right: 15px;
}
.training-catalog-btn {
  background-color: rgb(103, 58, 183) !important;
  color: #fff !important;
  border-radius: 0 !important;
  margin-left: calc((100% - 640px) / 2) !important;
}
.training-catalog-last-slope-arrow {
  width: 0;
  height: 0;
  border-top: 36px solid  rgb(103, 58, 183);
  border-right: 14px solid transparent;
  margin-left: -8px;
}
.to-remove .fr-placeholder {
  display: none !important;
}
p[data-f-id="pbf"],
.to-remove .fr-wrapper div:first-child:not(.fr-element):not(.fr-view) {
  pointer-events: none;
  visibility: hidden;
  z-index: -1 !important;
  opacity: 0 !important;
  margin-top: -31px;
}

.taxi-small-font{
  margin:7px 0px;
}

.taxi-large-font{
 font-size: 20px;
 font-weight: bold;
 margin: 20px 0px;
}

.docflow-document-list-active {
  background-color: #fff9c4;
  color: black;
  font-size: 13px;
}


.task-short-content:focus {
  outline: none;
}

md-icon:focus{
  outline: none;
}

.icon-18-svg > svg{
  font-size: 18px;
}

.doc-side-menu {
  padding-top: 80px;
}

.doc-side-menu-content {
  min-height: 150px;
}
.task-title:focus {
  outline: none;
  border: 0;
}
.md-calendar-left-margin-0 > .md-datepicker-input-container {
  margin-left: 0px;
}

#virtual-repeat > .md-virtual-repeat-scroller {
  margin-top: 60px !important;
  height: 240px !important;
}