.folder_icon {
  float: left;
  height: 20px;
  width: 20px;
  margin-right: 10px;
  background: url(/mystandard/folder-42.png) no-repeat;
  background-size: 20px 20px;
}

.fancybox-wrap:has(.gd-form),
.fancybox-wrap:has(.gd-form) .fancybox-skin,
.fancybox-wrap:has(.gd-form) .fancybox-inner {
  transition:
    width 180ms ease,
    height 180ms ease,
    top 180ms ease,
    left 180ms ease;
}

.gdform-required-field {
 background: #f005;
 border-radius: 7px;
}

.server-selected {
  background: #f5f5f5;
}

.searchfilter-field {
  box-sizing: border-box;
  height: 3em;
  border: none;
  border-bottom: 1px solid #afafaf;
  width: 100%;
  padding: 0 0.7em;
  position: sticky;
  z-index: 1;
  top: 0em;
}

.searchfilter-field:focus,
.searchfilter-field:focus-visible {
  outline: none;
}

.text-loading,
.chosen-loading {
  display: inline-block;
  min-width: 2em;
  min-height: 1em;
  border-radius: 0.35em;
  background: linear-gradient(135deg,rgba(93,135,174,.08) 0%,rgba(93,135,174,.08) 75%,rgba(93,135,174,.18) 85%,rgba(93,135,174,.08) 95%);
  background-size: 400% 100%;
  animation: sweep 8s linear infinite;
  vertical-align: -0.15em;
}

.text-loading {
  padding-left: 4pt;
  padding-right: 4pt;
}

.chosen-loading {
  margin-left: -8px !important;
  margin-right: 0px !important;
  width: 105%;
}

.jconfirm-title {
  line-height: 1.1;
}

