html {
  overflow-y: auto;
}

body {
  padding: 0px 0px 0px 0px;
  border-collapse: collapse;
  background: #ffffff;
  margin: 0px;
  /*overflow-y:auto;*/
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 11.6999998092651px;
  color: rgb(65, 65, 65);
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../fonts/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons-halflings-regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"),
    url("../fonts/glyphicons-halflings-regular.woff") format("woff"),
    url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"),
    url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular")
      format("svg");
}

.glyphicon,
.amodit-glyphicon {
  position: relative;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.amodit-background-color-1 {
  /*
        It's value is defined in customCss.ashx. 
        It represents amodit first color
    */
}

.amodit-background-color-2 {
  /*
        It's value is defined in customCss.ashx. 
        It represents amodit secound color
    */
}

.amodit-color-1 {
  /*
        It's value is defined in customCss.ashx. 
        It represents amodit text color depend on first background color
    */
}

.amodit-color-2 {
  /*
        It's value is defined in customCss.ashx. 
        It represents amodit text color depend on secound background color
    */
}

.amodit-link {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}

form {
  margin: 0px;
}

.clearDiv {
  font-size: 0px;
  clear: both;
  /*    height: 0px;*/
  line-height: 0px;
}

.text-uppercase {
  text-transform: uppercase;
}

.valErr {
  background-color: #ffcc99;
}

.nowrap {
  white-space: nowrap;
}

.floatLeft {
  float: left;
}

.GrayBkg {
  background-color: #f7f7f7;
}

#CaseTop {
  width: 100%;
  position: relative;
}

#CaseRight {
  float: right;
  width: 50%;
}

#CaseLeft {
  float: left;
  width: 50%;
}

#ParamsTop {
  width: 100%;
}

#ParamsBottom {
  width: 100%;
}

#ParamsBottom .btParameters {
  margin-left: 20px;
}

input {
  /*    border: solid 1px #CCCCCC;*/
}

.DivDsiplayNone {
  display: none;
}

.DisplayNone {
  display: none;
}

A {
  font-size: 11px;
  font-family: Verdana;
  color: #ff0000;
  text-decoration: none;
}

A:link {
  font-size: 11px;
  font-family: Verdana;
  color: #444;
  text-decoration: none;
}

A:visited {
  color: #3966bf;
  text-decoration: none;
}

A:hover {
  color: #0072c6;
  text-decoration: none;
}

.ParamsModalTable {
  width: 100%;
  padding: 10px 10px 10px 10px;
  border-collapse: separate;
}

.ParamsModalTableHeader {
  color: #66a1e7;
  font-weight: bold;
  font-size: larger;
  margin: 0px 0px 10px 0px;
}

.ParamsModalTable td {
}

.ParamsModalTable td.separator {
  height: 10px;
  border-bottom: solid 1px #66a1e7;
}

.ParamsModalControl {
  margin: 10px 10px 10px 0px;
}

.ParamsModalTextBox {
  margin: 10px 10px 10px 0px;
  width: 100%;
}

.headerPhoneMenu {
  display: none;
  float: left;
  color: white;
  font-size: 20px;
  font-weight: bold;
  width: 40px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none !important;
  cursor: pointer !important;
  margin: 1px 0px 0px 1px;
}

.headerPhoneMenu::before {
  content: "\e236";
}

.HeaderDiv {
  line-height: 16px;
  border: none;
  min-width: 100%;
  width: auto;
  display: block;
}

.HeaderDiv div.HeaderPart {
  border: none;
  padding: 5px 5px;
  float: left;
}

.HeaderDiv div.HeaderPart td {
  padding: 5px 5px;
  vertical-align: top;
}

.HeaderDiv .titlecol {
  text-align: right;
  width: 40px;
  padding: 5px;
  line-height: 22px;
}

.HeaderDiv .valuecol {
  text-align: left;
  line-height: 22px;
}

.AdvancedSearchPanel #CaseListLeft {
  float: left;
  min-height: 172px;
}

.AdvParamsTable {
  vertical-align: middle;
  line-height: 16px;
  border: none;
  padding: 5px 5px;
}

.ParamsTable {
  vertical-align: middle;
  line-height: 23px;
  border: none;
  background-color: #fff;
  table-layout: fixed;
}

.ParamsTable .cell .ParamsTable {
  width: auto;
}

.ParamsTable td {
  border: none;
  padding: 5px 5px;
  vertical-align: middle;
}

.ParamsTable td.descriptionrow {
  line-height: normal;
  padding: 0px;
  height: auto;
  margin: 0px;
}

.ParamsTable td textarea {
  width: 750px;
  min-height: 150px;
}

.TableControlPanel {
  height: 30px;
  line-height: 30px;
}

.TableControlPanel * {
  vertical-align: middle;
}

.AMODFormField {
  position: relative;
  min-width: 300px;
}

.FormFieldTable .AMODFormField {
  min-width: 1px;
}

.ParamsTable .FormFieldTable td.cell textarea {
  width: 300px;
  min-height: 75px;
}
/*.ParamsTable .FormFieldTable td.cell .DictDropDown {
    display:block;
}*/
.ParamsTable .input {
  min-width: 150px;
  border: solid 1px #cccccc;
}

.ParamsTable td img {
}

.ParamsTable .titlecol {
  /*width:100px;*/
  width: 5%;
  text-align: right;
}

.ParamsTable .valuecol {
  /*width:200px;*/
  width: 20%;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  line-height: 22px;
}

.ParamsTable .paramname {
  width: 150px;
  color: rgb(38, 38, 38);
  font-family: "Segoe UI Semilight", "Segoe UI", Segoe, Tahoma, Helvetica, Arial,
    sans-serif;
  font-size: 13px;
  font-weight: normal;
}

.ParamsTable .Separator {
  border-bottom: 1px solid #cccccc;
}

/*.ParamsTable td input
{
	width:300px;
}*/
.ParamsSectionDiv {
  font-weight: bold;
  text-align: left;
  float: left;
  margin: 30px 10px 20px 10px;
}

form fieldset {
  padding: 20px 20px 10px 20px;
  margin: 10px 10px 10px 10px;
  border: 1px solid rgb(225, 225, 225);
}

form fieldset legend {
  font-weight: bold;
  color: rgb(68, 68, 68);
}

#ParamsMain {
  min-width: 100%;
}

#ToolbarMain {
  width: 100%;
}

#FormParamsMain {
  float: left;
}

#ToolbarMain input {
}

#Case {
}

#Toolbar {
}

#Params {
  float: left;
  width: 60%;
}

#CommentsTable {
}

.CommentField {
  height: 250px;
}

.CommentItem {
  padding: 5px 0px;
  background-color: White;
}

.CommentHeader {
  background-color: #ededed;
  padding: 5px;
}

.CommentText {
  padding: 5px;
  background-color: White;
  white-space: pre-wrap;
}

.CommentUserName {
  padding-top: 5px;
  display: inline;
}

.SectionHeader {
  font-weight: bold;
  line-height: 20px;
  padding-left: 5px;
  margin-bottom: 10px;
}

.CommentMore {
  text-align: right;
  width: 100%;
}

.CommentMore input {
  background-image: url("../images/arrow-small.png");
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-right: 20px;
  margin: 5px;
}

.TableAttach th {
  background-color: #ededed;
  border: 0px none;
  padding: 5px;
  text-align: left;
}

.TableAttach td {
  border: 0px none;
  height: 15px;
  padding: 5px;
  text-align: left;
}

.TableAttach {
  width: 100%;
  border-collapse: collapse;
}

.TableAttachRow:hover {
  background-color: #f3f3f3;
  border: 0px none;
  cursor: pointer;
}

#Attachments {
  padding: 5px 0px; /*position:relative;*/
}

#AttToolTip {
  border: 3px solid #fff;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  padding: 5px;
  min-height: 4em;
  display: none;
  position: absolute;
  left: 0px;
  right: 0px;
  border-collapse: separate;
}

.ListInfo {
  text-align: center;
  margin-top: 10px;
}

#CaseListTop {
  width: 99%;
}

#CaseListBottom {
  width: 99%;
}

#CaseListTbLeft {
  float: left;
  padding-left: 200px;
  padding-top: 100px;
}

#CaseListTbRight {
  float: right;
  padding-top: 50px;
}

#CaseListTbRight input {
  margin-bottom: 15px;
  width: 150px;
}

.MyCassesLeftCol {
  width: 200px;
  float: left;
  text-align: center;
  padding-top: 50px;
}

.NavTabs {
  float: left;
  width: 100%;
}

.NavTabs ul {
  padding: 0px;
}

.NavTabs ul li {
  float: left;
  list-style: none outside none;
  padding: 4px;
  border: 1px solid black;
  font-weight: bold;
}

.NavTabs ul li.NavActive {
  background-color: #ffffff;
}

#tooltip {
  padding: 3px;
  background: #e8e8e8;
  border: 1px solid black;
  text-align: left;
  font-size: 11px;
  font-family: Verdana;
  color: #646464;
  padding: 5px;
}

span.tip {
  border-bottom: 1px solid #eee;
}

.TableAttachMenu {
  width: 5px;
}

.TableAttachMenu:hover {
  width: 5px;
}
/*#AttFormBg
{
	display:none;
	z-index: 1503;
	background-color:black;
	position:absolute;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}*/

.ModalBg {
  background-color: #d6d6d6;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
}
/*popup Attachment*/
.AttPopup {
  background-color: White;
  width: 500px;
}

.AttPopupTitle {
  font-weight: bold;
  line-height: 20px;
  padding-left: 5px;
  margin-bottom: 10px;
}

.AttPopupUpl {
  text-align: left;
  padding: 5px;
  border-bottom: 1px solid black;
  position: relative;
}

.AttPopupUpl input {
  width: 100%;
}

.AttPopupUpl input.file {
  width: 100%;
}

.AttPopupComment {
  width: 100%;
  text-align: left;
  padding: 5px;
}

.AttPopupButtons input {
  margin: 5px;
}

.AttPopupButtons {
  text-align: center;
}
/*end*/
.divtoresize {
  width: 100%;
  overflow: auto;
}

#procedures .proc-content #tabHistory {
  height: calc(100vh - 106px);
}

.TableMyCases th {
  padding: 10px 5px;
}

.TableMyCases th,
.TableMyCases th a {
  background-color: #66a1e7;
  color: #777;
  border: none;
  text-align: left;
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 11.0500001907349px;
  font-weight: normal;
}

.TableMyCases th a {
  font-weight: bold;
}

.TableMyCases th,
.TableMyCases th a,
.TableAdvancedSearch th,
.FormFieldTable th,
.FormFieldTable td.header,
.FormFieldTable td.summary {
  background-color: #f1f1f1;
  border: none;
}

.TableAdvancedSearch img.noclick {
  height: 16px;
}

.TableMyCases .unread {
  font-weight: bold;
}

.TableMyCases .closed {
  color: rgb(119, 119, 119);
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 11.6999998092651px;
}

.TableMyCases .expired {
  color: red;
}

.TableMyCases td {
  border: none;
  height: 15px;
  text-align: left;
  padding: 0px 5px;
}

.TableMyCases {
  width: 100%;
  border-collapse: collapse;
}

.TableMyCasesRow {
  background-color: #fff;
  cursor: pointer;
  height: 30px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.externaluser {
  font-style: italic;
  color: #1c54d6;
}

.notactivated {
  color: Red;
}

.TableMyCases tr.Group td {
  background-color: #cccccc;
  height: 30px;
  border-top: 2px solid #66a1e7;
  border-bottom: 2px solid #66a1e7;
  font-weight: bold;
  font-size: larger;
  text-align: center;
}

.TableMyCases tr.Sum td {
  background-color: white;
  height: 22px;
  border-top: 1px solid #66a1e7;
  border-bottom: 1px solid #66a1e7;
  font-weight: bold;
}

.TableMyCases .alternate {
  background-color: #ffffff;
}

.TableMyCases .advancedsearch {
  border-bottom: 0px !important;
  border-top: 0px !important;
}

.TableMyCases tr:hover {
  background-color: rgba(205, 230, 247, 0.5);
}

.TableMyCasesGroupSeparator {
  background-color: #f3f3f3;
  height: 30px;
  border-top: 1px solid #66a1e7;
  border-bottom: 1px solid #66a1e7;
  display: none;
}

/*end*/
#TableAdvancedSearchScroll,
#TableAdvancedSearchWrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

#TableAdvancedSearchScrollInner,
#TableAdvancedSearchScroll {
  height: 20px;
}

.TableAdvancedSearch th {
  padding: 10px 5px;
}

.TableAdvancedSearch th,
.TableAdvancedSearch th a {
  background-color: #f7f7f7;
  color: #333;
  border: none;
  text-align: left;
}

.TableAdvancedSearch th a {
  font-weight: bold;
}

.TableAdvancedSearch .unread {
  font-weight: 600;
}

.TableAdvancedSearch .closed {
  color: #000099;
}

.TableAdvancedSearch .expired {
  color: red;
}

.TableAdvancedSearch td {
  border: none;
  height: 15px;
  text-align: left;
  padding: 0px 5px;
  color: #555;
  border-top: 1px solid #f4f4f4;
}

.TableAdvancedSearch {
  min-width: 50%;
  max-width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.TableAdvancedSearchRow {
  cursor: pointer;
  height: 30px;
}

.notactivated {
  color: Red;
}

.TableAdvancedSearch tr.Group td {
  background-color: #f7f7f7;
  height: 30px;
  font-weight: bold;
  text-align: center;
}

.TableAdvancedSearch tr.Sum td {
  background-color: white;
  height: 22px;
  text-align: right;
  font-weight: bold;
}

.TableAdvancedSearch tr.NoHover td {
  background-color: #f3f3f3;
  height: 30px;
  cursor: default;
}

.TableAdvancedSearch tr.NoHoverAlternate td {
  background-color: #ffffff;
  height: 30px;
  cursor: default;
}

.TableAdvancedSearch .alternate {
  background-color: #ffffff;
}

.TableAdvancedSearch tr:hover {
  background-color: #f5f5f5;
}

.TableAdvancedSearchGroupSeparator {
  background-color: #f3f3f3;
  height: 30px;
  border-top: 1px solid #66a1e7;
  border-bottom: 1px solid #66a1e7;
  display: none;
}

.TableAdvancedSearchAttachment {
  display: inline;
  white-space: nowrap;
  margin: 1px 2px;
  min-height: 13px;
  cursor: pointer;
}

.TableAdvancedSearch .TableAdvancedSearchPath {
  font-weight: normal;
  font-size: 10px;
}

.TableAdvancedSearch .TableAdvancedSearchPath a {
  font-weight: bold;
  text-decoration: underline;
  font-size: 12px;
}

.TableMyScans th,
.TableMyScans th a {
  background-color: #f1f1f1;
  color: #777;
  border: none;
  text-align: left;
  padding: 10px;
  padding-left: 0px;
}

.TableMyScans .unread {
  font-weight: bold;
}

.TableMyScans td {
  border: none;
  height: 15px;
  text-align: left;
  margin: 0px 5px;
}

.TableMyScans {
  width: 100%;
  border-collapse: collapse;
}

.TableMyScansRow {
  background-color: #fff;
  cursor: pointer;
  height: 30px;
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
}

.TableMyScans .alternate {
  background-color: #ffffff;
}

.TableMyScans tr:hover {
  background-color: #e3e3e3;
}

/*end*/
.noLink {
  cursor: default;
}

.HistoryTable th {
  background-color: #66a1e7;
  color: #ffffff;
  border: none;
  text-align: left;
  margin: 5px;
}

.HistoryTable .unread {
  font-weight: bold;
}

.HistoryTable td {
  border: none;
  height: 15px;
  text-align: left;
  margin: 0px 5px;
}

.HistoryTable {
  width: 100%;
  border-collapse: collapse;
}

.TableHistoryRow {
  background-color: #f3f3f3;
  cursor: pointer;
  height: 30px;
  border-top: 1px solid #66a1e7;
  border-bottom: 1px solid #66a1e7;
}

.TableHistory .alternate {
  background-color: #ffffff;
}

.TableHistory tr:hover {
  background-color: #e3e3e3;
}

.CommentToolBar {
  padding-bottom: 5px;
  padding-top: 5px;
}

.AttToolBar {
  padding-bottom: 5px;
  padding-top: 5px;
}

.ConnCaseToolBar {
  padding-bottom: 5px;
  padding-top: 5px;
}

/*popup comment*/
.CommPopup {
  background-color: White;
  padding: 5px;
  width: 500px;
}

.CommPopupTitle {
  height: 38px;
  font-weight: bold;
  line-height: 38px;
  vertical-align: middle;
}

.CommPopupUpl {
  text-align: left;
  padding: 5px;
  border-bottom: 1px solid black;
  position: relative;
}

.CommPopupUpl input {
  width: 100%;
}

.CommPopupUpl input.file {
  width: 100%;
}

.CommPopupComment {
  width: 100%;
  text-align: left;
  padding: 5px;
}

.CommPopupTextBox {
  padding: 5px;
  width: 480px;
}

.CommPopupButtons input {
  margin: 5px;
}

.CommPopupButtons {
  text-align: center;
}
/*end*/
/*CaseListView*/
#CaseListMain {
  margin: 0px;
  border-collapse: collapse;
}

#CaseListLeft {
  width: 220px;
  height: 100%;
  border-collapse: collapse;
}

#CaseListLeft .searchviewmenu .element {
  padding: 5px 12px 5px 12px;
  display: block;
}

#CaseListLeft .searchviewmenu .element.active {
  background-color: #c8d4d2;
}

#CaseListLeft .searchviewmenu .element:hover {
  background-color: #cde6f7;
  cursor: pointer;
}

#CaseListLeft .searchviewmenu .element .link {
  color: #444;
}

#CaseListLeftExt {
  float: left;
  width: 200px;
  height: 100%;
  border-collapse: collapse;
}

.ExtDesc {
  padding: 5px;
}

#CaseListRightExt {
  margin-left: 204px;
  margin-right: 0px;
  border-left: 4px solid #66a1e7;
  border-collapse: collapse;
  height: 100%;
}

#CaseListRight {
  /*margin-left: 220px;*/
  margin-right: 0px;
  /* border-left: 4px solid #66A1E7; */
  border-collapse: collapse;
  height: 100%;
  width: 80%;
  float: left;
}

#search-criteria-right {
  display: inline-block;
  width: 80%;
  vertical-align: top;
}

#CaseListRight .tbTitle {
  width: 40%;
}
/*end*/
/*CaseToolbar*/
.CaseToolPopup {
  background-color: White;
  padding: 5px;
  width: 90%;
}

.CaseToolPopupTitle {
  font-weight: bold;
  line-height: 20px;
  padding-left: 5px;
  margin-bottom: 10px;
}

.CaseToolPopupMain {
  text-align: left;
  padding: 5px;
  border-bottom: 1px solid black;
  position: relative;
}

.CaseToolPopupMain input {
  margin: 0px;
}

.CaseToolPopupDdl {
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

.CaseToolPopupComment {
  text-align: left;
  padding: 5px;
}

.CaseToolPopupTextBox {
  padding-left: 5px;
  padding-right: 5px;
  width: 480px;
}

.CaseToolPopupTextBoxSingle {
  width: 480px;
  padding-left: 5px;
  padding-right: 5px;
}

.CaseToolPopupButtons input {
  margin: 5px;
}

.CaseToolPopupButtons {
  text-align: center;
}
/*end*/
.addtabframe {
  border: none;
  width: 100%;
  height: 100%;
  display: block;
}

.ajax__dropdown_arrow_image {
  background: url("../images/ddlBg.gif") no-repeat scroll 50% 50% transparent;
}

.ajax__dropdown_arrow {
  /*height:100%; overflow:hidden; position:absolute;*/
}

/*CaseListToolbar*/
.CaseListMenuItem {
  color: #000000 !important;
  display: block;
  margin: 1px 0;
  padding: 4px 19px 4px 19px;
  text-decoration: none;
  cursor: pointer;
}

.CaseListMenuItem:hover {
  color: #333333;
  cursor: pointer;
  display: block;
  margin: 1px 0;
  padding: 4px 19px 4px 19px;
  text-decoration: none;
  background-color: #f3f3f3;
  text-decoration: none;
}

.CaseListMenu {
  background-color: white;
  border: 1px solid #868686;
  cursor: default;
  font-size: 11px;
  padding: 1px 1px 0;
  z-index: 1000;
  position: relative;
}

.CasePicture {
  display: inline;
  margin-right: 5px;
}

.CaseHistoryThumbnail {
  clear: both;
  margin-bottom: 7px;
}
/*end*/

.autocomplete_completionListElement {
  background-color: white;
  border: 1px solid buttonshadow;
  color: windowtext;
  list-style-type: none;
  margin: 0 !important;
  overflow: auto;
  text-align: left;
  visibility: hidden;
  z-index: 100009;
  position: relative;
  padding: 0px;
}

.autocomplete_listItem {
  background-color: white;
  color: #000000;
  margin: 1px 0;
  padding: 4px 19px 4px 19px;
}

.autocomplete_highlightedListIt {
  background-color: #f3f3f3 !important;
  color: #000000;
  margin: 1px 0;
  padding: 4px 19px 4px 19px;
  cursor: pointer;
}

.CaseSelectDll {
  width: 18px;
  float: left;
  text-align: center;
  padding: 6px 0px;
}

.SelectCaseControls {
  margin: 0px;
  background-color: rgb(239, 239, 239);
  height: 50px;
  padding: 0px;
  vertical-align: middle;
}

.SelectCaseControlsContainer {
  padding-top: 10px;
  margin: 0px 10px 0px 10px;
  height: 28px;
  vertical-align: middle;
  float: left;
}

.SelectCaseControlsInput {
  margin-left: 10px;
  width: 600px;
  vertical-align: middle;
}

.SelectCaseControlsInputText {
  float: left;
}

.SelectCaseControlsInput input {
  border: 1px solid #cccccc;
}

.CaseSelectTxt {
  padding: 0px;
  border: none;
  width: 250px;
}

#SearchViewRight {
  margin-left: 201px;
  margin-right: auto;
  padding-left: 3px;
  border-left: 2px solid rgb(225, 225, 225) !important;
}

#SearchViewLeft {
  float: left;
  width: 200px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border: none;
}

/*Procedure*/
#ProceduresRight {
  margin-right: auto;
  padding-left: 3px;
}

#ProceduresLeft {
  float: left;
  width: 400px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  display: none;
  position: absolute;
  z-index: 10;
  background-color: #ffffff;
}

.bodyDiv #Overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100vh - 55px);
  background: #d6d6d6;
  opacity: 0.7;
}

#Procedures {
  width: 100%;
  margin: 0px;
}

.ProcedureDetailsHeader {
  height: 42px;
  line-height: 42px;
  margin: 0px;
  text-align: center;
  padding: 0px;
  font-weight: bold;
}

div.ProceduresListTbl {
  width: 100%;
  overflow: auto;
  height: calc(100vh - 200px);
}

div.ProceduresList {
  width: 400px;
  height: 100%;
  border-right: none;
  padding-top: 10px;
}

div.ProceduresList div.header {
  font-weight: bold;
  line-height: 50px;
}

div.ProceduresList .proceduresButtons {
  text-align: center;
  margin: 5px 0px;
}

div.ProceduresList .proceduresButtons .button {
  display: inline-block;
  margin: 0px 5px;
}

div.ProceduresList .menu {
  margin-bottom: 20px;
}

div.ProceduresList .searchButton {
  position: relative;
  width: 90%;
  margin: auto;
}

div.ProceduresList .searchButton .searchText {
  width: 100%;
  height: 2.5em;
  box-sizing: border-box;
  padding-right: 30px;
}

