@font-face{
  font-family:'iconfont';  /* project id 659557 */
  src:url('//at.alicdn.com/t/font_659557_6s7eguuo2oo.eot');
  src:url('//at.alicdn.com/t/font_659557_6s7eguuo2oo.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_659557_6s7eguuo2oo.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_659557_6s7eguuo2oo.woff') format('woff'),
  url('//at.alicdn.com/t/font_659557_6s7eguuo2oo.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_659557_6s7eguuo2oo.svg#iconfont') format('svg');
}
.iconfont{
  font-family:iconfont;
}
.loading{
  font-family:iconfont;
  display:inline-block;
  animation:spin 1.2s linear infinite;
}
.loading-sm{
  width:20px;
  height:20px;
  font-size:20px;
  text-align:center;
  line-height:20px;
}
.loading:before{
  content:'\e675';
}
@keyframes spin{
  100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg); }
}
/* --- YAF_CG_AUTO_UPGRADE -- */
/* You should not change these lines below until YAF_CG_AUTO_UPGRADE_END */
@media (min-width:1600px){
  body .container{max-width:1600px;}
  body .modal-lg{max-width:1400px}
}
@media (min-width:1200px) and (max-width:1600px){
  body .container{max-width:100%;}
  body .modal-lg{max-width:1100px}
}
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar{
  visibility:hidden; /* Hidden by default. Visible on click */
  min-width:250px; /* Set a default minimum width */
  margin-left:-125px; /* Divide value of min-width by 2 */
  background-color:#333; /* Black background color */
  color:#fff; /* White text color */
  text-align:center; /* Centered text */
  border-radius:2px; /* Rounded borders */
  padding:16px; /* Padding */
  position:fixed; /* Sit on top of the screen */
  z-index:10000; /* Add a z-index if needed */
  left:50%; /* Center the snackbar */
  bottom:80px; /* 30px from the bottom */
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show{
  visibility:visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation:fadein 0.5s, fadeout 0.5s 2.5s;
  animation:fadein 0.5s, fadeout 0.5s 2.5s;
}
/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein{
  from{bottom:0; opacity:0;}
  to{bottom:80px; opacity:1;}
}
@keyframes fadein{
  from{bottom:0; opacity:0;}
  to{bottom:80px; opacity:1;}
}
@-webkit-keyframes fadeout{
  from{bottom:30px; opacity:1;}
  to{bottom:0; opacity:0;}
}
@keyframes fadeout{
  from{bottom:30px; opacity:1;}
  to{bottom:0; opacity:0;}
}
.navbar{margin-bottom:10px;}
#navbar{position:relative;}
#page-content{padding-bottom:50px;}
#page-content .table th, #page-content .table td{padding:0.5rem}
#page-content .table .wrap{overflow-wrap:anywhere;hyphens:auto;}
#performance-monitor-submenu{overflow:hidden;zoom:1;}
#performance-monitor-submenu .form-group{float:left;}
.bs-callout{padding:0 20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px;}
.bs-callout-info{border-left-color:#5bc0de;}
.bs-callout-info h4{color:#5bc0de;font-size:18px;margin-top:20px;font-weight:bold;}
.bs-callout-params{padding:0 15px;margin-top:10px;}
.bs-callout-params h5{margin-top:10px;font-size:12px;}
.bs-callout-params ul{padding-left:20px;}
.bs-callout-params li span{display:inline-block;float:left;width:150px;border-right:gray 1px dotted;margin-right:20px;}
#interface-document-container h4.interface{margin-top:50px;}
#interface-document-container h4.current{color:red;}
#interface-document-container pre{padding:9.5px;margin:0 0 10px;
  color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;}
label.col-form-label{text-align:right}
label.checkbox-list{margin-right:10px;}
/* sign in form */
.form-signin{max-width:500px;margin:0 auto;}
.form-signin input{padding:10px;font-size:16px;height:auto;}
.form-signin input#inputUsername{border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:-1px;}
.form-signin input#inputPassword{margin-bottom:20px;border-top-left-radius:0;border-top-right-radius:0;}
/* flash messages */
#flash-notice, #flash-warning, #flash-error{padding:6px 15px;margin-bottom:10px;}
/* performance trace */
#performance_trace_block{position:fixed;bottom:0;left:0;width:100%;background:#dff0d8;color:#468847;line-height:25px;z-index:100;
  font-family:Menlo, Monaco, Consolas, "Courier New", monospace;}
#performance_trace_block .summary{cursor:pointer;text-align:right;padding-right:20px;}
#performance_trace_detail{height:300px;overflow-y:scroll;border-top:1px solid #337ab7;background:#f7f7f9;color:#2f6f9f;display:none;}
#performance_trace_block .fuelux .tree{border:none;padding-left:0;padding-right:0;overflow-x:hidden;}
#performance_trace_block .fuelux .tree li{margin:0;font-size:12px;}
/* --- YAF_CG_AUTO_UPGRADE_END -- */