:root:has(#pagesocket_reconnect) .text-loading { animation: none; }

@keyframes sweep {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.mystandard-button {
  background: rgba(93,135,173,0.6) !important;jconfirm.defaults.bgOpacity
  border-radius: 3px !important;
  color: #fff !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  font-weight: 300 !important;
}

.mystandard-default-button,
.mystandard-nondefault-button {
  border-radius: 3px !important;
  color: #fff !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  font-weight: 300 !important;
}

.mystandard-default-button {
  background: rgba(93,135,173,0.9) !important;
}

.mystandard-nondefault-button {
  background: rgba(93,135,173,0.8) !important;
}

#gd-List-logviewer {
  font-family: monospace;
  font-size: 8pt;
}

.server_el_but:hover {
  background:rgba(93, 135, 173, 0.9);
}

.fancybox-inner:has(.gd-form) {
  display: flex;
  flex-direction: column;
  overflow: visible !important;
}

.gd-form {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  width: 100% !important;
}

.gd-form > div {
  flex: 0 0 auto;
}

.gd-form > div.bottom-bar {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.gd-form > div:has(> .gd-element.List) {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

.gd-form > div > .gd-element + .gd-element {
  margin-left: 7px;
}

.gd-form div > :only-child {
}

.gd-form > div:not(:has(+ * .gd-element.List)) > span:only-child > span:first-child {
  min-width: 27%;
  display: inline-block;
}

.gd-form > div {
  margin-left: 0px;
  margin-right: 0px;
}

.gd-form > div > .gd-element:last-child {
  margin-right: 0px;
}

.gd-form .bottombar > * {
  float: right;
  margin-left: 7px;
}
.gd-form > div + div {
  margin-top: 7px;
}

.gd-form > div:not(:has(> *:not([style*="display:none"]):not([style*="display: none"]))) {
  display: none;
}

.gd-form > div > .MenuButton div {
  display: block !important;
}

.gd-form .gd-element.List {
  font-size: 10pt;
  text-align: left;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.gd-element.List thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: rgb(93,135,174);
  color: #fff;
  padding: 4px 4px 4px 4px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.gd-element.List th {
  padding-top: 1px;
  padding-bottom: 1px;
}

.gd-element.List tbody td {
  padding-left: 4px;
  padding-right: 4px;
  white-space: normal;
  overflow-wrap: anywhere;
  vertical-align: top;
}

.gd-element.List th + th,
.gd-element.List td + td {
  padding-left: 7px;
}

.gd-element.List tr.selected {
  background: #4079af;
  color: white;
}

.gd-form .chosen-container {
  margin-top: -1px;
  margin-left: 3px;
}

.gd-form .chosen-container-multi .chosen-choices {
  border: none;
  background: transparent;
  box-shadow: none;
}

.gd-form .chosen-container-multi:has(.chosen-choices li.search-field input:focus) {
  outline: 2px solid Highlight;
  outline-offset: 0px;
  border-radius: 4px;
}

.gd-form .chosen-container-multi.chosen-with-drop {
  border-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.gd-form .chosen-container-multi .chosen-drop {
  left: 0px;
  margin-top: -3px;
  margin-left: -1px;
  width: 100.7%;
  border: 1px solid #ccc;
  border-top: none;
  padding-top: 1px;
}

.gd-form .chosen-container-multi,
.gd-form .chosen-container-multi input:is([type="text"]) {
  height: auto;
  min-height: 25px;
  box-sizing: border-box;
  font-size: 10pt;
  font-weight: 300;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 0 0.7em;
  background: #fff;
  margin: 3px;
}

.gd-form input:is([type="text"]),
.gd-form select {
  height: 25px;
  box-sizing: border-box;
  font-size: 10pt;
  font-weight: 300;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 0 0.7em;
  background: #fff;
  margin: 3px;
}

.gd-form .MenuButton:hover {
  background: #f5f5f5;
}

.gd-form .MenuButton {
  font-size: 10pt;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 4px 20px;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  font-weight: 400;
}

.gd-form .MenuButton .title {
  color: #2789d0;
  line-height: 18px;
}

.gd-form .MenuButton .description {
  line-height: 18px;
}

.gd-form .Button {
  background-color: #5d87ae;
  border: none;
  border-radius: 3px;
  color: white;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
  padding: 7px 12px;
  display: inline-block;
  width: auto;
}

.gd-form .group .groupbg {
  background: #dfdfdf;
  padding: 5px;
  margin: 3px 0px 5px 0px;
  border-radius: 5px;
}

.gd-form .periodfield input {
  width: 8em;
}

.gd-form .uploadfile label input {
  display: none;
  opacity: 0%;
  width: 1px;
}

.pill-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 900px;
  height:100%;
}

.pill-list-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  background: #f8f8f8;
  border: 1px solid #ccc;
  padding: 7px;
}

.pill-list-row-title {
  min-width: 12em;
}

.pill-list-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.pill-list-pill,
.pill-list-add-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
}

.pill-list-pill {
  background: rgba(93,135,174,.2);
  border: 1px solid rgba(93,135,174,.3);
  padding: 4px 8px 3px 10px;
}

.pill-list-pill:hover {
  background: rgba(93,135,174,.1);
}

.pill-list-pill-title {
  cursor: default;
}

.pill-list-remove-pill,
.pill-list-remove-row,
.pill-list-add-row-button,
.pill-list-confirm-add {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  padding: 6px 10px;
  font-size: 13px;
}

.pill-list-remove-pill {
  background: transparent;
  padding: 0;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.1em;
  padding: 0px 0px 3px 0px;
}

.pill-list-remove-row {
  background: #5d87ae;
  color: #fff;
}

.pill-list-remove-row:hover {
  background: rgba(93, 135, 173, 0.9);
}

.pill-list-add-pill {
  border: 1px dashed #aaa;
  background: #fafafa;
  margin-left: auto;
}

.pill-list-add-pill select {
  border: 0;
  background: transparent;
  font-size: 13px;
  outline: none;
  height: 1.4em;
  width: 9em;
  -webkit-appearance: none;
  appearance: none;
}

.pill-list-toolbar {
  margin-top: 16px;
}

.pill-list-add-row-button,
.pill-list-confirm-add {
  background: #5d87ae;
  color: #fff;
}

.pill-list-add-row-button:hover,
.pill-list-confirm-add:hover {
  background: rgba(93, 135, 173, 0.9);
}

.pill-list-add-row {
  display: flex;
  gap: 8px;
  align-items: center;
}

.pill-list-add-row input {
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  min-width: 220px;
}

.pill-list-bottombar {
  display:flex;
  margin-top:auto;
  max-width:100%;
  padding: 3px;
}

.pill-list-bottombar button {
  background-color: #5d87ae;
  border: none;
  border-radius: 3px;
  color: white;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
  padding: 7px 12px;
  display: inline-block;
  width: auto;
  margin-left:auto;
}

#myserver_frame {
  font-size: 14px;
  min-height: 50px;
  min-width: 370px;
  float: left;
  color: #333333;
  border-right: 1px solid #afafaf;
  transition: all 0.25px;
  overflow-y: scroll;
  height: 90vh;
}
#myserver_details {
  float: left;
  padding: 25px;
  color: #333333;
  border-left: 1px solid #afafaf;
  margin-left: -1px;
  overflow-y: scroll;
  height: 85vh;
  overflow-x: hidden;
  scrollbar: hidden;
  width: 100vw;
}
.rcsi_line {
  cursor: pointer;
  padding: 20px 20px;
  height: 106px;
  overflow: hidden;
  -webkit-transition: height 1s;
  -moz-transition: height 1s;
  -o-transition: height 1s;
  transition: height 1s;
  clear: both;
  transition: max-height 2s ease-out;
  max-height: 106px;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #eeeeee;
}
.rcsi_info {
  font-size: 13px;
  font-weight: 400;
  padding: 10px;
  border: 1px solid #eeeeee;
  float: left;
  width: 100%;
}
.rcsi_info div {
  margin: 3px 0px;
}
.server_name {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px !important;
  background: white;
  z-index: 8009;
}
.rcsi_line.selected {
  background: #f5f5f5;
}
.button_section {
  clear: both;
  width: 821px;
  margin-top: 40px;
}
.expanded {
  height: auto;
  border: none;
  background: #f2f6fa;
  transition: max-height 2s ease-out;
  max-height: 500px;
}

