body.ultrawide .app-settings .middle-col{
  background: url("/images/settings/c_settings_box.png") no-repeat top left;
  background-size: cover;
  margin: 2.29vw 0 0 1.05vw;    
  width: 39.77vw;
  height: 33.6vw;
  text-align: left;
  text-align: center;
}

body.ultrawide .app-settings .middle-col .col-box{
  padding-top: 1.52vw;
}

body.ultrawide .app-emails .left-col,
body.ultrawide .app-documents .left-col,
body.ultrawide .app-detail .left-col{
  background: url("/images/document/c_menu_box.png") no-repeat top left;
  background-size: cover;
  margin: 2.29vw 0 0 14.18vw;      
  width: 13.49vw;
  height: 33.83vw;
  position: relative;
}

body.ultrawide .app-emails .left-col .left-col-2,
body.ultrawide .app-documents .left-col .left-col-2,
body.ultrawide .app-detail .left-col .left-col-2{
  padding: 1.52vw;
  background-size: cover;  
  margin: 0.84vw 0 0 -0.3vw;
  width: 13.49vw;
  height: 12.57vw;
  clear: left;
  position: absolute;
  bottom: 0;
}

body.ultrawide .app-emails .middle-col,
body.ultrawide .app-documents .middle-col,
body.ultrawide .app-detail .middle-col{
  background: url("/images/document/c_main_box.png") no-repeat top left;
  background-size: cover;
  margin: 2.29vw 0 0 0.79vw;    
  width: 40.15vw;
  height: 33.83vw;
  font-size: 0.61vw;
  text-align: left;
  text-align: center;
}

body.ultrawide .app-emails .middle-col,
body.ultrawide .app-documents .middle-col,
body.ultrawide .app-detail .middle-col{
  background-image: url("/images/document/c_long_main_box.png");
}

body.ultrawide .app-emails .middle-col .col-box,
body.ultrawide .app-documents .middle-col .col-box,
body.ultrawide .app-detail .middle-col .col-box{
  background: url("/images/document/c_inner_box.png") no-repeat top left;
  background-size: cover;  
  width: 35.81vw;
  height: 28.5vw;
  margin: 3.05vw 1.52vw;
  padding: 0.3vw;
  box-sizing:content-box;
}

body.ultrawide .app-detail .middle-col .col-box{
  margin: 0vw 1.52vw;  
}

body.ultrawide .app-detail .middle-col .menu-box{
  width: 37.33vw;  
  height: 0.76vw;
  text-align: right;
  padding-right: 0.76vw;
  margin: 2.29vw 0 0 1.14vw;  
}

body.ultrawide .app-detail .middle-col .menu-box a{
  margin-left: 0.38vw;
}

body.ultrawide ul.documents-list{
  list-style: none;
  display: block;
  padding: 0;
}

body.ultrawide ul.documents-list li{
  background: url("/images/document/c_document_button.png") no-repeat top left;
  background-size: cover;
  width: 35.81vw;
  height: 2.74vw;
  display: block;
  color: #e5f2ff;
  padding: 0.38vw 0.76vw;
  font-size: 0.69vw;
  text-align: left;
  position: relative;
}

body.ultrawide ul.documents-list li.active-alert:after{
  right: 0.76vw;
  top: 0.76vw;
  content: "!";
}

body.ultrawide ul.documents-list li .document-icon{
  display: block;
  width: 1.07vw;
  height: 1.07vw;
  float: left;
  margin: 0vw 0.76vw 0 0;
}

body.ultrawide ul.documents-list li small{
  float: right;
  color: #acacac;
  margin-right: 1.9vw;
}

body.ultrawide ul.documents-menu{
  list-style: none;
  display: block;
  padding: 0;
}

body.ultrawide ul.documents-menu li{
  background: url("/images/document/c_email_button.png") no-repeat top left;
  background-size: cover;
  width: 100%;
  height: 1.83vw;
  display: block;
  color: #e5f2ff;
  padding: 0.38vw 0.76vw;
  font-size: 0.69vw;
  text-align: left;
  color: #f8e1a2;
}

body.ultrawide ul.documents-menu li.active{
  background-image: url("/images/document/c_email_button_pink1.png");
  color: #f8e1a2;
}

body.ultrawide ul.documents-menu li:hover{
  background-image: url("/images/document/c_email_button_white.png");
  color: #1b1b1b;
}

body.ultrawide ul.documents-menu li a{
  width: 100%;
  height: 100%;
  color: inherit;
  display: block;
}

body.ultrawide ul.documents-menu li a:hover{
  text-decoration: none;
}

body.ultrawide .app-emails ul.documents-list li,
body.ultrawide .app-documents ul.documents-list li{
  padding-top: 0.76vw;
}

body.ultrawide ul.documents-list li a{
  color: #f8e1a2;
}

body.ultrawide .content-login .text-background{
  margin: 0 auto;
}

body.ultrawide .document-header{
  border-bottom: 3px solid #135;
  padding: 0 0.76vw 0.76vw 0.76vw;
}

body.ultrawide .document-body{
  text-align: left;
  padding: 0.38vw 0.76vw;
}

body.ultrawide .document-body img{
  width: 50%;
  margin: 0.76vw auto;
  display: block;
}

body.ultrawide .document-header h3{
  margin-top: 0.38vw;
  text-align: left;
  font-size: 1.07vw;
  color: #f8e1a2;
}

body.ultrawide .document-header table{
  color: #d94d4d;
  width: auto;
  text-align: left;
  text-transform: uppercase;
}

body.ultrawide .document-header table td{
  padding-right: 0.38vw;
}

body.ultrawide .app-manage .form,
body.ultrawide .app-settings .form{
  margin: 1.52vw auto 3.81vw auto;
  width: 15.24vw;
}

body.ultrawide .app-manage .form select,
body.ultrawide .app-settings .form select{ 
  width: 90%;
  margin-top: -0.23vw;
}

body.ultrawide .app-manage .form .inputs{
  background-image: url("/images/create_account/c_register_inputs.png");
  width: 15.24vw;
  height: 10.06vw;    
}

body.ultrawide .app-settings .form .inputs{
  background-image: url("/images/settings/c_register_inputs.png");
  width: 15.24vw;  
  height: 8.08vw;    
}

