html {
  height: 100%;
}
body {
  font: normal 11px arial, tahoma, helvetica, sans-serif;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  height: 100%;
  border: 0px;
  background-color: #dedede;
  text-align: center;
  color: black;
}
th {
  font-weight: bold;
}
.error_list {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style-type: none;
  color: red;
  clear: both;
}
.hidden {
  display: none;
  visibility: hidden;
}
.required_mark {
  font-size: 18px;
  color: #FF4000;
  font-weight: bold;
}
img {
  border: none;
}
a {
  letter-spacing: 1px;
  font-family: tahoma, helvetica, arial;
  font-size: 11px;
  text-decoration: none;
  color: black;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
.textbox {
  position: relative;
  width: 125px;
  height: 15px;
    border: solid 1px #c2d2e1;
  background: #fff;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 0px;
  font-size: 11px;
  border-radius: 3px;
}

.textbox_readonly {
  position: relative;
  width: 125px;
  height: 15px;
    border: solid 1px #c2d2e1;
  background: #d2d2d2;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 0px;
  font-size: 11px;
  border-radius: 3px;
}

.textbox_small {
  width: 65px;
  height: 15px;
    border: solid 1px #c2d2e1;
  background: #fff;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 0px;
  font-size: 11px;
border-radius: 3px;
}
.textbox_smaller {
  width: 20px;
  height: 15px;
    border: solid 1px #c2d2e1;
  background: #fff;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 0px;
  font-size: 11px;
  border-radius: 3px;
}
.textbox_wide {
  position: relative;
  width: 200px;
  height: 18px;
  border: solid 0px #FFFFFF;
  background: transparent url(../images/form_textbox_wide.png) no-repeat;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 3px;
  padding-bottom: 0px;
  font-size: 11px;
}
.textbox_password {
  position: relative;
  width: 117px;
  height: 18px;
  border: solid 0px #FFFFFF;
  background: transparent url(../images/form_textbox_password.png) no-repeat;
  padding-left: 7px;
  padding-right: 15px;
  padding-top: 3px;
  padding-bottom: 0px;
  font-size: 11px;
}
.titlebar {
  color: #DDE0F3;
  font-weight: bold;
  position: relative;
  width: 100%;
  height: 16px;
  background: linear-gradient(#1e54a1,#002867,#000a28);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.footer {
  line-height: 0px;
  font-size: 1px;
  position: relative;
  width: 100%;
  height: 6px;
  background: #b2c0e6;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.window_content {
  position: relative;
  background-color: #B2C0E6;
  border-left: solid 1px #787A81;
  border-right: solid 1px #787A81;
}
.window_padding_bottom {
  position: relative;
  width: 100px;
  height: 20px;
  clear: both;
  visibility: hidden;
}
.separator {
  position: relative;
  clear: both;
  width: 100%;
  height: 10px;
}
.horz_line {
  position: relative;
  clear: both;
  width: 100%;
  height: 1px;
  border-top: solid 1px #D6D6D6;
}
.separator_line {
  position: relative;
  clear: both;
  width: 100%;
  height: 1px;
  border-top: solid 1px #D6D6D6;
  margin-top: 4px;
  margin-bottom: 4px;
}
.hint {
  position: relative;
  background-color: white;
  border: solid 1px black;
  width: 100%;
}
.hint_static {
  color: #000000;
  background-color: #ffffae;
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px black;
  margin-bottom: 10px;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
* a,
input {
  position: relative;
  outline: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.selected {
  font-weight: bold;
}
.subtitle {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.center_div_wrapper {
  float: left;
  left: 50%;
  position: relative;
}
.center_div {
  position: relative;
  left: -50%;
}
hr {
  height: 2px;
  color: #000000;
  font-size: 1px;
  line-height: 0px;
  background-color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#busybox_wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  z-index: 999999;
  overflow: visible;
}
#busybox {
  position: absolute;
  left: -50px;
  top: -50px;
  width: 100px;
  height: 100px;
  border: solid 1px black;
  background: white url(../images/wait_icon.gif) center no-repeat;
}
#login_page_busybox {
  position: relative;
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px black;
  z-index: 999;
  background: white url(../images/wait_icon.gif) center no-repeat;
}
.command {
  cursor: pointer;
}
.icon_spacer {
  margin-left: 3px;
  margin-right: 3px;
}
.icon {
  cursor: pointer;
}
#layout_wrapper {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: #7B91D3;
  z-index: 1;
}
#header {
  position: relative;
  width: 100%;
  height: 114px;
  background-color: #915b5b;
  background: url(../images/layout_header.png);
  background-size: 100%, 95%;
  z-index: 3;
}
#content {
  position: relative;
  width: 100%;
  height: 0px;
  overflow: hidden;
  z-index: 2;
  margin-top: 10px;
  margin-bottom: 10px;
}
#menu_left_wrapper {
  position: absolute;
  left: 3px;
  top: 0px;
  width: 183px;
  z-index: 4;
}
#left_vertical_slider {
  position: absolute;
  top: 5px;
  right: 2px;
  width: 11px;
  height: 0px;
}
#left_horizontal_slider {
  position: absolute;
  left: 5px;
  bottom: 0px;
  width: 163px;
  height: 11px;
}
#menu_left_content {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#menu_left {
  position: relative;
  width: 155px;
  height: 0px;
  text-align: left;
  overflow: hidden;
  z-index: 7;
  top: 5px;
  margin-left: 5px;
  margin-right: auto;
  margin-bottom: 20px;
}
#main_wrapper {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 3;
}
#main_vertical_slider {
  position: absolute;
  top: 5px;
  right: 2px;
  width: 11px;
  height: 0px;
  z-index: 6;
}
#main_horizontal_slider {
  position: absolute;
  left: 5px;
  bottom: 0px;
  width: 98%;
  height: 11px;
  z-index: 6;
}
#main_content {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#main {
  width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  text-align: center;
  z-index: 6;
  top: 10px;
  margin-left: 5px;
  margin-right: 20px;
  margin-bottom: 20px;
}
#statusbar {
  width: 100%;
  height: 44px;
  clear: both;
  background: transparent url(../images/layout_statusbar.png) no-repeat;
  background-size: 100%, 100%;
  z-index: 6;
  color: white;
}
#statusbar #panels {
  position: relative;
  top: 5px;
  left: 10px;
  height: 30px;
  width: 974px;
  z-index: 7;
}
#statusbar .panel {
  z-index: 8;
  vertical-align: middle;
}
#statusbar #language_panel {
  width: 100px;
}
#statusbar #modified_panel {
  width: 20px;
  font-size: 20px;
  font-weight: bold;
}
#statusbar #clock_panel {
  width: 80px;
  font-size: 12px;
  font-weight: bold;
}
#statusbar #version_panel {
  width: 80px;
  font-size: 12px;
  font-weight: bold;
}
#statusbar #alarms_panel {
  width: 60px;
}
#statusbar #commands_panel {
  width: 20px;
}
#statusbar #session_panel {
  width: 120px;
  font-size: 12px;
  font-weight: bold;
}
#statusbar #session_panel .warning {
  color: #FF0000;
}
#statusbar .separator {
  height: 30px;
  width: 20px;
  background: url(../images/line_separator_vert.png) center repeat-y;
}
#statusbar #alarms_panel #alarms_table {
  height: 30px;
  vertical-align: middle;
}
#statusbar #alarms_panel #alarms_table .alarm_cell {
  width: 20px;
  text-align: center;
  vertical-align: middle;
}
#statusbar .alarm_icon {
  width: 12px;
}
#statusbar .alarm_icon img {
  vertical-align: middle;
}
#header #logo {
  position: absolute;
  top: 5px;
  left: 60px;
  width: 79px;
  height: 79px;
}
#header #navigation {
  position: absolute;
  top: 87px;
  left: 25px;
  width: 150px;
  height: 17px;
  text-align: center;
}
#header #navigation #navigation_wrapper {
  position: relative;
  width: 150px;
  height: 17px;
  margin-left: auto;
  margin-right: auto;
}
#header #navigation .button {
  position: relative;
  width: 33%;
  height: 17px;
  float: left;
  text-align: center;
}
#header #commands {
  position: absolute;
  top: 12px;
  left: 200px;
  width: 90%;
  height: 67px;
}
#header #commands_bg {
  position: absolute;
  top: 33px;
  left: 20px;
  width: 100%;
  height: 3px;
  background: transparent url(../images/icon_line.png) center repeat-x;
  line-height: 0px;
  font-size: 1px;
}
#header #commands .icon {
  width: 61px;
  height: 61px;
  border: none;
  float: left;
}
#header #commands .icon input {
  width: 61px;
  height: 61px;
  background-repeat: no-repeat;
}
#header #commands #logout_icon_wrapper {
  position: absolute;
  left: 90%;
  float: none;
}
#header #commands #access_rights_icon_wrapper {
  position: absolute;
  left: 635px;
  float: none;
}
#header #commands #logout_line {
  position: absolute;
  top: 0px;
  left: 455px;
  width: 245px;
  height: 52px;
  background-image: url(../images/icon_line.png);
  background-repeat: repeat-x;
}
#header #toolbar_wrapper {
  position: absolute;
  top: 83px;
  left: 220px;
  width: 500px;
  height: 23px;
  z-index: 3;
  text-align: left;
  visibility: hidden;
}
#header #special_commands_wrapper {
  position: absolute;
  top: 70px;
  right: 1%;
  width: 65%;
  height: 23px;
  z-index: 3;
  text-align: right;
  line-height: 23px;
  color: #FFFFFF;
  font-weight: bold;
}
#header #special_user_wrapper {
  position: absolute;
  top: 88px;
  right: 1%;
  width: 65%;
  height: 23px;
  z-index: 3;
  text-align: right;
  line-height: 23px;
  color: #FFFFFF;
  font-weight: bold;
}
#header #special_commands_wrapper a {
  color: #FFFFFF;
  text-decoration: underline;
}
#header #special_commands_wrapper img {
  vertical-align: middle;
}
#header #toolbar_line {
  position: absolute;
  top: 0px;
  left: 18px;
  width: 2px;
  height: 20px;
  background: url(../images/toolbar_line.png) no-repeat;
}
#header #toolbar_content {
  position: relative;
  z-index: 4;
}
#header #toolbar {
  z-index: 6;
  white-space: nowrap;
}
#header #toolbar .icon {
  position: relative;
  top: -22px;
  cursor: pointer;
}
#header #toolbar .icon_separator {
  position: relative;
  top: -22px;
  cursor: pointer;
  padding-left: 2px;
  padding-right: 2px;
  height: 21px;
  width: 2px;
}
#header #toolbar_background {
  position: relative;
  height: 23px;
}
#header #toolbar_background .start_cell {
  position: absolute;
  width: 10px;
  height: 23px;
  left: 0px;
  top: 0px;
  background: url(../images/toolbar_start.png) no-repeat;
}
#header #toolbar_background .filler_cell {
  margin-left: 10px;
  margin-right: 10px;
  height: 23px;
  background: url(../images/toolbar_filler.png) repeat-x;
  font-size: 1px;
}
#header #toolbar_background .end_cell {
  position: absolute;
  width: 10px;
  height: 23px;
  right: 0px;
  top: 0px;
  background: url(../images/toolbar_end.png) no-repeat;
}
#header #toolbar .icon {
  position: relative;
  width: 21px;
  height: 21px;
}
#main #scrollbar_vert {
  position: relative;
  top: 0px;
  right: 0px;
  width: 5px;
  height: 100%;
}
.expand {
  width: 9px;
  height: 9px;
  background-image: url(../images/tree_expand.png);
  background-repeat: no-repeat;
  background-position: center;
  margin: auto auto auto auto;
  cursor: pointer;
}
.collapse {
  width: 9px;
  height: 9px;
  background-image: url(../images/tree_collapse.png);
  background-repeat: no-repeat;
  background-position: center;
  margin: auto auto auto auto;
  cursor: pointer;
}
.tree {
  table-layout: fixed;
  width: 100%;
  z-index: 4;
  overflow: visible;
}
.tree td {
  white-space: nowrap;
}
.tree .empty {
  width: 23px;
}
.tree .vert {
  width: 23px;
  background-image: url(../images/tree_vert_line.png);
  background-repeat: repeat-y;
  background-position: center;
}
.tree .cross {
  width: 23px;
  background-image: url(../images/tree_cross.gif);
  background-repeat: no-repeat;
  background-position: center;
}
.tree .eob {
  width: 23px;
  background-image: url(../images/tree_eob.gif);
  background-repeat: no-repeat;
  background-position: center;
}
.slider {
  background-color: #FF0000;
}
.slider_vert {
  background: url(../images/scroll_line_vert.png) repeat-y center;
  width: 11px;
}
.slider_horz {
  background: url(../images/scroll_line_horz.png) repeat-x center;
  height: 11px;
}
.handle {
  position: absolute;
  background-color: #00FF00;
  cursor: move;
}
.handle_vert {
  position: relative;
  left: 0px;
  width: 11px;
  height: 34px;
  background: url(../images/scroll_handle_vert.png) no-repeat;
}
.handle_horz {
  position: relative;
  top: 0px;
  width: 34px;
  height: 11px;
  background: url(../images/scroll_handle_horz.png) no-repeat;
}
.tabbed {
  text-align: left;
}
.tab_content {
  border-left: solid 1px #C1CBF0;
  border-right: solid 1px #C1CBF0;
  border-bottom: solid 1px #C1CBF0;
  padding: 10px 10px 10px 10px;
  width: 543px;
  background-color: #A6B5E9;
  margin-left: auto;
  margin-right: auto;
}
.tab_table {
  width: 565px;
  height: 14px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.tab_table .tab {
  width: 76px;
  background-image: url(../images/tab_normal.png);
  background-repeat: no-repeat;
  cursor: pointer;
}
.tab_table .tab_selected {
  width: 76px;
  background-image: url(../images/tab_selected.png);
  background-repeat: no-repeat;
  font-weight: bold;
  cursor: pointer;
}
.tab_table .filler {
  height: 14px;
  border-bottom: solid 1px #C1CBF0;
}
.pagination {
  margin-left: auto;
  margin-right: auto;
}
.pagination td {
  width: 34px;
  height: 19px;
  text-align: center;
  vertical-align: middle;
}
.pagination td input {
  vertical-align: middle;
}
.pagination .separator {
  vertical-align: top;
}
.pagination .selected {
  font-weight: bold;
  width: auto;
  padding-left: 4px;
  padding-right: 4px;
}
.pagination .page {
  width: auto;
  padding-left: 4px;
  padding-right: 4px;
}
.context_menu {
  position: absolute;
  border: solid 1px #586ba0;
  background: url(../images/layout_submenu_bg.png) repeat;
  left: 0px;
  top: 0px;
  z-index: 9999;
  display: none;
  padding: 5px 5px 5px 5px;
  text-align: left;
  white-space: nowrap;
}
.context_menu hr {
  margin-top: 3px;
  margin-bottom: 3px;
}
#login_form {
  position: relative;
  width: 471px;
  height: 343px;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  top: 100px;
  color: white;
}
#login_header {
  position: relative;
  background-image: url(../images/login_header.png);
  width: 471px;
  height: 57px;
}
#login_main {
  position: relative;
  background-image: url(../images/login_background.png);
  width: 471px;
  height: 286px;
  font-size: 14px;
}
#login_main #title {
  position: absolute;
  left: 35px;
  top: 10px;
  width: 400px;
  height: 30px;
  text-align: center;
}
#login_main #username {
  position: absolute;
  left: 35px;
  top: 40px;
  width: 400px;
  height: 50px;
  font-weight: bold;
}
#login_main #password {
  position: absolute;
  left: 35px;
  top: 90px;
  width: 400px;
  height: 50px;
  font-weight: bold;
}
#login_main #skin {
  position: absolute;
  left: 35px;
  top: 140px;
  width: 400px;
  height: 50px;
  font-weight: bold;
}
#login_main #skin_control {
  position: relative;
  width: 139px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
}
#login_main #button {
  position: absolute;
  left: 35px;
  top: 240px;
  width: 400px;
  height: 50px;
}
#login_main #message {
  position: absolute;
  left: 35px;
  top: 190px;
  width: 400px;
  height: 30px;
}
#login_main #message2 {
  position: absolute;
  left: 10px;
  top: 5px;
  width: 445px;
  height: 40px;
  color: red;
  font-size: 12px;
  text-align: center;
}
.general_table {
  width: 75%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  vertical-align: middle;
  border-width: 1px;
  border-collapse: collapse;
  border-spacing: 0px 0px;
  border-color: #D1D1D1;
  border-style: solid;
  table-layout: fixed;
}
.general_table .cancelled {
  background-color: #FF6868;
}