/*
.rcsi_line.even,.rcsi_line.expanded{
background-color:#F2F6FA !important;
}
*/
.rcsi_line.expanded {
  padding-bottom: 0px;
}

.rcsi_line div.ds {
  float: left;
  font-weight: 400;
  text-overflow: clip;
  display: inline-block;
  line-height: 15px;
}
.rcsi_name {
  font-size: 16px;
  font-weight: 500;
}
.rcsi_stat {
  position: absolute;
  bottom: 10px;
  right: 20px;
  margin: 0px !important;
  line-height: 18px !important;
  font-size: 12px;
  color: #5f88ac;
  padding-right: 17px;
}

.back_button,
.fm_button,
.small_ac_button,
.backup_search,
.backup_imp,
.backup_download,
.new_server_submit,
.newline,
.remove_contact,
.add_contact_row,
.wp_edit_save,
.wp_edit_cancel,
.new_b {
  background-color: #5d87ae;
  border: none;
  border-radius: 3px;
  color: white;
  font-size: 13px;
  cursor: pointer;
  float: left;
  display: block;
  transition: all 0.2s ease;
  padding: 3px 10px 3px;
  line-height: inherit !important;
  margin-left: 0px !important;
}

.back_button:hover,
.fm_button:hover,
.small_ac_button:hover,
.backup_search:hover,
.backup_imp:hover,
.backup_download:hover,
.new_server_submit:hover,
.newline:hover,
.remove_contact:hover,
.add_contact_row:hover,
.wp_edit_save:hover,
.wp_edit_cancel:hover,
.new_b:hover {
  background:rgba(93, 135, 173, 0.9);
}

.rcsi_button {
  width: 410px;
  box-sizing: border-box;
  float: left;
  height: 80px;
  padding: 16px 20px;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}

.rcsi_button:hover {
  background-color: #f5f5f5;
}
.button_title {
  color: #2789d0;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 4px;
}
.button_desc {
  font-size: 13px;
  font-weight: 400;
  height: 30px;
  text-overflow: ellipsis;
}

.section_title {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}

.bs_wrap {
  border-left: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  float: left;
}

.clear {
  clear: both;
}

.inactive {
  opacity: 0.5;
}

.loading_msg {
  text-align: center;
  margin-bottom: 30px;
  padding: 0px;
  padding-top: 15px;
  padding-bottom: 10px;
  /*background:url(/images/loading.gif) no-repeat 50% 0px;*/
}
.loading_msg_small {
  text-align: right;
  background: url(/images/loading.gif) no-repeat 50% 0px;
  height: 16px;
  width: 16px;
  float: right;
}

.loading_back {
  padding-left: 22px !important;
  background-image: url(/images/loading.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 3px 50% !important;
}

#myserver_desk {
  text-align: center;
  /*margin:20px 0px;*/
  width: 755px;
}

.action_section {
  clear: both;
}

.version_line {
  padding: 5px 0px;
  cursor: pointer;
  clear: both;
  height: 25px;
}

.active_row {
  background-color: #ddd;
}

.log_section {
  clear: both;
  padding: 0px 20px;
}
.action_section {
  padding-top: 0px;
  margin-top: 0px;
}

.back_button {
  visibility: hidden;
  display: block;
  float: left !important;
}

.action_wrap {
  height: auto;
  padding: 10px 10px;
}

.version_actions {
}

.button_section {
}
/*
  .stat_ok,.expanded.stat_ok .rcsi_stat{
  background: #edf4e3; 
}
.expanded.stat_stopped .rcsi_stat{
background: #ffffff;
}
.stat_err,.expanded.stat_err .rcsi_stat{
background: #f2e6e5
}
.expanded.stat_blank .rcsi_stat{
background: #ffffee
}
*/
.stat_ok .rcsi_stat {
  color: #21b522;
}
.stat_err .rcsi_stat {
  color: #ff6666;
}
.version_name {
  float: left;
  line-height: 25px;
  margin-right: 20px;
}