body.ultrawide .app-manage .left-col{
  background: url("/images/create_account/c_emloyee_overview_box.png") no-repeat top left;
  background-size: cover;
  margin: 2.29vw 0 0 14.44vw;      
  width: 44.88vw;
  height: 17.45vw;
}

body.ultrawide .app-manage .left-col .left-col-2{
  padding: 0.3vw;
  background: url("/images/create_account/c_summary_box.png") no-repeat top left;
  background-size: cover;  
  margin: 0.84vw 0 0 -0.3vw;
  width: 44.88vw;
  height: 15.85vw;
  clear: left;
}

body.ultrawide .app-manage .left-col .left-col-2 .col-box{
  height: 14.32vw;
}

body.ultrawide .app-manage .right-col{
  background: url("/images/create_account/c_create_new_account_box.png") no-repeat top left;
  background-size: cover;
  margin: 2.29vw 14.57vw 0 0;      
  width: 23.92vw;
  height: 33.83vw;
  font-size: 0.61vw;
  text-align: left;
  text-align: center;
}

body.ultrawide .app-manage .table-employees{
  width: 90%;
  margin: 1% 5%;
}

body.ultrawide .app-manage .table-employees td{
  padding-top: 0.27vw;
  text-align: center;
}

body.ultrawide .app-manage .table-employees th{
  border-bottom: 1px solid #e5f2ff;
  text-align: center;
}

body.ultrawide .app-manage .table-employees input{
  background-color: #d94d4d;
  color: #f8e1a2;
}

body.ultrawide .app-manage .table-employees td img.person-icon{
  width: 1.52vw;
  height: auto;
  float: left;
  margin-top: -0.15vw;
}

body.ultrawide .app-manage .form-horizontal{
  width: 27.81vw;
  height: 6.86vw;
  margin: 2.29vw auto;
}

body.ultrawide .app-manage .form-horizontal.important{
  border: 0.15vw solid red;
  border-radius: 0.38vw;
  padding: 0.23vw;
  width: 28.57vw;
  height: 7.62vw;
}

body.ultrawide .app-manage .form-horizontal .form-title{
  height: 1.52vw;
  width: inherit;
}

body.ultrawide .app-manage .form-horizontal .input{
  height: 1.52vw;
  margin-top: 0.23vw;
  padding: 0.08vw 0.53vw;
  width: 6.86vw;
  background: none;
  border: none;
  text-align: center;
  display: block-inline;
  float: left;
}

body.ultrawide .app-manage img#evaluation{
  cursor: pointer;
}

body.ultrawide .app-manage .form-horizontal .input.input-long{
  width: 13.71vw;
}

body.ultrawide .app-manage .form-horizontal .inputs{
  width: inherit;
  height: 3.28vw;
  background: url("/images/create_account/c_confirmation.png") no-repeat top left;
  background-size: cover;
}

body.ultrawide .app-manage img#evaluation{
  width: 6.1vw;
  height: 1.07vw;
}

body.ultrawide .app-welcome .left-col,
body.ultrawide .app-settings .left-col{
  margin-top: 2.29vw;
  margin-left: 14.44vw;      
  width: 13.56vw;
  height: 14.4vw;
}

body.ultrawide .app-welcome .left-col .col-box,
body.ultrawide .app-settings .left-col .col-box{
  padding: 0;
}

body.ultrawide .app-welcome .left-col img,
body.ultrawide .app-settings .left-col img{
  width: 13.56vw;
  height: 14.4vw;
  margin: -0.27vw;
}

body.ultrawide .app-welcome .left-col .left-col-2,
body.ultrawide .app-settings .left-col .left-col-2{
  margin-left: -0.3vw;
  padding: 0.3vw;
  background: url("/images/welcome/c_events_box.png") no-repeat top left;
  background-size: cover;  
  margin-top: 1.98vw;
  width: 13.56vw;
  height: 17.75vw;
  clear: left;
}

body.ultrawide .app-welcome .middle-col{
  background: url("/images/welcome/c_welcome_boxes.png") no-repeat top left;
  background-size: contain;
  margin: 2.29vw 0 0 1.31vw;    
  width: 39.62vw;
  height: 20.72vw;
}

body.ultrawide .col-box.col-box-left,
body.ultrawide .col-box.col-box-right{
  width: 19.05vw;
  float: left;
}

body.ultrawide .app-welcome .col-box.col-box-left{
  padding: 0.38vw 1.52vw;
}

body.ultrawide .app-welcome .col-box.col-box-right{
  padding: 0vw 1.52vw;
}

body.ultrawide .app-welcome .col-box.col-box-right img{
  width: 11.43vw;
  margin: 0vw auto;
  display: block;
}

body.ultrawide .col-box h4{
  margin: 0.23vw 0 0.38vw 0;
}

body.ultrawide .col-box.col-box-right{
  float: right;
}

body.ultrawide .app-welcome .middle-col .middle-col-2-left{
  margin-top: 0.53vw;
  background: url("/images/welcome/c_news_box.png") no-repeat top left;
  background-size: cover;   
  width: 27.73vw;
  height: 12.27vw;
  float: left;
}

body.ultrawide .app-welcome .middle-col .middle-col-2-right{
  background: url("/images/welcome/c_tracking_box.png") no-repeat top left;
  background-size: cover;   
  width: 11.58vw;
  height: 12.34vw;
  float: right;
}

body.ultrawide .app-welcome .right-col,
body.ultrawide .app-emails .right-col,
body.ultrawide .app-documents .right-col,
body.ultrawide .app-detail .right-col,
body.ultrawide .app-settings .right-col{
  background: url("/images/welcome/c_manage_box.png") no-repeat top left;
  background-size: cover;
  margin: 2.29vw 14.57vw 0 0;      
  width: 15.24vw;
  height: 11.35vw;
  font-size: 0.61vw;
  text-align: left;
  text-align: center;
}

body.ultrawide .app-welcome .right-col .col-box,
body.ultrawide .app-emails .right-col .col-box,
body.ultrawide .app-documents .right-col .col-box,
body.ultrawide .app-detail .right-col .col-box,
body.ultrawide .app-settings .right-col .col-box{
  padding: 1.14vw 0.76vw;
  font-size: 0.69vw;
  -webkit-text-stroke: 0.3px #000;
}