div.ProceduresList .searchButton .searchImage {
  height: 2em;
  position: absolute;
  top: 3px;
  right: 4px;
}

.ProceduresListCategoryHeader {
  background-color: rgb(241, 241, 241);
  font-weight: bold;
  color: #777;
  border-bottom: 1px solid #ababab;
  line-height: 25px;
}

.ProceduresListSubCategoryHeader {
  background-color: rgb(241, 241, 241);
  font-weight: bold;
  color: #777;
  border-bottom: 1px solid #ababab;
  line-height: 25px;
}

.ProceduresListPanel,
.DictionariesListPanel,
.ReportsListPanel {
  border-collapse: collapse;
  border-bottom: 1px solid rgb(225, 225, 225);
  padding: 10px;
  text-align: left;
  padding-left: 30px;
}

.ProceduresListPanel:hover,
.DictionariesListPanel:hover,
.ReportsListPanel:hover {
  background-color: #f3f3f3;
  cursor: pointer;
}

.ProcedureViewListNew {
  width: 260px;
  margin: 2px;
}

.ProcedureStetesNew {
  width: 13em;
}

.ProcedureStatesTable {
  border-collapse: collapse;
  width: 100%;
}

.ProcedureStatesTable th {
  background-color: rgb(241, 241, 241);
  border-bottom: 1px solid rgb(225, 225, 225);
  color: #777;
  text-align: center;
}

.ProcedureStatesTable th.subHeader {
  text-align: left;
  height: 30px;
}

.ProcedureStatesTable td {
  padding: 2px 5px;
  height: auto;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  margin: 0px 5px;
  /*
        */
}

.ProcedureStatesTableRow {
  background-color: #f3f3f3;
  border: 1px solid rgb(225, 225, 225);
  padding-top: 10px;
  cursor: pointer;
}

.ProcedureStatesTable .ProcedureStatesTableRow.Item {
  background-color: #ffffff;
}

.ProcedureStatesTable td.checkbox {
  width: 30px;
  border: none;
}

.ProcedureStatesTable td.section {
  width: 140px;
  border: none;
  padding: 2px 5px;
  text-align: left;
  line-height: 15px;
}

.ProcedureSettingsTable {
  margin-left: 10px;
}

.ProcedureSettingDesc {
  padding: 3px 0px;
  width: 24%;
  float: left;
}

.ProcedureSettingsValue {
  padding: 3px 0px;
  min-width: 24%;
  float: left;
}

.ProcedureSettingSkanujTo table th td {
  padding-right: 5px;
  text-align: left;
}

.ProcedureSettingOneCell {
  width: 80%;
  clear: both;
  position: relative;
  padding: 3px 0px;
}

.ProcedureSettingOneCell .AutocompletePickerCompletionListElement {
  border: none;
}

.ProcedureSettingOneCell .AutocompletePickerCompletionListElement li {
  border: 1px solid buttonshadow;
  position: relative;
}

.ProcedureSettingOneCell textarea {
  overflow: auto;
  width: 100%;
}

.StageListLabel {
  display: block;
  max-height: 100px;
  overflow: hidden;
}

.ProcedureStatesTableNextStates {
  width: 20%;
}

#ProcedureStetesLeft {
  float: left;
  width: 100%;
}

.ProcedureParamsSectionRow {
  height: 30px;
  border-collapse: collapse;
  font-weight: bold;
  background-color: #f3f3f3;
  border-top: 1px solid rgb(225, 225, 225);
  border-bottom: 1px solid rgb(225, 225, 225);
}

.ProcedureParamsRow td,
.ProcedureParamsSectionRow td {
  padding: 5px 1px;
}

.ProcedureParamsRow {
  vertical-align: top;
}

.ProcedureParamsRow.AlternatingItem {
  background-color: #f3f3f3;
}

.ProcedureStatesTable .search-keyword {
  width: 250px;
}

.ProcedureParamsRow textarea {
  width: 95%;
}

.ProcedureParamsSeparator {
  height: 15px;
  border-bottom: 1px solid #aaa;
  border-collapse: collapse;
}

.ProcedureParamsCheckBoxColumn {
  text-align: right;
  float: right;
}

.ProcedureParamDesc {
  overflow: hidden;
  display: block;
  max-width: 300px;
  max-height: 100px;
}

#ProcedureDetailsMain {
  width: 100%;
}

.collapseParams,
.collapseAllParams > span {
  font-size: 120%;
  font-family: monospace;
  cursor: pointer;
  font-weight: normal;
}

.collapseParams {
  float: left;
}

.collapseParams + div {
  margin-left: 80px;
}

.StatePopup {
  background-color: White;
  padding: 5px;
  width: 500px;
  font-weight: normal;
  text-align: left;
}

.StatePopupTitle {
  font-weight: bold;
  line-height: 20px;
  padding-left: 5px;
  margin-bottom: 10px;
}

.StatePopupTextBox {
  width: 480px;
}

.StatePopupButtons input {
  margin: 5px;
}

.StatePopupButtons {
  text-align: center;
}
/*end*/
.TextBoxHidden {
  display: none;
  width: 90%;
}

.TextBoxHalfHidden {
  display: none;
  width: 95%;
}

.LabelToHide,
.LabelToHideNoEdit {
  display: block;
  min-height: 20px;
  width: 100%;
}

.LabelToHideConst {
  display: block;
  width: 150px;
}

.LabelToHalfHide {
  display: block;
  min-height: 20px;
  width: 50%;
}

.LabelToHideBold {
  display: block;
  /*max-height: 40px;*/
  overflow: hidden;
  width: 100%;
  font-weight: bold;
  font-size: 10px;
  cursor: pointer;
}

.UpdateProgress {
  z-index: 1001;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #ededed;
  padding: 10px 20px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
}

.BoldText {
  font-weight: bold;
}

.TableMyProsedures input {
  width: 200px;
}

.CaseToolPopupText {
  float: left;
}

.CaseToolPopupConrol {
  float: right;
}
/*popup background*/
.ui-widget-overlay {
  background: #d6d6d6;
  opacity: 0.7;
}
/*popup window*/
.PopupTable {
  width: 100%;
}

.PopupTab {
  margin: 10px 10px 10px 10px;
}

.PopupTableRow {
  width: 100%;
  clear: both;
}

.PopupTable .colDesc {
  width: 30%;
  vertical-align: middle;
}

.PopupTable .colValue {
  width: auto;
}

.PopupTable .colDescDiv {
  width: 40px;
  float: left;
  margin-left: 10px;
}

.PopupTable .colValueDiv {
  width: 620px;
  float: left;
}

.PopupTable .fcColValueDiv {
  width: 100%;
  float: left;
}

.ForwardUsers {
  width: 64%;
  margin-left: 25px;
}

.ForwardUserComment {
  width: 75%;
  margin-top: 10px;
}

.ErrorTableRow {
  float: left;
  width: 64%;
  margin-left: 25px;
  text-align: center;
  clear: none;
}

.ForwardStagesStageName {
  position: absolute;
  left: 10px;
  bottom: 20px;
  color: #868686;
}

@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
  .ForwardStagesStageName {
    left: 0;
    bottom: 0;
    position: relative;
    margin-bottom: 7px;
    color: #868686;
  }

  .RowForwardStages,
  .ForwardStages {
    width: 100% !important;
  }

  .ForwardUsers {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }

  .ErrorTableRow {
    width: 100%;
    margin-left: 0;
  }

  .ForwardUserComment {
    width: 100%;
  }

  .PopupSendColMobile {
    display: table;
    margin: 0 auto;
    width: 100px;
    float: none !important;
  }

  .PopupSendColMobile > .PopupSendButton {
    margin-top: 15px;
  }
}

.PopupTable .colRowDivExt {
  width: 670px;
  margin: 10px;
}

.PopupTable .rowSeparator {
  min-height: 10px;
}

.PopupMessage {
  position: relative;
  text-align: left;
  float: right;
  width: 400px;
  padding: 20px 20px 20px 20px;
  border: 1px solid #62a1ee;
  background-color: #ffffff;
  z-index: 1000;
}

div.PopupMessage.divParamDelete {
  padding: 0px 0px 0px 0px;
}

.PopupMainSettings {
  position: relative;
  width: 600px;
  box-sizing: border-box;
  padding: 13px;
  overflow-x: hidden;
}
.PopupMainSettings table td input,
.PopupMainSettings table td select {
  max-width: 80%;
}

.PopupMain {
  position: relative;
  text-align: left;
  width: 600px;
  box-sizing: border-box;
  padding: 13px 13px 13px 13px;
  margin: 0 auto;
}

.PopupMain .Row,
.PopupMainSettings .Row {
  clear: both;
  float: left;
  margin: 5px 0;
}

.PopupMain .colTitle,
.PopupMainSettings .colTitle {
  float: left;
  width: 150px;
}

.PopupMain .colValues,
.PopupMainSettings .colValues {
  float: left;
}

.PopupMainSend {
  width: 800px !important;
}

.PopupMainSendNew {
  width: 700px !important;
}

.PopupMainAddScan {
  width: 800px;
}

.PopupMain select {
  min-width: 6em;
  padding: 7px 5px;
  /*border: 1px solid #ababab;*/
  box-sizing: border-box;
  background-color: #fdfdfd;
  font-family: "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #444;
}

.PopupMain input {
  min-width: 6em;
  padding: 7px 5px;
  /*border: 1px solid #ababab;*/
  box-sizing: border-box;
  background-color: #fdfdfd;
  font-family: "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #444;
}

.PopupMain input[type="radio"] {
  min-width: 0em;
}

.PopupMain input.ForwardStageInputEditable {
  padding: 0px;
}

.PopupMain input[type="checkbox"] {
  min-width: 0em;
}

.PopupMain input[type="file"] {
  border: none;
}

.PopupMain .content .InfoLabel,
.PopupMain .content .RequiredLabel {
  display: inline-block;
  max-height: 500px;
  overflow-y: auto;
}
.PopupMain label {
  padding-bottom: 5px;
  font-size: 1.2em;
}
.PopupMainMsgBox {
  text-align: center;
  width: 400px;
}

.PopupWindow {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.47);
  background-color: #fff;
  width: 620px;
}

.PopupFrame {
  border: none;
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.47);
  width: 620px;
  height: 200px;
}

.PopupRulesFrame {
  /*width: 820px !important;*/
  width: 100vw !important;
  height: 100vh !important;
}

.RuleEditorDialog,
.RuleEditorDialog .PopupMain,
.RuleEditorDialog .RuleCodeDiv {
  width: 100%;
}

.RuleEditorDialog .RuleEditorBox {
  margin: 0px;
  padding: 0px;
  height: 45px;
  width: 100%;
}

.PopupWindowSendFrame {
  border: 1px solid #62a1ee;
  background-color: #ffffff;
  width: 820px;
  height: 200px;
}

.PopupWindowSendFrameFullScreen {
  border: 1px solid #62a1ee;
  background-color: #ffffff;
  width: 100%;
}

.PopupStyleChange {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.47);
  background-color: #ffffff;
  width: 620px;
  height: 200px;
}

.PopupParameter {
  border: 1px solid #62a1ee;
  background-color: #ffffff;
  width: 1020px;
  height: 700px;
}

.PopupWindowSend {
  width: 820px !important;
  min-height: 320px;
}

.PopupWindowSendFrameNew {
  border: 1px solid #62a1ee;
  background-color: #ffffff;
  width: 720px;
  height: 440px;
}

.PopupWindowSendNew {
  width: 720px !important;
  height: 440px;
}

.PopupWindowMsgBox {
  width: 440px;
}

.PopupMsgIcon {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.PopupMsgText {
  margin-left: 100px;
  text-align: left;
  max-height: 600px;
  overflow-y: auto;
  margin-bottom: 15px;
}

.PopupPnlTextBox {
  margin: 15px;
}

.PopupMsgButtons {
  clear: both;
  text-align: center;
}

.PopupControl {
  min-width: 100px;
  width: 99%;
}

.PopupControlName {
  min-width: 100px;
  width: 90%;
}

.PopupDivExt {
  min-width: 20px;
}

.PopupUserSel {
  min-width: 500px;
  border: 1px solid black;
}

.PopupSeparator {
  height: 3px;
  border-bottom: 1px none #62a1ee;
}

.PopupSeparator hr {
  display: none;
}

.PopupTitle,
.PopupTitleSettings {
  background-color: #3f7ecb;
  font-weight: 400;
  height: 40px;
  line-height: 34px;
  padding: 5px 13px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  font-family: "Segoe UI Semilight", "Segoe UI", "Segoe", Tahoma, Helvetica,
    Arial, sans-serif;
  font-size: 1.46em;
  color: #fff;
}

.PopupTitle.warning {
  background-color: #ffea00;
}

.PopupTitle.error {
  background-color: #ff0000;
}

.PopupTitleSettings {
  box-sizing: border-box;
  height: 50px;
}
.loginDialog .PopupTitle .PopupClose {
  top: 0px;
}
a.PopupClose {
  color: #fff;
}

.ErrorPopup {
  color: #ff0000;
  width: 100%;
  float: left;
}

.RequiredLabel {
  color: #ff0000;
}

.InfoLabel {
  color: #07781e;
}

td.CenteredButtons {
  text-align: center !important;
}

.PopupButtons {
  text-align: center;
  margin-top: 5px;
  padding: 13px;
}
/*
.PopupButtons input
{
	margin-right:10px;
}
*/
.PopupSelectDll {
  width: 20px;
  float: right;
  text-align: center;
  padding: 0px;
  top: 0px;
  right: 0px;
  position: absolute;
}

.PopupSelectTxt {
  padding: 0px;
  width: 470px;
  border: 0px none;
}

.PopupSelectControls {
  border: 1px solid #cccccc;
  background-color: White;
  width: 150px;
}

.PopupSelectText {
  padding: 0px;
  width: 120px;
  border: none;
}

.PopupSelectMenuItem {
  color: #000000 !important;
  cursor: pointer;
  display: block;
  margin: 1px 0;
  padding: 4px 19px 4px 19px;
  text-decoration: none;
}

.PopupSelectMenuItem:hover {
  color: #000000;
  cursor: pointer;
  display: block;
  margin: 1px 0;
  padding: 4px 19px 4px 19px;
  text-decoration: none;
  background-color: #f3f3f3;
}

.PopupSelectMenu {
  background-color: white;
  border: 1px solid black;
  cursor: default;
  font-size: 11px;
  padding: 1px 1px 0;
  z-index: 1000;
  position: relative;
  min-width: 300px;
}

.PopupSelectProc {
  background-color: white;
  border: 1px solid black;
  cursor: default;
  font-size: 11px;
  padding-bottom: 5px;
  position: relative;
  z-index: 1000;
  min-width: 200px;
  font-size: 14px;
}

.AdvancedSearchPanel {
  border-bottom: 1px solid #66a1e7;
}

.AdvancedSearchLink {
  text-align: center;
  font-weight: bold;
  margin-left: 5px;
}

.AdvancedSearchCommandPanel {
  padding: 5px 5px 5px 5px;
  overflow: hidden;
}

.PopupSendButton {
  background-repeat: no-repeat;
  background-position: center center;
  height: 95px;
  padding-top: 40px;
  width: 100px;
  display: block;
  float: left;
  border: 1px solid #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  white-space: normal !important;
  line-height: 40px;
  vertical-align: bottom;
  background-image: url(../images/send.png);
  text-align: center;
  cursor: pointer;
}

.PopupSendButton:hover {
  background-image: url(../images/send-selected.png);
}

.PopupSendCol {
  text-align: center;
  vertical-align: top;
}

.popupJqueryTitleDiv {
  float: left;
}

.popupJqueryCloseDiv {
  float: right;
}

.popupJqueryCloseDiv .PopupClose {
  position: relative !important;
  top: 0px !important;
  right: 0px !important;
}

.PopupClose {
  position: absolute;
  right: 10px;
  top: 10px;
}

a.PopupClose:link {
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
}

a.PopupClose.mdi:link {
  font-size: 22px;
}

a.PopupClose:hover {
  color: #ff0000;
  text-decoration: none;
}

input.NoBorder {
  border: 0px none;
  background-color: transparent;
}

.PopupPickerSelectTxt {
  border: 1px solid #aaa;
  padding: 0px;
  background-color: transparent;
  width: 100%;
}

.Picker {
  background-color: white;
  position: relative;
}

.AMODFormField .Picker {
  display: inline-block;
  vertical-align: middle;
}

.PickerDisabled {
  border: 1px solid #cccccc;
  background-color: #efefef;
}

.PopupPickerSelectDll {
  width: 20px;
  float: right;
  text-align: center;
  padding: 6px 0px;
}

.PopupPickerSelectMenu {
  background-color: white;
  border: 1px solid black;
  cursor: default;
  font-size: 11px;
  padding: 1px 1px 0;
  z-index: 10000;
  position: relative;
  min-width: 250px;
  max-height: 400px;
  overflow: auto;
}

.PopupPickerSelectMenuForwardStage {
  background-color: white;
  border: 1px solid black;
  cursor: default;
  font-size: 11px;
  padding: 1px 1px 0;
  z-index: 1000;
  position: relative;
  min-width: 280px;
  max-height: 120px;
  overflow: auto;
}

.PopupWindowAddScan {
  border: 1px solid #62a1ee;
  background-color: #ffffff;
  width: 820px !important;
  height: 580px;
}

.PopupWindowAddScanFrame {
  border: 1px solid #62a1ee;
  background-color: #ffffff;
  width: 820px !important;
  height: 500px;
}

.PopupWindowColorSchema {
  border: 1px solid #62a1ee;
  background-color: #ffffff;
  width: 820px !important;
  height: 500px;
}

.PopupWindowAddScanTab {
  height: 450px;
  overflow: auto;
}

.PopupWindowAddScanLeft {
  width: 55%;
  float: left;
}

.PopupWindowAddScanRight {
  width: 45%;
  float: left;
}

.PickerHidden {
  border: 1px solid #cccccc;
  background-color: White;
  display: none;
}

ul.AutocompletePickerCompletionListElement {
  border: 1px solid buttonshadow;
  background-color: white;
  color: windowtext;
  list-style-type: none;
  margin: 0 !important;
  overflow-y: auto;
  overflow-x: visible;
  text-align: left;
  visibility: hidden;
  z-index: 10009;
  position: fixed;
  padding: 0px;
  max-height: 300px;
  min-width: 250px;
  width: auto;
}

/*end*/
#UsersList {
  width: 100%;
}

.UserSelectDiv {
  border: 1px solid #cccccc;
  overflow: hidden;
  background-color: window;
  width: 480px;
  height: 50px;
  color: windowtext;
}

.SelectMainManu {
  display: inline;
  float: right;
  width: 100px;
  margin-right: 10px;
}

#CaseListSelectPrc {
  margin: 0px;
}

img {
  border: none;
}

div.main {
  min-height: 99%;
  margin: 0px;
  padding: 0px;
  text-align: left;
  background-color: #ffffff;
  /*border: solid 1px #CCCCCC;*/
}

div.header {
  background-color: #000; /*float:left;*/
  width: 100%;
  height: 50px;
}

div.headerSpacer {
  background-color: #fff;
  height: 1px;
}

div.bodyDiv {
  position: relative;
}

div.headerLogo {
  /*width: 500px;*/
  float: left;
  height: 50px;
  padding-left: 20px;
  /* padding-right: 20px; */
  line-height: normal;
  display: inline-block;
}