.version_stat,
.webclient_link,
.nativeclient_link {
  font-size: 13px;
}
.version_stat {
  margin-bottom: 10px;
  margin-top: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nativeclient_link {
  margin-left: 20px;
}
.webclient_link,
.nativeclient_link {
  font-size: 13px;
  text-decoration: none;
  color: #333;
}

.more-info-wrap {
  float: left;
  margin-right: 5px;
}
.more-info-wrap img {
  height: 16px;
}
.more-msg {
  position: absolute;

  width: 200px;
  display: none;
  text-align: left;
  background: #fafafa;
  border-radius: 5px;
  padding: 10px;
  border: 1px solid #eee;
}

.more-info-wrap:hover .more-msg {
  display: block;
}

.rcsi_stat .more-msg {
  line-height: 15px;
}

.rcsi_button.setlivesystem {
  display: none;
}

.backup_link a {
  text-decoration: none;
  color: inherit;
}

.fancybox-close {
  background: url("/mystandard/delete_white.png") no-repeat;
  right: 3px;
  position: absolute;
  top: 3px;
  height: 25px;
  background-size: 16px;
  background-position: center;
  width: 25px;
  display: block;
  z-index: 9999;
}

.fancybox-skin {
  background: #f2f2f2;
}

.stdid_submit.search,
.stdid_submit.close {
  background: white;
  margin-right: 20px;
}

.fancybox-inner .stdid_input_wrap {
  float: none;
  position: static;
  width: 90%;
}

.fancybox-inner .submit_wrap {
  float: right;
}

.fancybox-outer {
  background: #f2f2f2;
}

#extend_export_wrap,
#extend_viewlog_wrap,
.tooltip_text,
#extend_connect_wrap {
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  /*border-radius: 10px;*/
  color: #333;
  font-size: 13px;
  cursor: pointer;
  float: left;
  display: block;
  transition: all 0.2s ease;
  padding: 3px 10px 3px;
  line-height: 2 !important;
  margin-left: 0px !important;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.form_input input {
  border: 1px black solid;
  font-size: 13px;
  height: 23px;
  border-radius: 4px;
  padding: 0px 10px;
  width: 200px;
}
.form_input {
  margin-bottom: 10px;
}
.version_name.backup_link {
  width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
  margin-right: 0px;
}
.list_button {
  border: none;
  border-radius: 10px;
  color: #333;
  font-size: 13px;
  cursor: pointer;
  float: left;
  display: block;
  transition: all 0.2s ease;
  padding: 3px 10px 3px;
  line-height: inherit !important;
  background-color: white;
  margin-left: 15px;
}

.backup_list_frame,
.version_list {
  /*min-width:330px;*/
  margin-bottom: 20px;
}

.ok_upd_button {
  margin-bottom: 0px !important;
}

.version_name {
  width: 150px;
}

.version_change_actions .rcsi_button {
  margin: 0px 10px 3px 5px;
}
.version_change_actions {
  margin-left: 3px;
}
.version_change_actions .rcsi_button {
  float: left;
}

.backup_actions .rcsi_button {
  margin-bottom: 0px;
}

.fancybox-opened .fancybox-title {
  background: #5d87ae none repeat scroll 0 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  visibility: visible;
  width: 100%;
  padding: 6px 15px;
  box-sizing: border-box;
  color: white;
  font-size: 16px;
  font-weight: 400;
}

.single_file .version_name {
  margin-bottom: 30px;
  float: left;
  margin-right: 30px;
}
.single_file .list_all_backups {
  width: 160px;
  overflow: hidden;
  line-height: 25px;
}

.backup_actions {
  clear: both;
}
.iv_list_line {
  width: 500px;
  clear: both;
}
.iv_list_line .iv_col {
  float: left;
  padding: 3px 8px;
}
.iv_col.sernr {
  width: 80px;
}

.iv_col.dt {
  width: 100px;
}
.iv_col.sum {
  width: 80px;
  text-align: right;
}
.iv_col.stat {
  width: 70px;
}

.upload_start_b {
  display: block;
  margin: 5px 0px;
}

#FileListFrame {
  overflow-y: scroll;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.FileManInput {
  padding: 0px 0px 5px 0px;
}

.NewServerFileManInput {
  text-align: center;
}

#mystandard_int_admin div.search_servers,
#local_flag div.search_servers {
  background-color: #5d87ae;
  border: none;
  border-radius: 3px;
  color: white;
  font-size: 13px;
  cursor: pointer;
  float: left;
  display: block;
  transition: all 0.2s ease;
  padding: 3px 10px 3px;
  line-height: inherit !important;
  margin-left: 0px !important;
  margin-top: 8px;
}
#mystandard_int_admin input,
#local_flag input {
  box-shadow: none;
  box-sizing: border-box;
  color: #666666;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-size: 13px;
  line-height: 16px;
  padding: 5px 10px;
  margin-bottom: 20px;
  width: 250px;
  height: 35px;
  border-radius: 3px;
  border: 1px solid #ddd;
  float: left;
  margin-right: 10px;
}