.general_table .need_intervention {
  background-color: #FF0000;
}

.general_table .finished {
  background-color: #B4FF68;
}

.general_table .cancelled_intervention {
  background-color: #ffaaaa;
}
.general_table .finished_intervention {
  background-color: #96ff96;
}
.general_table .inprogress_intervention {
  background-color: #ffe7a1;
}
.general_table .new_case_intervention {
  background-color: #c0a0d4;
}

.general_table .porting_date {
  background-color:  #FFFF00;
}

.general_table .cancelled_transformation {
  background-color: #6F1414;
}
.general_table .finished_transformation {
  background-color: #317332;
}
.general_table .inprogress_transformation {
  background-color: #66CDAA;
}
.general_table .new_case_transformation {
  background-color: #008080;
}
.general_table .rth_rejected {
  background-color: #c0a0d4;
}
.general_table .rth_confirmed {
  background-color: #00ffff;
}
.general_table td * {
  text-align: center;
  vertical-align: middle;
}
.general_table .header {
  border-color: #838383;
  font-weight: bold;
  background: #c1c1c1 url(../images/form_table_header.png) top repeat-x;
}
.general_table td {
  padding-top: 2px;
  padding-bottom: 2px;
  overflow: hidden;
}
.general_table th {
  overflow: hidden;
}
.general_table .odd {
  background-color: #dfe3ff;
}
.general_table .highlight_odd {
  background-color: #ffbd54;
}
.general_table .highlight_even {
  background-color: #ffcb7a;
}
.general_table .even {
  background-color: #ededed;
}
.general_table .empty {
  background-color: #dfe3ff;
  font-weight: bold;
}
.general_table .highlight {
  font-weight: bolder;
}
.general_table .separator {
  width: 565px;
  height: 2px;
  font-size: 0px;
  line-height: 2px;
}
.general_table .special {
  background-color: #dfe3ff;
}
.general_form_table {
  position: relative;
  width: 565px;
  overflow-x: hidden;
  overflow-y: visible;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
  table-layout: fixed;
  background-color: #dfe3ff;
}
.general_form_table td {
  position: relative;
  padding-top: 3px;
  padding-bottom: 3px;
  overflow-x: hidden;
  overflow-y: visible;
  text-align: left;
  vertical-align: middle;
}
.general_form_table th {
  text-align: left;
  vertical-align: middle;
}
.general_form_table td * {
  vertical-align: middle;
}
.general_form_table th * {
  vertical-align: middle;
}
.general_form_table td input,
select {
  text-align: center;
}
.general_form_table .combobox_wrapper {
  float: left;
}
.general_table .combobox_wrapper {
  float: left;
}
.general_form_table .left_header {
  width: 100px;
}
.general_form_table .left_column {
  width: 180px;
}
.general_form_table .right_header {
  width: 100px;
}
.general_form_table .right_column {
  width: 185px;
}
.general_form_table .centered column {
  text-align: center;
}
.internal_table {
  position: relative;
  width: 95%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  vertical-align: middle;
  border-width: 1px;
  border-collapse: collapse;
  border-spacing: 0px 0px;
  border-color: #d6d6d6;
  border-style: solid;
  background-color: #dfe3ff;
}
.internal_table .header {
  background-color: #d6d6d6;
  text-align: center;
}
.internal_table .notice {
  font-style: italic;
  text-align: center;
}
.internal_table th {
  overflow: hidden;
  text-align: left;
  vertical-align: middle;
  padding-left: 5px;
}
.internal_table td {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
  text-align: left;
  vertical-align: middle;
}
.internal_table .center {
  text-align: center;
}
.internal_table td input,
select {
  text-align: center;
}
.internal_table td * {
  vertical-align: middle;
}
.internal_table th * {
  vertical-align: middle;
}
.internal_table .combobox_wrapper {
  float: left;
}
.internal_table .widget_header {
  width: 1%;
  min-width: 100px;
}
.combobox_wrapper {
  position: relative;
  height: 18px;
  cursor: pointer;
  overflow: visible;
  white-space: nowrap;
  z-index: 100;
}
.combobox_item_disabled {
  color: grey;
}
.combobox_item_selected {
  font-weight: bold;
}
.combobox_required_marker {
  float: left;
  width: 15px;
  height: 15px;
}
.combobox_control_wrapper {
  position: relative;
}