div.headerLogo a,
div.headerLogo span {
  vertical-align: top;
  display: inline-block;
  height: 47px;
  text-decoration: none;
  line-height: normal;
  color: rgb(255, 255, 255);
  font-size: 22px;
  font-family: SegoeUI-SemiLight-final, "Segoe UI SemiLight",
    "Segoe UI WPC Semilight", "Segoe UI", Segoe, Tahoma, Helvetica, Arial,
    sans-serif;
}
div.headerLogo a {
  width: 200px;
}
div.headerLogo a img {
  max-height: 46px;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

div.headerLogo span {
  line-height: 47px;
}

div.headerLogo img {
  margin-top: 5px;
}

@media screen and (min-width: 1000px) {
  div.headerLogo .PageTitle {
    margin-left: 20px;
    cursor: pointer;
  }
}

div.headerLogo .ExpandButton {
  float: right;
  cursor: pointer;
  margin-left: 20px;
  position: relative;
}

div.headerLogo .ExpandButton img {
  width: 30px;
  height: 30px;
}
/*div.headerLogo .ExpandButton .ExpandButtonTooltip {
        background-color: #FFFFCC;
        border: 1px solid black;
        color:black;
        padding:4px;
        position:absolute;
        top:5px;
        left:30px;
        white-space: nowrap;
    }*/

.afxTooltip {
  background-color: #ffffcc;
  border: 1px solid black;
  color: black;
  padding: 1px;
  position: absolute;
  top: 5px;
  left: 30px;
  white-space: nowrap;
}
.afxTooltip.afxTooltipPrcSettings {
  background-color: #ffffcc;
  border: 1px solid black;
  color: black;
  padding: 1px;
  position: absolute;
  top: 32px;
  left: -175px;
  white-space: nowrap;
}

div.version {
  float: left;
  line-height: 40px;
  color: White;
}

div.headerMenu {
  width: auto;
  float: right;
  line-height: 41px;
  vertical-align: middle;
  height: 50px;
  margin-right: 0px;
}

div.headerMenu a,
div.headerMenu span {
  font-size: 11px;
  color: #ffffff;
  vertical-align: middle;
  line-height: 50px;
  height: 50px;
  display: block;
  /* font-weight: 600; */
  float: left;
}

div.headerMenu span.lastHeaderSpan {
  padding-left: 10px;
  padding-right: 20px;
}

span.headerSpan,
div.headerMenu a,
div.headerMenu span.headerSpan {
  padding-left: 0px;
  padding-right: 0px;
  background-position: right;
  background-repeat: no-repeat;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: none;
  width: 49px;
  text-align: center;
}

div.headerMenu span.headerSpan img,
div.headerMenu span.lastHeaderSpan img {
  margin-bottom: -2px;
  margin-left: 5px;
}

span.ajax__tab_tab img {
  margin-bottom: -4px;
}

.UserContextMenuPanel {
  border: 1px solid #868686;
  z-index: 1000;
  cursor: default;
  padding: 1px 1px 0px 1px;
  font-size: 11px;
  background-color: rgb(234, 234, 234);
  max-height: 86%;
  overflow: auto;
}

a.UserContextMenuItem,
span.UserContextMenuItem,
span.UserContextMenuItemNoHover,
.UserContextMenuItemGroup,
.UserContextMenuItemGroupStrech {
  margin: 0px;
  display: block;
  font-size: 13px;
  color: rgb(68, 68, 68);
  text-decoration: none;
  cursor: pointer;
  padding: 6px 19px 6px 33px;
  white-space: nowrap;
  background-color: #ffffff;
  border: none;
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

span.UserContextMenuItemNoHover {
  cursor: default;
  padding-left: 10px;
}

a.UserContextMenuItemSeparator {
  margin-top: 1px;
}

.UserContextMenuItemGroup {
  height: 30px;
  padding: 0px;
}

.UserContextMenuItemGroupStrech {
  display: block;
  overflow: auto;
  height: 72px;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  /*background-image: url('../images/extraButtonsBg.png');
    background-repeat: repeat;*/
  background-color: #f3f3f3;
}

.UserContextMenuItemGroupStrech div {
  display: inline-block;
}

a.UserContextMenuItem:hover,
span.UserContextMenuItem:hover {
  background-color: rgba(205, 230, 247, 0.5);
  color: rgb(68, 68, 68);
  border: none;
  padding: 6px 19px 6px 33px;
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 13px;
}

a.UserContextMenuItem input[type="image"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a.UserContextMenuItem .MenuImage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50px;
  text-align: center;
  vertical-align: top;
}

.MenuImage {
  color: rgb(68, 68, 68);
}

span.MenuImage {
  width: 52px;
  text-align: center;
  line-height: 22px;
}

.MenuImage img {
  height: 16px;
  vertical-align: middle;
  margin-right: 0px;
  margin-top: -2px;
}

div.headerMenu a:hover {
  text-decoration: none;
}

div.headerLanguageSelection {
  width: auto;
  float: right;
  height: 41px;
  text-align: left;
  vertical-align: middle;
  line-height: 41px;
}

div.headerLanguageSelection input {
  vertical-align: middle;
  margin: 5px;
  padding-top: 5px;
}

.PopupLanguageSelection {
  text-align: center;
  margin-top: 0px;
}

.PopupLanguageSelection ul {
  margin: 5px 10px;
  list-style-type: none;
  border-collapse: collapse;
}

.PopupLanguageSelection li {
  width: 100px;
  float: left;
  text-align: left;
  cursor: pointer;
  padding: 10px 5px;
  border-collapse: collapse;
  border: 1px solid #ffffff;
  display: block;
}

.PopupLanguageSelection li:hover {
  border: 1px solid #c3c3c3;
}

.PopupLanguageSelection li img {
  vertical-align: middle;
  border: 1px solid #000000;
}

.PopupLanguageSelection li a:hover {
  text-decoration: none;
}

div.casemenu {
  /*background-image: url("../images/case-background.png");
    background-repeat: repeat-x;
    background-position: bottom;*/
  background-color: #f3f3f3;
  margin: 0px;
  padding: 0px;
  border-top: solid 1px #cccccc;
  border-bottom: 1px solid rgb(225, 225, 225);
  width: 100%;
  max-height: 130px;
}

input.smallBt {
  min-width: 16px !important;
  width: 16px;
  height: 16px;
  display: block;
  border: none !important;
  cursor: pointer;
}

div.casemenu input.bt,
div.casemenu a.bt,
div.PopupMain input.bt,
div.casemenu a.moreOptions {
  background-repeat: no-repeat;
  /*background-position: center center;*/
  height: 95px;
  padding: 43px 0px 0px 0px;
  width: 100px;
  display: block;
  float: left;
  border: none;
  cursor: pointer;
  white-space: normal !important; /*line-height:40px;*/
  text-align: center; /* vertical-align:bottom;*/
}

div.casemenu a.bt {
  text-decoration: none;
  color: Black;
  width: 66px;
  height: 77px;
  margin: 0px;
  background-size: 66px;
  font-family: "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 11px;
}

div.casemenu div.ToolbarDDBtn {
  border: 1px solid #cccccc;
}

div.casemenu a.moreOptions {
  padding-top: 47px;
  width: 18px;
  border: 1px none;
  height: 48px;
  margin-left: -13px;
}

div.casemenu div.separator {
  background-image: url("../images/case-separator.png");
  background-repeat: no-repeat;
  background-position: top;
  display: block;
  float: left;
  height: 95px;
  width: 5px;
}

div.preload {
  display: none;
}

.ajax__tab_xp .ajax__tab_header,
.ajax__tab_default .ajax__tab_header {
  height: 42px;
  vertical-align: top;
  font-weight: bold;
  background-color: #ffffff;
  border-bottom: 1px solid #fff;
}

.ajax__tab_xp .ajax__tab_header a:link,
.ajax__tab_default .ajax__tab_header a:link {
  font-weight: bold;
}

.ajax__tab_xp .ajax__tab_tab,
.ajax__tab_default .ajax__tab_tab {
  height: 26px;
  vertical-align: middle;
  line-height: 40px;
  padding: 0px 10px;
  -webkit-border-radius-topleft: 5px;
  -webkit-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: rgb(102, 102, 102);
  display: inline-block;
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_xp .ajax__tab_tab .ajax__tab_tab,
.ajax__tab_default .ajax__tab_active .ajax__tab_tab {
  background-color: rgba(233, 233, 233, 0.780392);
  color: #666666;
  border-bottom: 1px solid rgba(233, 233, 233, 0.780392);
  font-weight: 600;
}

.ajax__tab_default .ajax__tab_hover .ajax__tab_tab {
  background-color: rgba(205, 230, 247, 0.5);
  border-bottom: 1px solid white;
  border-right: 1px solid white;
}

.ajax__tab_xp .ajax__tab_body,
.ajax__tab_default .ajax__tab_body {
  background-color: #ffffff; /*#E7E7E7;*/
  margin: 0px;
  padding: 0px;
  overflow: visible;
}

#__tab_ctl00_cph1_clmMyCasses_tcTabs_TabPanelProcedures {
  background-color: #3eb551;
  border-bottom: 1px solid #3eb551;
  color: #fff;
  font-weight: 600;
}

#__tab_ctl00_cph1_clmMyCasses_tcTabs_TabPanelProcedures:hover {
  background-color: #62a1ee;
  color: #ffffff;
  border-bottom: 1px solid #62a1ee;
}

.ajax__tab_default.tabResp .ajax__tab_header {
  border-bottom: none;
  border-right: 1px solid rgb(241, 241, 241);
  float: left;
  height: calc(100vh - 51px);
  overflow-x: hidden;
  overflow-y: auto;
  width: 220px;
}

.ajax__tab_default.tabResp .ajax__tab_header .ajax__tab_outer {
  float: left;
}

.ajax__tab_default.tabResp .ajax__tab_header .ajax__tab_tab {
  width: 200px;
}

.ajax__tab_default.tabResp .ajax__tab_body {
  margin-left: 220px;
}

.ajax__tab_default.tabHeadPrc .ajax__tab_header {
  float: left;
  border-bottom: none;
  height: auto;
  width: 130px;
}

.ajax__tab_default.tabHeadPrc .ajax__tab_header .ajax__tab_outer {
  float: left;
}

.ajax__tab_default.tabHeadPrc .ajax__tab_header .ajax__tab_tab {
  width: 110px;
}

.ajax__tab_default.tabHeadPrc .ajax__tab_body {
  margin-left: 130px;
}

#ctl00_cph1_tcTabs_TabPanelProcedures {
  background-color: #fff;
}

div.content {
  width: 100%;
  height: 100%;
}

div.caseList {
  width: 200px;
  height: 100%;
}

.caseList Input {
  background-image: url(../images/case-list-button-background.jpg);
  width: 200px;
  height: 38px;
  line-height: 38px;
  vertical-align: middle;
  border: none;
  margin-bottom: 1px;
  cursor: pointer;
  display: inline-block;
}

.caseList Input:hover {
  text-decoration: underline;
  float: inherit;
}

.borderTop {
  border-top: 1px solid #cccccc;
}

.noBorder {
  border-top: 0px solid #cccccc;
}

span.NewsDate {
  font-style: italic;
  font-size: smaller;
  color: Gray;
}

td.ListItem {
  padding: 5px;
  min-width: 120px;
}

td.ListItem.sqlnumber,
td.ListItem.sqldate {
  text-align: right;
}

td.ShortListItem {
  padding: 5px;
  text-align: center;
}

th.ShortListItem {
  text-align: center;
}

.container {
  width: 100%;
  text-align: center;
}

.formElement {
  width: 90%;
  margin: 5px;
  text-align: center;
  margin-left: 1px;
  margin-right: 1px;
  padding: 3px 0px;
  clear: both;
}

.formFieldLabel {
  width: 49%;
  text-align: right;
  padding-right: 5px;
  float: left;
}

.FormField {
  margin-right: 1px;
  float: left;
  text-align: left;
  border: 1px solid #ababab;
  width: 300px;
  background-color: rgba(255, 255, 255, 0.85);
}

.CalendarField img {
  margin-top: 4px;
}

.ProcedureFormTable .FormField {
  width: 200px;
}

.formElement .formField {
  margin-right: 1px;
  float: left;
  width: 49%;
  text-align: left;
}

.prediction_button {
  font-size: smaller;
  font-weight: bold;
  margin: 0px 5px 0px 5px;
}

#GraphTab {
  background-color: white; /*#f1f1f1;*/
  position: relative;
}

.proc-content #GraphTab {
  height: calc(100vh - 51px);
  overflow: auto;
}

.graphTabGray {
  background-color: rgb(211, 211, 211) !important;
}

.graphTabLightGray {
  background-color: rgb(241, 241, 241) !important;
}

#GraphAlgorithm {
  float: left;
  width: 150px;
  background-color: #66a1e7;
  color: #ffffff;
  height: 100%;
  text-align: right;
  padding-left: 10px;
  padding-right: 10px;
}

.GraphPreviewAlgoritm {
  float: left;
  width: auto;
  background-color: #66a1e7;
  color: #ffffff;
  height: 100%;
  text-align: right;
  padding-left: 10px;
  padding-right: 10px;
}

/*.graphTabLightGray .ImageMapGraphPreview2 {
    position:absolute !important;
    left:0 !important;
}*/

#GraphPicture {
  background-color: #d3d3d3;
  height: 100%;
}

.CursorPointer {
  cursor: pointer;
}

.graphMenu {
  display: none;
  position: absolute;
  z-index: 5;
  background-color: rgb(241, 241, 241);
  color: Black;
  border: 1px solid;
  text-align: center;
}

.graphMenuHeader {
  font-weight: bold;
}

.graphLockAndAlerts {
  position: absolute;
  z-index: 5;
  background-color: rgb(241, 241, 241);
  color: Black;
  border: 1px solid;
  text-align: center;
}

.graphMenuButton {
  width: 300px;
}

.graphBitmap {
  position: absolute;
  margin-right: 0px;
}

#ResultsList {
  text-align: left;
  margin-left: 40px;
  margin-top: 40px;
  margin-bottom: 40px;
}

#ResultsList a {
  font-size: medium;
}

.SearchTextBox {
  width: 200px;
  height: 16px;
}

.SearchButton {
}

.SearchControlsContainer {
  width: 300px;
  float: right;
  padding-top: 10px;
}

.ShowInfo {
  text-align: center;
  font-size: medium;
  padding-top: 50px;
  padding-bottom: 20px;
  font-size: 18px;
}

.CaseListOuterDiv {
  padding-top: 36px;
  position: relative;
  overflow-x: hidden;
}

.CaseListInnerDiv {
}

.CaseListInnerDiv thead {
  top: 0px;
  left: 0px;
  right: 0px;
}

.CaseListPagesBottom {
  line-height: 25px;
}

.CaseListPages {
  text-align: center;
  padding: 5px;
}

.CaseListPages a {
  margin: 0px 3px;
  font-size: 12px;
  font-family: Verdana;
}

.CaseListPages span {
  margin: 0px 3px;
  font-size: 12px;
  font-weight: bolder;
  font-family: Verdana;
}

#graphmap area {
  border: 1px solid black;
}

#UsersTree {
  float: left;
  width: 350px;
  height: 100%;
  border-right: none;
  border-collapse: collapse;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)),
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 97.75%,
      rgba(0, 0, 0, 0.1) 100%
    );
}

#UsersForm {
  margin-left: 350px;
  margin-right: 0px;
  border-left: none;
  border-collapse: collapse;
  height: 100%;
}

.usersTreePopup {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.47);
  background-color: #ffffff;
  width: 400px;
  display: none;
  position: fixed;
  top: 150px;
  left: 300px;
}

.usersTreePopupMain {
  position: relative;
  text-align: left;
  width: 380px;
  margin: 5px 5px 5px 5px;
}

.usersTreePopupTree {
  overflow: auto;
  height: 270px;
  width: 375px;
}

.usersRight {
  float: left;
  width: 52%;
  border-left: none;
  margin-left: -4px;
}

.usersLeft {
  float: left;
  width: 48%;
  border-right: none;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)),
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 97.75%,
      rgba(0, 0, 0, 0.1) 100%
    );
}

.usersFormFieldLabel {
  min-width: 30%;
  text-align: right;
  display: inline-block;
  *display: inline; /*IE 7 does not understand inline-block*/
  padding-right: 5px;
  vertical-align: top;
}

.usersFormFieldLabelLeft {
  width: 140px;
  text-align: right;
  padding-right: 5px;
  float: left;
  clear: left;
}

.usersFormField {
  text-align: left;
  margin-right: 1px;
  display: inline-block;
  *display: inline; /*IE 7 does not understand inline-block*/
}

.usersFormFieldWide {
  float: left;
  width: 330px;
}

.usersFormSingleField {
  width: 60%;
  float: left;
  text-align: left;
  margin-right: 1px;
  margin-left: 140px;
}

.usersFormElement {
  margin: 5px;
  margin-left: 1px;
  margin-right: 1px;
}

.loginPanel .usersFormElement {
  display: inline-block;
  /*width:80%;*/
}

.usersFormElementTall {
  padding-top: 5px;
  padding-left: 1px;
  padding-right: 1px;
  clear: left;
}

.usersFormLeftElem {
  float: left;
}

.userCurrentGroups {
  max-height: 300px;
  overflow: auto;
}

.usersFormIcon {
  float: left;
  margin-left: 10px;
  cursor: pointer;
}

.usersLogo {
  text-align: center;
  margin: 10px;
}

.usersDepartmentAddDescription {
  font-style: italic;
  margin-top: 30px;
}

.usersChangeDepartmentBtns {
  margin-top: 25px;
}

.usersDepartmentConfirmBtns {
  margin-top: 20px;
  text-align: center;
}

.usersError {
  color: Red;
}

.usersManagers {
  width: 200px;
  text-align: center;
  margin-left: 20%;
  padding: 20px;
  padding-top: 10px;
  margin-top: 50px;
  border: 2px solid #3f7ecb;
  margin-bottom: 20px;
}

.usersPictureElem {
  margin-top: 2px;
  clear: both;
}

.departTree a:active,
.departTree a:link,
.departTree a:visited {
  color: Black;
}

.pnlRegisterPrompt {
  display: block;
  /*padding-top:10px;*/
}

.pnlRegister {
  display: none;
}

.loginFormFieldLabel {
  width: 30%;
  text-align: right;
  padding-right: 5px;
  vertical-align: top;
  float: left;
  padding-bottom: 3px;
}

.loginPanel .loginFormFieldLabel {
  text-align: left;
  width: 100%;
  float: none;
}

.loginFormField {
  width: 60%;
  float: left;
  text-align: left;
  margin-right: 1px;
}

.loginPanel .loginFormField {
  width: 100%;
  float: none;
}

.loginFormSingleField {
  width: 60%;
  float: left;
  text-align: left;
  margin-right: 1px;
  margin-left: 30%;
}

.loginMain {
  min-width: 1000px;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.loginLogo {
  width: 35%;
  height: 100%;
  float: left;
  text-align: right;
}

.loginForm {
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  width: 400px;
}

.loginContainer {
  width: 400px;
  height: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.loginItemsWrapper {
  width: 400px;
}

.loginPanel {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fff;
  color: #000000;
}

.loginCenter {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.loginPanelBorder {
  margin-top: 20px;
  margin-bottom: 20px;
  border: none;
}

.loginDescription {
  padding: 20px 0px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}

.loginDescription img {
  max-width: 100%;
}

.loginCenterText {
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
}

.loginButton {
  background-image: none;
  margin-left: auto;
  margin-right: auto;
  height: 38px;
  width: 150px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
  cursor: pointer;
  display: table;
}

.loginButton input {
  line-height: 38px;
  height: 38px;
  border: 0px none;
  background-color: transparent;
  font-size: 16px !important;
  font-family: Verdana;
  font-weight: bold !important;
  cursor: pointer;
  padding: 0px;
  width: 150px;
}

.loginButton :hover {
  border: 1px solid black;
  text-decoration: none;
}

.loginButton a {
  line-height: 38px;
  height: 38px;
  border: 1px solid white;
  background-color: transparent;
  font-size: 16px !important;
  color: #000000 !important;
  font-weight: bold !important;
  cursor: pointer;
  width: 150px;
  display: block;
}

.loginFailure {
  font-weight: bold;
  color: Red;
}

.resetButton {
  /*background-image:url("../images/case-list-button-background.jpg");*/
  margin-left: auto;
  margin-right: auto;
  height: 38px;
  min-width: 200px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
  cursor: pointer;
}

.resetButton input {
  /*line-height:38px;*/
  height: 38px;
  border: 0px none;
  background-color: transparent;
  font: 16px !important;
  font-family: Verdana;
  font-weight: bold !important;
  cursor: pointer;
  min-width: 200px;
  padding: 0 !important;
}

.resetButton :hover {
  border: 1px solid black;
  text-decoration: none;
}

.resetButton a {
  line-height: 38px;
  height: 38px;
  border: 1px solid white;
  background-color: transparent;
  font-size: 16px !important;
  color: #000000 !important;
  font-weight: bold !important;
  cursor: pointer;
  width: 200px;
  display: block;
}

.pointer {
  cursor: pointer;
}

.settingsMainContainer {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #66a1e7;
  border-right: 1px solid #66a1e7;
}

.settingsSearch {
  height: 50px;
  background: #f1f1f1;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
}

.settingsSearchRight {
  float: right;
  padding: 10px;
}

.settingsSearchLeft {
  float: left;
  padding: 10px;
}

.settingsPopupMain {
  width: 300px;
  text-align: center;
  padding: 5px;
  margin: auto;
}

.settingsPopupDropDown {
  text-align: left;
}

.groupsButton {
  width: 100%;
  height: 30px;
  background-image: url(../images/case-list-button-background.jpg);
  vertical-align: middle;
  border: none;
  cursor: pointer;
  border: none;
  margin-bottom: 1px;
  display: block;
}

.groupsButton:hover {
  width: 100%;
  height: 30px;
  background-image: url(../images/case-list-button-background.jpg);
  vertical-align: middle;
  border: none;
  cursor: pointer;
  border: none;
  margin-bottom: 1px;
  display: block;
  text-decoration: underline;
}

.groupFormElement {
  margin: 5px;
  margin-left: 1px;
  margin-right: 1px;
  text-align: left;
}

.groupsFormFieldLabel {
  width: 45%;
  text-align: right;
  display: inline-block;
  *display: inline; /*IE 7 does not understand inline-block*/
  padding-right: 5px;
  vertical-align: top;
}

.groupsFormField {
  width: 45%;
  text-align: left;
  margin-right: 1px;
  display: inline-block;
  *display: inline; /*IE 7 does not understand inline-block*/
}

.groupsFormField input.textInput {
  width: 300px;
}

#GroupsLeft {
  float: left;
  width: 300px;
  border-right: none;
  border-collapse: collapse;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)),
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 97.75%,
      rgba(0, 0, 0, 0.1) 100%
    );
  overflow: auto;
}

#GroupsRight {
  margin-left: 300px;
  margin-right: 0px;
  border-left: none;
  border-collapse: collapse;
  height: 100%;
}

.groupsDropDownPanel {
  border: 1px solid #62a1ee;
  background-color: #ffffff;
  width: 200px;
  left: 0px;
  top: 0px;
}

.ui-dialog {
  padding: 0px;
  /*left:50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.47);*/
}

.ui-dialog .ui-dialog-content.groupsDropDownPanel {
  padding: 0.5em 0.1em;
}

#taTitleDialog,
#taTitleDialogHtml {
  width: 590px;
  height: 200px;
  margin-bottom: 10px;
}

.groupsList {
  overflow: auto;
  max-height: 350px;
}

.groupsDropDownItem {
  padding: 1px;
}

#GroupsEditMain {
  text-align: center;
}

.groupsAddNewGroup {
  text-align: center;
  padding: 5px;
}

.groupsToolBar {
  background-image: url(../images/case-background.png);
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  padding-bottom: 5px;
}

.groupsToolBarPicker {
  float: left;
  margin-left: 10px;
}

.mainContainer {
  background-color: White;
  width: 100%;
  height: calc(100vh - 52px);
  float: left;
}

.ForwardStages {
  background-color: #f7f7f7;
  border: solid 1px #cccccc;
  position: relative;
  height: 130px;
  width: 800px;
}

.ForwardStageCellContainer {
  border: none;
  padding: 0px 0px 0px 10px;
  position: absolute;
  top: 80px;
  left: 0px;
  width: 100%;
  height: 35px;
}

.ForwardStageCell {
  background-color: White;
  border: solid 1px #868686;
  position: absolute;
  top: 0px;
  width: 100px;
  height: 20px;
  text-align: center;
}

.ForwardStageCell:hover {
  border: solid 1px #66a1e7;
}

.ForwardOtherTxt {
  padding: 0px;
  width: 110px;
  height: 20px;
  border: 0px none;
}

.ForwardStageCellOther {
  background-color: White;
  border: solid 1px #868686;
  position: absolute;
  top: 0px;
  width: 140px;
  height: 20px;
}

.ForwardStageCellOther:hover {
  border: solid 1px #66a1e7;
}

.ForwardStageBorder {
  position: absolute;
  border: solid 1px #868686;
  background-color: #ededed;
}

.ForwardStageBorder:hover {
  position: absolute;
  border: solid 1px #66a1e7;
  background-color: #ededed;
}

.ForwardStageBorderSelected {
  position: absolute;
  border: solid 1px #3eb551;
  background-color: #3eb551;
}

.ForwardStageBorderSelected:hover {
  position: absolute;
  border: solid 1px #868686;
  background-color: #3eb551;
}

.ForwardStageBorderCurrent {
  position: absolute;
  border: solid 1px #66a1e7;
  background-color: #66a1e7;
}

.ForwardStageBorderCurrent:hover {
  position: absolute;
  border: solid 1px #868686;
  background-color: #66a1e7;
}

.ForwardStageInput[type="button"] {
  white-space: pre-line;
  line-height: normal;
  border: none;
  background-color: transparent;
  color: Black;
  font-style: normal;
  width: 100%;
  height: 100%;
  margin: 0px;
}

.ForwardStageInput {
  text-align: center !important;
  height: 100%;
}

.ForwardStageInput[type="text"] {
  outline: 0;
  border: none;
  background-color: transparent;
  color: Black;
  font-style: normal;
  width: 100%;
  height: 100%;
}

.PopupMain .ForwardStageInput {
  padding: 0px;
}

input.ForwardStageInputEditable[type="text"] {
  border: none;
  background-color: transparent;
  text-align: center !important;
  font-style: italic !important;
  color: #868686 !important;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.PickerInput {
  border: none;
  background-color: transparent;
  color: Black;
  font-style: normal;
  width: 80%;
  height: 100%;
}

.PickerInputEditable {
  border: none;
  background-color: transparent;
  font-style: italic !important;
  color: #868686 !important;
  width: 100%;
  height: 100%;
}

.LabelInputEditable {
  font-style: italic !important;
  color: #868686 !important;
  display: block;
  width: 100%;
}

.NewParamPopup {
  position: relative;
  text-align: left;
  float: right;
  width: 400px;
  padding: 5px 5px 0px 5px;
  border: 2px solid #62a1ee;
  background-color: #ededed;
}

.NodeAddNew {
  color: Gray;
  font-style: italic;
}

.ScanPicture {
  width: 450px;
  height: 450px;
  overflow: scroll;
}

.uploadMultipleButton {
  border: 1px solid #cccccc;
  background-color: #f0f0f0;
  display: block;
  float: left;
  margin-right: 10px;
}

span.uploadMultipleButton:hover {
  background-color: #a0a0a0;
}

a.cancelUploadButton {
  display: none;
  float: left;
  font-size: 11px;
  height: 37px;
  text-align: center;
  padding-top: 60px;
  background-image: url("../images/close.png");
  text-decoration: none;
  color: black;
  width: 100px;
}

div.multiUploadStatus div.progressName {
  clear: both;
  float: left;
  margin-right: 5px;
}

div.multiUploadStatus div.progressBarStatus {
  float: left;
}