body.ultrawide .app-manage .right-col .col-box{
  padding-top: 5.33vw;
}

body.ultrawide .right-col .col-box .manage-header{
  background: url("/images/application/c_top_hacked_buttons.png") no-repeat top left;
  background-size: cover;
  padding: 0.23vw 0.76vw;
  text-align: left;
  color: #acacac;
  width: 23.7vw;
  position: absolute;
  top: 0.23vw;
  left: 0;
  color: #d94d4d;
}

body.ultrawide .right-col .col-box .manage-header span{
  background-color: #d94d4d;
  color: #fff;
  padding: 0 0.76vw;
  display: block;
  animation: opacity-blinker 2s linear infinite;
  opacity: 1;
}

body.ultrawide .right-col .col-box .manage-header p{
  
}

body.ultrawide .chat{
  background: url("/images/application/c_chat_box.png") no-repeat top left;
  background-size: cover;
  margin: -0.3vw 2.82vw 0 -0.3vw;
  padding: 0.3vw;
  clear: right;
  width: 15.24vw;
  height: 19.58vw; 
  z-index: 90;
}

body.overlay-chat.ultrawide .chat{
  background-image: url("/images/application/c_chat_box_red.png");
}

body.overlay-chat.ultrawide .chat ::-webkit-scrollbar-thumb{
  background-color: #f1f0f0;
}

body.ultrawide .content-login .chat{
  background-image: url("/images/login/c_chat_box.png") !important;
  position: fixed;
  right: -3.8vw;
  bottom: 4.2vw;
  width: 24vw;
  height: 16.19vw; 
  transition: margin 2s;
}

body.ultrawide .content-login .chat.hidden-on-login{
  margin-bottom: -12.19vw;
}

body.overlay-chat.ultrawide .chat:before{
  background: url("/images/application/c_hacker_eye.png") no-repeat top left;
  background-size: cover;
  position: absolute;
  content: "";
  right: 0vw;
  bottom: -5.18vw;
  height: 4.57vw;
  width: 4.57vw;
  margin-right: -1.37vw;
  z-index: 1000;
  opacity: 0.9;
  display: block;
  transition: opacity 0.5s;
  pointer-events: none;
}

body.overlay-chat.ultrawide .content-login .chat:before{
  bottom: 13.71vw;
  margin-right: -0.15vw;
}

body.overlay-chat.ultrawide .col-box .chat:before{
  bottom: 16.23vw;
}

body.ultrawide .right-col-2:hover .chat::before,
body.ultrawide .right-col-2.chat:hover::before,
body.ultrawide .chat:hover::before{
   opacity: 0.2 !important;
}

body.overlay-chat.ultrawide .content-login footer:before{
  background: url("/images/login/c_downbar_overlay.png") no-repeat top left;
  background-size: cover;
  position: fixed;
  content: "";
  right: 0vw;
  bottom: 3vw;
  width: 100vw;
  height: 4.2vw;  
  pointer-events: none;
}

body.ultrawide .right-col-2.chat{
  margin-top: 2.06vw;
}

body.ultrawide .chat .chat-buttons,
body.ultrawide .chat .chat-input,
body.ultrawide .chat .chat-content,
body.ultrawide .chat .chat-header{
  margin: -0.04vw -0.11vw 0 -0.11vw;
  width: 14.78vw;
  height: 1.33vw;
}

body.ultrawide .chat .chat-header{
  background: url("/images/application/c_top_hacked_buttons.png") no-repeat top left;
  background-size: cover;
  padding: 0.23vw 0.76vw;
  text-align: left;
  color: #acacac;
}

body.ultrawide .chat-content .chat-msg{
  text-align: left;
  color: #1e74b0;
  margin-bottom: 0.3vw;
}

body.ultrawide .chat-content .chat-msg .chat-msg-head{
  font-weight: bold;
}

/*.chat-content .chat-msg .chat-msg-head:before{
  content: "# ";
}*/

body.ultrawide .chat-content .chat-msg.chat-msg-to-me{
  color: #f8e1a2;
}

body.ultrawide .chat-content .chat-msg.chat-msg-to-me{
  color: #f8e1a2;
}

body.ultrawide .chat-content .chat-msg.chat-msg-to-me-private{
  color: #dd3b8b;
}

body.ultrawide .chat-content .chat-msg.chat-msg-to-group{
  color: #9f1b4d;
}

body.ultrawide .chat-content .chat-msg.chat-msg-to-me-hacker{
  color: #acacac;
}

body.ultrawide .chat-content .chat-msg.chat-msg-to-me-hacker.new-msg{
  color: #f0c080;
}

body.ultrawide .chat-content .chat-msg.chat-msg-mine{
  color: #ace;
}

body.ultrawide .content-login .chat-content .chat-msg.chat-msg-to-me-hacker{
  color: #f1f0f0;
}

body.ultrawide .content-login .chat-content .chat-msg.chat-msg-to-me-hacker.new-msg{
  color: #f8e1a2;
}

body.ultrawide .chat .chat-buttons button,
body.ultrawide .chat .chat-buttons select{
  background: url("/images/application/c_chat_left_button.png") no-repeat top left;
  background-size: cover;
  width: 7.35vw;
  height: 1.33vw;
  padding: 0; 
  border: 0;
  padding: 0;
  float: left;
  text-align: center;
  padding-left: 0.76vw;
  color: #acacac;
}

body.ultrawide .chat .chat-buttons select{
  background: url("/images/application/c_chat_right_button.png") no-repeat top left;
  background-size: cover;
  width: 7.43vw;
  float: right;
  cursor: auto;
  color: #fff;
}

body.overlay-chat.ultrawide .chat .chat-buttons button{
  background-image: url("/images/application/c_chat_left_button_red.png");
}

body.overlay-chat.ultrawide .chat .chat-buttons select{
  background-image: url("/images/application/c_chat_right_button_red.png");
}

body.ultrawide .chat .chat-content{
  margin: 0.23vw -0.11vw 0vw -0.11vw;
  padding: 0.61vw 0.76vw;
  height: 15.85vw;  
}