.combobox_text {
  position: relative;
  background: #fff;
  height: 14px;
  border: solid 1px #c2d2e1;
  padding-top: 2px;
  padding-bottom: 1px;
  overflow: hidden;
  text-align: center;
  z-index: 101;
  color: black;
  float: left;
  border-radius: 3px;
  font-size: 9pt;
}

.combobox_arrow
{
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url(../images/arrow_down.png);
    top: 2px;
    right: 30px;
    z-index: 101;
    line-height: 0;
}
.combobox_arrow:hover { 
    background-image: url(../images/arrow_down_hover.png);
}
.combobox_content_wrapper {
  position: absolute;
  overflow-x: visible;
  overflow-y: visible;
}
.combobox_content {
  box-sizing: border-box;
  border: solid 1px #c2c2c2;
  background-color: rgb(195, 195, 195);
  background-color: rgba(195, 195, 195, 0.87);
  position: relative;
  padding: 2px 20px 2px 2px;
  text-align: left;
  white-space: nowrap;
  overflow-x: visible;
  overflow-y: auto;
  float: left;
  border-radius: 3px;
}
.combobox_content .tree {
  width: auto;
}
.combobox_closebuttons {
    position: absolute;
    padding: 2px 2px 2px 2px;
    right: 1px;
    top: 1px;
    width: 15px;	
    height: 15px;
    background-color: rgb(201, 210, 237);
    background-color: rgba(201, 210, 237, 0.87);
}
.combobox_closebutton {
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.combobox_select_table_left
{
        width: 50%;
        border-top: dotted 1px black;
        border-bottom: dotted 1px black;
        border-right: dotted 1px black;
        padding: 2px;
        text-align: center;
        font-weight: bold;
}

.combobox_select_table_right
{
        width: 50%;
        border-top: dotted 1px black;
        border-bottom: dotted 1px black;
        padding: 2px;
        text-align: center;
        font-weight: bold;
}

.internal_panel {
  background-color: #e4ecf8;
  margin-left: auto;
  margin-right: auto;
}
.internal_panel .header {
  background-color: #D6D6D6;
  text-align: center;
  font-weight: bold;
}
.table_list_toolbar_anchor {
  background-image: url(../images/toolbar_anchor.png);
  background-position: center;
  height: 27px;
  background-color: #f0f0f0;
  background-repeat: no-repeat;
}
.table_list_toolbar_anchor_up {
  background-image: url(../images/toolbar_anchor_up.png);
  background-position: center;
  height: 27px;
  background-color: #e5e5e5;
  background-repeat: no-repeat;
}
.table_list_toolbar {
  background-color: #f0f0f0;
  text-align: left;
  padding-left: 3px;
}
.table_list_toolbar_up {
  background-color: #e5e5e5;
  text-align: left;
  padding-left: 3px;
}
.table_list_toolbar .icon {
  padding-right: 1px;
}
.notify {
  width: 766px;
  background-color: #ededed;
  border: solid 1px black;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.notify a {
  font-weight: bold;
}
.internal_panel_table .combobox_wrapper {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.results_number {
  width: 100%;
  border-spacing: 0px 0px;
  background-color: #dfe3ff;
  border-color: #d6d6d6;
  border-style: solid;
  border-width: 1px;
  border-collapse: collapse;
  margin: 5px 0 5px 0;
  text-align: left;
  padding: 3px 3px 3px 3px;
}
#formats_list_table .select {
  width: 36px;
}
#formats_list_table .name {
  width: 400px;
}
#formats_list_table .columns_count {
  width: 180px;
}
#formats_list_table .commands {
  width: 150px;
}
#format_columns_panel {
  width: 766px;
}
#format_columns_selected_table {
  width: 766px;
}
#format_columns_selected_table .select {
  width: 20px;
}
#format_columns_selected_table .priority {
  width: 19px;
  text-align: center;
  border-right: solid 1px black;
}
#format_columns_selected_table .left {
  padding-left: 2px;
  padding-right: 2px;
  width: 329px;
  text-align: center;
}
#format_columns_selected_table .format_column_commands {
  float: right;
  width: 15px;
  height: 15px;
}
#format_columns_selected_table .common {
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
}
#format_columns_selected_table .right {
  border-left: dotted 1px black;
  padding-left: 2px;
  padding-right: 2px;
  width: 328px;
  text-align: center;
}
#format_columns_selected_table .commands {
  border-left: dotted 1px black;
  padding-left: 2px;
  padding-right: 2px;
  width: 59px;
  text-align: center;
}
#task_errors_form_table {
  width: 565px;
}
#task_errors_form_table .error {
  text-align: left;
}
#case_list_table .select {
  text-align: left;
  padding-left: 12px;
  width: 40px;
}
#operators_results_number {
  margin-left: 0px;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  border-width: 1px;
  border-collapse: collapse;
  border-spacing: 0px 0px;
  border-color: #d6d6d6;
  border-style: solid;
  background-color: #dfe3ff;
}
.routing_number_table {
  overflow: hidden;
  vertical-align: middle;
  table-layout: fixed;
}
.routing_number_table .odd {
  background-color: #dfe3ff;
}
.routing_number_table .even {
  background-color: #ededed;
}
.routing_number_table .empty {
  background-color: #dfe3ff;
  font-weight: bold;
}
.routing_number_table th {
  text-align: center;
}
.routing_number_table td {
  text-align: center;
}
.routing_number_table .numbers {
  border-bottom-width: 2px;
  border-collapse: collapse;
  border-spacing: 0px 0px;
  border-bottom-color: #f0f0f0;
  border-bottom-style: solid;
}
.autocomplete_content {
  border: solid 1px #586ba0;
  background: #ffffff;
  position: relative;
  padding: 2px 2px 2px 2px;
  text-align: left;
  white-space: nowrap;
  overflow-x: visible;
  overflow-y: auto;
  float: left;
}
.autocomplete_wrapper {
  position: relative;
  height: 22px;
  cursor: pointer;
  overflow: visible;
  white-space: nowrap;
  z-index: 100;
}
.autocomplete_control_wrapper {
  position: relative;
}
.autocomplete_item {
  width: 100%;
}
div.autocomplete_item:hover {
  background: skyblue;
}
.autocomplete_arrow {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url(../images/wait_icon_small.gif);
  top: 4px;
  right: 4px;
  z-index: 101;
  line-height: 0;
}
#ivr_stats_table {
  width: 950px;
}
#ivr_stats_table .select {
  width: 30px;
}
#ivr_stats_container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.ivr_stats_event_title {
  font-weight: bold;
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.ivr_stats_event {
  background-color: white;
  border: solid 1px black;
  width: 200px;
}
.ivr_stats_component {
  background-color: white;
  border: solid 1px black;
  min-width: 300px;
}
.ivr_stats_component_name {
  font-weight: bold;
  font-size: 12px;
}
.ivr_stats_flow {
  width: 100px;
  height: 15px;
  background: url(../images/ivr_stats_flow.png) center no-repeat;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
}
.ivr_stats_component_events_table {
  width: 100%;
  table-layout: auto;
}
.ivr_stats_component_events_table .event_timestamp {
  width: 1%;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
  min-width: 120px;
  text-align: left;
  font-weight: bold;
  color: blue;
}
.ivr_stats_component_events_table  .event_type {
  text-align: left;
  white-space: nowrap;
  color: green;
}
.ivr_stats_component_events_table  .event_attributes_separator {
  border-top: solid 1px black;
  font-size: 0px;
  line-height: 1px;
  padding: 0px;
}
.ivr_stats_component_events_table  .event_attributes_header {
  border-top: dashed 1px black;
  font-size: 0px;
  line-height: 1px;
  padding: 0px;
}
.ivr_stats_component_events_table  .event_attr_name {
  text-align: right;
  padding-right: 5px;
}
.ivr_stats_component_events_table  .event_attr_value {
  text-align: left;
}
#tariff_upload_errors_list {
  height: 100px;
  text-align: left;
  margin-left: 10px;
  margin-right: 10px;
  overflow-x: auto;
}
.defaultPopupDialogTitle {
  height: 20px;
  line-height: 20px;
  clear: both;
  background-color: #0e43c0;
  color: white;
  text-align: center;
}
.defaultPopupDialog {
  position: relative;
  border: solid 1px #000000;
  background: #FFFFFF;
  width: 600px;
}
.discountPopupDialog {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 100px;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: #e4ecf8 no-repeat scroll 0 0;
}