.CaseIsClosed {
  border-top: solid 1px red;
  border-bottom: solid 1px red;
  text-align: center;
  font-size: large;
  color: red;
  padding: 5px 5px 5px 5px;
  margin: 10px 0px 10px 0px;
}

.CaseIsClosed .closedCaseBkg {
  background-image: url("../images/caseclosed_small.png");
  background-repeat: no-repeat;
  padding-left: 26px;
}

.ReminderPanel {
  color: #66a1e7;
  font-weight: bold;
  background-color: #f7f7f7;
}

.ReminderPanelOthers {
  border: 1px solid #cccccc;
  background-color: #f7f7f7;
  padding: 5px 5px 5px 5px;
}

.FormFieldTable .ajax__calendar_days table {
  border: none;
}

.Calendar .ajax__calendar_container {
  border: 1px solid #ababab;
  background-color: white;
  color: #444;
  z-index: 1001;
  width: 180px;
  padding: 0px;
}

.Calendar .ajax__calendar_body {
  width: 180px;
  height: 120px;
}

.Calendar td {
  padding: 0px !important;
  margin: 0px !important;
}

.Calendar .ajax__calendar_header {
  background-color: rgb(241, 241, 241);
  border-bottom: 1px solid rgb(171, 171, 171);
  height: 24px;
  line-height: 24px;
}

.ajax__calendar_title {
  color: rgb(68, 68, 68);
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal !important;
}

.ajax__calendar_prev {
  margin-top: 3px;
}

.ajax__calendar_next {
  margin-top: 3px;
}

.ajax__calendar_footer {
  height: 24px !important;
}

.ajax__calendar_dayname {
  color: rgb(119, 119, 119);
}

.multiUploadStatus {
  width: 100%;
}

.progressWrapper {
  padding: 2px 10px;
  margin: 2px 0px;
}

.progressBarInProgress {
  background-color: #92bad9;
  height: 15px;
}

.ScanImagePreview {
  display: none;
  padding: 10px;
  position: relative;
}

.MyCasesTabPanel {
  width: 960px;
  overflow: scroll;
}

.AdvancedSearchList {
  width: 100%;
  overflow: auto;
}

.AdvancedSearchPrcList {
  padding-top: 10px;
  border-bottom: 1px solid #66a1e7;
  height: 100%;
  width: 100%;
  float: left;
}

#procedure-results-list li ul {
  margin-left: 10px;
}

#procedure-results-list span.removal,
#procedure-results-list span.table-removal {
  float: right;
  margin-right: 15px;
  color: red;
}

#procedure-results-list span.proc-text {
  display: inline-block;
  width: 80%;
}

#procedure-results-list span.removal:hover,
#procedure-results-list span.table-removal:hover {
  cursor: pointer;
}

#procedure-results-list {
  font-weight: 700;
}

#procedure-all-procedures-placeholder {
  margin-top: 45px;
  padding-left: 10px;
  padding-right: 10px;
}

#procedure-tree-button a {
  text-decoration: underline;
  color: rgb(0, 0, 238);
}

#CaseListLeft ul.jstree-container-ul {
  width: 100%;
}

#CaseListLeft li.jstree-node {
  overflow: hidden;
}

.AdvancedSearchPanel #CaseListLeft {
  width: 20%;
  box-sizing: border-box;
  padding: 5px 5px 5px 5px;
}

.AdvancedSearchProc {
  width: 100%;
  text-align: left;
  padding: 2px 2px 2px 2px;
  vertical-align: middle;
  border: none;
  margin-bottom: 1px;
  display: inline-block;
  font-weight: bold;
}

.AdvancedSearchSmallPanelOuter {
  background-color: #f3f3f3;
}

.AdvancedSearchSmallPanel {
  float: right;
  /* border: 1px solid #66A1E7; */
  padding: 5px;
}

#ProcStats {
  float: left;
  /*width: 55%;*/
  /*background-color: #fff;*/
  /*color: rgb(65, 65, 65);*/
  text-align: left;
  padding: 0px 0px 0px 30px;
}

/*ProcedureAttachmentsTable*/

.ProcedureAttachmentsTable th {
  background-color: #ededed;
  border: 0px none;
  padding: 5px;
  text-align: left;
}

.ProcedureAttachmentsTable td {
  border: 0px none;
  height: 15px;
  padding: 5px;
  text-align: left;
}

.ProcedureAttachmentsTable {
  width: 100%;
  border-collapse: collapse;
}

.ProcedureAttachmentsButtons {
  padding-bottom: 5px;
  padding-top: 5px;
}
/*-----*/

.pictureEnlarged {
  visibility: hidden;
  position: absolute;
  z-index: 10;
}

.pictureContainer {
  position: relative;
}

.ProcedureAttTable {
  border-collapse: collapse;
  width: 100%;
}

.ProcedureAttTable th {
  background-color: rgb(241, 241, 241);
  border: none;
  text-align: center;
}

.ProcedureAttTable th.subHeader {
  text-align: left;
  height: 30px;
}

.ProcedureAttTable td {
  padding: 2px 5px;
  height: auto;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  margin: 0px 5px;
  /*
        */
}

.ProcedureAttTable th.chbCol {
  padding: 2px 5px;
  height: auto;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  margin: 0px 5px;
}

.ProcedureAttTableRow {
  background-color: #f3f3f3;
  border: 1px solid #66a1e7;
  padding-top: 10px;
  cursor: pointer;
  /*
    
    
    
    */
}

.ProcedureAttTable .alternate {
  background-color: #ffffff;
}

.ProcedureAttTable td.checkbox {
  width: 30px;
  border: none;
}

.ProcedureAttTable td.section {
  width: 140px;
  border: none;
  padding: 2px 5px;
  text-align: left;
  line-height: 15px;
}

.italicText {
  font-style: italic;
}

div.casemenu table.menuDdltems td {
  border: 1px solid #cccccc;
}

div.casemenu input.btTemplate {
  background-position: center center;
  padding-top: 2px;
  width: 100px;
  display: block;
  float: left;
  border: none;
  cursor: pointer;
  white-space: normal !important; /*line-height:40px;*/
  text-align: center; /* vertical-align:bottom;*/
  background-image: url(../images/attachmentMenuDdBg.png);
  background-repeat: repeat-x;
}

#AttachmentsTemplates {
  padding: 5px 0px; /*position:relative;*/
}

.TableAttachTemplates th {
  background-color: #ededed;
  border: 0px none;
  padding: 5px;
  text-align: left;
}

.TableAttachTemplates td {
  border: 0px none;
  height: 15px;
  padding: 5px;
  text-align: left;
}

.TableAttachTemplates {
  width: 100%;
  border-collapse: collapse;
}

.TableAttachTemplatesRow:hover {
  cursor: pointer;
}

.TableAttachTemplatesRow {
  background-color: #f3f3f3;
  border: 1px solid rgb(225, 225, 225);
  padding-top: 10px;
  cursor: pointer;
  /*
    
    
    
    */
}

.TableAttachTemplatesRow .alternate {
  background-color: #ffffff;
}

.TableAttachTemplatesRow td.checkbox {
  width: 30px;
  border: none;
}

.TableAttachTemplatesRow td.section {
  width: 140px;
  border: none;
  padding: 2px 5px;
  text-align: left;
  line-height: 15px;
}

.TextBoxPrcDesc {
  margin: 10px 10px 10px 10px;
  width: 100%;
}

.TextBoxPrcSettings {
  width: 100%;
}

.DescriptionContent {
  margin: 10px 10px 10px 10px;
  width: 98%;
}

.ProcedureConnectedPrcButtons {
  padding-bottom: 5px;
  padding-top: 5px;
}

.ProcedureConnectedPrcTable {
  border-collapse: collapse;
  width: 100%;
}

.ProcedureConnectedPrcTable th {
  background-color: rgb(241, 241, 241);
  border: none;
  text-align: center;
}

.ProcedureConnectedPrcTable th.subHeader {
  text-align: left;
  height: 30px;
}

.ProcedureConnectedPrcTable td {
  padding: 2px 5px;
  height: auto;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  margin: 0px 5px;
}

.ProcedureConnectedPrcTable th.chbCol {
  padding: 2px 5px;
  height: auto;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  margin: 0px 5px;
}

.ProcedureConnectedPrcTableRow {
  background-color: #f3f3f3;
  border: 1px solid #66a1e7;
  padding-top: 10px;
  cursor: pointer;
  /*
    
    
    
    */
}

.ProcedureConnectedPrcTable .alternate {
  background-color: #ffffff;
}

.ProcedureConnectedPrcTable td.checkbox {
  width: 30px;
  border: none;
}

.ProcedureConnectedPrcTable td.section {
  width: 140px;
  border: none;
  padding: 2px 5px;
  text-align: left;
  line-height: 15px;
}

.ProcedureConnectedPrcTableRow:hover {
  cursor: pointer;
}

.ProcedureConnectedPrcTableRow {
  background-color: #f3f3f3;
  border: 1px solid #aaa;
  padding-top: 10px;
  cursor: pointer;
  /*
    
    
    
    */
}

.ProcedureConnectedPrcTableRow .alternate {
  background-color: #ffffff;
}

.ProcedureCategoryHeader {
  background-color: #fff;
  font-weight: bold;
  height: 35px;
  line-height: 25px;
  color: #777;
  border-bottom: 1px solid #ababab;
  margin-bottom: 5px;
}

.ProcedureCategoryHeaderDark {
  background-color: #3eb551;
}

.ProcedureSubCategoryHeader {
  background-color: #fff;
  font-weight: bold;
  height: 35px;
  line-height: 25px;
  color: #777;
  border-bottom: 1px solid #ababab;
}

.ProcedureContentPanel {
}

.ProcedurePanel {
  border-collapse: collapse;
  border-bottom: 1px solid #62a1ee;
  padding-left: 20px;
  padding-bottom: 10px;
}

.TableAttachTemplatesRow td.checkbox {
  width: 30px;
  border: none;
}

.TableAttachTemplatesRow td.section {
  width: 140px;
  border: none;
  padding: 2px 5px;
  text-align: left;
  line-height: 15px;
}

.TableConnectedCases th {
  background-color: #ededed;
  border: 0px none;
  padding: 5px;
  text-align: left;
}

.TableConnectedCases td {
  border: 0px none;
  height: 15px;
  padding: 5px;
  text-align: left;
}

.TableConnectedCases {
  width: 100%;
  border-collapse: collapse;
}

.TableConnectedCasesRow:hover {
  cursor: pointer;
  background-color: #f3f3f3;
}

.TableConnectedCasesRow {
  padding-top: 10px;
  cursor: pointer;
  background-color: #ffffff;
  /*
    
    
    
    */
}

.TableConnectedCasesRow .alternate {
  background-color: #f3f3f3;
}

.TableCaseAttachTemplates th {
  background-color: #ededed;
  border: 0px none;
  padding: 5px;
  text-align: left;
}

.TableeCaseAttachTemplates td {
  border: 0px none;
  height: 15px;
  padding: 5px;
  text-align: left;
}

.TableCaseAttachTemplates {
  width: 100%;
  border-collapse: collapse;
}

.TableCaseAttachTemplatesRow:hover {
  cursor: pointer;
  background-color: #ffffff;
}

.TableCaseAttachTemplatesRow {
  padding-top: 10px;
  cursor: pointer;
  /*
    
    
    
    */
}

.TableCaseAttachTemplatesRow .alternate {
  background-color: #f3f3f3;
}

.NoAccessLabel {
  text-align: center;
  font-size: large;
  margin: 50px;
}

.PopupEdit td {
  padding-left: 5px;
  padding-right: 5px;
}

.AdvancedSearchBrace {
  background-image: url("../images/brace.png");
  background-repeat: repeat-y;
  background-position: right;
  height: 100%;
}

.AdvancedSearchBraceTop {
  background-image: url("../images/bracetop.png");
  background-repeat: no-repeat;
  float: right;
  right: 0px;
  top: 0px;
  position: relative;
  width: 12px;
  height: 12px;
}

.AdvancedSearchBraceBottom {
  background-image: url("../images/bracebottom.png");
  background-repeat: no-repeat;
  float: right;
  right: 0px;
  bottom: 0px;
  position: relative;
  width: 12px;
  height: 12px;
}

.RestTable {
  border: 1px solid #f3f3f3;
  width: 100%;
}

.RestHeaderRow {
  background-color: #f3f3f3;
}

.RestSubHeader {
  padding: 2px 0px 2px 0px;
}

.RestHeader {
  font-weight: bold;
}

.RequiredTable {
  border: 1px solid rgb(225, 225, 255);
  float: right;
}

.RequiredTable.Fixed {
  width: 420px;
  position: fixed;
  z-index: 10001;
  background-color: rgb(247, 247, 247);
}

.RequiredTable .RequiredHeaderRow {
  color: White;
  background: url("../images/required.png") no-repeat;
  background-color: #f05152;
  font-size: 15px;
}

.RequiredTable th {
  line-height: 40px;
  padding-left: 50px;
  text-align: left;
}

.RequiredTable tr {
  border-bottom: 1px solid #e4e4e4;
}

.RequiredTable .RequiredDocumentRow {
  background-color: #f3f3f3;
}

.RequiredTable .RequiredDoc {
  width: 250px;
}

.RequiredTable .RequiredDocIco {
  width: 30px;
}

.RequiredTable .RequiredDocLink {
  text-align: center;
  width: 70px;
  padding: 0px;
}

.RequiredTable .RequiredDocLink a {
  color: #437ad4;
  text-decoration: underline;
  font-weight: bold;
}

.RequiredTable .RequiredFields {
  text-align: center;
}

.RequiredTable .RequiredFields input {
  background-color: #3f7ecb;
  border: 1px solid #3f7ecb;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
}

.RequiredTable td {
  font-size: 12px;
  padding-left: 10px;
}

#tbRequiredFields th {
  text-align: left;
  font-size: 11px;
  line-height: 12px;
  padding-left: 5px;
  padding-right: 5px;
}

#tbRequiredFields .RequiredFieldsHeader {
  background-color: #f3f3f3;
}

#tbRequiredFields tr {
  border-bottom: 1px solid #f3f3f3;
}

#tbRequiredFields td {
  line-height: 12px;
  padding: 2px 5px 2px 5px;
  white-space: normal;
  text-align: left;
  font-size: 11px;
}

#tbRequiredFields {
  width: 350px;
}

.PopupRequiredFields {
  background-color: white;
  border: 1px solid #3f7ecb;
  cursor: default;
  font-size: 11px;
  position: relative;
  z-index: 1001;
}

.divRequiredContent {
  overflow: auto;
  max-height: 150px;
  width: 367px;
}

.SystemParamsTable tr {
  vertical-align: top;
  height: 20px;
}

.SystemParamsTable td.SystemParamName {
  min-width: 200px;
}

.SystemParamsTable td.SystemParamValue {
  min-width: 400px;
}

.SystemParamValue img {
  max-height: 100px;
}

.ParamsPanel {
  border: 1px solid;
  height: auto;
  width: auto;
  max-width: 400px;
  overflow: auto;
  min-height: 16px;
  min-width: 150px;
}

.ProcedureInfo {
  font-size: 15px;
}

.AttachmentOpen {
  margin: 5px;
  width: auto;
  text-align: center;
}

.AttachmentOpenButton {
  padding: 2px 6px;
  border: 1px solid black;
}

.AttachmentOpenButton a:link {
  padding: 1px 6px;
  color: #000;
  text-decoration: none;
}

.TableCaseAttachTemplates td {
  border: 0px none;
  height: 15px;
  padding: 5px;
  text-align: left;
}

.TableCaseAttachTemplates {
  width: 100%;
  border-collapse: collapse;
}

.TableCaseAttachTemplatesRow:hover {
  background-color: #f3f3f3;
  border: 0px none;
  cursor: pointer;
}

.TableMultiTempl th {
  text-align: left;
  font-size: 11px;
  line-height: 12px;
  padding: 4px 7px;
  border: 1px solid #f3f3f3;
}

.TableMultiTempl .RequiredFieldsHeader {
  background-color: #f3f3f3;
}

.TableMultiTempl tr {
  border-bottom: 1px solid #f3f3f3;
}

.TableMultiTempl td {
  line-height: 12px;
  padding: 4px 7px;
  white-space: normal;
  text-align: left;
  font-size: 11px;
  border: 1px solid #f3f3f3;
}

.TableMultiTempl td.multidettd {
  cursor: pointer;
}

.TableMultiTempl {
  background-color: #ffffff;
}

.DBParameterTextBox {
  width: 300px;
}
/* <MJ edit> */
span.RuleActions {
  max-height: 200px;
  overflow: hidden;
  white-space: pre-wrap;
  display: block;
}

.ProcedureTable {
  border-collapse: collapse;
  min-width: 1200px;
  table-layout: fixed;
  width: calc(100vw - 180px);
}

.ProcedureTable a {
  color: blue;
  cursor: pointer;
  font-size: 11px;
  line-height: 40px;
  margin: 5px 10px;
  text-decoration: underline;
}

.ProcedureTable th {
  background-color: rgb(241, 241, 241);
  border-left: 1px solid rgb(241, 241, 241);
  border-right: 1px solid rgb(241, 241, 241);
  padding: 2px 5px;
  text-align: center;
}

.ProcedureTable .head-first-col {
  text-align: left;
}

.ProcedureTable .icon--hidden {
  display: none;
}

.ProcedureTable .group-by-stage-header {
  background-color: #a3a3a3;
  cursor: pointer;
  line-height: 12px;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
}

.ProcedureTable .group-by-stage-header:hover {
  background-color: #939393;
}

.ProcedureTable .group-by-mode-header {
  background-color: #d3d3d3;
  cursor: pointer;
  line-height: 10px;
  font-size: 14px;
  font-style: italic;
}

.ProcedureTable .group-by-mode-header:hover {
  background-color: #c3c3c3;
}

.ProcedureTable td {
  border-left: 1px solid rgb(225, 225, 225);
  border-right: 1px solid rgb(225, 225, 225);
  text-align: left;
  vertical-align: top;
  padding: 10px 10px 10px 10px;
  word-break: break-all;
}

.ProcedureTable .row-hidden {
  display: none;
}

.ProcedureTable .row-collapsed {
  display: none;
}

.ProcedureTable .collapse-button {
  font-style: normal;
}

.ProcedureTableRow {
  background-color: #fff;
  border: 1px solid rgb(225, 225, 225);
  padding: 10px;
}

.ProcedureTableRow:hover {
  background-color: #ccc;
}

.ProcedureTable .alternate {
  background-color: #ffffff;
}

.ProcedureAppsTableRow {
  background-color: #f3f3f3;
  border: 1px solid #66a1e7;
  padding: 10px;
}

.ProcedureAppsUrl {
  word-wrap: break-word;
  max-width: 200px;
}

.ProcedureAppsPopUpClose {
  position: relative;
  float: right;
}

.ProcedureAppsPopUpLabel {
  width: 150px;
  text-align: right;
  margin-right: 6px;
  margin-top: 2px;
  float: left;
}

.ProcedureAppsPopUpField {
  float: left;
  width: 400px;
  padding: 2px;
}

input.btLongText.btApplyRule:hover {
  background-color: transparent;
  background-position-x: center;
}

input.btLongText2.btApplyRule {
  width: 110px !important;
}

input.btLongText {
  padding: 30px 3px 0px 3px !important;
  width: 80px !important;
  background-color: transparent;
}

input.btLongText2 {
  padding: 10px 3px 0px 3px !important;
}

input.btApplyRule {
  background-position: left top;
  background-repeat: no-repeat;
}

input.btApplyRule:hover,
input.btApplyRule:active {
  background-position: left -73px;
  background-repeat: no-repeat;
}

input.btApplyRule[disabled],
input.btApplyRule[disabled]:hover {
  background-position: left top;
  cursor: default;
}

.ShowHideCaseInfo {
  vertical-align: middle;
  border: none;
  width: 100%;
  cursor: pointer;
  float: left;
}

/* </MJ edit> */

.UpdateProgressSave {
  z-index: 1001;
  position: fixed;
  background-color: #ededed;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  width: 100%;
  height: 100%;
  text-align: center;
}

.UpdateProgressOpen {
  z-index: 1001;
  position: relative;
  background-color: #ededed;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
}

.dictionaryReorderList li {
  list-style: none;
  list-style-image: none;
  padding: 2px 2px 2px 2px;
}

.dictionaryReorderList ul {
  list-style: none;
  list-style-image: none;
}

.DictionarySeparator {
  border-top: 3px solid #66a1e7;
  height: 10px;
}

.ParamsTable td .SpanFormField.FormFieldLong {
  width: 750px;
}

.FormFieldTable td .SpanFormField.TableFormFieldLong {
  width: 300px;
}

.FormFieldTable td.cell.multidettd {
  cursor: pointer;
  padding: 3px;
  white-space: normal;
}

.SpanFormField {
  display: block;
  background-color: #f0f0f0;
  padding: 0px 3px;
}

.FormFieldTable .SpanFormField {
  background: none;
  border: none;
}

.SpanFormFieldMS {
  font-family: "Lucida Console", Monaco, monospace;
}

.SpanFormFieldPreWrap {
  white-space: pre-wrap;
}

.SpanHistoryField {
  white-space: pre-wrap;
  font-family: "Lucida Console", Monaco, monospace;
}

span.TableFormField {
  width: 150px;
}

input.FormFieldDisabled,
select.FormFieldDisabled,
textarea.FormFieldDisabled,
span.FormFieldDisabled,
input.FormField:disabled {
  color: #000;
}

input.FormField[type="text"],
.FormFieldLong,
.FormFieldLink,
select.FormField {
  border: solid 1px #ababab;
  padding: 3px;
}

select.FormField,
select.TableFormField {
  box-sizing: content-box;
  color: #444;
}

.FormFieldTable .CalendarWithTimeField.CalendarField.AMODFormField {
  min-width: 195px;
}

.FormFieldTable .TableFormFieldUser {
  min-width: 235px;
}

.FormFieldTable .ReferenceField.Autocomplete {
  min-width: 235px;
}

.FormFieldTable .CalendarWithoutTimeField.CalendarField.AMODFormField {
  min-width: 105px;
}

input.FormField.FormFieldDateTime,
.CalendarField .FormField {
  width: 100px;
  min-width: 100px;
}

input.FormField.FormFieldDateTime2 {
  width: 70px;
  min-width: 70px;
}

.FormFieldError {
  border: solid 2px #ff0000;
  clear: both;
  min-width: 240px;
  color: #ff0000;
}

.ProcedureFieldError {
  border: solid 2px #ff0000;
  clear: both;
  color: #ff0000;
}

.FormFieldSummary {
  border: solid 1px #cccccc;
  clear: both;
  min-width: 120px;
}

.FormFieldSummaryError {
  border: solid 2px #ff0000;
  clear: both;
  min-width: 120px;
  color: #ff0000;
}

.FormFieldNotValidated,
.FormFieldRequiredEmpty {
  border: solid 1px red !important;
  background-color: #ffcc99 !important;
}

table.FormFieldYesNo.FormFieldRequiredEmpty {
  border: solid 1px red !important;
}

table.FormFieldYesNo.FormFieldRequiredEmpty td {
  background-color: #ffcc99 !important;
  border: none;
}

table.FormFieldYesNo td {
  padding: 1px;
  background-color: transparent;
  border: 1px solid transparent;
}

.FormFieldYesNoChb.FormFieldRequiredEmpty {
  outline: 5px solid #ffcc99;
}

.FormFieldUser input {
  border: solid 1px #cccccc;
  width: 273px;
}

.FormFieldUserNotValidated {
  border: solid 1px red;
  background-color: #ffcc99;
}