body.ultrawide .content-login .chat .chat-content{
  margin: 0;
  width: 21.15vw;
  padding: 0.61vw 0.76vw;
  height: 13.56vw;  
}

body.ultrawide .chat .chat-input{
  margin: 0.23vw 0 0 0;
  position: relative;
}

body.ultrawide .chat .chat-input input[name="chatText"],
body.ultrawide .chat .chat-input input[name="chatTo"]{
  background: none;
  border: none;
  color: #e5f2ff;
  height: 1.33vw;
  width: 8.76vw;
  display: block;
  float: left;
}

body.ultrawide .chat .chat-input input[name="chatTo"]{
  color: #1e74b0;
  width: 4.57vw;
  text-align: center;
}

body.ultrawide .chat .chat-input select.chat-to-list{
  background: url("/images/application/c_chat_button.png") no-repeat top left;
  background-size: cover;
  width: 1.33vw;
  height: 1.33vw;
  padding: 0; 
  border: 0;
  padding: 0;
  float: left;
  color: transparent;
  cursor: pointer;
  position: relative;
}

body.overlay-chat.ultrawide .chat .chat-input select.chat-to-list{
  background-image: url("/images/application/c_chat_button_red.png");
}

body.ultrawide .chat .chat-input:after{
  content: "@";
  width: 1.33vw;  
  height: 1.33vw;
  position: absolute;
  color: #e5f2ff;
  display: block;
  font-size: 0.69vw;
  top: 0.23vw;
  left: 0vw;
  pointer-events: none;
}

body.ultrawide .right-col-2 .chat .chat-input:after{
  left: 0.46vw;
}

body.ultrawide .events-box,
body.ultrawide .events{
  width: 100%;
}

body.ultrawide .events-box .event .event-header{
  background: url("/images/welcome/c_event_button.png") no-repeat top left;
  background-size: cover;
  width: 100%;
  height: 2.29vw;
  padding: 0.08vw;
  text-align: center;
  cursor: pointer;
  color: #f8e1a2;
  line-height: 0.76vw;
  padding-top: 0.38vw;
}

body.ultrawide .events-box .event .event-header img{
  height: 1.52vw;
  width: auto;
  float: left;
  margin-left: 0.38vw;
}

body.ultrawide .events-box .event .event-header small{
  font-size: 0.53vw;
  color: #acacac;
}

body.ultrawide .events-box .event .event-body{
  background: url("/images/welcome/c_event_gradient.png") no-repeat top left;
  background-size: cover;
  width: 100%;
  min-height: 3.81vw;
  padding: 0.38vw 0.61vw;
  font-size: 0.61vw;
}

body.ultrawide .ip-box{
  background: url("/images/welcome/c_tracking_inner_box.png") no-repeat top left;
  background-size: cover;  
  width: 9.52vw;
  height: 7.49vw;
  margin: 0.38vw;
  padding: 0.3vw 0.38vw;
  overflow-x: hidden;
  overflow-y: scroll;
}

body.ultrawide .ip-box .ip-address{
  width: 9.14vw;
  font-size: 0.61vw;
  text-align: center;
}

body.ultrawide .ip-box .ip-address span{
  color: #acacac;
}

body.ultrawide .system-startup .left-col{    
  background-image: url("/images/servers/c_server_nodes_box.png");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 2.29vw;
  margin-left: 14.96vw;      
  width: 53.71vw;
  height: 33.83vw;
}

body.ultrawide .system-startup .left-col.empty{
  background-image: url("/images/servers/c_servers_box.png");
}

body.ultrawide .system-startup .left-col.notification{
  background-image: url("/images/servers/c_servers_box_lines2.png"); 
  width: 68.27vw;
  height: 33.37vw;
}

body.ultrawide .system-startup .center-text{
  background: url("/images/servers/c_node_box_big_03.png") no-repeat top left;
  background-size: cover;
  width: 28.95vw;
  height: 16.3vw;
  margin: 5.71vw 0 0 20.57vw;
  padding: 3.05vw 2.29vw;
  position: relative;
}

body.ultrawide .system-startup .center-text form{
  background: url("/images/servers/c_button_password.png") no-repeat top left;
  background-size: cover;
  width: 9.07vw;
  height: 4.11vw;
  top: 10.67vw;
  left: 9.9vw;
  position: absolute;
  overflow: hidden;
}

body.ultrawide .system-startup .center-text form button.form-submit{
  margin-top: 0;
}

body.ultrawide .system-startup .right-col{
  background: url("/images/servers/c_system_management.png") no-repeat top left;
  background-size: cover;
  margin: 2.29vw 14.57vw 0 0;
  width: 15.09vw;
  height: 21.87vw;
  font-size: 0.61vw;
  text-align: center;
  position: absolute;
  color: #f7d6d6;
}

body.ultrawide .system-startup .right-col .right-col-2{
  padding: 0.3vw;
  background-image: url("/images/servers/c_tutorial_box.png");
  background-size: cover;  
  margin: 2.06vw 14.57vw 0 -0.3vw;
  width: 15.09vw;
  height: 11.05vw;  
  clear: right;
}

body.ultrawide .button-bottom{
  position: absolute;
  bottom: 0.15vw;
  display: block;
  width: 100%;
  font-size: 0.84vw;
  text-transform: uppercase;
  text-align: center;
  color: #e5f2ff;
  margin-left: -0.3vw;
  background: none;
  border: none;
  left: 0;
}

body.ultrawide .box-option .button-bottom{
  margin-left: 0vw;
  bottom: 0.76vw;
}

body.ultrawide .button-bottom:hover{
  text-decoration: none;
  color: #fff8ae;
}

body.ultrawide .system-startup  .right-col .box-option,
body.ultrawide .system-startup  .right-col .right-col-2 .box-option{
  position: relative;
  height: inherit;
  width: 100%;
}

body.ultrawide .system-startup  .right-col .box-option p,
body.ultrawide .system-startup  .right-col .right-col-2 .box-option p{
  width: 100%;
  display: block;
  padding: 0 0.76vw 2.29vw 0.76vw;
  bottom: 0;
  position: absolute;
}

body.ultrawide .system-startup  .right-col .right-col-2 .box-option{
  bottom: 0.76vw;
}