.FileManFrame {
  display: flex;
  flex-flow: column;
  width: 800px;
  height: 500px;
}

.FileManFrame .uploads {
  width: 250px;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-size: 13px;
}

.FileManFrame .button_frame {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 30px;
}

.FileManFrame .actions_frame {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 30px;
}

.fman_transfer_frame {
  margin-top: 10px;
  max-height: 109px;
  display: flex;
  flex-flow: column;
}
.fman_transfer_frame:has(.FileTransfersList:empty) {
  display: none;
}
.FileTransfersHeader {
  background-color: rgb(93,135,174);
  color: #fff;
  padding: 3px;
}

.FileTransfersList {
  overflow-y: auto;
  flex-basis: auto;
}

.fman_transfer_line {
  padding: 3px 10px;
  margin: 3px 0px;
  height: 19px;
  background: #cccccc;
}
.fman_transfer_line .filename {
  float: left;
  width: 350px;
  text-overflow: ellipsis;
  margin-top: 1px;
}
.fman_transfer_line .icon {
  float: left;
  width: 350px;
  text-overflow: ellipsis;
  margin-top: 0px;
}
.fman_transfer_line .icon .download {
  transform-box: fill-box;
  transform-origin: center;
  transform: rotate(180deg);
}
.fman_transfer_line .progress {
  float: left;
  width: 130px;
}
.fman_transfer_line .status {
  float: right;
  text-overflow: ellipsis;
}

.fman_line .filename {
  float: left;
  width: 550px;
}
.fman_line .backfield {
  float: left;
  width: 150px;
}
#FileManBack {
  background-color: #bee6ff;
}

.timestamp {
  float: left;
  width: 130px;
}
.fm_date {
  float: left;
  width: 86px;
}
.fman_line .filesize {
  float: right;
}
.fman_line {
  padding: 3px 10px;
  cursor: pointer;
  clear: both;
  height: 23px;
  line-height: 24px;
}
.fman_line:nth-child(odd) {
  background: #ddd;
}
.fman_lineDisabled {
  color: gray;
}
.fman_lineSelected {
  background-color: #4475c5;
  color: white;
}
.fman_lineDisabled:nth-child(odd) {
  color: gray;
}
.fman_lineSelected:nth-child(odd) {
  background-color: #2c5dad;
  color: white;
}

.version_text {
  float: left;
  width: 100%;
  line-height: 25px;
}

.file_ch {
  float: left;
  display: none;
}

.fch_input {
  width: 20px;
}
.fm_button {
  margin-right: 10px;
  margin-bottom: 10px;
}
.upload_start_b {
  float: left;
  margin-right: 20px;
}
.fupload_wrap {
  clear: both;
}

.ng_button {
  position: relative !important;
  float: right;
  top: 0px !important;
  right: 0px !important;
}

.my_server_title {
  float: left;
  margin: 21px 30px 0 21px;
  line-height: 30px;
  font-weight: 300;
  font-size: 22px;
}

#menuContainer ul {
  margin: 0px;
  z-index: 1;
}
#menuContainer ul li a {
  color: white;
  font-weight: 100;
  height: 72px;
  display: table-cell;
  vertical-align: middle;
}

.search_servers {
  box-sizing: border-box;
  height: 32px;
  border: none;
  border-bottom: 1px solid #afafaf;
  width: 100%;
  padding: 0 10px;
  position: sticky;
  z-index: 1;
  top: 0;
}

.backup_actions .small_ac_button {
  margin-right: 15px;
}

.stat_ball {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 4px;
  margin-right: 4px;
  position: absolute;
  top: 6px;
  right: 0px;
  background-color: #5f88ac;
}

.stat_ok .stat_ball {
  background-color: #21b522;
}

.stat_err .stat_ball {
  background-color: #ff6666;
}

.my_servers_block.standard_id_edit {
  margin-left: 40px;
}

.mystandard_main #in-footer {
  display: none;
}

.force_stop_inner {
  margin-right: 15px;
}

.soft_wrap {
  width: 320px;
}

.item_button {
  float: left;
  padding: 5px 20px;
}
.group_wrap {
  margin-top: 40px;
  clear: both;
}
.itemgroup {
  float: right;
}
.itemname {
  float: left;
  margin-right: 30px;
}