.OutOfOffice {
  background-image: url("../images/outofoffice.jpg");
  padding-right: 24px;
  background-position: right;
  background-repeat: no-repeat;
}

.FormFieldLink {
  font-style: italic;
  clear: both;
  width: 300px;
}

.FormFieldLinkA img {
  vertical-align: middle;
}

.FormFieldLong {
  clear: both;
  min-width: 300px;
}

.FormFieldDateTimeWithTime {
  border: solid 1px #888;
  clear: both;
  width: 42px;
  margin-left: 2px;
}

.NotValidated {
  border: solid 1px red;
  background-color: #ffcc99;
}

.FormFieldDropDownItem {
  color: #000000 !important;
  cursor: pointer;
  display: block;
  margin: 1px 0;
  padding: 4px 19px 4px 19px;
  text-decoration: none;
}

.FormFieldDropDownItem:hover {
  color: #000000;
  cursor: pointer;
  display: block;
  margin: 1px 0;
  padding: 4px 19px 4px 19px;
  text-decoration: none;
  background-color: #f3f3f3;
}

.FormFieldDropDownMenu {
  background-color: white;
  border: 1px solid black;
  cursor: default;
  font-size: 11px;
  padding: 1px 1px 0;
  z-index: 1000;
  height: 180px;
  min-width: 60px;
  overflow: auto;
}

.FormFieldPicture {
  margin-right: 5px;
  display: inline-block;
  float: left;
}

.FormFieldSignaturePrint {
  margin: 10px 10px 10px 10px;
  width: 150px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

table.FormFieldTable .FormFieldSignaturePrint {
  width: 200px;
}

.SignatureFieldDate {
  text-align: center;
}

.SignatureFieldUserName {
  text-align: center;
  font-family: Tempus Sans ITC;
  font-size: large;
  line-height: normal;
}

.SignatureFieldComment {
  text-align: center;
  font-size: smaller;
}

.FormFieldSignatureButton {
  margin: 10px 0px 10px 0px;
}

.ErrorLabel {
  color: Red;
  display: inline;
}

#divSaveAfterStageChange {
  display: none;
  white-space: nowrap;
}

.divSaveAfterStageChangeInput {
  background-color: #3f7ecb;
  border: 1px solid #3f7ecb;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
}

.FormFieldTable {
  border-collapse: collapse;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 5px;
}

.FormFieldTable td.cell,
.FormFieldTable td.summary {
  border: 1px solid #aaa;
  padding: 1px;
  white-space: nowrap;
  vertical-align: top;
}

.FormFieldTable td.btn {
  text-align: right;
  padding: 1px;
}

.FormFieldTable td.cell span.SpanFormField {
  white-space: normal;
  width: auto !important;
}

.FormFieldTable td.cell td.header {
  white-space: normal;
}

.FormFieldTable th.title {
  text-align: left;
  line-height: 16px;
}

tr.tableGroupSep td {
  height: 7px;
  line-height: 7px;
}

tr.tableGroupName td {
  background-color: #fff;
  border: none;
}

.FormFieldTable td.header,
.FormFieldTable th {
  border: 1px solid #aaa;
}

.SQLFormFieldTable td {
  border: 1px solid #aaa;
}

.FormFieldTable tr.summary {
  border: 1px solid #aaa;
}

.FormFieldTable th {
  padding: 5px;
}

.FormFieldTable tr.header {
  border: 1px solid #3f7ecb;
}

.FormFieldTable td.footer {
  background-color: #f1f1f1;
}

.FormFieldTable td.fieldname {
  border: 1px solid #66a1e7;
  background-color: #3f7ecb;
}

.FormFieldTable td.main {
  border: 1px solid #66a1e7;
  line-height: 0px;
  height: 0px;
  padding: 0px;
  text-align: center;
}

.FormFieldTable.FormFieldTable td {
  background-color: #fff;
}

.FormFieldTableImage {
  cursor: pointer;
}

.FormFieldTable table {
  border: 1px solid #aaa;
}

.FormFieldTable td.footernb {
  border: 0px;
}

.FormFieldTable td.summary {
  background-color: #e1e1e1;
}

.FormFieldTable td.sqlnumber,
.FormFieldTable td.sqldate {
  text-align: right;
}

.ImageClickable {
  cursor: pointer;
}

/* calendar begins*/
.CalendarFieldTable {
  border: 1px solid rgb(128, 128, 128);
  border-collapse: collapse;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 5px;
}

.CalendarFieldTable td {
  border: none;
  padding: 1px;
  vertical-align: top;
}

.CalendarListTable td {
  vertical-align: middle;
}

.CalendarFieldTable th.title {
  text-align: left;
  line-height: 16px;
}

.CalendarFieldTable td.header {
  background-color: #fff;
  border-bottom: 1px solid rgb(128, 128, 128);
  font-weight: 600;
}

.CalendarFieldTable td.footer {
  background-color: #62a1ee;
}

.CalendarFieldTable td.fieldname {
  border: 1px solid #66a1e7;
  background-color: #3f7ecb;
}

.CalendarFieldTable td.main {
  border: 1px solid #66a1e7;
  line-height: 0px;
  height: 0px;
  padding: 0px;
  text-align: center;
}

.CalendarLabel {
  padding: 0 0 0 5px;
}
/* calendar ends*/

/* signatures begins */
div.SignaturesHeader h4 {
  margin-bottom: 0px;
}

div.ParamsFooterMetric {
  width: calc(100% - 100px);
}

div#SignaturesMain {
  margin-left: 20px;
}

.SignaturesHeader {
  font-size: initial;
  font-weight: bold;
  text-align: left;
}

.SignaturesPrintHeader {
  font-size: medium;
  font-weight: bold;
  text-align: left;
  padding-top: 30px;
}

.SignaturePrintDivShort {
  text-align: center;
  margin: 10px 10px 10px 10px;
  max-width: 120px;
  display: inline-block;
  vertical-align: top;
}

.SignaturePrintDivMedium {
  text-align: center;
  margin: 10px 10px 10px 10px;
  max-width: 240px;
  display: inline-block;
  vertical-align: top;
}

.SignaturePrintDivWide {
  text-align: center;
  margin: 10px 10px 10px 10px;
  max-width: 480px;
  display: inline-block;
  vertical-align: top;
}

.SignaturesListPrintDiv {
  overflow: auto;
  max-width: 80%;
  width: 80%;
}

.SignatureTable {
  width: 100%;
  font-size: initial;
}

.SignatureTableHandwriting {
  font-family: Tempus Sans ITC;
  font-size: large;
}

.SignatureTableComment {
  text-align: left;
  padding-top: 10px;
}

.SignatureTableCell {
  white-space: nowrap;
  padding-top: 10px;
  padding-right: 10px;
  text-align: center;
}

/*TableField*/
.TableFormField {
  border: solid 1px rgb(204, 204, 204);
  position: relative;
  width: 200px;
  float: left;
}

.FormFieldTable .AMODFormField.DefinedDictionary.DynamicMod {
  width: 240px;
}

select.TableFormField {
  max-width: 250px;
}

.TableFormFieldNarrow {
  width: 80px;
}

.TableFormFieldError {
  border: solid 2px #ff0000;
  clear: both;
  color: #ff0000;
}

.TableFormFieldSummary {
  border: solid 1px #888;
  position: relative;
  clear: both;
}

.TableFormFieldSummaryError {
  border: solid 2px #ff0000;
  position: relative;
  clear: both;
  color: #ff0000;
}

.TableFormFieldNotValidated {
  border: solid 1px red;
  background-color: #ffcc99;
  clear: both;
}

/* signatures (print) ends */

.SignatureTree {
  max-height: 200px;
  overflow: auto;
  vertical-align: top;
}

.TableFormFieldUser {
  position: relative;
  float: left;
  min-width: 232px;
}

.TableFormFieldFile {
  margin-right: 30px;
}

.TableFormFieldLink {
  border: solid 1px #888;
  position: relative;
  font-style: italic;
  clear: both;
}

.TableFormFieldLong {
  border: solid 1px #888;
  position: relative;
  clear: both;
}

.TableFormFieldPicture {
  margin-right: 5px;
  float: left;
}

.TableFormButtonLeft {
  float: left;
}

.TableFormButtonRight {
  float: left;
}

.TableFormButtonCenter {
  margin-left: auto;
  margin-right: auto;
}
/*Table field end*/
.CursorPointer {
  cursor: pointer;
}

.TextBoxAlignCenter {
  text-align: center;
}

.MinMax {
  color: #66a1e7;
  font-weight: bold;
  cursor: pointer;
}

.FieldDesc {
  background-color: #f7f7f7;
  position: absolute;
  padding: 3px;
  z-index: 100;
  border: 1px solid #66a1e7;
}

.TooltipDesc {
  background-color: #f7f7f7;
  position: absolute;
  padding: 5px;
  margin: 5px;
  z-index: 10000;
  display: none;
  border: 1px solid #66a1e7;
  width: 500px;
}

.FieldDesc {
  position: absolute;
  display: none;
  text-align: left;
}

.FieldDescBtn {
  background-image: url("../images/fielddesc.gif");
  background-position: right top;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline;
  width: 100%;
  text-align: center;
}

.TooltipBtn {
  background-image: url("../images/fielddesc.gif");
  background-position: right top;
  background-repeat: no-repeat;
  width: 18px;
  cursor: pointer;
  height: 16px;
}

.TooltipBtn.flt {
  float: left;
}

.SectionDesc {
  background-color: #f7f7f7;
  position: absolute;
  padding: 3px;
  z-index: 100;
  border: 1px solid #66a1e7;
  font-weight: normal;
  color: Black;
}

.SectionDescBtn {
  background-image: url("../images/fielddesc.gif");
  background-position: right top;
  background-repeat: no-repeat;
  width: 18px;
  cursor: pointer;
}

.ErrorConsole {
  background-color: gray;
  color: White;
  border: 1px solid white;
  width: 100%;
  height: 50px;
}

.LockOff {
  display: none;
  visibility: hidden;
}

.LockGraphPreview {
  display: none;
  position: absolute;
  top: 51px;
  right: 0;
  width: 30%;
  height: 100%;
  background-color: #ccc;
  text-align: center;
  filter: alpha(opacity=75);
  opacity: 0.75;
  overflow: hidden;
}

.LockGraphPreview img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
}

.LockOn {
  display: block;
  visibility: visible;
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #ccc;
  text-align: center;
  padding-top: 20%;
  filter: alpha(opacity=75);
  opacity: 0.75;
}

.LockOn img {
  position: fixed;
  top: 50%;
  left: 50%;
  display: block;
}

.LockCircleOff {
  display: none;
}

.LockCircleOn {
  display: block;
}

.LockCircleOn img {
  z-index: 9999;
  position: fixed;
  top: calc(50% - 64px);
  left: calc(50% - 64px);
}

.InsertParamButton {
  color: #66a1e7;
  cursor: pointer;
  text-decoration: underline;
  font-size: small;
}

.SignatureRangeTableCell {
  padding-left: 15px;
}

.SignatureRangeTableCell2 {
  padding-left: 30px;
}

.CaseIsSigned {
  color: Red;
  margin: 5px 5px 5px 5px;
}

.CollectingSignaturesHeader {
  display: block;
  background-color: #66a1e7;
  color: White;
  font-weight: bold;
  width: auto;
  padding: 5px 5px 5px 5px;
  overflow: auto;
  vertical-align: middle;
}

.CollectingSignaturesItem {
  display: block;
  background-color: #f7f7f7;
  width: auto;
  padding: 8px 8px 8px 8px;
  overflow: auto;
  vertical-align: middle;
}

.CollectingSignaturesAltItem {
  display: block;
  background-color: #ededed;
  width: auto;
  padding: 8px 8px 8px 8px;
  overflow: auto;
  vertical-align: middle;
}

.CollectingSignaturesSpecialItem {
  display: block;
  background-color: White;
  width: auto;
  padding: 8px 8px 8px 8px;
  overflow: auto;
  vertical-align: middle;
  border: 4px solid RED;
}

.CaseListDescription {
  font-style: italic;
  font-size: smaller;
  color: Gray;
}

#DictionaryLeft {
  float: left;
  width: 240px;
  height: 100%;
  border-right: none;
  border-collapse: collapse;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)),
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 97.75%,
      rgba(0, 0, 0, 0.1) 100%
    );
}

#DictionaryRight {
  margin-left: 240px;
  margin-right: 0px;
  border-collapse: collapse;
  height: 100%;
}

div.hidden {
  display: none !important;
}

.SignatureTreeList {
  vertical-align: top;
}

.jqExtender {
  border: 1px solid transparent !important;
  height: 46px !important;
}

.jqExtender:hover {
  border: 1px solid #61a1ed !important;
}

.jqExtenderContent {
  position: absolute;
  top: 95px;
  left: -100px;
}

.jqExtenderDiv {
  display: none;
  visibility: hidden;
  position: relative;
  float: left;
  z-index: 1001;
}
/* needed for zoom viewport to function correctly */
.tzoom-viewport {
  position: relative;
  overflow: hidden;
}
/* zoom image class */
.tzoom-image {
  position: relative;
}
/* loading image class. z-index puts the loading image on top of the proxy image when lazy loading */
.tzoom-image-loading {
  position: relative;
  display: block;
  z-index: 1001;
}
/* non-zoomable images (same size or smaller than viewport) */
.tzoom-image-static {
  position: relative;
  display: block;
}
/* IE specific opacity for when the zoom image is disabled */
img.tzoom-disabled {
  filter: alpha(opacity=100) !important;
  opacity: 1;
}
/* default error message element class when an error occurs during image load */
.tzoom-error {
  margin: 10px;
  padding-left: 10px;
  clear: both;
  overflow: hidden;
}

.tzoom-error p {
  float: left;
}

.tzoom-error span.ui-icon {
  float: left;
  margin-right: 10px;
}

.tzoom-error strong {
  float: left;
}

a.AttPreviewLink:link {
  color: Black;
  font-size: large;
  padding: 0px 3px;
}

a.AttPreviewLink:active {
  color: Black;
  font-size: large;
}

a.AttPreviewLink:visited {
  color: Black;
  font-size: large;
}

a.AttPreviewLink:hover {
  color: Black;
  font-size: large;
}

.AttPreviewPanel {
  position: fixed;
  top: 10%;
  width: 50%;
  height: 85%;
  right: 0px;
  display: none;
  border-collapse: separate;
  z-index: 1002;
}

.AttToolTipPanel {
  position: fixed;
  top: 10%;
  width: 40%;
  height: 85%;
  right: 0px;
  display: none;
  border-collapse: separate;
  z-index: 1002;
}

.AttInnerPanel {
  position: relative;
  height: 100%;
}

.AttCommentsPanel {
  display: none;
  background: rgba(255, 255, 255, 1);
  overflow: auto;
  height: 94%;
}

.AttPreviewZoomControls {
  float: left;
}

.attHistory {
  display: none;
}

.zoom-control {
  width: 27px;
  height: 27px;
}

#divComments {
  background-color: white;
}

.AttPreviewZoom {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 93%;
}

.AttPreviewNumbers {
  text-align: center;
}

.AttPreviewHideButton {
  float: right;
}

.FloatingButton {
  min-height: 20px;
  list-style: none;
  position: fixed;
  z-index: 10006;
  right: 0;
  width: 16px;
  padding: 8px 5px;
  border-collapse: separate;
}

.AttPreviewShowButton {
  top: 10%;
}

.AttPreviewShowButton2 {
  top: 10%;
  cursor: pointer;
}

@media screen and (max-width: 1000px) {
  .AttPreviewShowButton2 {
    top: 75px;
  }
}

.PreviewGraphShowButton2 {
  float: left;
  width: 30%;
  padding: 0px;
  background-color: transparent;
  cursor: pointer;
}

.PreviewGraphMobileShowButton2 {
  display: none;
}

.PreviewGraphCloseButton2 {
  top: 20%;
  width: 16px;
  height: 20px;
}

.PreviewGraphImage {
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.PreviewGraphDiv {
  position: absolute;
  display: none;
  width: 30%;
  right: 0;
  top: 51px;
  height: 100%;
  background-color: #f1f1f1;
  border: 1px solid rgb(225, 225, 225);
  text-align: center;
}

.ClosePreviewPanelButton {
  float: right;
  padding: 8px 5px;
}

.EditFormButton {
  top: 30%;
}

.SaveShowButton {
  top: 20%;
}

.BorderWithShadow {
  /* Add the curved white border */
  border: 3px solid #fff;
  /*border-right: none;*/
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  /* Add the drop shadow */
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  /* Add the semitransparent background */
  background: rgb(28, 134, 238);
  /*  filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=70);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=70)';	
   TODO psują wyświetlanie w ie9 wywalić?
   */
  background: rgba(28, 134, 238, 0.7);
}

.MultiFileUpload .uploadForm #filesQueue {
  border: 1px solid #cccccc;
  border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 5px;
  height: 172px;
  overflow: auto;
}

.MultiFileUpload #filesToUpload {
  visibility: hidden;
  width: 1px;
  height: 1px;
}

.MultiFileUpload .queueItem {
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  padding: 3px 0px;
}

.MultiFileUpload .queueItem:last-child {
  border-bottom: 0px;
}

.MultiFileUpload .queueItem .fileDetails {
  padding-bottom: 4px;
}

.MultiFileUpload .queueItem .progress {
  position: relative;
  width: 100%;
  height: 16px;
  background: #cfcfcf;
}

.MultiFileUpload .queueItem .progress .progressBar {
  height: 14px;
  border: 1px solid #99cc62;
  display: none;
  background-color: #c7f299;
}

.MultiFileUpload .queueItem .progress .progressBar.error {
  background-image: -moz-linear-gradient(top, #ff0000, #de5500);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ff0000),
    to(#de5500)
  );
}

.MultiFileUpload .queueItem .progress .progressPrecentage {
  font-size: 10px;
  position: absolute;
  top: 1px;
  left: 6px;
  color: rgb(59, 59, 59);
}

.MultiFileUpload .row {
  margin-bottom: 10px;
}

.MultiFileUpload .row.bottom {
  margin-top: 10px;
  text-align: right;
}

.CollapseExpandLink {
  float: right;
  font-size: 16px;
  font-weight: bold;
}

.ProcedureFormControl {
  float: left;
  min-width: 180px;
  margin-right: 10px;
}

.tableRowsAddTexbox {
  width: 20px;
  vertical-align: middle;
}

.AddNewRow {
  vertical-align: middle;
}

.addDictPos {
  height: 20px;
  float: left;
}

.CurrentStageButton {
  width: 280px;
  height: 70px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center !important;
}

.StageButton {
  width: 240px;
  min-height: 30px;
  font-weight: bold;
  text-align: center !important;
  margin: 5px;
  overflow: visible;
}

.StageButtonDiv {
  margin: 10px 0px 10px 0px;
}

.AdvancedSearchSymbol:link {
  font: 11px;
  font-family: Verdana;
  color: #3966bf;
  text-decoration: none;
}

.AdvancedSearchSymbol:visited {
  font: 11px;
  font-family: Verdana;
  color: #3966bf;
  text-decoration: none;
}

.AdvancedSearchSymbol:hover {
  color: #66a1e7;
  text-decoration: none;
}

.menuwrapper {
  position: relative;
}

.menuwrapper ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  width: 300px;
  border: 1px solid black;
  background-color: White;
}

.menuwrapper ul.first {
  position: relative;
}

.menuwrapper ul li {
  height: auto;
  min-height: 20px;
  position: relative;
  margin-left: 0px;
  min-height: 20px;
  padding: 2px 10px 2px 10px;
}

.menuwrapper ul li:hover {
  background-color: #f3f3f3;
}

.menuwrapper ul li a {
  text-decoration: none;
  color: Black;
  display: block;
  line-height: 20px;
}

.menuwrapper ul li ul {
  display: none;
  position: absolute;
  left: 300px;
  top: 0px;
  color: Black;
  max-height: 420px;
  overflow: auto;
}

.menuwrapper ul li:hover ul,
.menuwrapper ul li.hover li ul {
  display: block;
}

.menuwrapperheader {
  background-color: #3f7ecb;
  border-bottom: 1px #66a1e7 solid;
  color: white;
  line-height: 20px;
}

.menuwrapperheader div.mwleft {
  float: left;
  width: 260px;
}

.menuwrapperheader div.mwright {
  float: right;
}

.menuwrapperheader:hover {
  background-color: #66a1e7 !important;
}

.menuwrappersubheader {
  background-color: #66a1e7;
  color: White;
}

.menuwrappersubheader:hover {
  background-color: #66a1e7 !important;
}

.menuwrapperall {
  color: White !important;
  font-weight: bold !important;
}

.menuwrapperunknown {
  font-weight: bold !important;
  font-style: italic !important;
}

.ProcedureSelectControl {
  display: inline;
}

#OtherCasesFromThisMail {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 1px;
  left: 0px;
  background-color: rgb(247, 247, 247);
  width: 400px;
  border: 1px solid rgb(63, 126, 203);
  z-index: 20;
}

#OtherCasesFromThisMail li {
  padding: 3px 5px;
  margin: 0px;
}

#OtherCasesFromThisMail li a.connectcase {
  display: block;
  float: right;
  width: 16px;
}

.CaseTree {
  width: 100%;
}

.CaseTreeNode {
  border-bottom: 1px solid #66a1e7;
  border-left: 1px solid #66a1e7;
  border-right: 1px solid #66a1e7;
  color: Black;
  width: 100%;
  height: 28px;
  cursor: pointer;
  padding: 0px 5px 0px 5px;
  vertical-align: middle;
  text-align: left;
}

.CaseTreeNode a {
  text-decoration: underline;
}

.CaseTreeNode:hover {
  border-bottom: 1px solid #66a1e7;
  border-left: 1px solid #66a1e7;
  border-right: 1px solid #66a1e7;
  color: Black;
  width: 100%;
  height: 28px;
  cursor: pointer;
  padding: 0px 5px 0px 5px;
  vertical-align: middle;
  text-align: left;
  background-color: #e3e3e3;
}

.CurrentCaseTreeNode {
  border-bottom: 1px solid #66a1e7;
  border-left: 1px solid #66a1e7;
  border-right: 1px solid #66a1e7;
  color: #3eb551;
  width: 100%;
  height: 28px;
  cursor: pointer;
  padding: 0px 5px 0px 5px;
  vertical-align: middle;
  text-align: left;
  background-color: #f3f3f3;
}

.CurrentCaseTreeNode:hover {
  border-bottom: 1px solid #66a1e7;
  border-left: 1px solid #66a1e7;
  border-right: 1px solid #66a1e7;
  color: #3eb551;
  width: 100%;
  height: 28px;
  cursor: pointer;
  padding: 0px 5px 0px 5px;
  vertical-align: middle;
  text-align: left;
  background-color: #e3e3e3;
}

.ClosedCaseTreeNode {
  border-bottom: 1px solid #66a1e7;
  border-left: 1px solid #66a1e7;
  border-right: 1px solid #66a1e7;
  color: #000099;
  width: 100%;
  height: 28px;
  cursor: pointer;
  padding: 0px 5px 0px 5px;
  vertical-align: middle;
  text-align: left;
  background-color: #f3f3f3;
}

.ClosedCaseTreeNode:hover {
  border-bottom: 1px solid #66a1e7;
  border-left: 1px solid #66a1e7;
  border-right: 1px solid #66a1e7;
  color: #000099;
  width: 100%;
  height: 28px;
  cursor: pointer;
  padding: 0px 5px 0px 5px;
  vertical-align: middle;
  text-align: left;
  background-color: #e3e3e3;
}

.CaseTreeHeader {
  background-color: #66a1e7;
  border-bottom: none;
  padding: 5px;
  color: White;
  text-align: left;
}