body.ultrawide .system-startup  .right-col .right-col-2 .box-option p{
  padding-bottom: 3.81vw;  
}

body.ultrawide .system-startup .server{
  background-image: url("/images/animations/server_widget.png");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;  
  width: 22.4vw;
  margin: 0.76vw 0 0 0.76vw;
  padding: 3.66vw 1.52vw 0 4.19vw;
  height: 14.4vw;
  float: left;
  color: #bbe6ef;
}

body.ultrawide .system-startup .server.server-create{
  background-image: url("/images/animations/new_server_node.png");
  height: 9.52vw;
  position: relative;
  padding: 3.05vw 0 0 3.81vw;
}

body.ultrawide .system-startup .server strong{
  font-size: 0.84vw;
  font-weight: normal;
}

body.ultrawide .system-startup .server span{
  font-size: 0.69vw;
}

body.ultrawide .system-startup .server .server-status{
  position: absolute;
  float: left;
  margin-left: 4%;
  margin-top: 8.7%;
}

body.ultrawide .system-startup .server .server-buttons{
  background-image: url("/images/servers/c_connect_button.png");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  float: left;  
  margin: 7.09vw 0 0 -0.3vw;
  padding: 0.23vw;
  width: 8.38vw;  
  height: 1.45vw;
  color: #bbe6ef;
}

body.ultrawide .system-startup .server.server-create .server-buttons{
  background-image: url("/images/servers/c_new_button_green.png");
  top: 0;
  margin: 5.33vw 0.23vw;
  position: absolute;
}

body.ultrawide .system-startup .server.server-create p{
  margin-top: 0vw;
  width: 9.14vw;
}

body.ultrawide .system-startup .server .server-buttons:hover{
  background-image: url("/images/servers/c_connect_button_hover.png");
}

body.ultrawide .system-startup .server.server-create .server-buttons:hover{
  background-image: url("/images/servers/c_new_button_green_hover.png");
}

body.ultrawide .system-startup span.type{
  display: block;
  text-align: center;
  width: 4.57vw;
  float: right;
  margin: 0.69vw 2.13vw 0 0;
}

body.ultrawide .system-startup span.players{
  display: block;
  text-align: center;
  width: 4.57vw;
  float: right;
  font-size: 1.22vw;
  margin: 1.52vw 2.13vw 0 0;
  line-height: 0.99vw;
}

body.ultrawide .system-startup span.players small{
  font-size: 0.61vw;
}

body.ultrawide .system-startup .configured{
  margin-bottom: -0.19vw;
  display: inline-block;
  width: 0.76vw;
  height: 0.76vw;
  border-radius: 100px;
  background-color: #a8ff90;
}

body.ultrawide .system-startup .unconfigured{
  margin-bottom: -0.19vw;
  display: inline-block;
  width: 0.76vw;
  height: 0.76vw;
  border-radius: 100px;
  background-color: #f8e1a2;
}

body.ultrawide .system-startup .server .server-connect{
  display: block;
  text-align: center;
  color: #F8FAF9;
  font-size: 0.84vw;
  width: 6.55vw;  
  padding: 0 0 0 1.22vw;
  float: left;
}

body.ultrawide .system-startup .server .server-connect:hover{
  text-decoration: none;
}

body.ultrawide .system-startup .server.server-create .server-connect{
  width: 7.85vw;
}

body.ultrawide .system-startup .server .server-delete{
  display: block;
  color: #F8FAF9;
  font-size: 0.84vw;
  float: right;
  width: 1.07vw;
  padding-top: 0.08vw;
  text-align: center;
}

body.ultrawide .system-index .left-col{
  background: url("/images/terminal/c_location_box_03.png") no-repeat top left;
  background-size: contain;
  margin-top: 3.05vw;
  margin-left: 14.96vw;      
  width: 13.71vw;
  height: 21.33vw;
}

body.ultrawide .system-index .left-col .col-header,
body.ultrawide .system-index .left-col .col-header-menu{
  width: 13.71vw;
}

body.ultrawide .system-index .left-col{
  background: url("/images/terminal/c_location_box_03.png") no-repeat top left;
  background-size: cover;
  margin-top: 2.29vw;
  margin-left: 14.44vw;      
  width: 13.56vw;
  height: 21.56vw;
}

body.ultrawide .system-index .left-col.bg-clear{
  background-image: url("/images/terminal/c_location_box_02.png");
}

body.ultrawide .system-index .left-col .left-col-2{
  margin-left: -0.3vw;
  padding: 0.3vw;
  background: url("/images/map/c_map_box.png") no-repeat top left;
  background-size: cover;  
  margin-top: 1.98vw;
  width: 13.33vw;
  height: 10.32vw;
  clear: left;
}

body.ultrawide .system-index .middle-col{
  background: url("/images/terminal/c_terminal_box.png") no-repeat top left;
  background-size: cover;
  margin: 2.29vw 0 0 1.05vw;    
  width: 39.77vw;
  height: 33.6vw;
}

body.ultrawide .system-index .right-col{
  background: url("/images/terminal/c_status_box_01.png") no-repeat top left;
  background-size: cover;
  margin: 2.29vw 14.57vw 0 0;      
  width: 15.24vw;
  height: 11.43vw;
  font-size: 0.61vw;
  line-height: 0.69vw;
  text-align: left;
}

body.ultrawide .system-index .right-col-2{
  background: url("/images/terminal/c_info_tips_box_02.png") no-repeat top left;
  background-size: cover;
  margin: 2.74vw 2.82vw 0 -0.3vw;
  padding: 0.3vw;
  clear: right;
  width: 15.24vw;
  height: 19.73vw; 
}

body.ultrawide .terminal{
    margin: -0.3vw 0 0 0;
    width: 39.62vw;
    height: 100%;
    color: #A0E6F0;
    font-family: "White Rabbit";
    font-size: 0.61vw;
    border-radius: 5px;
    float: left;
}

body.ultrawide .terminal .terminal-effect{
  margin-bottom: -100%;
  white-space: nowrap;
  width: calc(100% - 0.76vw);
  height: 96%;
  float: left;
  color: #1a1a1a;
  z-index: 1;
  overflow: hidden;
}