.itemline .qty {
  width: 46px;
}
.itemline .chb {
  width: 20px;
}
.itemline {
  float: right;
  margin: 8px 0px;
}

.qty_empty {
  height: 20px;
  width: 52px;
  float: left;
}

@media screen and (max-width: 1246px) {
  .rcsi_button {
    float: none;
  }
  .button_section {
    width: auto;
  }
  .list {
    width: max-content;
    overflow-x: scroll;
  }
}

.drop_menu_lable {
  color: #2789d0;
  line-height: 18px;
}
.drop_menu_info {
  line-height: 18px;
}
#extend_viewlog_wrap .exportlist_item {
  font-weight: 400;
  padding: 4px 20px;
}
#extend_viewlog_wrap .exportlist_item:hover {
  background: #f5f5f5;
}

#extend_connect_wrap {
  width: 100%;
}

#extend_viewlog_wrap {
  padding: 3px 0px;
  width: 100%;
}

.backup_wrap .date_wrap {
  float: left;
  margin-right: 5px;
}
.backup_wrap .date_wrap input {
  height: 21px;
  font-size: 15px;
  width: 100px;
}
.backup_list_wrap {
  height: 250px;
  overflow: scroll;
  background: white;
  margin-top: 18px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
  position: relative;
}
.backup_list_wrap .loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/mystandard/output_dXW8VC.gif);
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: center;
}

.loading_image {
  /*.backup_list_wrap */
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  background: url(/mystandard/output_dXW8VC.gif) no-repeat;
  background-size: 40px;
}
.backup_list_wrap .version_line {
  border-bottom: 1px solid #eee;
  padding-left: 10px;
}

.selected_list_backup {
  background: #267ecf;
  color: white;
}

.refresh_img {
  font-size: 35px;
  float: left;
  padding: 0px 10px;
  top: 0px;
  transform: rotate(90deg);
  cursor: pointer;
}

.refresh_img:before {
  content: "↻";
}

.backup_imp {
  margin-right: 10px;
}

.backup_search,
.backup_imp,
.backup_download {
  line-height: 23px !important;
}
.soft_wrap {
  width: 450px;
}

.soft_stop_text {
  margin-bottom: 15px;
}
.soft_wrap .form_input.soft_message_input input {
  width: 100%;
}
.backup_search_per,
.backup_search_col {
  float: left;
  margin-right: 5px;
  line-height: 30px;
}

#menuContainer ul ul {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
  background: #fff;
  display: none;
  right: -18px;
  position: absolute;
  padding: 0;
  top: 72px;
  letter-spacing: 0.5px;
  z-index: 100;
}

#menuContainer ul ul li {
  margin: 0px;
  padding: 0px;
}

#menuContainer ul ul li a {
  color: #8e8e8e;
  display: block;
  font-size: 13px;
  height: auto;
  padding: 10px 24px;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}

#menuContainer ul ul li.contr-link {
  color: #8e8e8e;
  display: block;
  font-size: 13px;
  height: auto;
  padding: 10px 24px;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
  font-weight: 100;
}

.newserver_select select {
}
.newserver_select {
}
.new_server_submit {
  margin-top: 26px;
  padding: 6px 30px 6px !important;
  float: right;
}
.porttype_select {
  position: relative;
  float: left;
  width: 98%;
  margin: 10px 0px;
}

.porttype_select input {
  width: 20px;
}

.upload_text {
  margin: 10px 0px;
}

.radio_but {
  float: left;
}

.radio_but input {
  width: 20px;
}
.upd_rad {
  clear: both;
}
.version_text {
  clear: both;
}

.cancel_update,
.update_make_live,
.compare_update {
  display: inline-block;
  color: #2789d0;
  text-decoration: underline;
  padding-left: 15px;
  cursor: pointer;
}

.par_line .form_input,
.par_line .stat_wrap {
  float: left;
}
.form_input.p_data input {
  width: 120px;
}
.p_status select {
  width: 90px;
}
.par_line {
  clear: both;
}
.par_line input,
.par_line select {
  background: none;
  border: none;
  height: 25px;
  border-radius: 0px;
}
.par_line input {
  border-right: 1px solid #eee;
}
.par_line_content {
  border: 1px solid #eee;
  background: white;
  height: 25px;
  width: 502px;
  float: left;
}

.par_line.deleted .par_line_content {
  background: #eee;
}

.p_remove {
  line-height: 25px;
  margin-left: 15px;
  float: left;
}

.par_submit_wrap {
  padding-top: 20px;
}

.par_submit_wrap .form_submit {
  margin-right: 15px;
}
.hidden {
  display: none;
}