.WordWrap {
  word-wrap: break-word;
}

.clearRightIfNotIE7 {
  clear: right;
}

.InlineButton {
  display: inline;
}

.answerreminder {
  color: #66a1e7;
  font-style: italic;
  font-weight: normal;
}

.expiredreminder {
  color: red;
  font-style: italic;
  font-weight: normal;
}

.setreminder {
  color: #66a1e7;
  font-style: italic;
  font-weight: normal;
}

#ColorSchema {
  width: 700px;
  background-color: transparent;
  height: auto;
}

.ColorSchema {
  width: 700px;
  background-color: transparent;
  height: auto;
}

.userGroupsTable td {
  padding: 2px 5px;
}

.ui-tabs .ui-tabs-nav li a,
.ajax__tab_tab {
  text-transform: uppercase;
  margin-top: 1px;
}

.ui-tabs .ui-tabs-nav li {
  border: 1px solid rgb(241, 241, 241);
  border-radius: 0px;
  background-color: rgb(241, 241, 241);
  font-family: "Segoe UI", Tahoma, Verdana, sans-serif;
  font-size: 10.6666669845581px;
  top: 0px;
}

.ui-tabs,
.ui-tabs .ui-tabs-panel {
  padding: 0px;
}

.ui-tabs .ui-tabs-panel {
  background-image: none !important;
}

.ui-tabs .ui-widget-header .ui-state-default {
  background-color: transparent;
  background-image: none !important;
  color: rgb(102, 102, 102);
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 26px;
  font-weight: normal;
}

.ui-tabs .ui-widget-header .ui-state-active {
  background-color: rgba(239, 239, 239, 0.780392);
  border-bottom: 1px solid rgba(239, 239, 239, 0.780392);
  background-image: none !important;
  color: #666666;
  font-weight: 600;
}

.ui-tabs .ui-state-hover a,
.ui-state-hover a:hover {
  color: rgb(102, 102, 102) !important;
}

.ui-tabs .ui-widget-header .ui-state-hover {
  background-color: rgba(239, 239, 239, 0.780392);
  border-bottom: 1px solid rgba(239, 239, 239, 0.780392);
  color: #666666;
  text-shadow: 1px 0px 0px #666666;
}

.ui-tabs .ui-widget-header {
  border: 1px solid;
  border-bottom: 1px solid #e1e1e1;
  border-radius: 0px;
  background: #f1f1f1;
}

.BlogNews {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.BlogNews h3 {
  text-align: center;
}

.BlogNews h3 a {
  font-size: 12px;
  font-weight: bold;
}

.rssBody {
  padding: 10px 20px 0px 25px;
}

.rssBody ul {
  margin: 0px;
  padding: 0px;
  text-align: left;
  line-height: 15px;
  list-style: disc;
}

.rssBody ul li a {
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
}

.rssBody ul p {
  margin: 0px;
  padding: 3px 0px 15px 0px;
  display: none;
}

.cleditorPopup {
  z-index: 10010 !important;
}

table.searchviewmenu td {
  text-align: left;
  padding: 5px 15px 5px 15px;
}

table.searchviewmenu th {
  text-align: left;
  padding: 20px 15px 2px 15px;
}

.newParamDiv select {
  height: 22px;
  border: 1px solid #ababab;
  color: #444;
}

.LicenceWarningText {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

.LicenceWarningText div {
  text-align: center;
  width: 600px;
  min-height: 150px;
  background-color: white;
  opacity: 1;
  padding-bottom: 30px;
  top: 30%;
  position: relative;
  margin: auto;
  font-size: 15px;
}
.LicenceWarningText div img {
  max-height: 50px;
}
.LicenceWarningText div a {
  font-size: 15px;
}

.dbWizardLabel,
.dbWizardInput {
  display: block;
  float: left;
  width: 200px;
  margin: 5px 0px;
}

.dbWizardInner {
  width: 700px;
  margin: 50px auto;
}

.dbWizardOuter {
}

.dbWizardFields {
  margin: auto;
}

.dbWizardPrev,
.dbWizardNext {
  width: 100px;
  padding: 125px 0px;
}

.dbWizardPrev {
  float: left;
}

.dbWizardNext {
  float: right;
}

.dictProcListCont {
  position: relative;
}

.dictProcList {
  margin-left: 40px;
  padding: 6px;
  max-height: 3em;
  overflow: hidden;
  padding-bottom: 1.5em;
  border: 1px solid transparent;
}

.dictProcList ul {
  padding: 2px 15px;
  margin: 0px;
}

.dictProcListShow.dictProcList {
  max-height: none;
  background-color: white;
  border: 1px solid #66a1e7;
}

.dictProcListMore {
  display: block;
  cursor: pointer;
  position: absolute;
  bottom: 0px;
  padding-bottom: 0px;
  width: 90%;
  background-color: white;
}

.dictToolbar {
  margin-left: 40px;
}

.dictToolbar input,
.dictToolbar select {
  margin: 4px;
}

.dictLargeInfo {
  width: 650px;
  padding: 4px 4px 4px 4px;
  background-color: #f3f3f3;
  border: 1px solid #aaa;
  margin: 5px 0px;
}

.AMODTableScroll {
  width: 100%;
  overflow-x: auto;
}

.AMODOuterTable {
  /*width:calc(100vw - 90px);*/
  clear: both;
}

.TilesTitle {
  color: #000;
  font-weight: 500;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-left: 10px;
}

.TilesBackPath {
  color: #000;
  font-weight: 500;
  line-height: 42px;
}

.TilesFooter {
  position: relative;
  width: 100%;
  clear: both;
}

.TilesFooter .thumbButton {
  position: absolute;
  right: 0px;
}

.thumb {
  /*background-color:#FFFFFF;*/
  border-spacing: 10px;
  margin: 10px;
  float: left;
  cursor: pointer;
  height: 190px;
  width: 190px;
  position: relative;
}

@media screen and (max-width: 440px) {
  .thumb {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .TilesFooter .thumbButton {
    position: relative;
  }
}

.thumb:hover,
.description:hover .thumb {
  box-shadow: none;
}

.thumbPrcIco {
  float: left;
}

.thumbLicInfo {
  margin: 8px 0px;
  float: left;
}

.thumbAddIco {
  float: right;
  margin-top: 9px;
  margin-right: 8px;
}

.thumbStarIco {
  position: absolute;
  left: 153px;
  margin-top: 9px;
}

.grow {
  transition: all 0.1s ease-in-out;
}

.grow:hover {
  transform: scale(1.4);
}

.thumbPic {
  width: 190px;
  height: 40px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #18bfa9;
}

.thumbInitials {
  word-wrap: break-word;
  margin-top: 22px;
  display: block;
  color: white;
  font-size: 42px;
  text-align: center;
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

.thumbInitialsLarge {
  font-size: 80px;
  margin-top: 0px;
}

.thumbTit {
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: rgb(65, 65, 65);
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-variant: normal;
  margin-right: 0px;
  margin-left: 0px;
  display: table;
  position: absolute;
  height: 78%;
  width: 100%;
}

.thumbTit div {
  margin-left: 5px;
  margin-right: 5px;
  display: table-cell;
  vertical-align: middle;
}

.thumbTit .Text {
  width: 190px;
}

.thumbButton {
  display: inline-block;
  width: auto;
}

.thumbButton .thumbTit {
  width: 100%;
}

.thumbButton .thumbTit .Text {
  width: 100%;
  white-space: nowrap;
}

.thumbDesc {
  float: right;
  margin-left: 5px;
  width: 32px;
  clear: both;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  height: 32px;
  position: absolute;
}

.thumbDesc div {
  background-color: rgba(65, 65, 65, 0.3);
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}

.thumbDesc .thumbDescText {
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  width: 160px;
  height: 0px;
  overflow-y: hidden;
  z-index: 1;
  font-size: 10px;
  line-height: 12px;
  color: #fff;
  top: -118px;
  left: -128px;
  /*padding:3px 3px;*/
}

.thumbDescText p {
  margin-left: 5px;
  margin-right: 5px;
}

.thumbDesc .img {
  float: right;
}

.thumbCase {
  background-color: rgb(233, 233, 233);
  border: 1px solid #fff;
}

.thumbCat {
  border: 1px solid #fff;
}

.thumbCatTab {
  width: 100px;
  height: 15px;
  background-color: #5b94e5;
}

.thumbCatTab img {
  float: right;
}

.thumbCat .thumbTit .Text,
.thumbSubCat .thumbTit .Text {
  color: #fff;
  font-size: 14px !important;
}

.thumbCat .thumbTit,
.thumbSubCat .thumbTit {
  background-color: #3f7ecb;
  height: 175px;
}

.thumbCat .thumbPic {
  display: none;
}

.thumbCatDots {
  position: absolute;
  bottom: 18px;
  left: 75px;
}

.thumbSubCat {
  border: 1px solid #fff;
}

.thumbCase:hover /*, .thumbCat:hover, .thumbSubCat:hover*/ {
  /*border: 1px solid #2a8dd4;*/
  background-color: rgba(205, 230, 247, 0.5);
}

.thumbButton:hover {
  background-color: #cbcbcb;
}

.thumbButton {
  background-color: #cbcbcb;
  height: 42px;
  margin-top: 0px;
  display: table;
}

.thumbButton .thumbTit {
  color: #000;
  height: 42px;
  float: right;
  text-align: left;
  position: relative;
  width: auto;
  margin-left: 10px;
  margin-right: 20px;
}

.thumbButton .thumbPic {
  width: auto;
  color: #000;
  position: relative;
  font-size: 35px;
  float: left;
  line-height: 42px;
  background-color: #ccc;
  height: 42px;
  margin-left: 10px;
}

.thumbButton .Text {
  font-weight: 500;
}

.thumbButton .thumbPic img {
  margin-top: 9px;
}

.thumbButton .thumbAddIco,
.thumbButton .thumbStarIco {
  display: none;
}

div.hist {
  display: inline-block;
}

div.histWarning,
div.histOK {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 5px;
  float: left;
  position: relative;
}

div.histWarning.histshorttime {
  background-image: url("../images/histshorttime.png");
}

div.histWarning.histlongtime {
  background-image: url("../images/histlongtime.png");
}

div.histWarning.histnewsituation {
  background-image: url("../images/histnewsituation.png");
}

div.histWarning.histunusualpeople {
  background-image: url("../images/histunusualpeople.png");
}

div.histWarning.histunusualstages {
  background-image: url("../images/histunusualstages.png");
}

div.histWarning.histinfo {
  background-image: url("../images/fielddesc.gif");
}

div.histWarning {
  background-size: contain;
}

div.histOK {
  background-color: green;
}

.histOnCase {
  display: inline-block;
}

.histOnCase div.histWarning,
.histOnCase div.histOK {
  width: 20px;
  height: 20px;
}

.histInfo {
  display: inline-block;
  float: left;
}

.histDebug {
  display: none;
  background-color: white;
  padding: 3px;
  border: 1px solid black;
  position: absolute;
  z-index: 1000;
  left: 16px;
  top: -12px;
  white-space: nowrap;
  color: Black;
  font-weight: normal;
}

.histWarning:hover .histDebug {
  display: block;
}

div.autosavediv {
  position: fixed;
  right: 20px;
  top: 80px;
  width: 200px;
  height: 50px;
  background-color: White;
  border: 1px solid black;
  display: none;
}

div.autosavediv div.counter,
div.autosavediv div.progress {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 180px;
  height: 30px;
}

div.autosavediv div.counter {
  padding-right: 10px;
  line-height: 30px;
  z-index: 100;
  text-align: right;
}

div.autosavediv div.progress {
  background-color: Aqua;
  z-index: 99;
}

.advanceSearchHeader {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 10px;
}

.tabFaq {
  height: 100%;
}

.faq-items {
  padding: 0px 50px 10px 20px;
}

.faq-items ol,
ul {
  list-style: none;
  padding: 0px;
}

.faq-items li {
  position: relative;
  padding: 18px 72px 18px 0px;
  border-bottom: 1px solid #cccccc;
  background: white;
  transition: box-shadow 1s;
}

.faq-trigger {
  padding-left: 48px;
  color: black;
  display: block;
  line-height: 1.2;
  cursor: pointer;
  font-size: 1.2em;
  font-weight: 300;
  margin-bottom: 10px;
  transition: color 0.2s;
}

.faq-trigger:hover {
  color: #66a1e7;
}

.faq-content {
  padding-left: 48px;
  color: black;
  display: none;
  font-size: 1em;
  line-height: 1.4;
}

.faq-trigger::after,
.faq-trigger::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  position: absolute;
  left: 14px;
  top: 28px;
  height: 2px;
  width: 13px;
  background: #66a1e7;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.faq-trigger::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.faq-trigger::before {
  left: 22px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.content-visible .faq-trigger::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.content-visible .faq-trigger::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#LogViewerPopup {
  width: 100%;
  height: 100%;
}

.LogViewer {
  height: calc(100vh - 51px);
}

.LogViewer .Filter {
  height: 45px;
  background-color: #cccccc;
}

.LogViewer .Filter .Header {
}

.LogViewer .FilterLine {
  padding: 10px;
}

#log-list-left {
  float: left;
  width: 400px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  display: none;
  position: absolute;
  z-index: 1001;
  background-color: #ffffff;
}

#log-list-left a {
  color: black;
}

.LogsListPanel:hover {
  background-color: #f3f3f3;
  cursor: pointer;
}

.LogsListPanel {
  border-collapse: collapse;
  border-bottom: 1px solid rgb(225, 225, 225);
  padding: 10px;
  text-align: left;
  padding-left: 30px;
}

.LogViewer .Filter .ExportButton {
  padding-bottom: 5px;
  display: inline-block;
  float: right;
  line-height: 23px;
}

.LogViewer .Filter .LineTitles .Element {
  display: inline-block;
  width: 25%;
}

.LogViewer .Filter .LinkButton {
  font-size: 2em;
}

.LogViewer .LogViewerLogs {
  width: 100%;
  height: calc(100% - 45px);
  overflow-y: scroll;
  box-sizing: border-box;
  border-color: #62a1ee;
}

.LogViewer .LogViewerLogs .Row {
  box-sizing: inherit;
  padding: 3px 0px;
  border-color: #62a1ee;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.LogViewer .LogViewerLogs .EvenRow {
  box-sizing: inherit;
  background-color: #f3f3f3;
}

.log-filter-checkbox > input {
  margin-right: 0px;
  margin-left: 5px;
}

.LogViewer .LogViewerLogs .mdi.log-error,
.FilterLine > .log-filter-label > .mdi.log-error {
  color: #dc3545;
}

.LogViewer .LogViewerLogs .mdi.log-warning,
.FilterLine > .log-filter-label > .mdi.log-warning {
  color: #ffc107;
}

.LogViewer .LogViewerLogs .mdi.log-info,
.FilterLine > .log-filter-label > .mdi.log-info {
  color: #17a2b8;
}

.LogViewer .LogViewerLogs .mdi {
  vertical-align: top;
  padding: 0px 5px;
}

.LogViewer #activity-queue-main .Row .Main {
  cursor: text;
}

.LogViewer .LogViewerLogs .Row .Main {
  box-sizing: inherit;
  cursor: pointer;
}

.LogViewer .LogViewerLogs .Row .Main .Header {
  box-sizing: inherit;
  width: 30%;
  display: inline-block;
  vertical-align: top;
}

.LogViewer .LogViewerLogs .Row .Main .Header .Element {
  display: inline-block;
  padding-right: 10px;
}

.LogViewer .LogViewerLogs .Row .Message {
  display: inline-block;
  width: 65%;
  box-sizing: inherit;
  word-wrap: break-word;
}

.LogViewer .LogViewerLogs .Row .MoreInformations {
  box-sizing: inherit;
  display: none;
  width: 100%;
}

.LogViewer .LogViewerLogs .Row .MoreInformations .Url {
  box-sizing: inherit;
  width: 100%;
  word-wrap: break-word;
  padding: 1em 0px;
}

.LogViewer .LogViewerLogs .Row .MoreInformations .CallStack {
  box-sizing: inherit;
  width: 100%;
  word-wrap: break-word;
  margin-bottom: 20px;
  white-space: pre-wrap;
}

.LogViewer .LogViewerLogs .Row .CallStack:empty {
  height: 0em;
}

.LogViewer .LogViewerLogs .Row .CallStackMore {
  box-sizing: inherit;
  text-align: center;
}

.LogViewer .LogViewerLogs .Row .CallStack .text {
  font-size: 0.95em;
  margin: 0.05em;
  overflow: hidden;
}

.Filter .search-log-button {
  line-height: 25px;
  margin-left: 10px;
}

.refresh-log-button {
  cursor: pointer;
}

.CaseItemTmpl .pcrIconTmpl {
  width: 32px;
  height: 32px;
  background-color: lightgray;
  margin: 2px;
  float: left;
}

.CaseItemTmpl .CaseTitle,
.CaseItemTmpl .CaseSub {
  display: inline-block;
  width: 200px;
  background-color: lightgray;
  margin: 2px;
}

.CaseItemTmpl .CaseSub {
  width: 300px;
}

.CaseSub .HistItem {
  color: #ababab;
}

.CaseItem {
  border-bottom: 1px solid rgb(241, 241, 241);
  padding: 5px;
  clear: left;
}

.CaseItem .prcIcon {
  float: left;
  margin: 5px;
  display: block;
}

.prcIcon {
  width: 32px;
}

.CaseItem .caseRead,
.CaseItem .caseAtt {
  margin: 2px;
  display: inline-block;
  height: 15px;
  vertical-align: middle;
}

.CaseItem A.CaseTitle {
  /*color: #0072c6;*/
  color: #000;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  cursor: pointer;
}

.CaseItem A.CaseTitle:hover {
  color: #0072c6;
  text-decoration: underline;
}

.CaseItem .hist {
  margin: 2px;
  display: inline-block;
  height: 15px;
  vertical-align: middle;
}

.CaseItem .hist div.histWarning,
.CaseItem .hist div.histOK {
  width: 15px;
  height: 15px;
}

.CaseSub {
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 13px;
  min-height: 18px;
  /*color: rgb(68, 68, 68);*/
  color: #ababab;
}

.CaseSub .HistSeparator {
  display: inline-block;
}

.CaseSub .ListTable {
  overflow-x: auto;
}

.Comment {
  position: relative;
  padding: 10px;
  margin: 10px;
  background: #ffef85;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: -3px 2px 25px 0px #616161;
  -moz-box-shadow: -3px 2px 25px 0px #616161;
  box-shadow: -3px 2px 25px 0px #616161;
  max-height: 100px;
  max-width: 90%;
  overflow: auto;
}

.Comment:after {
  content: "" "";
  position: absolute;
  top: 7px;
  left: -8px;
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent #ffef85;
  display: block;
  width: 0;
  z-index: 1;
}

.case-edit {
  /*overflow-y: scroll !important;*/
  /*background-color: #F7F7F7;*/
}

.customHeight {
  height: 200px;
}

.case-edit .customHeight {
  height: 0px;
}

.header-container,
.comments-container,
.attachments-container {
  margin: 4px 5px;
}

.comment .initials,
div.addComment div.initials {
  margin-top: 1px;
  margin-left: 5px;
  font-size: 8pt;
}

.header-container .header-overview .title {
  color: black;
  font-size: 15px;
  font-weight: bold;
}

.header-container .header-overview .prcIcon {
  float: left;
  margin: 5px;
  display: block;
}

.header-container .header-details {
  display: none;
}

.header-container .expand,
.header-container .collapse {
  cursor: pointer;
}

.header-container .collapse {
  display: none;
}

div.header-details table {
  width: 100%;
}

.comments-container .comment {
  margin-top: 10px;
  margin-bottom: 10px;
}

.comments-container .comment .blue {
  background-color: rgb(217, 227, 255);
}

.comments-container .comment .red {
  background-color: rgb(255, 220, 221);
}

.comments-container .comment .yellow {
  background-color: rgb(255, 251, 174);
}

.comments-container .comment .green {
  background-color: rgb(225, 255, 223);
}

.comments-container .comment .orange {
  background-color: rgb(255, 214, 181);
}

.comments-container .comment .purple {
  background-color: rgb(237, 214, 235);
}

.comments-container .comment .silver {
  background-color: rgb(217, 217, 217);
}

.comments-container .comment .user-image,
div.addComment > span.user-image {
  width: 35px;
  height: 35px;
  display: inline-block;
  margin: 5px;
  vertical-align: top;
}

.comments-container .comment .user-image img#imgThumb {
  width: 28px;
  height: 28px;
}

.comments-container .comment .content {
  padding: 5px;
  display: inline-block;
  width: 80%;
  max-width: 500px;
}

.comments-container .comment .content .date {
  line-height: 20px;
}

.comments-container .comment .details {
  color: rgb(175, 175, 175);
  font-size: 9px;
}

.attarchment-actions {
  width: 100%;
  text-align: center;
}

.attachments {
  float: left;
}

.attachments-container .hide-detailed-attachments {
  display: none;
}

.attachments-container .detailed-attachments {
  display: none;
  float: left;
}

.attachments .attachment,
.attachment-action {
  /* min-width: 150px; */
  padding: 5px;
}

.attachments .attachment {
  float: left;
}

.attachments .attachment .name,
.detailed-attachments .detailed-attachment .name {
  vertical-align: super;
  margin: 5px;
}

.detailed-attachments .detailed-attachment {
  height: 120px;
  width: 260px;
}

.detailed-attachments .detailed-attachment,
.detailed-attachment-action {
  /* border: 3px solid #888888; */
  border-spacing: 10px;
  margin: 10px;
  padding: 10px;
  float: left;
  background-color: rgb(233, 233, 233);
  /* border-radius: 8px; */
}

.detailed-attachment-action {
  border: none;
  background-color: #fff;
  float: left;
  margin: 5px;
  padding: 5px;
}

.detailed-attachments .detailed-attachment .attachment-header {
  margin-bottom: 5px;
  height: 16px;
}

.detailed-attachments .detailed-attachment .icons img {
  vertical-align: top;
}

.detailed-attachments .detailed-attachment .button-container {
  text-align: center;
  margin: 5px;
}

.detailed-attachments .detailed-attachment button {
  display: inline-block;
  width: 100%;
}

/*wizard create procedure 2*/
.wizard {
  min-height: calc(100vh - 50px);
  width: 100%;
  display: inline-block;
  color: #000000;
}

.wizard .boxsizingBorder {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.wizard .cursor {
  cursor: pointer;
}

div.storeElement.prc-exists span.prc-name {
  color: grey;
}

div.storeElement.prc-exists span.prc-exists-info {
  float: right;
  margin-right: 10px;
}

.wizard .fontStyleItalic {
  font-style: italic;
}

.wizard .fontSize10 {
  font-size: 10px;
}

.wizard .fontSize15 {
  font-size: 15px;
}

.wizard .fontSize20 {
  font-size: 20px;
}

.wizard .fontSize30 {
  font-size: 30px;
}

.wizard .checked {
  background-color: #61a1ed;
}

.wizard .loading {
  position: fixed;
  left: 50%;
  top: 50%;
}

.wizard .wizardBlock {
  width: 1000px;
  display: block;
  margin: 20px auto;
}

.wizard .wizardBlock .verticalView {
}

.wizard .wizardBlock .verticalView .paragraph {
  float: left;
  width: 500px;
  height: 300px;
}

.wizard .wizardBlock .verticalView .paragraph .title {
  height: 200px;
  display: table-cell;
  vertical-align: bottom;
}

.wizard .wizardBlock .verticalView .paragraph .description {
  margin: auto;
}

.wizard .wizardBlock .verticalView .buttons {
  display: inline-block;
  height: 500px;
  margin: auto;
}

.wizard .wizardBlock .verticalView .buttons .button {
  width: 290px;
  height: 90px;
  display: block;
  margin: 30px 60px;
  padding: 100px 30px 0px 30px;
  background-color: #eeeeee;
  background-position: 50% 20%;
  background-repeat: no-repeat;
  text-align: center;
}

.wizard .wizardBlock .verticalView .buttons #import {
  background-image: url("../images/wizardImport.png");
}