body.ultrawide .terminal .terminal-chat{
  color: #ddd;
}

body.ultrawide .terminal .terminal-chat[class*=" terminal-chat-"]{
  color: #9f1b4d;
}

body.ultrawide .terminal .terminal-chat.terminal-chat-private{
  color: #dd3b8b;
}

body.ultrawide .terminal .terminal-effect img{
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.5s;
}

body.ultrawide .terminal .terminal-effect img.terminal-effect-static{
  opacity: 0.15;
}

body.ultrawide .terminal .terminal-main{
    width: 100%;
    height: 31.01vw;
    overflow-y: scroll;
    overflow-x: no-content;
    word-break: break-word;
    line-height: 0.69vw;
    box-sizing: border-box; 
    z-index: 10;
    position: relative;
    padding-right: 0.53vw;
}

body.ultrawide .terminal .terminal-main table td{
    padding: 0 0.53vw 0 0;
}

body.ultrawide #alt-terminal .terminal-main{
  font-size: 0.53vw;
  padding: 0.23vw 0 0.23vw 0.3vw;
}

body.ultrawide .terminal form{
  width: 38.48vw;
  height: 1.52vw;
}

body.ultrawide .terminal input,
body.ultrawide .cmd-solution{
    width: inherit;
    margin-top: 0.7%;
    height: 1.52vw;
    z-index: 1000;
    color: #A0E6F0;
    border: 0;
    outline: none;  
    font-family: "White Rabbit";
    font-size: 0.69vw;
    padding: 0;
    float: left;
    box-sizing: border-box;
    background-color: transparent;
    border-bottom-right-radius: 0.53vw;
    position: relative;
}

body.ultrawide .cmd-solution{
  color: #ffc;
  position: absolute;
  height: 1.52vw;
  opacity: 0.3;
  padding-top: 0.3vw;
}

body.ultrawide .terminal .terminal-line{
  overflow: hidden;
  width: fit-content;
  position: relative;
}

body.ultrawide .terminal .terminal-behind-text{
  background: url("/images/terminal/c_terminal_anim_text_revealer.png") no-repeat;
  background-position: top left;
  height: 0.99vw;
  width: 6.86vw;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: -6.86vw;
  transition: all 0.4s;
}

body.ultrawide .terminal .terminal-behind-text.end{
  left: calc(100% + 6.86vw);
}

body.ultrawide .clickable-input, 
body.ultrawide .clickable-command,
body.ultrawide .clickable-input:focus, 
body.ultrawide .clickable-command:focus,
body.ultrawide .clickable-input:visited, 
body.ultrawide .clickable-command:visited{
    cursor: pointer;
    color: #1e74b0;
}

body.ultrawide .clickable-input:hover, 
body.ultrawide .clickable-command:hover{
    color: #f8e1a2;
}

body.ultrawide #terminal .clickable-input, 
body.ultrawide #terminal .clickable-command,
body.ultrawide #tutorial-modal .clickable-input, 
body.ultrawide #tutorial-modal .clickable-command{
  color: #f8e1a2;
}

body.ultrawide .terminal-path{
  color: #f8e1a2;
}

body.ultrawide .terminal-info{
    color: #99ff5c;
}

body.ultrawide .terminal-error{
    color: #d94d4d;
}

body.ultrawide .terminal-os{
    color: #ff7e5b; /*#f84*/;
}

body.ultrawide .terminal-important{
    color: #ff7e5b; /*#fb4*/;
}

body.ultrawide .terminal-notice{
    color: #f8e1a2;
}

body.ultrawide .modal-body .terminal-notice,
body.ultrawide #tutorial .terminal-notice{
  color: #f8e1a2;
}

body.ultrawide .corrupted{
  width: 80%;
  text-align: center;
  padding: 5%;
  border: 0.38vw dashed #fff8ae;
  color: #fff8ae;
  text-transform: uppercase;
  font-size: 150%;
  font-weight: bold;
  display: block;
  margin: 20% auto;
}

body.ultrawide .blackout{
  color: #000;
  background-color: #000;
  padding: 0.3vw 0.15vw;
}

body.ultrawide #alt-gui{
  position: relative;
}

body.ultrawide #alt-gui .clickable-command,
body.ultrawide #alt-gui .clickable-input,
body.ultrawide #nodes .clickable-input,
body.ultrawide .nodes .clickable-input{
  color: #f8e1a2;
}

body.ultrawide #alt-gui .clickable-command:hover,
body.ultrawide #alt-gui .clickable-input:hover,
body.ultrawide #nodes .clickable-input:hover,
body.ultrawide .nodes .clickable-input:hover{
  color: #1e74b0;
}

body.ultrawide #alt-gui .clickable-command.clickable-command-button{
  background-color: lightskyblue;
  color: white;
  border: lightblue;
  border-radius: 0.23vw;
  padding: 0.15vw 0.23vw;
  display: inline-block;
  margin: 0.3vw 0.3vw;
  width: fit-content;
}

body.ultrawide #alt-gui .col-content{
  font-size: 0.61vw;
  word-break: break-word;
  padding: 0.76vw 0.61vw 0.23vw 0.38vw;
}

body.ultrawide #alt-gui .file-laser{
  background: url("/images/terminal/c_purple_laser.png") no-repeat;
  background-size: contain;
  width: 12.95vw;
  height: 2.97vw;
  transition: all 1s;
  position: absolute;
  margin-top: -3.81vw;
}

body.ultrawide #alt-gui .file-laser.active{
  margin-top: 17.52vw;
}

body.ultrawide #alt-gui b{
  color: #9d5;
}

body.ultrawide #alt-gui .terminal-image{
  width: calc(100% + 0.38vw);
  margin: 0vw -0.38vw 0 -0.38vw;
}

body.ultrawide #alt-gui span{
  width: inherit;
}

body.ultrawide #alt-gui .terminal-image-bg{
  height: 20.91vw;
  margin: 0 0 0 -50%;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 2.67vw;
  z-index: -1;
  opacity: 0.7;
}

body.ultrawide #alt-gui .left{
  float: left;
  width: 6.1vw;
  clear: left;
}

body.ultrawide #alt-gui .right{
  float: right;
  width: 6.02vw;
  clear: right;
}