.new_server_loading {
  position: relative;
  height: 150px;
  width: 100%;
  background: white;
  z-index: 1;
  top: 0px;
}

#new_server_load_text {
  padding-top: 60px !important;
  background-image: url(/mystandard/output_dXW8VC.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 50% 10px !important;
  text-align: center;
  background-size: 40px;
}

.redirectlinks {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.server_name.fixed {
  position: fixed;
  top: 0px;
  padding: 3px 0px 5px 0px;
}
.serverinfo_wrap.fixed {
  padding-top: 23px;
}
.update_upload {
  /*display:none;*/
  margin-bottom: 5px;
}

.loading_servers {
  background: url(/mystandard/output_dXW8VC.gif);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: block;
  background-position: 50% 0px;
  background-size: 40px 40px;
  text-align: center;
  margin: 0 auto;
  margin-top: 35px;
}
.fupload_wrap progress {
  display: block;
}
.new_server_loading .fupload_wrap {
  width: 150px;
  margin: 0 auto;
  margin-top: 15px;
}

.sact {
  margin: 3px 5px;
  clear: both;
}
.sact .col {
  float: left;
  margin: 0px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sact .col.col1 {
  width: 140px;
}

.sact .col.col2 {
  width: 200px;
  overflow: hidden;
}
.sact .col.col3 {
  width: 180px;
  overflow: hidden;
}
.sact .col.col4 {
  width: 250px;
}
.sact.header {
  margin-bottom: 5px;
  font-weight: 600;
}
.activity_list_wrap {
  margin-top: 20px;
}
.version_change_actions .ok_upd_button {
  margin-right: 20px;
}

.search_msg {
  text-align: center;
  margin-top: 20px;
}
.access_type input {
  width: 30px;
}

.wp_head div {
  float: left;
  width: 110px;
}
.wp_line {
  clear: both;
  border-bottom: 1px solid #ddd;
  padding: 5px 0px;
}
.wp_head .wp_comment {
  width: 200px;
}

.wp_contact div {
  width: 170px;
  float: left;
}
.new_b {
  clear: both;
}

.wp_head .wp_edit,
.wp_head .wp_remove,
.wp_head .wp_toggle {
  width: 80px;
}

.wp_remove,
.wp_toggle,
.wp_edit {
  color: #5286b1;
  cursor: pointer;
}

.wp_contact .remove_contact {
  float: left;
  width: auto;
}
.wp_contact_line {
  clear: both;
}
.wp_edit_save {
  clear: both;
  float: left;
  margin-right: 15px;
}
.wp_sub_wrap {
  float: right;
}

.wp_contact_line div {
  float: left;
  width: 120px;
}
.new_b {
  margin-top: 15px;
}

.add_contact_row {
  clear: both;
  margin-top: 15px;
}

form.wp_line {
  margin-bottom: 15px;
}

.wp_title {
  font-weight: 400;
}

.wp_event {
  margin-bottom: 20px;
}
.list .wp_event div {
  float: left;
  width: 80px;
}
.list .wp_event .wp_ev_comment {
  width: auto;
}
.list .wp_event .wp_ev_c {
  float: none;
  clear: both;
  width: auto;
}

.fancybox_main_button {
  clear: both;
  background-color: #5d87ae;
  border: none;
  border-radius: 3px;
  color: white;
  font-size: 13px;
  cursor: pointer;
  float: right;
  display: block;
  transition: all 0.2s ease;
  padding: 3px 10px 3px;
  line-height: inherit !important;
  margin-left: 0px !important;
}

.custom_ver_update_b {
  clear: both;
  background-color: #5d87ae;
  border: none;
  border-radius: 3px;
  color: white;
  font-size: 13px;
  cursor: pointer;
  float: right;
  display: block;
  transition: all 0.2s ease;
  padding: 3px 20px 3px;
  line-height: inherit !important;
  margin-left: 0px !important;
}
.ver_upd_line {
  margin-bottom: 10px;
  height: 34px;
  line-height: 23px;
}
.ver_upd_line select {
  width: 270px;
}
.update_countrycont {
  height: 25px;
}
.update_countryselectcont {
  float: left;
}
.update_countrytext {
  margin-right: 5px;
  float: left;
}
.update_select {
  height: 20px;
}
.product_select {
  height: 20px;
}
.update-db-cache {
  margin-bottom: 10px;
}
.update_intro {
  margin-bottom: 5px;
}

.tooltip_message {
  position: absolute;
  padding: 10px 20px;
  border: 2px solid #ddd;
  border-radius: 2px;
  background: #eee;
  display: none;
  z-index: 99999;
}
.tooltip_hover {
  background: url(/mystandard/tooltip.png) no-repeat;
  background-size: 20px 20px;
  padding: 3px 10px;
  margin-left: 5px;
}
.active_cons {
  margin-bottom: 10px;
}

.wp_inp_label {
  margin-top: 4px;
}
.newserver_select.other_v input {
  width: 20px;
}

.version_loading {
  float: right;
  margin-right: 160px; /*super ugly fix for moving the loading bar closer to dropdown - sorry*/
}

.version_loading .loading_image {
  position: static;
  height: 25px;
  width: 25px;
  margin: 0px;
  background-size: 25px 25px;
}
.rebuild_db .update-db-cache {
  margin-top: 5px;
}

.rebuild_db .cn_button {
  margin-right: 10px;
}

.rebuild_db .loading_servers {
  margin-bottom: 10px;
}
.log_cont {
  font-family: Courier, monospace;
}
.act_sel {
  float: left;
}
.backup_wrap .form_input {
  float: left;
  margin-right: 10px;
}
.backup_location {
  float: right;
  width: 20%;
  margin-right: 0px;
}
.backup_size {
  float: left;
  width: 7%;
  margin: 0px;
}
.backup_datetime {
  float: left;
  font-size: 12px;
  line-height: 14px;
  width: 12%;
  margin: 0px;
  text-align: center;
}
.backup_list_header {
  padding: 3px 10px;
  background: #ddd;
  position: relative;
  float: left;
  width: 100%;
  margin-top: 10px;
}
.backup_header_name {
  float: left;
  width: 80px;
}
.backup_header_contract {
  float: left;
  width: 90px;
}
.backup_header_status {
  float: left;
  width: 160px;
}
.backup_header_size {
  float: left;
  width: 80px;
}
.backup_header_datetime {
  float: left;
  width: 140px;
}

.backup_header_location {
  float: left;
  width: 100px;
}
.opt_line {
  clear: both;
}
.opt_line div {
  float: left;
}
.newline {
  clear: both;
  margin-right: 10px;
}
.opt_remove {
  width: 10px;
  height: 10px;
  background: url(/mystandard/delete.png);
  background-size: 10px 10px;
  margin-top: 1px;
  margin-left: 5px;
}
.opt_lang,
.opt_intro {
  margin-bottom: 8px;
}
.opt_lang select {
  width: 200px;
}
.opt_intro textarea {
  width: 400px;
  height: 100px;
}
.opt_line input {
  height: 25px;
}

.opt_lines {
  margin-bottom: 10px;
}
.newserver_select.update_ver {
  display: none;
}
.country_change {
  margin-left: 5px;
  text-decoration: underline;
}
.server_cn_msg {
  border: 2px solid red;
  border-radius: 2px;
  padding: 5px;
  margin: 13px 0px !important;
}
.server_cn_msg a {
  color: black;
}
.update_checkhal input {
  width: 20px;
  float: left;
}
.upd_radio_wrap {
  background: #dfdfdf;
  padding: 5px;
  margin: 3px 0px 5px 0px;
  border-radius: 5px;
}
.upd_row {
  padding: 1px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}
/*
.chosen-container.chosen-container-single {
  width: 90% !important;
  text-align: left;
  margin-left: 0.4em;
  margin-bottom: 1px;
}
.chosen-container.chosen-container-multi {
  width: 70% !important;
  text-align: left;
  margin-left: 0.4em;
  margin-bottom: 1px;
}
 */
.reg_line {
  height: 24px;
}
.reg_line span {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.reg_line span.cnt1,
.reg_line span.cnt2 {
  width: 70px;
}

.cust_info {
  position: absolute;
  bottom: 10px;
  left: 20px;
  font-size: 13px;
}

.intl-tel-input .flag-dropdown {
  width: 40px;
}

.select_dropdown {
  border-radius: 5px;
  height: 27px;
  font-size: 15px;
}

.newserver_form_lable {
  width: 33%;
  float: left;
  text-align: right;
  margin: 2px 5px 5px 0px;
}

.newserver_form_field {
  width: 66%;
  float: left;
  margin: 0px 0px 5px 0px;
}

.newserver_form_radia_title {
  position: relative;
  float: left;
  width: 100%;
}

.newserver_select.other_v {
  margin-bottom: 6px;
  width: 66%;
  float: left;
  margin: 0px 0px 5px 0px;
}

.newserver_form_field input {
  border: 1px black solid;
  font-size: 13px;
  height: 23px;
  border-radius: 4px;
  padding: 0px 10px;
  width: 278px;
}

.newserver_loading_servers {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(/mystandard/output_dXW8VC.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 60px 60px;
  background-color: #050c1278;
}