.wizard .wizardBlock .verticalView .buttons #createOwn {
  background-image: url("../images/wizardNew.png");
}

.wizard .wizardBlock .centre {
  display: inline-block;
}

.wizard .wizardBlock .centre .newPrcStages {
  width: 100%;
}

.wizard .wizardBlock .centre .newPrcTitle {
  width: 100%;
  height: 40px;
  margin: 0 0 10px 0;
}

.wizard .wizardBlock .centre .paragraph {
  text-align: center;
  width: 1000px;
  margin: auto;
}

.wizard .wizardBlock .centre .paragraph .title {
  display: inline-block;
  width: 100%;
  text-align: left;
}

.wizard .wizardBlock .centre .paragraph .description {
  display: inline-block;
  font-size: 20px;
  width: 100%;
  text-align: left;
}

.wizard .wizardBlock .rigth {
  display: none;
  display: inline-block;
  width: 110px;
  height: 35px;
  line-height: 35px;
  text-align: right;
  background-color: #ccc;
  background-position: left;
  background-image: url("../images/wizardBack.png");
  background-repeat: no-repeat;
  margin-left: 5px;
  position: absolute;
  left: 80%;
}

.wizard .wizardBlock .rigth .back {
  margin-right: 10px;
}

.wizard .wizardBlock .rigth.newPrc {
  width: 280px;
  left: 55%;
  background-position: left;
  background-image: url("../images/wizardNew.PNG");
  background-repeat: no-repeat;
  background-size: 13%;
  text-align: right;
}

.wizard .wizardBlock .centre .storeElements {
}

.wizard .wizardBlock .centre .storeElements .storeElement {
  min-height: 50px;
  background-color: #e9e9e9;
  margin: 5px 0px;
  line-height: 50px;
}

.wizard .wizardBlock .centre .storeElements .storeElement .prcTitle {
  padding-left: 10px;
}

.wizard .wizardBlock .centre .storeElements .storeElement .storeDetails {
  min-height: 60px;
  line-height: 20px;
  display: none;
  padding: 5px 10px;
  background: #ffffff;
}

.wizard
  .wizardBlock
  .centre
  .storeElements
  .storeElement
  .storeDetails
  .storeImportButton {
  margin: 20px auto;
  line-height: 30px;
  text-align: center;
  width: 150px;
  background-color: #61a1ed;
}

.wizard .wizardBlock .centre .buttons {
}

.wizard .wizardBlock .centre .buttons .button {
  width: 300px;
  height: 130px;
  display: inline-block;
  margin-top: 40px;
  padding: 90px 30px 0px 30px;
  background-color: #f3f3f3;
  background-position: 50% 20%;
  background-repeat: no-repeat;
  text-align: center;
}

.wizard .wizardBlock .centre .buttons #import {
  background-image: url("../images/wizardImport.png");
  float: left;
}

.wizard .wizardBlock .centre .buttons #createOwn {
  background-image: url("../images/wizardNew.png");
  float: right;
}

.wizard .wizardBlock .centre .buttons #createCase {
  background-image: url("../images/wizardCreateCase.png");
  background-repeat: no-repeat;
}

.wizard .wizardBlock .centre .buttons {
  text-align: center;
}

.wizard .wizardBlock .centre .createCaseButtons {
  width: 500px;
  height: 40px;
  line-height: 40px;
  margin: 40px auto;
  text-align: center;
}

.wizard .wizardBlock .centre .createCaseButtons .caseCreatorButton {
  display: inline-block;
  width: 180px;
  background-repeat: no-repeat;
  background-position: 20% 50%;
}

.wizard .wizardBlock .centre .createCaseButtons #createCaseOK {
  background-color: #61a1ed;
  background-image: url("../images/wizardCreate.png");
  float: left;
}

.wizard .wizardBlock .centre .createCaseButtons #createCaseCancel {
  background-color: #cccccc;
  background-image: url("../images/wizardCancel.png");
  float: right;
}

#searchToolbar {
  position: fixed;
  right: 1px;
  top: 51px;
  background-color: rgb(239, 239, 239);
  opacity: 0.9;
  padding: 6px;
  border-radius: 0px 0px;
  z-index: 900;
}

#searchToolbar .toolbar-container {
  width: 0px;
  height: 0px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

#searchToolbar .toolbar-container.expanded {
  width: 430px;
  height: inherit;
}

#searchToolbar .toolbar-container .toolbar {
  width: 430px;
  display: inline-block;
  overflow: hidden;
}

#searchToolbar .toolbar-container .toolbar input,
#searchToolbar .toolbar-container .toolbar select {
  margin: 4px;
  height: 20px;
  border: solid 1px #cccccc;
  border-radius: 0px 0px;
}

#searchToolbar .toolbar-container .toolbar input {
  height: 20px;
  width: 390px;
  padding-left: 5px;
}

#searchToolbar .toolbar-container .toolbar input.search-term {
  width: 370px;
}

#searchToolbar .toolbar-container .toolbar .search-term-help {
  cursor: pointer;
}

#searchToolbar .toolbar-container .toolbar select {
  height: 24px;
  width: 397px;
  padding-left: 3px;
}

#searchToolbar .toolbar-container .toolbar select.sort {
  margin-left: 8px;
}

#searchToolbar .toolbar-container .toolbar .search-icon {
  vertical-align: middle;
}

#searchToolbar .toolbar-container .toolbar .toolbar-line {
  width: 100%;
  display: inline-block;
}

#searchToolbar .toolbar-container .toolbar .toolbar-line {
  padding-left: 5px;
  padding-top: 5px;
}

#searchToolbar .toolbar-container .toolbar .toolbar-line img.search {
  cursor: pointer;
}

.case-list-header {
  background-color: #eeeeee;
  font-size: 15px;
  font-style: italic;
  padding: 15px;
}

.amodit-link {
  font-size: 15px;
}

.filter-info {
  cursor: pointer;
}

.filter-info--hidden {
  display: none;
}

.filter-info.fontSize13 {
  font-size: 13px;
}

.filter-info.fontSize15 {
  font-size: 15px;
}

.filter-info.fontSize18 {
  font-size: 18px;
}

.no-cases-container {
  left: 50%;
  position: absolute;
  top: 30%;
}

.no-cases-container .content {
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 10px 12px 24px 0px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 10px 12px 24px 0px rgba(0, 0, 0, 0.36);
  box-shadow: 10px 12px 24px 0px rgba(0, 0, 0, 0.36);
  font-size: 15px;
  font-style: italic;
  left: calc(-50% - 10px);
  line-height: 50px;
  padding: 0 10px;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  .filter-info {
  }
}

#searchToolbar .buttons {
  color: #000;
  cursor: pointer;
  float: right;
  font-size: 16pt;
  margin: 4px;
  vertical-align: middle;
}

.glyphicon-chevron-right::before {
  content: "\e080";
}

img.logoImage {
  margin-top: 6px;
  max-height: 200px;
  max-width: 100%;
}

div.headerSeparator {
  margin-left: 20px;
  margin-right: 20px;
  width: 1px;
  display: inline-block;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.4);
}

.ajax__dropdown_arrow.ajax__dropdown_arrow_image {
  display: none;
}

.ajax__tab_default span.ajax__tab_tab {
  text-align: left;
  line-height: 25px;
}

div.ajax__dropdown_frame_line {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

input[type="submit"],
input[type="button"],
.dialogButton {
  min-width: 6em;
  line-height: 31px;
  border: 1px solid #ababab;
  background-color: #fdfdfd;
  font-family: "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #444;
}

@media not all and (min-resolution: 0.001dpcm) {
  @media {
    input[type="submit"],
    input[type="button"],
    .dialogButton {
      line-height: inherit !important;
    }
  }
}

.casemenutabs input.bt {
  line-height: normal;
  height: 110px;
}

input.groupsButton {
  border: none;
}

input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="password"]:disabled,
input[type="text"]:disabled {
  background-color: #ddd;
}

input[type="submit"]:hover,
input[type="button"]:hover,
.dialogButton:hover {
  border-color: #92c0e0;
  background-color: #e6f2fa;
}

input.FormField[type="text"],
input.TableFormField[type="text"],
select.TableFormField {
  padding: 3px 3px 3px;
  border: 1px solid #ababab;
  color: #444;
  height: 18px;
}

select.FormFieldDateTimeWithTime {
  height: 26px;
}

div.ui-tabs-panel input.bt[type="submit"],
#CaseTop div.casemenu input.bt[type="button"],
#CaseTop div.casemenu input.btIcon.bt[type="submit"],
#CaseTop div.casemenu a.bt {
  margin: 0px;
  background-size: 77px;
  height: 72px;
  width: 66px;
  background-position-x: center;
}

#CaseTop div.casemenu a.bt {
  display: block;
  float: left;
  height: 29px;
}

div.casemenu input.bt.btBackward {
  margin: 0px;
  background-size: 33px;
  height: 77px;
  width: 33px !important;
  min-width: 33px;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #666;
}

.ui-tabs.ui-widget-content {
  background: none;
  border: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background-color: #fff;
  border: 1px solid rgb(225, 225, 225);
}

select.FormFieldDateTimeWithTime {
  padding: 2px 2px;
  border: 1px solid #ababab;
  color: #444;
  width: 44px;
}

.ParamsTable a {
  margin-left: 3px;
  margin-right: 3px;
  vertical-align: middle;
}

input.btSendAnswer[disabled],
input.btSendAnswer[disabled]:hover {
  background-size: 66px;
}

.ParamFooterContainer {
}

.ParamsFooterButtons {
  position: absolute;
  right: 0px;
}

.ParamsAddParam {
  text-align: left !important;
  float: left !important;
  padding-left: 7px;
}

.ParamsFooterMetric {
  text-align: left !important;
}

a.caselist2RuleButtons {
  color: blue;
  font-size: 11px;
  margin: 5px 10px;
  line-height: 40px;
  cursor: pointer;
}

a.caselist2RuleButtons:hover {
  text-decoration: underline;
}

.btnMsgBoxActions {
  display: none;
}

#dialogDeletePermanCase {
  display: none;
}

.openDialogDeleteCase {
  position: relative;
  left: 5px;
  top: -5px;
  font-weight: bold;
  border: none;
  background-color: transparent;
  color: #e74545 !important;
  cursor: pointer;
  vertical-align: middle;
}

.successActionLbl {
  font: bold 19px Arial;
  font-style: italic;
  color: white;
  margin-left: 90px;
  margin-top: 10px;
}

table.TableMyCases {
  border-left: none !important;
  border-right: none !important;
}

a.btnUpdate,
a.btnSign,
a.btnDelete,
a.btnCancelSignature {
  color: blue;
}

.LeftMargin10 {
  margin-left: 10px;
  display: block;
}

.caseHeaderToggle {
  cursor: pointer;
}

.warningMsg {
  color: green;
}

.warning {
  color: orange;
}

.errMsg {
  color: red;
}

.listOfErrors {
  list-style-type: disc;
  padding-left: 40px;
}

.AttPreviewGraph {
  position: fixed;
  top: 0;
  right: 0px;
  display: none;
  border-collapse: separate;
  /*z-index:1002;*/
  background-color: #d3d3d3;
  overflow: scroll;
  overflow-x: auto;
  width: 100%;
  height: 100%;
}

.PreviewGraphCloseButton {
  float: right;
  padding: 8px 5px;
}

.PreviewGraphHideInfo {
  display: none;
}

.GraphPreviewProp {
  display: block;
  height: 80px;
  width: 300px;
  margin: 0 auto;
}

.GraphPreviewProp .GraphPreviewAlgoritm {
  color: #000;
  /* background-color:#D3D3D3;*/
  background-color: rgb(241, 241, 241);
}

.CaseItemClicked {
  background-color: #939393;
}

.CaseItem--readed a.CaseTitle {
  font-weight: normal;
}

.CaseItem--refreshed {
  background-color: #ffffe0;
}

.CaseItem--refreshed a.CaseTitle {
  font-weight: bold;
}

.NoMargin {
  margin: 0px;
}

.AddCaseTitle {
  vertical-align: top;
  margin-top: 10px;
  margin-left: 10px;
  display: block;
  color: #000;
  font-size: 15px;
  text-decoration: none;
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

.BorderedPicker {
  border: 1px solid #ababab;
  margin-top: 5px;
  position: relative;
}

.CaseItem A.CaseTitleLarge {
  margin-top: 8px;
  margin-bottom: 8px;
  display: block;
  cursor: pointer;
}

.NewLookDisplayNone {
  display: none;
}

div.paramname,
div.onecolumn,
div.twocolumnsdata,
div.fourcolumnsdata {
  float: left;
  box-sizing: border-box;
  padding: 5px;
}

div.onecolumn {
  width: 100%;
}

div.twocolumnsdata {
  width: calc(100% - 150px);
}

@-moz-document url-prefix() {
  @media screen and (min-width: 600px) {
    div.onecolumn,
    div.parameter-full-width {
      width: calc(100vw - 80px);
    }
  }
}

.parameter-full-width,
.section-one-columns .parameter-section-width {
  float: left;
  min-height: 36px;
  width: 100%;
}

@media screen and (min-width: 1120px) {
  .parameter-full-width.parameter-editable {
    width: 980px;
  }

  .parameter-full-width.parameter-editable span.cke {
    width: 826px;
  }
}

.document-preview-visible .parameter-full-width.parameter-editable {
  max-width: 520px;
  width: auto;
}

.document-preview-visible .parameter-full-width.parameter-editable span.cke {
  width: 466px;
}

.section-two-columns .parameter-section-width {
  float: left;
  min-height: 36px;
  width: 520px;
}

.parameter-section-width.parameter-hidden {
  visibility: hidden;
}

.parameter-section-width.parameter-hidden.parameter-hidden-column1.parameter-hidden-column2 {
  display: none;
}

@media screen and (max-width: 600px) {
  .parameter-section-width.parameter-hidden {
    display: none;
  }
}

.parameter-full-width.parameter-hidden {
  display: none;
}

.FormFieldLong {
  width: 100%;
}

.SpanFormField.FormFieldLong.FormFieldDisabled {
  word-wrap: break-word;
}

.SpanFormField.FormField.FormFieldDisabled {
  word-wrap: break-word;
}

@media screen and (min-width: 600px) and (max-width: 1120px) {
  /*div.fourcolumnsdata {
        width: calc(100% - 150px);
    }*/

  /*.FormFieldLong {
        width: 80%;
    }
    .AMODFormField .cke{
        width: 80%;
    }*/

  div.paramname {
    clear: both;
  }

  .section-two-columns .parameter-section-width {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .ParamsTable .paramname,
  div.paramname {
    padding-bottom: 1px;
  }

  div.twocolumnsdata,
  div.fourcolumnsdata {
    padding-top: 1px;
  }

  .ParamsTable .paramname,
  div.paramname,
  div.twocolumnsdata,
  div.fourcolumnsdata {
    width: 100%;
  }

  .section-two-columns .parameter-section-width {
    width: 100%;
  }

  .FormFieldLong {
    width: 80%;
  }

  .PopupWindowSendFrame {
    width: 100% !important;
    height: 100% !important;
  }

  .PopupFrame {
    width: 100% !important;
    height: 100% !important;
  }

  .pnlFrameDefault {
    box-sizing: border-box;
    width: 100% !important;
    height: 100% !important;
    left: 0px !important;
    top: 0px !important;
    padding: 0px !important;
  }
}

@media screen and (max-width: 400px) {
  .AMODFormField {
    min-width: 0px;
  }

  .Picker {
    width: calc(100% - 27px);
  }

  .AMODFormField .popupUserDdl {
    position: absolute;
    right: -5px;
    left: initial;
  }

  .FormFieldUser input {
    width: 100%;
  }

  .FormFieldLink {
    width: calc(100% - 28px);
    box-sizing: border-box;
  }

  .FormFieldLong,
  .FormField {
    width: 100%;
    min-width: 0px;
  }

  div.headerLogo {
    min-width: 100px;
  }

  div.headerLogo {
    min-width: 115px !important;
  }
}

@media screen and (max-width: 800px) {
  .RequiredFieldDiv {
    display: none;
  }
}

.clearBoth {
  clear: both;
}

.clearBothEmpty {
  clear: both;
  height: 0px;
  padding: 0px;
  margin: 0px;
  line-height: 0px;
}

table.ParamsTable input[type="submit"],
table.ParamsTable input[type="button"] {
  min-width: 1em;
  margin-left: 5px;
  margin-right: 5px;
}

.ParamFooterContainer {
  height: 200px;
}

.skanujToFrame {
  position: absolute;
  z-index: 1000;
}

.closeFrameBtn {
  position: absolute;
  right: 20px;
  background-color: #51a513;
  line-height: 35px;
  height: 35px;
  z-index: 1500;
  padding: 0px 10px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0px -1px 2px #8cc34c;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-decoration: none;
}

.closeFrameBtn:hover {
  cursor: pointer;
  color: white;
}

.expandableMenu {
  top: 50px;
  max-width: calc(100% - 2px);
  overflow: hidden;
  position: absolute;
  box-sizing: border-box;
  background-color: white;
}

.heightAuto {
  display: block;
  overflow: auto;
  float: left;
}

.reportsList {
  position: absolute;
  right: 0;
  border: 1px solid;
  padding: 5px;
}

.reportsListTitle {
  font-family: Arial;
  font-size: 16px;
}

.graphTable {
  min-width: 600px;
}

.previous-comments-show {
  cursor: pointer;
}

.btDesignForm {
  text-align: left;
  margin-left: 6px;
}

.btDesignFormBig {
  text-align: center;
  display: block;
  width: 100%;
}

.btDesignFormBig a,
.btDesignFormBig span {
  font-size: 20px;
}

.AutoHeight {
  height: auto !important;
}

.panViewToolbar {
  margin-left: 20px;
}

.panViewToolbar .title {
  font-size: 20px;
  margin-top: 5px;
}

.panViewToolbar .checkBox {
  margin-left: 7px;
}

.panViewToolbar .categoryDdl {
  margin-left: 7px;
}

.panViewToolbar .categoryDdl div div {
  display: inline-block;
  width: 100px;
}

.panViewToolbar .categoryDdl div select {
  width: 200px;
}

.panViewToolbar .text {
  margin-left: 12px;
}

.panViewToolbar .textbox {
  margin-left: 12px;
  width: 400px;
}

.panViewToolbar .buttons {
  margin-left: 12px;
}

.panViewToolbar .element {
  margin-top: 5px;
  margin-bottom: 5px;
}

.PreviewShown {
  width: 70%;
}

@media screen and (min-width: 1000px) {
  .PreviewShown {
    width: 100%;
  }
}

.DocumentPreviewShown {
  width: 50%;
}

.RightTopClose {
  z-index: 999999;
  position: fixed;
  top: 15px;
  right: 30px;
  padding: 3px;
}

.CaseHistoryWindow {
  width: 100%;
  min-height: 200px;
  overflow-y: auto;
}

.AttBtnOnTheForm {
  margin-right: 15px;
  float: left;
  margin-bottom: 15px;
}

.AMODFormField .BtnDeleteFile {
  min-width: 11px;
  line-height: 20px;
  border: none;
  background-color: transparent;
  font-size: 11px;
  font-family: Verdana;
  color: #3966bf;
  cursor: pointer;
}

.AttNameOnTheForm {
  color: #437ad4;
  text-decoration: underline;
  font-weight: bold;
  float: left;
  margin-right: 0;
  width: 300px;
}

.AMODFormField .AttTemplateOnTheForm {
  color: #437ad4;
  text-decoration: underline;
  font-weight: bold;
}

.ExtensionsOnTheForm {
  display: block;
}

.BigQuestionMark {
  color: white;
  font-size: 100px !important;
}

.MediumQuestionMark {
  color: white;
  line-height: 35px;
  font-size: 30px;
  font-weight: 600;
  margin-left: 10px;
}

.RequiredFieldDiv {
  float: right;
  margin: 10px;
  margin-bottom: 0px;
}

.PopupsRoot {
  height: 0px;
}

.ProcedureParamsRow .BtnParamSettings {
  border: 0;
  display: inline-block;
  /*text-decoration:underline;*/
}

.ParamSettingsTree {
  background-color: #ffffff;
}

.pnlFrameDefault .ParamSettingsFrameHeight {
  width: 400px;
}

.pnlFrameDefault .ParamSettingsSmallHeight {
  height: 200px !important;
  width: 400px;
}

.pnlFrameDefault .textBoxParamSettings {
  height: 400px !important;
  width: 400px;
}
.HistItem .PrintableTable {
  margin: 2px;
  border-collapse: collapse;
}

.HistItem .PrintableTable .paramNumberTd {
  text-align: right;
}

.HistItem .SignatureItem {
  display: inline-block;
  margin: 3px 15px;
  clear: both;
}

.HistItem .SignatureName {
  line-height: 40px;
  height: 40px;
  float: left;
  display: block;
}

.HistItem .Signature {
  display: block;
  float: left;
  height: 40px;
  margin-left: 5px;
}

.HistItem .PrintableTable td,
.HistItem .PrintableTable th {
  border: 1px solid #ababab;
  padding: 2px;
}

.HistItem .PrintableTable td pre {
  padding: 0px;
  margin: 0px;
  white-space: normal;
}

.FieldSettingsPopupMain {
  position: relative;
  text-align: left;
  margin: 10px;
}

.FieldSettingsPopupMain .footer {
  position: fixed;
  right: 10px;
  bottom: 10px;
}

.FieldSettingsPopupMain .fldName {
  padding: 6px 0px;
}

.DdlFieldSettingsUser {
  max-width: 215px;
}

.CustomDialogUi {
  padding: 0;
  border: 0;
  z-index: 1100;
  border-radius: 0px;
}

.CustomDialogUi .ui-widget-header {
  border: 0;
  font-weight: 400;
  line-height: 34px;
  text-align: left;
  font-family: "Segoe UI Semilight", "Segoe UI", "Segoe", Tahoma, Helvetica,
    Arial, sans-serif;
  font-size: 1.46em;
  padding: 0;
  width: 100%;
  border-radius: 0px;
}

.CustomDialogUi .ui-dialog-title {
  padding-left: 10px;
}

.CustomDialogUi .ui-dialog-titlebar-close {
  border: 0;
  background-color: transparent;
}

.CustomDialogUi .ui-button-text-only {
  min-width: 6em;
  line-height: 31px;
  border: 1px solid #ababab;
  background-color: #fdfdfd;
  font-family: "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #444;
}

.afxDialogDiv #taTitleDialog,
.afxDialogDiv #taTitleDialogHtml {
  width: 100%;
  height: 150px;
  resize: none;
}

.DisplayTitlesLabel {
  max-width: 250px;
}

.DisplayTitlesLabel .lblDefineDisplayText {
  line-height: 20px;
  text-align: left;
  font-size: 12px;
  color: rgb(65, 65, 65);
  font-weight: normal;
  font-style: italic;
  cursor: pointer;
  word-break: break-all;
}

.DisplayTitlesLabel .descriptionHtml {
  max-height: 50px;
  display: block;
  overflow: hidden;
}

.pnlReminders {
  min-width: 220px;
}

.pnlReminders .FormFieldDateTime {
  width: 70px;
}

.pnlReminders input {
  line-height: 23px;
  height: 23px;
  border: solid 1px #888;
  box-sizing: content-box;
}

.popupUserDdl {
  width: 20px;
  top: 1px;
  text-align: center;
  padding: 0px;
  position: relative;
  float: right;
  left: -23px;
}

.dictSearch {
  width: 225px;
  padding: 4px;
  display: inline-block;
}

.dictSearch .dictTxt {
  width: 200px;
  margin: 0;
}

.dictSearch .dictSearchBtn {
  background-image: url("../images/toolbar-search.png");
  width: 16px;
  height: 16px;
  display: block;
  float: right;
  position: relative;
  right: 23px;
  top: 3px;
}

.loginPanel .loginTxt,
.loginDialog .loginTxt {
  display: block;
  height: auto;
  width: 100%;
  font-size: 16px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 10px;
  box-sizing: border-box;
}
.registerContainer .loginPanel .loginTxt {
  margin-bottom: 6px;
  padding: 6px;
  width: 90%;
  display: inline-block;
}
.registerContainer .loginPanel .regvalidatorblock {
  display: block;
}
.loginPanel input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  color: #999 !important;
}