.e12PopupDialog {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 100px;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: #e4ecf8 no-repeat scroll 0 0;
}
.important {
  font-weight: bold;
  background: red;
}
#file_manager_upload_table_wide {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}
#file_manager_upload_table .left_header {
  width: 100px;
}
#file_manager_upload_table .left_column {
  width: 150px;
}
#file_manager_upload_table .right_header {
  width: 100px;
}
#file_manager_upload_table .right_column {
  width: 150px;
}
#clids_legend_table {
  width: 605px;
}
#clids_legend_table .subheader {
  background-color: #d3d3d3;
}
#clids_legend_table .spacer {
  width: 5px;
  background-color: #d3d3d3;
}
#clids_legend_table .color {
  width: 50px;
}
.case_history_button {
    line-height: 23px;
    font-weight: bold;
}

.reports_generate_form {

}

.reports_generate_form .title {
    padding-top: 20px;
    width: 80%;
    height: 40px;
    background-color: #d6d6d6;
    font-weight: bold;
    margin: auto;
}

.reports_generate_form .field {
    padding-top: 20px;
    padding-bottom: 20px;
}

.reports_generate_view {
    width: 80%;
    background-color: #d6d6d6;
    font-weight: bold;
    margin: auto;
}

.reports_generate_view_row {

}