body.ultrawide #alt-gui .center{
  text-align: center;
}

body.ultrawide #alt-gui hr{
  clear: both;
  display: block;
}

body.ultrawide #alt-gui.tab-content{
  height: auto;
}

body.ultrawide #alt-gui textarea{
  height: 20.57vw;
}

body.ultrawide #alt-gui textarea.browser{
  height: 5.33vw;
  width: 12.19vw;
}

body.ultrawide #alt-gui textarea.textarea-wide-scrollable{
  overflow-x: auto;
  width: calc(100% - 0.53vw);
  white-space: nowrap;
}

body.ultrawide #alt-gui .frame{
  border: 1px solid black;
  color: black;
  background-color: white;
  padding: 0.23vw;
  width: 11.96vw;
  text-align: center;
}

body.ultrawide .left-col ::-webkit-scrollbar{ 
    width: 0.3vw;
}

body.ultrawide .web-form{
  border: 1px solid #fff;
  color: #23527c;
  padding: 0.08vw;
  text-align: center;
}

body.ultrawide .web-form label{
  margin: 0 0.38vw 0 0;
}

body.ultrawide .web-form .web-form-input{
  margin-bottom: 0.23vw;
}

body.ultrawide .web-form .web-form-submit{
  text-align: center;
}

body.ultrawide .web-form button{
  background-color: #23527c;
  border: none;
  margin: 0.08vw auto;
  padding: 0.15vw 0.38vw;
}

body.ultrawide .web-form input{
  background-color: #F8FAF9;
  border: 1px solid #1e74b0;
  color: #1e74b0;
  width: auto;
  float: none;
  padding: 0.23vw;
  height: 0.91vw;
  border: 0.08vw solid #99c5e1;
  border-radius: 0.08vw;
}

body.ultrawide .nodes{
  height: 0.91vw;
  font-size: 0.61vw;
  overflow: hidden;
}

body.ultrawide #status-content{
  height: 100%;
  width: 100%;
  padding-top: 0.76vw;
  text-align: center;
}

body.ultrawide .status-line{
  width: 2.51vw;
  height: 9.14vw;
  float: left;
  text-align: center;
  font-size: 0.76vw;
}

body.ultrawide .status-info{
  float: left;
  width: 6.4vw;
  height: 9.14vw;
  margin-left: 0.61vw;
  font-size: 0.69vw;
}

body.ultrawide .status-info .wicon{
  margin-bottom: -2px;
}

body.ultrawide .status-line .status-bars{
  text-align: center;
  height: 6.86vw;
  width: 1.52vw;
  margin: 0.23vw 0.46vw;
  position: relative;
}

body.ultrawide .status-line .status-bars-frame{
  background: url("/images/terminal/c_disk_frame.png") no-repeat top center;
  background-size: contain;
  position: absolute;
  width: 1.6vw;
  height: 6.86vw;
  top: 0;
  display: block;
}

body.ultrawide .status-line .status-bars-filling,
body.ultrawide .status-line .status-bars-default{
  width: 1.3vw;
  margin: 0.08vw 0.11vw;
  bottom: 0;
  position: absolute;
  transition: height 1s;
}

body.ultrawide .status-line .status-bars-default{
  background-color: #0f203f !important;
  height: 6.78vw;
}

body.ultrawide .status-line.status-cpu .status-bars-filling{
  background-color: #f56747;
}

body.ultrawide .status-line.status-ram .status-bars-filling{
  background-color: #a8ff90;
}

body.ultrawide .status-line.status-disk .status-bars-filling{
  background-color: #f8e1a2;
}

body.ultrawide .status-line .status-value{
  margin-top: 5px;
  font-size: 0.61vw;
}

body.ultrawide .status-diagram{
  width: 5.64vw;
  height: 5.64vw;
  margin: 0.76vw auto;
  position: relative;
}

body.ultrawide .status-diagram-active svg{
  position: absolute;
  top: 0;
  left: 0;
}

body.ultrawide .status-diagram-world{
  position: absolute;
  top: 0;
  left: 0;
  width: 3.96vw;
  height: 3.96vw;
  border-radius: 1000px;
  overflow: hidden;
  margin: 0.84vw;
  transform: rotate(-90deg);
  transition: transform 1s ease-in-out;
}

body.ultrawide .status-diagram:hover .status-diagram-world{
  transform: rotate(0deg);
}

body.ultrawide .status-diagram span{
  display: none;
}

body.ultrawide .status-diagram span.top{
  top: 0.84vw;
}

body.ultrawide .status-diagram span.bottom{
  bottom: 0.84vw;
}

body.ultrawide .status-diagram:hover span{
  display: block;
  position: absolute;
  width: inherit;
  text-align: center;
  color: #fff;
  font-size: 0.5vw;
}

body.ultrawide .status-diagram:hover .status-diagram-bar{
  opacity: 0;
}

body.ultrawide .status-diagram-world-top,
body.ultrawide .status-diagram-world-bottom{
  width: inherit;
  height: 50%;
  display: flex;
  flex-direction: column;
  float: left;
}

body.ultrawide .status-diagram-world-top{
  justify-content: flex-end;
  border-bottom: 0.11vw solid #667;
}

body.ultrawide .status-diagram-bar{
  background-color: #a8ff90;
  opacity: 0.6;
  height: 0.23vw;
  width: inherit;
  margin: 1px;
  animation: opacity-blinker 3s linear infinite;
}

body.ultrawide .status-diagram-bar.status-diagram-bar-danger{
  animation: opacity-blinker-danger 2s linear infinite;
}

body.ultrawide @keyframes opacity-blinker {
  50% {
    opacity: 0.4;
  }
}

body.ultrawide @keyframes opacity-blinker-danger {
  50% {
    opacity: 1;
  }
}

body.ultrawide .status-diagram-world-top .status-diagram-bar.status-diagram-bar-danger{
  background-color: #f8e1a2;  
}

body.ultrawide .status-diagram-world-bottom .status-diagram-bar{
  background-color: #A0E6F0;  
}

body.ultrawide .status-diagram-world-bottom .status-diagram-bar.status-diagram-bar-danger{
  background-color: #ff7e5b;  
}

/* other */