.loginPanel .loginPassword {
  margin-bottom: 10px;
}

.loginPanel input[type="submit"] {
  display: block;
  padding: 4px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background-color: #337ab7;
  width: 100%;
}
.registerContainer .loginPanel input[type="submit"] {
  width: 90%;
}
a.loginpagelink:link {
}

.ruleButtons .disableLink {
  pointer-events: none;
  opacity: 0.7;
  color: #fff;
}

.ajax__tab_inner .wrapLongTitles {
  white-space: normal;
  height: auto;
  line-height: 13px !important;
  padding-top: 4px;
  padding-bottom: 4px;
}

.ui-corner-flat,
.ui-corner-flat .ui-corner-all {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-calendar .ui-state-default,
.ui-datepicker .ui-datepicker-buttonpane button {
  background-image: none !important;
  border: 0px !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
  background-color: #6eab2c;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight {
  background-color: #f7d94e;
}

.lengthWarning {
  display: none;
  left: 125px;
  top: -26px;
}

.sortTableCases {
  margin-left: 15px;
}

select.ddlSortTableParams {
  margin-left: 15px;
  min-width: 115px;
}

.expiryDateMargin {
  display: inline-block;
  margin-bottom: 15px;
}

.inviteInfo ul {
  list-style: initial;
  padding-left: 20px;
}

.downloadInfo {
  position: fixed;
  bottom: 0px;
  height: 50px;
  background-color: #5cb85c;
  color: white;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 50px;
  font-weight: bold;
  font-size: 25px;
}
.downloadInfo .progBar {
  background-color: #439943;
  height: 100%;
  -webkit-transition-property: width;
  -webkit-transition-duration: 1s;
  transition-property: width;
  transition-duration: 1s;
}

.defaultValueEditor {
  position: relative;
  float: left;
  min-width: 230px;
}

.defaultValueEditor select {
  height: 23px;
}

.defaultValueEditor div.el {
  float: left;
}

.defaultValueEditor div.el .AMODFormField {
  min-width: 0px;
}

div.ReportsList {
  width: 400px;
  height: 100%;
  border-right: none;
  /*padding-top:10px;*/
}

#ReportsLeft {
  float: left;
  width: 400px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  display: none;
  position: absolute;
  z-index: 1001;
  background-color: #ffffff;
}

div.ReportsListTbl {
  width: 100%;
  overflow: auto;
  height: calc(100vh - 180px);
}

#ReportsLeft a {
  color: #000;
}

.Case2FullScreenPopup {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.casemenu > div.casemenutabs > div.ui-tabs-panel {
  overflow-x: auto;
  width: 100%;
  display: inline-flex;
}

.case2fieldset {
  min-width: 70%;
}

.afxDialogContainer {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.afxDialogDiv {
  position: absolute;
  width: 100%;
  height: 100%;
}

.afxDialogDiv iframe {
  width: 100%;
  height: 100%;
  filter: Alpha(opacity=50);
}
.afxDialogDiv iframe.iframecentered {
  background-color: #ffffff;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: auto;
}

.afxDialogDiv .PopupWindow {
  margin: auto;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  position: fixed;
}

.afxDialogDiv iframe .background {
  width: 100%;
  height: 100%;
}

.afxDialogOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #d6d6d6;
  opacity: 0.7;
}

.LockCircleContainer .LockCircleOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.LockCircleContainer .LockCircleOverlay.grayed {
  background-color: #d6d6d6;
  opacity: 0.7;
  position: fixed;
}

.select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}

.select2-container--default {
  float: left;
}

ul.select2-results__options > li {
  white-space: nowrap;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  color: black !important;
}

span.select2-dropdown {
  max-width: 600px;
  min-width: 200px;
}

select[disabled] {
  background-color: #ddd;
}

.FormFieldTable span.select2.select2-container.select2-container--default {
  min-width: 200px;
}

.select2-container--default .select2-results > .select2-results__options {
  overflow-y: scroll !important;
}

span.select2.select2-container.select2-container--default {
  min-width: 200px;
}

span.text.comment-content {
  overflow: hidden;
  white-space: pre-wrap;
  display: block;
}

span.text.comment-content.expandable {
  max-height: 150px;
}

div.showcommentpreview {
  font-size: 25px;
  display: block;
  float: right;
  margin: 3px 3px 0px 0px;
  cursor: pointer;
}

div.showcommentpreview::before {
  content: "\e105";
}

div.addComment span.content textarea {
  resize: vertical;
  width: calc(100% - 35px);
  padding: 0;
  height: 35px;
}

div.addComment span.content span {
  bottom: 6px;
  color: #2730aa;
  cursor: pointer;
  font-size: 24px;
  position: absolute;
}

div.addComment span.content {
  display: inline-block;
  width: 83%;
  max-width: 510px;
  position: relative;
}

.blockedUserIcon {
  vertical-align: bottom;
  width: 15px;
  height: 15px;
}

.calendar-container {
  margin-left: 10px;
  max-height: 300px;
  overflow-y: auto;
}

.icon-type-container {
  display: flex;
  flex-flow: column;
  float: left;
}

.icon-type-element {
  margin-top: 15px;
}

.lbl-icon-type {
  float: left;
  margin-top: 15px;
}

.lbl-belt-bg {
  margin-top: 12px;
}

.lbl-icon-type,
.lbl-belt-bg {
  display: inline-block;
  min-width: 110px;
}

.img-icon-preview {
  float: left;
  margin-right: 5px;
  margin-left: 5px;
}

textarea.taHtml {
  visibility: hidden;
}

.htmlField textarea {
  min-height: 250px;
}

.tableHtmlField {
  min-width: 500px;
}

.dialogButtons {
  text-align: center;
}

.dialogButtons button {
  margin: 10px;
}

div.PopupMainContainer {
  max-height: 500px;
  overflow-y: auto;
  margin-bottom: 10px;
}

div.PopupButtonsContainer {
  padding-bottom: 10px;
  text-align: center;
}

.tableScroll {
  position: fixed;
  bottom: 0px;
  overflow-x: auto;
}

.tableScrollInner {
  height: 25px;
}

.btn-toolbar-mobile {
  width: 50px;
  height: 72px;
  display: inline-block;
  line-height: 72px;
  text-align: center;
  font-size: 25px;
  color: gray;
}

.btn-exp {
  position: absolute;
}

.btn-exp::before {
  content: "\e114";
}

.btn-collapse::before {
  content: "\e113";
}

#extra-buttons {
  display: none;
}

#main-buttons {
  display: inline-block;
  width: calc(100% - 50px);
  overflow: hidden;
  overflow-x: auto;
}

#extra-buttons div {
  display: inline-block;
}

#extra-buttons .UserContextMenuItemHorizontalFixed {
  width: 66px;
}

.btns-all-shown {
  width: 100%;
  white-space: normal;
  height: auto;
  text-align: center;
}

#MobileToolbar {
  display: none;
}

.main-edit-div {
  float: left;
  width: 100%;
}

.main-right {
  width: 50%;
  float: left;
}
/*
@media screen and (max-device-width: 1000px), screen and (max-width: 1000px) {
   
    .header,
    .headerSpacer,
    #container-mobile-toolbar
    {
        display: none;
    }

    .main-edit-div
    {
        display: none;
    }
}*/

.document-preview {
  background-color: #333333;
  opacity: 0.8;
  overflow: auto;
  width: 100%;
  position: relative;
}

.preview-image-container {
  position: relative;
  width: 100%;
  margin-top: 15px;
}

.document-preview-section {
  padding-top: 48px;
  position: relative;
}

.document-preview-toolbar {
  border: none;
  z-index: 9999;
  top: 0;
  height: 48px;
  position: absolute;
  background-color: #000;
  width: 100%;
  text-align: center;
  left: 50%;
  display: inline !important;
  font-size: 16pt;
  color: #fff;
  left: 0;
  line-height: 48px;
  font-family: "Segoe UI Regular WestEuropean", "Segoe UI", Tahoma, Arial,
    sans-serif;
}

.document-preview-toolbar .current {
  display: inline-block;
  width: 32px;
  line-height: 30px;
  margin-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #000;
  background-color: #fff;
}

.document-preview-toolbar .page-numbers {
  float: left;
}

.document-preview-toolbar .total {
  margin-left: 5px;
}

.document-preview-toolbar .button {
  width: 120px;
  cursor: pointer;
  float: left;
  height: 48px;
}

.document-preview-toolbar .button span {
  line-height: 48px;
  border: none;
}

.document-preview-toolbar .button:hover {
  background-color: #444;
}

.document-preview-toolbar .button.small {
  width: 48px;
}

.document-preview-toolbar .button-right {
  float: right;
}

.document-preview-image {
}

.glyphicon-download-alt::before {
  content: "\e025";
}

.glyphicon-zoom-in::before {
  content: "\e015";
}

.glyphicon-zoom-out::before {
  content: "\e016";
}

.glyphicon-chevron-up::before {
  content: "\e113";
}

.glyphicon-chevron-down::before {
  content: "\e114";
}

.glyphicon-plus::before {
  content: "\2b";
}

.glyphicon-minus::before {
  content: "\2212";
}

.glyphicon-remove::before {
  content: "\e014";
}

.glyphicon-alert::before {
  content: "\e209";
}

.glyphicon-trash::before {
  content: "\e020";
}

.glyphicon-copy::before {
  content: "\e205";
}

.glyphicon-refresh::before {
  content: "\e031";
}

.glyphicon-cog::before {
  content: "\e019";
}

.glyphicon-search:before {
  content: "\e003";
}

.forwardRow {
  width: 100%;
  margin-bottom: 5px;
}

.UserContextMenuItemHorizontal {
  width: 30%;
  height: 79%;
  padding: 1.6%;
  display: block;
  float: left;
  text-align: center;
}

.UserContextMenuItemHorizontal:hover {
  background-color: rgb(234, 234, 234);
  text-decoration: none;
  color: #ffffff;
  border: none;
}

.store-info-text {
  width: 100%;
}

.select2-container input {
  font-size: 16px;
}

div.new-group,
div.new-dictionary {
  margin-top: 10px;
}

div.new-groups,
div.new-dictionaries {
  margin-top: 10px;
}

span.select2-amod-group-button {
  margin-left: 4px;
  border-radius: 10%;
  padding: 6px 6px 6px 6px;
  background-color: initial;
  border: 1px solid grey;
  cursor: pointer;
}

span.select2-amod-group-button:hover {
  background-color: rgb(234, 234, 234);
}

span.select2-amod-group-button:active {
  background-color: rgb(162, 162, 162);
}

div.dictionary-examplary-items {
  margin-left: 50px;
}

a.dict-positions-toggle {
  margin-left: 10px;
}

.required-container {
  width: 100%;
  padding: 7px 0;
  background-color: #fe2e2e;
  color: white;
}

.required-container .fields-list {
  display: inline;
}

.fields-list .required-field {
  cursor: pointer;
}

.required-container .text-required-fields {
  font-weight: bold;
  margin-left: 20px;
}

.fields-list span {
  font-style: italic;
}

.fields-show-more {
  cursor: pointer;
}

#procedure-left {
  width: 400px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  display: none;
  position: absolute;
  background-color: #ffffff;
}

.proc-content {
  width: calc(100% - 160px);
  float: right;
}

.proc-tabs {
  color: rgb(102, 102, 102);
  line-height: 26px;
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin-top: 1px;
  /*height: calc(100vh - 51px);*/
  overflow-y: auto;
  vertical-align: middle;
  width: 160px;
  float: left;
}

#procedures .proc-tab {
  height: 26px;
  vertical-align: middle;
  padding-left: 15px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  background-color: transparent;
  color: rgb(102, 102, 102);
  cursor: pointer;
  display: inline-block;
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  width: calc(100% - 15px);
}

.proc-tabs > div:hover {
  background-color: rgba(205, 230, 247, 0.5);
  border-right: 1px solid white;
}

.proc-active-tab {
  background-color: rgba(233, 233, 233, 0.780392);
  color: #666666;
  border-bottom: 1px solid rgba(233, 233, 233, 0.780392);
}

.required-container {
  width: 100%;
  padding: 7px 0;
  background-color: #fe2e2e;
  color: white;
}

.required-container .fields-list {
  display: inline;
}

.fields-list .required-field {
  cursor: pointer;
}

.required-container .text-required-fields {
  font-weight: bold;
  margin-left: 20px;
}

.fields-list span {
  font-style: italic;
}

.fields-show-more {
  cursor: pointer;
}

input[type="button"].go-to-new-editor {
  margin-right: 12px;
  margin-top: -3px;
  width: 200px;
  background-color: #3c8dbc;
  border-color: #367fa9;
  color: #fff;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

input[type="button"].go-to-new-editor:hover,
input[type="button"].go-to-new-editor:active {
  background-color: #367fa9;
}

.requiredHidden {
  display: none;
}

.TestVersion {
  display: block;
  font-size: large;
  height: 2em;
  line-height: 2em;
  background-color: khaki;
  color: grey;
  text-align: center;
}

.CaseSub .Indented {
  margin-left: 60px;
}

.UploadFile span {
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}

#activity-queue-main.user-settings-logs {
  overflow: hidden;
}

#authenticationInfo {
  float: left;
  line-height: 50px;
  margin-right: 10px;
}

#authenticationInfo.red {
  color: red;
}

.link-case-dict {
  color: blue;
  text-decoration: underline;
  width: 100%;
  min-height: 20px;
  display: inline-block;
  line-height: 20px;
}

.pretext {
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.calendarevent {
  max-height: 45px;
  overflow: hidden;
  margin: 2px;
}

.clearfix:after {
  clear: both;
  display: table;
  content: " ";
}

.btn {
  border: 1px solid transparent;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.42857143;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  background-image: none;
  text-decoration: none;
  box-sizing: border-box;
}

.btn.btn-flat {
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}

.btn-social {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.btn-oauth {
  width: 100%;
}

.btn-oauth {
  padding-left: 2px;
}
.btn-oauth:first-child {
  padding-left: 0px;
}
.btn-oauth a {
  text-align: center;
}

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  margin-top: -2px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

@media (max-width: 400px) {
  .btn-social {
    padding-left: 26px;
    padding-right: 6px;
    text-overflow: unset;
  }

  .btn-social > :first-child {
    width: 24px;
  }
}

.social-auth-links {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}

.btn-microsoft {
  color: #ffffff !important;
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:focus,
.btn-microsoft.focus {
  color: #ffffff !important;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:hover {
  color: #ffffff !important;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:active,
.btn-microsoft.active,
.open > .dropdown-toggle.btn-microsoft {
  color: #ffffff !important;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:active,
.btn-microsoft.active,
.open > .dropdown-toggle.btn-microsoft {
  background-image: none;
}

.btn-microsoft .badge {
  color: #2672ec;
  background-color: #ffffff;
}

.btn-google {
  color: #ffffff !important;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:focus,
.btn-google.focus {
  color: #ffffff !important;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:hover {
  color: #ffffff !important;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  color: #ffffff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  background-image: none;
}

.btn-google .badge {
  color: #dd4b39;
  background-color: #ffffff;
}

.btn-facebook {
  color: #ffffff !important;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:focus,
.btn-facebook.focus {
  color: #ffffff !important;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:hover {
  color: #ffffff !important;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
  color: #ffffff !important;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
  background-image: none;
}

.btn-facebook .badge {
  color: #3b5998;
  background-color: #ffffff;
}

.btn-openid {
  color: #fff;
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:focus,
.btn-openid.focus {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:hover {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:active,
.btn-openid.active,
.open > .dropdown-toggle.btn-openid {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:active,
.btn-openid.active,
.open > .dropdown-toggle.btn-openid {
  background-image: none;
}

.btn-openid .badge {
  color: #f7931e;
  background-color: #fff;
}

.hidden {
  display: none;
}

.export-settings-disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #c0c0c0;
  background-color: #ffffff;
}

.export-settings-frame {
  border: 1px solid #62a1ee;
  background-color: #ffffff;
  width: 400px;
  height: 250px;
}

.export-settings-container .colDesc {
  min-width: 150px;
}

.export-settings-container select {
  width: 150px;
}

a.export-xslt-button:link {
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

a.export-xslt-button:hover {
  color: black;
}

#divFireRules .fire-rules-btns {
  margin-bottom: 20px;
}

.xml-file-link {
  cursor: pointer;
  color: blue;
  text-decoration: underline;
}

.edit-report {
  float: left;
  margin: 10px;
  cursor: pointer;
}

.details-link {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

.htmleditortext {
  border: 1px solid #666;
  padding: 5px;
  margin-bottom: 5px;
}

.ajax__tab_default .ajax__tab_header {
  white-space: nowrap;
}

.ajax__tab_default .ajax__tab_outer {
  display: -moz-inline-box;
  display: inline-block;
}

.ajax__tab_default .ajax__tab_inner {
  display: -moz-inline-box;
  display: inline-block;
}

.ajax__tab_default .ajax__tab_tab {
  margin-right: 4px;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  display: -moz-inline-box;
  display: inline-block;
}

/* xp theme */
.ajax__tab_xp .ajax__tab_header {
  font-family: verdana, tahoma, helvetica;
  font-size: 11px;
}

.ajax__tab_xp .ajax__tab_outer {
  padding-right: 4px;
}

.ajax__tab_xp .ajax__tab_inner {
  padding-left: 3px;
}

.ajax__tab_xp .ajax__tab_tab {
  height: 13px;
  padding: 4px;
  margin: 0;
}

.ajax__tab_xp .ajax__tab_body {
  font-family: verdana, tahoma, helvetica;
  font-size: 10pt;
  border: 1px solid #999999;
  border-top: 0;
  padding: 8px;
  background-color: #ffffff;
}

/* scrolling */
.ajax__scroll_horiz {
  overflow-x: scroll;
}

.ajax__scroll_vert {
  overflow-y: scroll;
}

.ajax__scroll_both {
  overflow: scroll;
}

.ajax__scroll_auto {
  overflow: auto;
}

.SystemParamName {
  width: 250px;
}

.paramsSearch {
  line-height: 90px;
  float: left;
  margin-left: 10px;
}

.paramsSearch a {
  margin-left: 5px;
  margin-right: 5px;
}

.selectedParam {
  text-decoration: underline;
  background-color: gold;
}

.sub-level {
  margin-left: 25px;
}

.additional-info {
  margin-top: 10px;
}

.change-btn {
  margin-left: 5px;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

.select-att-field {
  width: 129px;
}

.att-after-create {
  float: left;
  margin-right: 5px;
}

#archive-path {
  margin-top: 25px;
}

.registry_editor_overlay {
  z-index: 999;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.registry_editor_overlay_inner {
  height: 90vh;
  width: 90vw;
  background-color: rgba(255, 255, 255, 1);
  margin: auto;
  margin-top: 2vh;
}

.registry_editor_overlay_div {
  width: 100%;
  height: calc(100% - 0px);
}

.history-job-status-container {
  width: 700px;
  display: inline-block;
}

.history-job-status {
  display: inline-block;
  margin-top: 11px;
  font-weight: bold;
  font-style: italic;
  font-size: 12px;
}

.history-job-stopped {
  color: red;
}

#graphEditor h1 {
  text-align: center;
}
.resetPasswordContainer,
.registerContainer {
  top: 150px;
  width: 329px;
}
.resetPasswordContainer #imgLogo,
.registerContainer #imgLogo {
  width: 300px;
}
.resetPasswordContainer h2,
.registerContainer h2 {
  font-size: 16px;
  margin-top: 30px;
  width: 90%;
}
.resetPasswordContainer .loginPanel,
.registerContainer .loginPanel {
  text-align: left;
}
.resetPasswordContainer label,
.registerContainer label {
  margin-top: 30px;
}
.registerContainer label {
  font-size: 14px;
}
.resetPasswordContainer input {
  border-radius: 3px;
  font-size: 14px !important;
  margin-bottom: 15px;
}
.registerContainer input {
  border-radius: 3px;
}
.resetPasswordContainer input:not([type="submit"]) {
  color: rgb(0, 0, 0);
  border-color: rgb(229, 229, 229) !important;
  padding: 8px 10px 8px 10px !important;
  margin-bottom: 15px;
}
.resetPasswordContainer input[type="checkbox"] {
  margin-bottom: 0px;
  height: auto !important;
}
.resetPasswordContainer input.btn-orange,
.registerContainer input.btn-orange {
  color: #ffffff;
  background-color: #ff6f00;
  border-color: #ff6f00;
  text-transform: uppercase;
  padding: 0px !important;
  width: 329px;
  margin-top: 30px;
}
.resetPasswordContainer p {
  margin-top: 30px;
  margin-bottom: 0px;
}
.resetPasswordContainer button.btn-orange {
  border-radius: 3px;
  height: 34px !important;
  font-size: 14px !important;
  margin-bottom: 15px;
  color: #ffffff;
  background-color: #ff6f00;
  border-color: #ff6f00;
  text-transform: uppercase;
  padding: unset;
  width: 329px;
}
.btn-orange:disabled,
.btn-orange[disabled] {
  filter: grayscale(1);
  cursor: not-allowed !important;
}
.resetPasswordContainer .font-small,
.resetPasswordContainer .font-small label,
.resetPasswordContainer .font-small a {
  font-size: 12px !important;
  color: #000000;
}
.width-100 {
  width: 100%;
}

div.minor-title {
  text-align: center;
  position: relative;
  padding: 10px 0px 10px 0px;
}

hr.minor-title-line {
  margin-top: 10px;
  margin-bottom: 10px;
  border-color: rgb(211, 211, 211);
  border: 0px;
  height: 1px;
  background-color: rgb(229, 229, 229);
}

div.minor-title-text {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -20px;
}

div.minor-title-text span {
  background: white;
  padding: 0px 20px 0px 20px;
}

.AmodColorPicker {
  position: absolute;
  z-index: 10000;
  background: white;
  border: 1px solid #aaa;
}

.AmodColorPickerCanvas {
  background: gray;
}
li.multiline {
  white-space: pre-wrap;
}

.centered-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.scrollable-modal {
  overflow-y: scroll;
  max-height: 70vh;
}

.dimmed {
  opacity: 60%;
}

.dimmed:hover {
  opacity: 100%;
}

.history-mdi-small {
  font-size: 16px;
}

.wrap-long-text {
  word-break: break-all;
}

.bottom-margin-16px {
  margin-bottom: 16px;
}
.divseparator {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 10px 0px;
}

.divseparator::before,
.divseparator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #ddd;
}

.divseparator:not(:empty)::before {
  margin-right: 0.25em;
}

.divseparator:not(:empty)::after {
  margin-left: 0.25em;
}

.PrcAnonymizationChx {
  display: flex;
  align-items: center;
}
.hideiniframe {
  display: none;
}