.reports_generate_view_row .title {
    text-align: left;
    padding-left: 1px;
    min-height: 150px;
    min-width: 150px;
    float: left;
    background-color: #586ba0;
    border-right: solid 1px #FFFFFF;
    color: white;
}

.reports_generate_view_row .title2 {
    text-align: left;
    padding-left: 10px;
    float: left;
}

.reports_generate_view_row .list {
    height: 150px;
    overflow-y: scroll;
}

.reports_generate_view_title table tr{
    text-align: left;
    background-color: #b2c0e6;
}





.tool_sprite {
    background-image: url("../images/search.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    min-width: 17px;
    vertical-align: middle;
}

.search_box, input.search_box[type="text"] {
    background-color: #faffbd !important;
    border: 1px solid #7f7f7f;
    box-sizing: content-box;
    height: 14px !important;
    padding-bottom: 1px !important;
    padding-left: 20px;
    padding-right: 18px;
    padding-top: 1px !important;
    width: 72%;
}

.flow_diagram {
    text-align: center;
    position: relative;
    margin: 0 auto;
}

.flow_diagram_block {
    text-align: center;
    background-color: white;
    border: solid 1px black;
}

.flow_diagram_block,
.flow_diagram_block_connector {
    width: 500px;
    margin: auto;
}

.flow_diagram_block_header {
    font-weight: bold;
    font-size: 110%;
    padding: 10px 0;
}

.flow_diagram_block_footer {
    font-size: 90%;
}

.flow_diagram_block_connector {
    height: 15px;
    background: url(../images/ivr_stats_flow.png) center no-repeat;
    padding: 2px 0;
}

.reports_generate_view_row {
    display: flex;
}