body.ultrawide .home-index .form,
body.ultrawide .home-reset .form{
  margin: 1.52vw auto 3.81vw auto;
  width: 15.24vw;
}

body.ultrawide .home-index .form .inputs,
body.ultrawide .home-reset .form .inputs{
  width: 15.24vw;
  height: 4.19vw;    
  background-image: url("/images/login/c_inputs.png");
}

body.ultrawide .home-index .form .inputs.inputs-security{
  background-image: url("/images/login/c_answer_textbox.png");
  width: 15.24vw;
  height: 2.1vw;
  margin: 1.52vw auto 0.76vw auto;    
}

body.ultrawide #tutorial-modal a.simple-button{
  padding-top: 0.38vw;
}

body.ultrawide #tutorial-modal small{
  font-size: 0.61vw;
  color: #999;  
  display: block;
}

body.ultrawide .left-col .col-box.terminal{
  width: 13.49vw;
  height: 23.24vw;
  font-size: 0.69vw;
  position: relative;
}

body.ultrawide .left-col .col-box.terminal .terminal-effect{
  display: none;
}

body.ultrawide .left-col .col-box.terminal .terminal-main{
  height: 19.81vw;
  padding: 0;
}

body.ultrawide .right-col-2 hr{
  border-color: #f8e1a2;
  border-width: 0.15vw;
  margin: 0.3vw 0;
}

body.ultrawide .right-col-2 .quest-item{
  color: #ffc;
  background-color: #e64;
  margin-bottom: 0.14vw;
  padding: 0.15vw;
  display: block;
  opacity: 0.8;
  position: relative;
  border-radius: 0.38vw;
  width: 99%;
  background: url(/images/terminal/c_location_box_02.png);
  background-size: calc(100% + 1.52vw) auto;
  background-position: -0.76vw -4.57vw;
  border: 1px solid #f8e1a2;
}

body.ultrawide .right-col-2 .quest-item .quest-order-number{
  border: 1px solid #f8e1a2;
  background-color: #765;
  color: #f8e1a2;
  display: inline-block;
  width: auto;
  padding: 0 0.15vw 0 0.15vw;
  text-align: center;
  min-width: 1.14vw;
  margin: -0.19vw 0.38vw 0 -0.23vw;
  position: absolute;
  font-size: 0.76vw;
  border-top-left-radius: 0.23vw;
  border-bottom-right-radius: 0.23vw;
}

body.ultrawide .right-col-2 .quest-item.quest-item-ordered{
  border: 3px solid #f8e1a2;
}

body.ultrawide .right-col-2 .quest-item.quest-item-inline{
  float: left;
}

body.ultrawide .right-col-2 .terminal-chat,
body.ultrawide #gui .terminal-chat{
  color: #fff;
  background-color: #555;
  margin-bottom: 0.19vw;
  padding: 0.15vw;
  display: block;
  opacity: 0.8;
}

body.ultrawide .col-profile{
  border: 0.27vw solid #e0eaff;
  border-radius: 0.27vw;
  position: relative;
}

body.ultrawide .col-box.col-profile .col-profile-special{
  position: absolute;
  background: url("/images/profiles/frames_confirmed.png") no-repeat top left;;
  background-size: cover;
  content: " ";
  top: -2.97vw;
  left: -3.12vw;
  width: 16.53vw;
  height: 19.81vw;
}

body.ultrawide .col-header.col-header-frame{
  z-index: 1000;
  margin-left: -0.38vw;
}

body.ultrawide .col-profile .col-profile-special.col-profile-manager{
  background-image: url("/images/profiles/frames_manager.png")
}

body.ultrawide .col-profile .col-profile-special.col-profile-leader{
  background-image: url("/images/profiles/frames_leader.png")
}

body.ultrawide .col-profile .col-profile-special.col-profile-month{
  background-image: url("/images/profiles/frames_month.png")
}

body.ultrawide .col-profile .col-profile-special.col-profile-researcher{
  background-image: url("/images/profiles/frames_researcher.png")
}

body.ultrawide #paths .map-menu{
  padding-left: 0.23vw;
  color: #A0E6F0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  pointer-events : none;
}

body.ultrawide #paths .map-menu span.map-menu-right{
  float: right;
  margin-right: 0.76vw;
}

body.ultrawide #paths .map-menu span{
  margin: 0.38vw 0.15vw;
  padding: 0px;
  color: #A0E6F0;
  display: inline-block;
  cursor: pointer;
  pointer-events: auto;
}

body.ultrawide #paths .map-menu span i{
  margin: 0.11vw 0 -0.11vw 0;
}

body.ultrawide #paths > svg{
  padding: 7.62vw;
  box-sizing: content-box;
}

body.ultrawide #paths svg{
  display: block;
  overflow: visible;
  z-index: 10;
  position: relative;
}

body.ultrawide #paths .map-subnet:hover > image,
body.ultrawide paths .map-subnet:hover > .terminal-ip image{
  opacity: 0.5;
}

body.ultrawide #paths line{
  transition: stroke-opacity 0.5s;
  stroke-opacity: 0;
}

body.ultrawide #paths svg:hover > line{
  stroke-opacity: 1;
}

body.ultrawide #paths svg.terminal-ip{
  z-index: 100;
}

body.ultrawide #paths circle.map-current{
  animation: map-blink-fill 1s linear 1s infinite;
}

body.ultrawide #paths image.map-current{
  animation: map-blink-opacity 1s linear 1s infinite;
}

body.ultrawide #paths .map-subnet-active{
  animation: map-blink-opacity 1s linear 1s infinite;
  pointer-events : none;
}

body.ultrawide #paths .map-popup,
body.ultrawide #paths .map-popup > text,
body.ultrawide #paths .map-popup > image{
  pointer-events: auto;
}

body.ultrawide #paths .map-popup-btn{
  cursor: pointer;
}

body.ultrawide @keyframes map-blink-fill {
  from {fill-opacity: 1;}
  to {fill-opacity: 0;}
}

body.ultrawide @keyframes map-blink-opacity {
  from {opacity: 1;}
  to {opacity: 0;}
}

body.ultrawide #rating{
  padding: 0.38vw;
}

body.ultrawide #rating h3{
  margin-top: -0.38vw;
}