.iconSize16 {
  width: 16px;
  height: 16px;
}
html,
body {
  height: 100%;
}
.mightOverflow,
.crop-long-text {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table thead th,
table tbody td {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nomargin {
  margin: 0 !important;
}
.nomargin[class*="col-md-"] {
  margin-left: 0 !important;
}
.table td.span100,
.table th.span100 {
  float: none;
  margin-left: 0;
  width: 100px;
}
.table td.span020,
.table th.span020 {
  float: none;
  margin-left: 0;
  width: 20px;
}
.table td.span050percent {
  width: 50%;
  border: none;
}
.span080 {
  width: 80px;
}
.span120 {
  width: 120px;
}
.span140 {
  width: 140px;
}
.span030 {
  width: 30px;
}
.span160 {
  width: 160px;
}
.span200 {
  width: 200px;
}
.span900 {
  width: 900px;
}
.top7px {
  top: 7px;
  position: relative;
}
.top6px {
  top: 6px;
  position: relative;
}
.top5px {
  top: 5px;
  position: relative;
}
.top4px {
  top: 4px;
  position: relative;
}
.top3px {
  top: 3px;
  position: relative;
}
.top2px {
  top: 2px;
  position: relative;
}
.top1px {
  top: 1px;
  position: relative;
}
.left_5px {
  left: -5px;
  position: relative;
}
.left_10px {
  left: -10px;
  position: relative;
}
.top_1 {
  top: -1px;
  position: relative;
}
.top_2 {
  top: -2px;
  position: relative;
}
.top_3 {
  top: -3px;
  position: relative;
}
.top_4 {
  top: -4px;
  position: relative;
}
.top_5 {
  top: -5px;
  position: relative;
}
.top_6 {
  top: -6px;
  position: relative;
}
.width320-400 {
  min-width: 320px;
  max-width: 400px;
  width: auto;
  margin-right: 10px;
}
.size16 {
  width: 16px;
  height: 16px;
}
.size24 {
  width: 24px;
  height: 24px;
}
.size100 {
  width: 100px;
  height: 100px;
}
.size40 {
  width: 40px;
  height: 40px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-3 {
  margin-top: 3px;
}
.margin-top-2 {
  margin-top: 2px;
}
.margin-top-1 {
  margin-top: 1px;
}
.margin-bottom10 {
  margin-bottom: 10px;
}
.margin-bottom20 {
  margin-bottom: 20px;
}
.table-fixed .td100 {
  width: 100%;
}
.table-fixed .td99 {
  width: 99%;
}
.table-fixed .td98 {
  width: 98%;
}
.table-fixed .td97 {
  width: 97%;
}
.table-fixed .td96 {
  width: 96%;
}
.table-fixed .td95 {
  width: 95%;
}
.table-fixed .td94 {
  width: 94%;
}
.table-fixed .td93 {
  width: 93%;
}
.table-fixed .td92 {
  width: 92%;
}
.table-fixed .td91 {
  width: 91%;
}
.table-fixed .td90 {
  width: 90%;
}
.table-fixed .td89 {
  width: 89%;
}
.table-fixed .td88 {
  width: 88%;
}
.table-fixed .td87 {
  width: 87%;
}
.table-fixed .td86 {
  width: 86%;
}
.table-fixed .td85 {
  width: 85%;
}
.table-fixed .td84 {
  width: 84%;
}
.table-fixed .td83 {
  width: 83%;
}
.table-fixed .td82 {
  width: 82%;
}
.table-fixed .td81 {
  width: 81%;
}
.table-fixed .td80 {
  width: 80%;
}
.table-fixed .td79 {
  width: 79%;
}
.table-fixed .td78 {
  width: 78%;
}
.table-fixed .td77 {
  width: 77%;
}
.table-fixed .td76 {
  width: 76%;
}
.table-fixed .td75 {
  width: 75%;
}
.table-fixed .td74 {
  width: 74%;
}
.table-fixed .td73 {
  width: 73%;
}
.table-fixed .td72 {
  width: 72%;
}
.table-fixed .td71 {
  width: 71%;
}
.table-fixed .td70 {
  width: 70%;
}
.table-fixed .td69 {
  width: 69%;
}
.table-fixed .td68 {
  width: 68%;
}
.table-fixed .td67 {
  width: 67%;
}
.table-fixed .td66 {
  width: 66%;
}
.table-fixed .td65 {
  width: 65%;
}
.table-fixed .td64 {
  width: 64%;
}
.table-fixed .td63 {
  width: 63%;
}
.table-fixed .td62 {
  width: 62%;
}
.table-fixed .td61 {
  width: 61%;
}
.table-fixed .td60 {
  width: 60%;
}
.table-fixed .td59 {
  width: 59%;
}
.table-fixed .td58 {
  width: 58%;
}
.table-fixed .td57 {
  width: 57%;
}
.table-fixed .td56 {
  width: 56%;
}
.table-fixed .td55 {
  width: 55%;
}
.table-fixed .td54 {
  width: 54%;
}
.table-fixed .td53 {
  width: 53%;
}
.table-fixed .td52 {
  width: 52%;
}
.table-fixed .td51 {
  width: 51%;
}
.table-fixed .td50 {
  width: 50%;
}
.table-fixed .td49 {
  width: 49%;
}
.table-fixed .td48 {
  width: 48%;
}
.table-fixed .td47 {
  width: 47%;
}
.table-fixed .td46 {
  width: 46%;
}
.table-fixed .td45 {
  width: 45%;
}
.table-fixed .td44 {
  width: 44%;
}
.table-fixed .td43 {
  width: 43%;
}
.table-fixed .td42 {
  width: 42%;
}
.table-fixed .td41 {
  width: 41%;
}
.table-fixed .td40 {
  width: 40%;
}
.table-fixed .td39 {
  width: 39%;
}
.table-fixed .td38 {
  width: 38%;
}
.table-fixed .td37 {
  width: 37%;
}
.table-fixed .td36 {
  width: 36%;
}
.table-fixed .td35 {
  width: 35%;
}
.table-fixed .td34 {
  width: 34%;
}
.table-fixed .td33 {
  width: 33%;
}
.table-fixed .td32 {
  width: 32%;
}
.table-fixed .td31 {
  width: 31%;
}
.table-fixed .td30 {
  width: 30%;
}
.table-fixed .td29 {
  width: 29%;
}
.table-fixed .td28 {
  width: 28%;
}
.table-fixed .td27 {
  width: 27%;
}
.table-fixed .td26 {
  width: 26%;
}
.table-fixed .td25 {
  width: 25%;
}
.table-fixed .td24 {
  width: 24%;
}
.table-fixed .td23 {
  width: 23%;
}
.table-fixed .td22 {
  width: 22%;
}
.table-fixed .td21 {
  width: 21%;
}
.table-fixed .td20 {
  width: 20%;
}
.table-fixed .td19 {
  width: 19%;
}
.table-fixed .td18 {
  width: 18%;
}
.table-fixed .td17 {
  width: 17%;
}
.table-fixed .td16 {
  width: 16%;
}
.table-fixed .td15 {
  width: 15%;
}
.table-fixed .td14 {
  width: 14%;
}
.table-fixed .td13 {
  width: 13%;
}
.table-fixed .td12 {
  width: 12%;
}
.table-fixed .td11 {
  width: 11%;
}
.table-fixed .td10 {
  width: 10%;
}
.table-fixed .td9 {
  width: 9%;
}
.table-fixed .td8 {
  width: 8%;
}
.table-fixed .td7 {
  width: 7%;
}
.table-fixed .td6 {
  width: 6%;
}
.table-fixed .td5 {
  width: 5%;
}
.table-fixed .td4 {
  width: 4%;
}
.table-fixed .td3 {
  width: 3%;
}
.table-fixed .td2 {
  width: 2%;
}
.table-fixed .td1 {
  width: 1%;
}
.table-fixed .td15pixels {
  width: 15px;
}
.table-fixed .td-icon {
  width: 20px;
}
.percent50 {
  float: left;
  width: 50%;
}
.percent50:first-of-type {
  width: 48%;
  margin-right: 2%;
}
.percent100 {
  clear: both;
  float: none;
  width: 100%;
}
.width100p {
  width: 100%;
}
.width90p {
  width: 90%;
}
.width80p {
  width: 80%;
}
.width70p {
  width: 70%;
}
.width60p {
  width: 60%;
}
.width50p {
  width: 50%;
}
.width40p {
  width: 40%;
}
.width30p {
  width: 30%;
}
.width20p {
  width: 20%;
}
.width10p {
  width: 10%;
}
.width350 {
  width: 350px !important;
}
.width345 {
  width: 345px !important;
}
.width340 {
  width: 340px !important;
}
.width335 {
  width: 335px !important;
}
.width330 {
  width: 330px !important;
}
.width325 {
  width: 325px !important;
}
.width320 {
  width: 320px !important;
}
.width315 {
  width: 315px !important;
}
.width310 {
  width: 310px !important;
}
.width305 {
  width: 305px !important;
}
.width300 {
  width: 300px !important;
}
.width295 {
  width: 295px !important;
}
.width290 {
  width: 290px !important;
}
.width285 {
  width: 285px !important;
}
.width280 {
  width: 280px !important;
}
.width275 {
  width: 275px !important;
}
.width270 {
  width: 270px !important;
}
.width265 {
  width: 265px !important;
}
.width260 {
  width: 260px !important;
}
.width255 {
  width: 255px !important;
}
.width250 {
  width: 250px !important;
}
.width245 {
  width: 245px !important;
}
.width240 {
  width: 240px !important;
}
.width235 {
  width: 235px !important;
}
.width230 {
  width: 230px !important;
}
.width225 {
  width: 225px !important;
}
.width220 {
  width: 220px !important;
}
.width215 {
  width: 215px !important;
}
.width210 {
  width: 210px !important;
}
.width205 {
  width: 205px !important;
}
.width200 {
  width: 200px !important;
}
.width195 {
  width: 195px !important;
}
.width190 {
  width: 190px !important;
}
.width185 {
  width: 185px !important;
}
.width180 {
  width: 180px !important;
}
.width175 {
  width: 175px !important;
}
.width170 {
  width: 170px !important;
}
.width165 {
  width: 165px !important;
}
.width160 {
  width: 160px !important;
}
.width155 {
  width: 155px !important;
}
.width150 {
  width: 150px !important;
}
.width145 {
  width: 145px !important;
}
.width140 {
  width: 140px !important;
}
.width135 {
  width: 135px !important;
}
.width130 {
  width: 130px !important;
}
.width125 {
  width: 125px !important;
}
.width120 {
  width: 120px !important;
}
.width115 {
  width: 115px !important;
}
.width110 {
  width: 110px !important;
}
.width105 {
  width: 105px !important;
}
.width100 {
  width: 100px !important;
}
.width95 {
  width: 95px !important;
}
.width90 {
  width: 90px !important;
}
.width85 {
  width: 85px !important;
}
.width80 {
  width: 80px !important;
}
.width75 {
  width: 75px !important;
}
.width70 {
  width: 70px !important;
}
.width65 {
  width: 65px !important;
}
.width60 {
  width: 60px !important;
}
.width55 {
  width: 55px !important;
}
.width50 {
  width: 50px !important;
}
.width45 {
  width: 45px !important;
}
.width40 {
  width: 40px !important;
}
.width35 {
  width: 35px !important;
}
.width30 {
  width: 30px !important;
}
.width25 {
  width: 25px !important;
}
.width20 {
  width: 20px !important;
}
.width15 {
  width: 15px !important;
}
.width10 {
  width: 10px !important;
}
.width5 {
  width: 5px !important;
}
.margin-right40 {
  margin-right: 40px !important;
}
.margin-left40 {
  margin-left: 40px !important;
}
.margin-right39 {
  margin-right: 39px !important;
}
.margin-left39 {
  margin-left: 39px !important;
}
.margin-right38 {
  margin-right: 38px !important;
}
.margin-left38 {
  margin-left: 38px !important;
}
.margin-right37 {
  margin-right: 37px !important;
}
.margin-left37 {
  margin-left: 37px !important;
}
.margin-right36 {
  margin-right: 36px !important;
}
.margin-left36 {
  margin-left: 36px !important;
}
.margin-right35 {
  margin-right: 35px !important;
}
.margin-left35 {
  margin-left: 35px !important;
}
.margin-right34 {
  margin-right: 34px !important;
}
.margin-left34 {
  margin-left: 34px !important;
}
.margin-right33 {
  margin-right: 33px !important;
}
.margin-left33 {
  margin-left: 33px !important;
}
.margin-right32 {
  margin-right: 32px !important;
}
.margin-left32 {
  margin-left: 32px !important;
}
.margin-right31 {
  margin-right: 31px !important;
}
.margin-left31 {
  margin-left: 31px !important;
}
.margin-right30 {
  margin-right: 30px !important;
}
.margin-left30 {
  margin-left: 30px !important;
}
.margin-right29 {
  margin-right: 29px !important;
}
.margin-left29 {
  margin-left: 29px !important;
}
.margin-right28 {
  margin-right: 28px !important;
}
.margin-left28 {
  margin-left: 28px !important;
}
.margin-right27 {
  margin-right: 27px !important;
}
.margin-left27 {
  margin-left: 27px !important;
}
.margin-right26 {
  margin-right: 26px !important;
}
.margin-left26 {
  margin-left: 26px !important;
}
.margin-right25 {
  margin-right: 25px !important;
}
.margin-left25 {
  margin-left: 25px !important;
}
.margin-right24 {
  margin-right: 24px !important;
}
.margin-left24 {
  margin-left: 24px !important;
}
.margin-right23 {
  margin-right: 23px !important;
}
.margin-left23 {
  margin-left: 23px !important;
}
.margin-right22 {
  margin-right: 22px !important;
}
.margin-left22 {
  margin-left: 22px !important;
}
.margin-right21 {
  margin-right: 21px !important;
}
.margin-left21 {
  margin-left: 21px !important;
}
.margin-right20 {
  margin-right: 20px !important;
}
.margin-left20 {
  margin-left: 20px !important;
}
.margin-right19 {
  margin-right: 19px !important;
}
.margin-left19 {
  margin-left: 19px !important;
}
.margin-right18 {
  margin-right: 18px !important;
}
.margin-left18 {
  margin-left: 18px !important;
}
.margin-right17 {
  margin-right: 17px !important;
}
.margin-left17 {
  margin-left: 17px !important;
}
.margin-right16 {
  margin-right: 16px !important;
}
.margin-left16 {
  margin-left: 16px !important;
}
.margin-right15 {
  margin-right: 15px !important;
}
.margin-left15 {
  margin-left: 15px !important;
}
.margin-right14 {
  margin-right: 14px !important;
}
.margin-left14 {
  margin-left: 14px !important;
}
.margin-right13 {
  margin-right: 13px !important;
}
.margin-left13 {
  margin-left: 13px !important;
}
.margin-right12 {
  margin-right: 12px !important;
}
.margin-left12 {
  margin-left: 12px !important;
}
.margin-right11 {
  margin-right: 11px !important;
}
.margin-left11 {
  margin-left: 11px !important;
}
.margin-right10 {
  margin-right: 10px !important;
}
.margin-left10 {
  margin-left: 10px !important;
}
.margin-right9 {
  margin-right: 9px !important;
}
.margin-left9 {
  margin-left: 9px !important;
}
.margin-right8 {
  margin-right: 8px !important;
}
.margin-left8 {
  margin-left: 8px !important;
}
.margin-right7 {
  margin-right: 7px !important;
}
.margin-left7 {
  margin-left: 7px !important;
}
.margin-right6 {
  margin-right: 6px !important;
}
.margin-left6 {
  margin-left: 6px !important;
}
.margin-right5 {
  margin-right: 5px !important;
}
.margin-left5 {
  margin-left: 5px !important;
}
.margin-right4 {
  margin-right: 4px !important;
}
.margin-left4 {
  margin-left: 4px !important;
}
.margin-right3 {
  margin-right: 3px !important;
}
.margin-left3 {
  margin-left: 3px !important;
}
.margin-right2 {
  margin-right: 2px !important;
}
.margin-left2 {
  margin-left: 2px !important;
}
.margin-right1 {
  margin-right: 1px !important;
}
.margin-left1 {
  margin-left: 1px !important;
}
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
|--------------------------------------------------------------------------
*/

.zindex .initial {
  z-index: 1;
}
.zindex .search-query {
  z-index: 3;
}
.zindex .legend,
.zindex .flot-overlay {
  z-index: 10;
}
.zindex .sidebar-absolute {
  z-index: 14;
}
.zindex .sidebar {
  z-index: 20;
}
.zindex .footer,
.zindex .navbar {
  z-index: 21;
}
.zindex .site-navbar-inner {
  z-index: 50;
}
.zindex .widget-hover {
  z-index: 1000;
}
.zindex .badge {
  z-index: 1001;
}
.zindex .esContainer {
  z-index: 1050;
}
.zindex .backdrop {
  z-index: 1059;
}
.zindex .modal-top {
  z-index: 1060;
}
.zindex .dialog-top {
  z-index: 10000;
}
.zindex .ui-tooltip {
  z-index: 30000;
}
/*
|--------------------------------------------------------------------------
| end UItoTop jQuery Plugin 1.2
|--------------------------------------------------------------------------
*/

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  height: 25px;
  margin-bottom: -25px;
  line-height: 12px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 65px;
  line-height: 12px;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-rtl {
  direction: rtl;
}
.ui-timepicker-rtl dl {
  text-align: right;
}
.ui-timepicker-rtl dl dd {
  margin: 0 65px 10px 10px;
}
.ui-widget.ui-datepicker {
  font-size: 12px;
}
.calendarbtn,
.weekbtn {
  padding: 4px 7px;
  width: 20px;
  margin-right: 1px;
}
.monthbtn {
  margin-right: 1px;
  padding: 6px;
  width: 30px;
}
.week .btn-toolbar,
.calendar .btn-toolbar,
.month .btn-toolbar {
  margin-top: 0;
  margin-bottom: 15px;
}
input[type=checkbox],
input[type=radio] {
  accent-color: #0088CC;
  vertical-align: middle;
}
.lbl {
  display: inline-block;
  vertical-align: middle;
}
input[type=checkbox] + .lbl:empty,
input[type=radio] + .lbl:empty {
  display: none;
}
body.errorPage {
  background: url(images/patterns/2.png) repeat;
}
.errorContainer {
  line-height: 20px;
  font-size: 13px;
  background: url(images/patterns/6.png) repeat;
  border: 1px solid #c4c4c4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 15px;
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 40%;
  left: 50%;
  margin-left: -286px;
  margin-top: -155px;
  width: 540px;
}
.errorContainer h1 {
  font-size: 10em;
  line-height: 1em;
}
.errorContainer h1 small {
  font-weight: 500;
  font-size: 0.3em;
}
.errorContainer.offline h1 {
  font-size: 4em;
}
.errorContainer:after,
.errorContainer:before {
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 1%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f8f8f8), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #f8f8f8 1%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #f8f8f8 1%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #f8f8f8 1%, #f9f9f9 100%);
  background: linear-gradient(top, #f8f8f8 1%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8, endColorstr=#f9f9f9, GradientType=0);
  border: 1px solid #c4c6ca;
  content: "";
  display: block;
  height: 100%;
  left: -1px;
  position: absolute;
  width: 100%;
  top: 0 !important;
}
.errorContainer:after {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
  z-index: -1;
}
.errorContainer:before {
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -2;
}
.errorContainer .btn {
  margin-bottom: 15px;
}
.errorContainer .page-header {
  padding-bottom: 0;
  margin-top: 9px;
  border-color: #c4c4c4;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
}
.errorContainer h3 {
  font-size: 18px;
  line-height: 27px;
}
.errorContainer h5 {
  font-size: 12px;
}
.errorContainer h4,
.errorContainer h5,
.errorContainer h6 {
  line-height: 18px;
}
.errorContainer h1,
.errorContainer h2,
.errorContainer h3,
.errorContainer h4,
.errorContainer h5,
.errorContainer h6 {
  margin: 0;
  font-family: "Open Sans", serif;
  font-weight: 700;
  color: inherit;
  text-rendering: optimizelegibility;
  margin-bottom: 10px;
}
.machineinfosprite {
  background: url('images/machineInfoSprite.png') no-repeat top left;
  width: 64px;
  height: 64px;
}
.machineinfosprite.battery0 {
  background-position: 0 0;
}
.machineinfosprite.battery1 {
  background-position: 0 -64px;
}
.machineinfosprite.battery2 {
  background-position: 0 -128px;
}
.machineinfosprite.battery3 {
  background-position: 0 -192px;
}
.machineinfosprite.battery4 {
  background-position: 0 -256px;
}
.machineinfosprite.hdd {
  background-position: 0 -320px;
}
.machineinfosprite.mainboard {
  background-position: 0 -384px;
}
.machineinfosprite.sensors {
  background-position: 0 -448px;
}
.machineinfosprite.processor {
  background-position: 0 -512px;
}
.machineinfosprite.spds {
  background-position: 0 -576px;
}
.machineinfosprite.system {
  background-position: 0 -640px;
}
.machineinfosprite .dead-battery {
  background: url('images/machineInfoSprite.png') no-repeat top left;
  width: 64px;
  height: 64px;
  background-position: 0 -704px;
}
a.disabled {
  cursor: default;
  text-decoration: none;
  color: lightslategray;
}
.details-list .text-start {
  text-align: left;
}
body input[type="radio"],
body input[type="checkbox"] {
  margin: 0;
}
.noleftmargin {
  margin-left: 0;
}
.padding-right10 {
  padding-right: 10px;
}
.legendEdit {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.field-validation-error {
  color: #d16e6c;
}
.remove-filter,
.remove-rule {
  cursor: pointer;
}
.expand-filter,
.expand-rule {
  cursor: pointer;
}
a[disabled] {
  display: none;
}
.quantity-kb,
.quantity-percent,
.quantity-ms,
.quantity-count,
.quantity-time {
  width: 100px !important;
}
.traffic-quantity-kb,
.traffic-quantity-percent,
.traffic-quantity-ms,
.traffic-quantity-count,
.traffic-quantity-time {
  width: 100px !important;
}
.checkbox-label {
  display: inline;
  padding-left: 5px;
  position: relative;
  top: -2px;
}
fieldset div.form-group:first-of-type {
  margin-top: 0;
}
.label-inline {
  display: inline-block;
  float: none;
  vertical-align: text-bottom;
}
.edit-process {
  display: none;
}
.edit-process i {
  cursor: pointer;
}
tr:hover .edit-process {
  display: inline;
}
#machineStartedProcesses select {
  position: relative;
  top: -10px;
  line-height: 15px;
}
.loading {
  display: block;
  background-image: url("images/loading_blue.gif");
  background-repeat: no-repeat;
  background-position: center center;
  min-width: 30px;
  min-height: 30px;
}
.modal-backdrop.loading {
  background-image: url("images/loading_white.gif");
  min-width: 100%;
  min-height: 100%;
}
#header .site-navbar-inner {
  background-color: transparent;
  background-image: none;
  background-repeat: repeat-x;
}
#wrapper #content {
  margin-left: 0;
}
tr.hover-enabled:hover {
  background-color: #e8eaeb;
}
span.icon16.white {
  color: #FFFFFF;
}
span.icon16.blue {
  color: #3399cc;
}
.table-fixed {
  table-layout: fixed;
}
.table-fixed td.icon,
.table-fixed th.icon {
  padding-left: 5px;
  padding-right: 0;
  width: 22px;
}
#netbalancer .navbar a.navbar-brand {
  margin-left: -15px;
  padding-right: 9px;
}
#netbalancer .navbar a.navbar-brand small {
  color: #FFE552;
  font-size: 14px;
  position: relative;
  top: 1px;
}
#netbalancer .navbar .site-navbar-inner {
  z-index: 50;
  padding-top: 5px;
  padding-bottom: 3px;
}
#netbalancer .navbar.site-navbar .nav li.dropdown.open > .dropdown-toggle,
#netbalancer .navbar.site-navbar .nav li.dropdown.active > .dropdown-toggle,
#netbalancer .navbar.site-navbar .nav li.dropdown.open.active > .dropdown-toggle,
#netbalancer .navbar.site-navbar .nav .active > a.btn-netbalancer,
#netbalancer .navbar.site-navbar .nav .active > a.btn-netbalancer:hover,
#netbalancer .navbar.site-navbar .nav .active > a.btn-netbalancer:focus,
#netbalancer .navbar.site-navbar .site-navbar-inner .custom-nav-collapsed button:hover,
#netbalancer .navbar.site-navbar .site-navbar-inner .custom-nav-collapsed a.btn-netbalancer.btn:hover {
  background: #75B5E6 !important;
  background: -moz-linear-gradient(top, #75B5E6 1%, #5BA4D5 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #75B5E6), color-stop(100%, #5BA4D5)) !important;
  background: -webkit-linear-gradient(top, #75B5E6 1%, #5BA4D5 100%) !important;
  background: -o-linear-gradient(top, #75B5E6 1%, #5BA4D5 100%) !important;
  background: -ms-linear-gradient(top, #75B5E6 1%, #5BA4D5 100%) !important;
  background: linear-gradient(top, #75B5E6 1%, #5BA4D5 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#75B5E6, endColorstr=#5BA4D5, GradientType=0) !important;
}
#netbalancer .navbar.site-navbar .nav li.active > a.btn-netbalancer:focus,
#netbalancer .navbar.site-navbar .nav li.active > a.btn-netbalancer:hover {
  background: #7ABDF0 !important;
}
#netbalancer .navbar.site-navbar .nav li.dropdown.open > .dropdown-toggle,
#netbalancer .navbar.site-navbar .nav li.dropdown.active > .dropdown-toggle,
#netbalancer .navbar.site-navbar .nav li.dropdown.open.active > .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 1, 1, 0.1);
  -moz-box-shadow: inset 0 3px 8px rgba(0, 1, 1, 0.1);
  box-shadow: inset 0 3px 8px rgba(0, 1, 1, 0.1);
}
#netbalancer .navbar.site-navbar .nav li a.username-btn-link {
  padding-top: 8px !important;
  padding-bottom: 7px !important;
}
#netbalancer .navbar.site-navbar .nav li > .dropdown-menu.logon-menu:before {
  border-bottom: 7px solid #FFFFFF;
  border-left: 7px solid rgba(0, 0, 0, 0);
  border-right: 7px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  right: 9px;
  position: absolute;
  top: -7px;
}
#netbalancer .navbar.site-navbar .site-navbar-inner .custom-nav-collapsed a.btn,
#netbalancer .navbar.site-navbar .site-navbar-inner .custom-nav-collapsed button {
  margin-left: 1px;
  margin-right: 0;
}
#netbalancer .navbar.site-navbar .site-navbar-inner .custom-nav-collapsed button.first,
#netbalancer .navbar.site-navbar .site-navbar-inner .custom-nav-collapsed a.btn.first {
  border-radius: 5px 0 0 5px !important;
}
#netbalancer .navbar.site-navbar .site-navbar-inner .custom-nav-collapsed button.last {
  border-radius: 0 5px 5px 0 !important;
  line-height: 22px;
}
#netbalancer .navbar .nav > li.logon-simple {
  display: none;
}
#netbalancer .navbar .nav > li.logon-popup {
  display: block;
}
#netbalancer .navbar .btn-group.custom-nav-collapsed {
  margin-top: 0;
  margin-right: 2px;
}
#netbalancer .navbar .btn-group.custom-nav-collapsed.btn-group > .btn-sm {
  font-size: 13px;
  text-shadow: none;
  line-height: 20px;
}
#netbalancer .navbar .open-beta {
  font-size: 12px;
  color: #FFE552;
  display: inline-block;
  margin-left: 2px;
}
.layout-content {
  min-height: 700px;
  margin-left: 10px;
}
.sidenav {
  width: 100%;
}
.custom-heading {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  background: linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f3f3f3, GradientType=0);
  -moz-box-shadow: 0 1px 0px #ffffff;
  -webkit-box-shadow: 0 1px 0px #ffffff;
  box-shadow: 0 1px 0px #ffffff;
  border-bottom: 1px solid #c4c4c4;
  margin-left: -10px;
  margin-right: -10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-bottom: 5px;
}
.ie .box .title > a.edit-link {
  line-height: 14px;
}
.edit-link.tags {
  border: none;
  padding-left: 0;
  padding: 3px;
  padding-right: 5px;
  line-height: 20px;
  background-color: transparent;
}
.edit-link.tags span {
  color: #D15B47;
}
.edit-link.tags:hover span {
  color: #B94A48;
}
.edit-link:hover {
  text-decoration: none;
}
.edit-link span.icon14 span {
  margin-left: 4px;
  left: 6px;
  font-size: 13px;
  vertical-align: top;
}
/*custom checkbox*/

input[type=checkbox].custom-checkbox {
  display: none;
}
label.custom-label-checkbox {
  position: relative;
  top: 3px;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
}
input[type=checkbox].custom-checkbox + label.custom-label-checkbox {
  height: 16px;
  width: 18px;
  display: inline-block;
  padding: 0;
  margin: 0;
}
input[type=checkbox].custom-checkbox + label.custom-label-checkbox:before {
  content: "\e1f1";
}
input[type=checkbox].custom-checkbox:checked + label.custom-label-checkbox {
  height: 16px;
  width: 18px;
  display: inline-block;
  padding: 0;
  margin: 0;
}
input[type=checkbox].custom-checkbox:checked + label.custom-label-checkbox:before {
  content: "\e1f0";
}
#form-register {
  min-width: 350px;
  max-width: 500px;
  margin: 0 auto;
  float: none;
  margin-top: 10px;
  overflow: hidden;
}
#form-login {
  min-width: 300px;
  margin: 0 auto;
  float: none;
  margin-top: 10px;
  max-width: 450px;
}
#form-activate {
  min-width: 300px;
  max-width: 450px;
  margin: 0 auto;
  float: none;
  margin-top: 10px;
}
.layout-content.col-md-12 {
  margin-left: 40px;
}
.detail-header {
  min-width: 320px;
  max-width: 550px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 2px;
  margin-top: 2px;
}
.detail-header .details-list:before,
.detail-header .details-list:after {
  content: none;
}
.detail-header dl.details-list {
  margin-top: 0;
}
.detail-header .details-list dd {
  margin-left: 130px;
}
.detail-header .details-list dd.left50 {
  margin-left: 70px;
}
.detail-header .details-list dt {
  width: 110px;
}
.detail-header .details-list dt.width50 {
  width: 50px;
}
.loading.small {
  background-size: 15px 15px;
  min-height: 15px;
  width: 15px;
  display: inline-block;
}
.loading.left {
  background-position: left center;
}
span.icon14.edit-btn {
  color: crimson;
}
.btn.btn-netbalancer,
.navbar.site-navbar .site-navbar-inner .custom-nav-collapsed button,
.navbar.site-navbar .site-navbar-inner .custom-nav-collapsed a.btn.btn-netbalancer,
.navbar.site-navbar .nav li a.btn-netbalancer {
  outline: none !important;
  display: inline-block;
  margin: 2px;
  position: relative;
  font-weight: normal;
  color: #FFF;
  text-align: center;
  text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2) !important;
  border: none;
  border-radius: 5px;
  padding: 8px 12px 8px 10px;
  background: #2E6589 !important;
  background: -moz-linear-gradient(top, #2E6589 1%, #357396 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #2E6589), color-stop(100%, #357396)) !important;
  background: -webkit-linear-gradient(top, #2E6589 1%, #357396 100%) !important;
  background: -o-linear-gradient(top, #2E6589 1%, #357396 100%) !important;
  background: -ms-linear-gradient(top, #2E6589 1%, #357396 100%) !important;
  background: linear-gradient(top, #2E6589 1%, #357396 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2E6589, endColorstr=#357396, GradientType=0) !important;
}
#sidebar .nav-list > li .submenu > li > a {
  padding-left: 20px;
}
#sidebar .nav-list > li .submenu > li > a:hover .red,
#sidebar .nav-list > li .submenu > li > a:hover .green,
#sidebar .nav-list > li .submenu > li > a:hover [class*=" brocco-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class^="cut-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class*=" cut-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class^="entypo-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class*=" entypo-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class^="icomoon-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class*=" icomoon-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class^="minia-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class*=" minia-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class^="iconic-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class*=" iconic-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class^="meteo-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class*=" meteo-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class^="silk-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class*=" silk-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class^="typ-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class*=" typ-icon-"],
#sidebar .nav-list > li .submenu > li > a:hover [class^="wpzoom-"],
#sidebar .nav-list > li .submenu > li > a:hover [class*=" wpzoom-"],
#sidebar .nav-list > li .submenu > li > a:hover [class^="eco-"],
#sidebar .nav-list > li .submenu > li > a:hover [class*=" eco-"],
#sidebar .nav-list > li .submenu > li > a:hover [class^="wpzoom-"]:before,
#sidebar .nav-list > li .submenu > li > a:hover [class*=" wpzoom-"]:before,
#sidebar .nav-list > li .submenu > li > a:hover [class^="eco-"]:before,
#sidebar .nav-list > li .submenu > li > a:hover [class*=" eco-"]:before {
  color: #4B88B7 !important;
}
#sidebar .nav-list > li.open > a [class^="brocco-icon-"],
#sidebar .nav-list > li.open > a [class*=" brocco-icon-"],
#sidebar .nav-list > li.open > a [class^="cut-icon-"],
#sidebar .nav-list > li.open > a [class*=" cut-icon-"],
#sidebar .nav-list > li.open > a [class^="entypo-icon-"],
#sidebar .nav-list > li.open > a [class*=" entypo-icon-"],
#sidebar .nav-list > li.open > a [class^="icomoon-icon-"],
#sidebar .nav-list > li.open > a [class*=" icomoon-icon-"],
#sidebar .nav-list > li.open > a [class^="minia-icon-"],
#sidebar .nav-list > li.open > a [class*=" minia-icon-"],
#sidebar .nav-list > li.open > a [class^="iconic-icon-"],
#sidebar .nav-list > li.open > a [class*=" iconic-icon-"],
#sidebar .nav-list > li.open > a [class^="meteo-icon-"],
#sidebar .nav-list > li.open > a [class*=" meteo-icon-"],
#sidebar .nav-list > li.open > a [class^="silk-icon-"],
#sidebar .nav-list > li.open > a [class*=" silk-icon-"],
#sidebar .nav-list > li.open > a [class^="typ-icon-"],
#sidebar .nav-list > li.open > a [class*=" typ-icon-"],
#sidebar .nav-list > li.open > a [class^="wpzoom-"],
#sidebar .nav-list > li.open > a [class*=" wpzoom-"],
#sidebar .nav-list > li.open > a [class^="eco-"],
#sidebar .nav-list > li.open > a [class*=" eco-"],
#sidebar .nav-list > li.open > a [class^="wpzoom-"]:before,
#sidebar .nav-list > li.open > a [class*=" wpzoom-"]:before,
#sidebar .nav-list > li.open > a [class^="eco-"]:before,
#sidebar .nav-list > li.open > a [class*=" eco-"]:before {
  color: #4B88B7 !important;
}
#sidebar .nav-list > li > a:focus [class^="brocco-icon-"],
#sidebar .nav-list > li > a:focus [class*=" brocco-icon-"],
#sidebar .nav-list > li > a:focus [class^="cut-icon-"],
#sidebar .nav-list > li > a:focus [class*=" cut-icon-"],
#sidebar .nav-list > li > a:focus [class^="entypo-icon-"],
#sidebar .nav-list > li > a:focus [class*=" entypo-icon-"],
#sidebar .nav-list > li > a:focus [class^="icomoon-icon-"],
#sidebar .nav-list > li > a:focus [class*=" icomoon-icon-"],
#sidebar .nav-list > li > a:focus [class^="minia-icon-"],
#sidebar .nav-list > li > a:focus [class*=" minia-icon-"],
#sidebar .nav-list > li > a:focus [class^="iconic-icon-"],
#sidebar .nav-list > li > a:focus [class*=" iconic-icon-"],
#sidebar .nav-list > li > a:focus [class^="meteo-icon-"],
#sidebar .nav-list > li > a:focus [class*=" meteo-icon-"],
#sidebar .nav-list > li > a:focus [class^="silk-icon-"],
#sidebar .nav-list > li > a:focus [class*=" silk-icon-"],
#sidebar .nav-list > li > a:focus [class^="typ-icon-"],
#sidebar .nav-list > li > a:focus [class*=" typ-icon-"],
#sidebar .nav-list > li > a:focus [class^="wpzoom-"],
#sidebar .nav-list > li > a:focus [class*=" wpzoom-"],
#sidebar .nav-list > li > a:focus [class^="eco-"],
#sidebar .nav-list > li > a:focus [class*=" eco-"],
#sidebar .nav-list > li > a:focus [class^="wpzoom-"]:before,
#sidebar .nav-list > li > a:focus [class*=" wpzoom-"]:before,
#sidebar .nav-list > li > a:focus [class^="eco-"]:before,
#sidebar .nav-list > li > a:focus [class*=" eco-"]:before {
  color: #4B88B7 !important;
}
#sidebar .nav-list > li > a:hover [class^="brocco-icon-"],
#sidebar .nav-list > li > a:hover [class*=" brocco-icon-"],
#sidebar .nav-list > li > a:hover [class^="cut-icon-"],
#sidebar .nav-list > li > a:hover [class*=" cut-icon-"],
#sidebar .nav-list > li > a:hover [class^="entypo-icon-"],
#sidebar .nav-list > li > a:hover [class*=" entypo-icon-"],
#sidebar .nav-list > li > a:hover [class^="icomoon-icon-"],
#sidebar .nav-list > li > a:hover [class*=" icomoon-icon-"],
#sidebar .nav-list > li > a:hover [class^="minia-icon-"],
#sidebar .nav-list > li > a:hover [class*=" minia-icon-"],
#sidebar .nav-list > li > a:hover [class^="iconic-icon-"],
#sidebar .nav-list > li > a:hover [class*=" iconic-icon-"],
#sidebar .nav-list > li > a:hover [class^="meteo-icon-"],
#sidebar .nav-list > li > a:hover [class*=" meteo-icon-"],
#sidebar .nav-list > li > a:hover [class^="silk-icon-"],
#sidebar .nav-list > li > a:hover [class*=" silk-icon-"],
#sidebar .nav-list > li > a:hover [class^="typ-icon-"],
#sidebar .nav-list > li > a:hover [class*=" typ-icon-"],
#sidebar .nav-list > li > a:hover [class^="wpzoom-"],
#sidebar .nav-list > li > a:hover [class*=" wpzoom-"],
#sidebar .nav-list > li > a:hover [class^="eco-"],
#sidebar .nav-list > li > a:hover [class*=" eco-"],
#sidebar .nav-list > li > a:hover [class^="wpzoom-"]:before,
#sidebar .nav-list > li > a:hover [class*=" wpzoom-"]:before,
#sidebar .nav-list > li > a:hover [class^="eco-"]:before,
#sidebar .nav-list > li > a:hover [class*=" eco-"]:before {
  color: #4B88B7 !important;
}
#sidebar .nav-list > li .submenu > li.active > a [class^="brocco-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class*=" brocco-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class^="cut-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class*=" cut-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class^="entypo-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class*=" entypo-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class^="icomoon-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class*=" icomoon-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class^="minia-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class*=" minia-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class^="iconic-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class*=" iconic-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class^="meteo-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class*=" meteo-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class^="silk-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class*=" silk-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class^="typ-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class*=" typ-icon-"],
#sidebar .nav-list > li .submenu > li.active > a [class^="wpzoom-"],
#sidebar .nav-list > li .submenu > li.active > a [class*=" wpzoom-"],
#sidebar .nav-list > li .submenu > li.active > a [class^="eco-"],
#sidebar .nav-list > li .submenu > li.active > a [class*=" eco-"],
#sidebar .nav-list > li .submenu > li.active > a [class^="wpzoom-"]:before,
#sidebar .nav-list > li .submenu > li.active > a [class*=" wpzoom-"]:before,
#sidebar .nav-list > li .submenu > li.active > a [class^="eco-"]:before,
#sidebar .nav-list > li .submenu > li.active > a [class*=" eco-"]:before {
  color: #4B88B7 !important;
}
#sidebar [class^="brocco-icon-"],
#sidebar [class*=" brocco-icon-"],
#sidebar [class^="cut-icon-"],
#sidebar [class*=" cut-icon-"],
#sidebar [class^="entypo-icon-"],
#sidebar [class*=" entypo-icon-"],
#sidebar [class^="icomoon-icon-"],
#sidebar [class*=" icomoon-icon-"],
#sidebar [class^="minia-icon-"],
#sidebar [class*=" minia-icon-"],
#sidebar [class^="iconic-icon-"],
#sidebar [class*=" iconic-icon-"],
#sidebar [class^="meteo-icon-"],
#sidebar [class*=" meteo-icon-"],
#sidebar [class^="silk-icon-"],
#sidebar [class*=" silk-icon-"],
#sidebar [class^="typ-icon-"],
#sidebar [class*=" typ-icon-"],
#sidebar [class^="wpzoom-"],
#sidebar [class*=" wpzoom-"],
#sidebar [class^="eco-"],
#sidebar [class*=" eco-"],
#sidebar [class^="wpzoom-"]:before,
#sidebar [class*=" wpzoom-"]:before,
#sidebar [class^="eco-"]:before,
#sidebar [class*=" eco-"]:before {
  margin-left: 0;
}
#sidebar .nav-list > li .submenu > li:before {
  border-top: none;
}
#sidebar .nav-list > li .submenu > li:after {
  border-left: none;
}
#sidebar .nav-list > li .submenu > li > a i {
  font-size: 16px;
}
/*Widget box style*/

.box.hover {
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.box.plain.hover {
  box-shadow: none;
}
.box.drag .title:hover {
  cursor: move;
}
.box.plain .title {
  border-top: none;
  border-left: none;
  border-right: none;
  background: none;
}
.box.gradient .title {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  background: linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f3f3f3, GradientType=0);
}
h4 .badge {
  float: right;
  margin-right: 40px;
}
h4 .badge {
  float: right;
  margin-right: 40px;
}
.box {
  width: 100%;
  min-height: 100%;
  -webkit-box-shadow: 0 1px 0px #ffffff;
  -moz-box-shadow: 0 1px 0px #ffffff;
  box-shadow: 0 1px 0px #ffffff;
  margin-bottom: 8px;
}
.box .content.table-content {
  padding: 2px;
}
.box h4 .badge {
  float: none !important;
  margin-left: 5px;
  margin-right: 0;
  top: -2px;
  position: relative;
  padding-top: 2px;
}
.box .title.min {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.box .spark {
  margin-right: 40px;
  float: right;
}
.box .content {
  padding: 10px;
  border: 1px solid #c4c4c4;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top: none;
  background-color: #fff;
  position: relative;
}
.box .content.vertical-scroll {
  width: 200px;
}
.box .content.noPad {
  padding: 0;
}
.box .dataTables_wrapper {
  margin-left: -1px;
}
.box .content.noPad .nav-tabs {
  margin-top: -1px;
  margin-left: -1px;
  margin-right: -1px;
}
.box .content.noPad .tab-content {
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
}
.box .box-form {
  margin-right: 40px;
  margin-bottom: 0;
  position: relative;
}
.box .box-form input {
  width: 100%;
  margin-bottom: 0;
}
.box .box-form .dropdown-menu {
  top: auto;
  left: auto;
}
.box .box-form .btn-sm.dropdown-toggle {
  margin-top: -1px;
}
.box .box-form .btn span {
  margin-right: 0;
  margin-top: -8px;
  display: inline-block;
}
.box .box-form .btn span.caret {
  margin-left: 2px;
  margin-top: 7px;
}
.box .box-form .btn-sm span {
  margin-top: -7px;
}
.box .box-form .dropdown-toggle {
  margin-top: -4px;
  padding-bottom: 0;
}
.box .box-form .ibutton-container {
  margin-top: -2px;
}
.box .title {
  height: 33px;
  background: url(images/patterns/2.png) repeat;
  position: relative;
  border: 1px solid #c4c4c4;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-box-shadow: 0 1px 0px #ffffff;
  -moz-box-shadow: 0 1px 0px #ffffff;
  box-shadow: 0 1px 0px #ffffff;
}
.box .title > a.edit-link span {
  color: #FFFFFF;
}
.box .title > a.edit-link {
  top: 6px !important;
  text-indent: 0;
  margin-right: 30px;
  width: auto;
  border: none;
  padding-bottom: 7px;
  padding-left: 4px;
  height: 20px;
  line-height: 18px;
}
.box .title > a {
  top: 7px !important;
}
.box .title h4 {
  margin-bottom: 0;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-top: 0;
  font-size: 14px;
  top: -2px;
  position: relative;
}
.box .title span[class*=" icon-"],
.box .title .box .title span[class*=" brocco-icon-"],
.box .title .box .title span[class*=" cut-icon-"],
.box .title span[class*=" entypo-icon-"],
.box .title .box .title span[class*=" icomoon-icon-"],
.box .title .box .title span[class*=" minia-icon-"],
.box .title span[class*=" iconic-icon-"],
.box .title .box .title span[class*=" meteo-icon-"],
.box .title .box .title span[class*=" silk-icon-"],
.box .title span[class*=" typ-icon-"],
.box .title .box .title span[class*=" wpzoom-"],
.box .title .box .title span[class*=" eco-"] {
  margin: 0 10px 0 0px;
}
.box .title .iToggle-button span.icon16 {
  margin-right: 0 !important;
}
.box .title .loader {
  position: absolute;
  right: 40px;
  top: 10px;
}
.box .title > a {
  position: absolute;
  right: 10px;
  top: 8px;
  border: 1px solid #c4c4c4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  color: #3f3f3f;
  text-indent: -9999px;
  background-color: #f3f3f3;
  width: 20px;
  height: 20px;
  padding: 0px 2px 3px 2px;
}
.box .title .badge span {
  margin-left: 0;
  margin-right: 0;
}
.box .title .progress {
  width: 40%;
  position: absolute;
  right: 40px;
  top: 8px;
}
.box .title .minimize {
  cursor: pointer;
  background: url(images/icons/minus.png) no-repeat center 3px #f3f3f3;
}
.box .title .maximize {
  background: url(images/icons/plus.png) no-repeat center 3px #f3f3f3;
  display: block;
}
.box.boxMargin {
  margin-bottom: 27px;
}
.sortable-placeholder {
  border: 4px dashed #C4C4C4;
  margin-bottom: 25px;
}
/*Tables*/

#netbalancer .table {
  position: relative;
}
#netbalancer .table thead th:first-child,
#netbalancer .table tbody td:first-child {
  text-align: left;
}
#netbalancer .table tr {
  -moz-box-shadow: 0 1px 0px #ffffff;
  -webkit-box-shadow: 0 1px 0px #ffffff;
  box-shadow: 0 1px 0px #ffffff;
}
#netbalancer .table tbody {
  background-color: #fafafa;
}
#netbalancer .table tbody + tbody {
  border-top: 2px solid #c4c4c4;
}
#netbalancer .table tbody .rule-header:hover td,
#netbalancer .table tbody .filter-header:hover td {
  background-color: #ECF2F7;
}
#netbalancer .table thead tr th {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  background: linear-gradient(top, #ffffff 1%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f3f3f3, GradientType=0);
  -webkit-box-shadow: 0 1px 0px #ffffff;
  -moz-box-shadow: 0 1px 0px #ffffff;
  box-shadow: 0 1px 0px #ffffff;
  font-weight: normal !important;
}
#netbalancer .table tbody.rule-body tr:hover td,
#netbalancer .table tbody.filter-body tr:hover td {
  background-color: initial !important;
}
#netbalancer .table .ch {
  width: 10px;
}
#netbalancer .table.table-fixed {
  margin-bottom: 0px;
}
#netbalancer .table td.span015,
#netbalancer .table th.span015 {
  width: 15px;
}
#netbalancer .table td[class*=sort],
#netbalancer .table th[class*=sort] {
  padding-right: 10px !important;
  cursor: pointer;
}
#netbalancer .table td[class*=sort]:before,
#netbalancer .table th[class*=sort]:before {
  content: "\f0dc";
  display: inline-block;
  color: #555;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: normal;
  float: right;
  margin-right: -8px;
  position: relative;
}
#netbalancer .table td[class*=sort].text-end:before,
#netbalancer .table th[class*=sort].text-end:before {
  margin-left: 5px;
}
#netbalancer .table td[class*=sort] :hover,
#netbalancer .table th[class*=sort] :hover {
  color: #547ea8;
}
#netbalancer .table td[class*=sorting].asc,
#netbalancer .table th[class*=sorting].asc,
#netbalancer .table td[class*=sorting].desc,
#netbalancer .table th[class*=sorting].desc {
  color: #307ecc;
  background: #eff3f8;
  background: -moz-linear-gradient(top, #eff3f8 1%, #e3e7ed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eff3f8), color-stop(100%, #e3e7ed));
  background: -webkit-linear-gradient(top, #eff3f8 1%, #e3e7ed 100%);
  background: -o-linear-gradient(top, #eff3f8 1%, #e3e7ed 100%);
  background: -ms-linear-gradient(top, #eff3f8 1%, #e3e7ed 100%);
  background: linear-gradient(top, #eff3f8 1%, #e3e7ed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eff3f8, endColorstr=#e3e7ed, GradientType=0);
  background-repeat: repeat-x;
}
#netbalancer .table td[class*=sorting].desc:before,
#netbalancer .table th[class*=sorting].desc:before {
  content: "\f0de";
  top: 4px;
  color: #307ecc;
}
#netbalancer .table td[class*=sorting].asc:before,
#netbalancer .table th[class*=sorting].asc:before {
  content: "\f0dd";
  top: -6px;
  color: #307ecc;
}
#netbalancer .table td[class*=sorting].desc.inverted:before,
#netbalancer .table th[class*=sorting].desc.inverted:before {
  top: -6px;
  content: "\f0dd";
}
#netbalancer .table td[class*=sorting].asc.inverted:before,
#netbalancer .table th[class*=sorting].asc.inverted:before {
  top: 4px;
  content: "\f0de";
}
#netbalancer .table:not(.not-hoverable) tbody tr:hover {
  background-color: #e8eaeb;
}
.table-bordered {
  border-color: #c4c4c4;
  border-top: 1px solid transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding-bottom: 1px;
  border-collapse: collapse;
  margin-top: -1px;
  margin-left: -1px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #c4c4c4;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f7f7f7;
}
.noPad .table {
  border: 1px solid transparent;
  margin-bottom: -1px;
  margin-top: -1px;
}
#main-content #page-content {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 0;
  padding: 0 10px;
}
body#netbalancer.details #main-content #page-content,
body#netbalancer.machineinformation #main-content #page-content {
  padding: 0;
}
body#netbalancer.details #main-content #page-content .custom-heading,
body#netbalancer.machineinformation #main-content #page-content .custom-heading {
  margin-left: 0;
  margin-right: 0;
}
body#netbalancer.details #main-content #page-content .title .header,
body#netbalancer.machineinformation #main-content #page-content .title .header {
  margin-left: 10px;
  margin-right: 10px;
}
/*table border*/

#page-content .table.table-fixed tr th {
  border-left: 0;
  border-right: 0;
}
#page-content dl {
  margin-bottom: 10px;
}
.navbar.site-navbar .nav li > a.btn-netbalancer:focus,
.navbar.site-navbar .nav li > a.btn-netbalancer:hover,
.btn.btn-netbalancer:hover {
  background: #367599 !important;
}
.inline {
  display: inline-block;
}
.btn.btn-app.btn-micro {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 15px;
  padding-bottom: 7px;
  padding-top: 8px;
  width: 40px;
  line-height: 22px;
}
.btn.btn-app.btn-micro.btn-info {
  background: #75b5e6 !important;
  background: -moz-linear-gradient(top, #75b5e6 1%, #5ba4d5 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #75b5e6), color-stop(100%, #5ba4d5)) !important;
  background: -webkit-linear-gradient(top, #75b5e6 1%, #5ba4d5 100%) !important;
  background: -o-linear-gradient(top, #75b5e6 1%, #5ba4d5 100%) !important;
  background: -ms-linear-gradient(top, #75b5e6 1%, #5ba4d5 100%) !important;
  background: linear-gradient(top, #75b5e6 1%, #5ba4d5 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#75b5e6, endColorstr=#5ba4d5, GradientType=0) !important;
  color: #FFFFFF !important;
  border-color: #75b5e6;
}
.btn.btn-app.btn-micro.btn-info:hover {
  background-color: #4f99c6 !important;
}
body a,
body a:focus,
body a:hover {
  outline: 0;
}
.settings-text-indent {
  margin-left: 10px;
}
.settings-indent {
  margin-left: 30px;
}
ol.docs-list {
  counter-reset: li;
  margin-left: 0;
  padding-left: 20px;
}
ol.docs-list > li {
  position: relative;
  margin: 0 0 6px 0;
  padding: 0 8px;
  list-style: none;
}
ol.docs-list > li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -2px;
  left: -2em;
  box-sizing: border-box;
  width: 2em;
  margin-right: 8px;
  padding: 4px;
  color: #fff;
  background: #666;
  font-weight: bold;
  font-family: "Open Sans", serif;
  text-align: center;
}
li ol.docs-list {
  margin-top: 6px;
}
.docs-container .docs-toc {
  border-color: #CCCCCC;
  border-image: none;
  border-style: dotted none;
  border-width: 1px medium;
  margin: 2em 0 0;
  padding: 1.5em 0;
}
.docs-container .docs-toc ol li {
  margin-bottom: 0.75em;
}
.docs-container .docs-toc ol li a {
  margin-left: 0.5em;
}
.docs-container .docs-empty {
  display: none;
}
a {
  color: #0088CC;
  text-decoration: none;
}
a.online {
  color: #2E8965 !important;
}
a.offline {
  color: #D15B47 !important;
}
.center {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.title .header:first-child {
  margin-top: 10px;
  margin-bottom: 2px;
}
.title .header:last-child {
  margin-top: 0;
  margin-bottom: 10px;
}
.title h6.smaller {
  font-size: 13px;
}
@media (min-width: 1170px) {
  .navbar .container {
    width: 1170px;
  }
}
.contact-name {
  font-weight: 600;
  width: 70px !important;
}
.page-cell {
  display: inline-block;
  float: left;
  width: 100px;
}
.contact-info {
  width: 150px !important;
}
.page-row:before,
.page-row:after {
  content: "";
  display: table;
}
.page-row:after {
  clear: both;
}
.contact-row {
  padding-top: 5px;
}
.page-row {
  clear: left;
  display: table;
}
.contact,
.contact fieldset legend {
  color: #777777;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #5E5E5E;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #5E5E5E;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #5E5E5E;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #5E5E5E;
}
body#netbalancer .ui-tooltip,
.ui-tooltip .arrow:after {
  background: #2A2A2A;
  border: 1px solid #FFFFFF;
}
body#netbalancer .ui-tooltip {
  padding: 5px 10px;
  color: #FFFFFF;
  border-radius: 3px;
  font: 12px arial, sans-serif;
  font-weight: bolder;
  box-shadow: 0 0 7px black;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
body#netbalancer .ui-tooltip .arrow {
  width: 70px;
  height: 12px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
body#netbalancer .ui-tooltip .arrow.left {
  left: 17px;
}
body#netbalancer .ui-tooltip .arrow.right {
  left: 90%;
}
body#netbalancer .ui-tooltip .arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -25px;
  width: 20px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
body#netbalancer .ui-tooltip .arrow.top:after {
  bottom: -20px;
  top: auto;
}
body#netbalancer .ui-tooltip .arrow.top {
  top: -12px;
  bottom: auto;
}
body#netbalancer .ui-tooltip .arrow.bottom:after {
  bottom: auto;
  top: -20px;
}
body#netbalancer .ui-tooltip .arrow.bottom {
  top: auto;
  bottom: -12px;
}
.filters legend,
.rules legend {
  margin-bottom: 7px;
}
.filters .form-group,
.rules .form-group {
  margin-bottom: 3px;
  vertical-align: top;
}
.filters tr.selected,
.rules tr.selected {
  background-color: #ECF2F7;
}
.filters .btn.btn-app.btn-micro,
.rules .btn.btn-app.btn-micro {
  border-radius: 0px;
  line-height: 16px;
  padding-bottom: 4px;
  padding-top: 4px;
  width: 28px;
  margin: 1px -1px;
}
.filters .btn-block + .btn-block,
.rules .btn-block + .btn-block {
  margin-top: 0px;
}
.filters .btn.btn-app.btn-micro.monthbtn,
.rules .btn.btn-app.btn-micro.monthbtn {
  width: 36px;
}
@media only screen and (max-width: 800px) {
  .filter-edit.percent50,
  .rule-edit.percent50 {
    float: none;
    width: 100%;
  }
}
#netbalancer .modal {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #333333;
  font-family: "Open Sans", serif;
  font-size: 13px;
}
.bigger {
  font-size: 15px;
}
#netbalancer .percentage {
  font-size: 12px;
}
.favorite_true {
  background: url('images/star16.png') no-repeat center center;
  width: 16px;
  height: 16px;
}
.favorite_false {
  background: url('images/star16_empty.png') no-repeat center center;
  width: 16px;
  height: 16px;
}
.connection_dir_up {
  background: url('images/dir_up.png') no-repeat center center;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.connection_dir_down {
  background: url('images/dir_down.png') no-repeat center center;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.machine-widget.widget-body {
  margin-top: 6px;
  border-color: #C4C4C4 !important;
  border: 1px solid;
}
.widget-main span.machine-card-row {
  width: 290px;
  display: inline-block;
}
.machine-card-short-row {
  width: 240px;
}
.computer-icon {
  height: 40px;
  width: 40px;
}
.widget-body.online div.computer-icon {
  background: url('images/computer_green.png') no-repeat center center;
  background-size: 40px 40px;
}
.widget-body.offline div.computer-icon {
  background: url('images/computer_red.png') no-repeat center center;
  background-size: 40px 40px;
}
.dashboard-table .online,
.fav-machines .online,
.widget-body.online .machine-name {
  color: #2E8965 !important;
}
.dashboard-table > thead > tr {
  border-top: 1px solid #ddd;
}
.dashboard-table > thead > tr > th {
  border-bottom: 1px solid #ddd;
}
.dashboard-table > tbody > tr {
  border-bottom: 1px solid #ddd;
}
.dashboard-table .offline,
.fav-machines .offline,
.widget-body.offline .machine-name {
  color: #D15B47 !important;
}
.machine-widget.widget-body div.computer-icon {
  padding: 0 5px 5px 0;
}
.machine-widget {
  min-height: 130px;
  width: 300px;
  margin: 5px;
  padding: 5px;
  border-radius: 3px;
  line-height: 18px;
}
.machine-widget.red,
.machine-widget.green {
  color: #000000 !important;
}
.machine-widget-header {
  font-weight: normal;
  font-size: 14px;
  padding-top: 2px;
}
.machine-widget .machine-name {
  width: 270px;
}
.favorite-icon {
  cursor: pointer;
}
.machine-widget.widget-body {
  background: url(images/patterns/body/grey.png) repeat;
}
.machine-widget.widget-body:hover {
  background: url(images/patterns/body/grey2.png) repeat;
  z-index: 1000;
  cursor: pointer;
}
.favorite-icon.loading {
  background-size: 16px 16px;
  min-height: 15px;
  min-width: 15px;
}
.fav-machines span span {
  position: relative;
  top: 3px;
}
.fav-machines .favorite-icon {
  position: absolute;
  right: 12px;
  top: 12px;
}
.fav-machines .crop-long-text {
  display: inline-block;
}
#netbalancer .navbar-nav.navbar-right:last-child {
  margin-right: 2px;
}
.HddLoad,
.RamLoad,
.CpuLoad,
.HddLoad div,
.RamLoad div,
.CpuLoad div {
  margin: auto;
  text-align: center;
}
small small {
  font-size: 100%;
}
#netbalancer .nav-list > li.active.open > .submenu > li.active > a:after {
  border-width: 18px 7px;
}
#netbalancer .nav-list > li.active > a.dropdown-toggle:after,
#netbalancer .nav-list > li.active > a:after {
  border-width: 16px 7px;
  top: 2px;
}
/* dropdown with buttons */

.icon-white,
.nav-pills > .active > button > [class^="icon-"],
.nav-pills > .active > button > [class*=" icon-"],
.nav-list > .active > button > [class^="icon-"],
.nav-list > .active > button > [class*=" icon-"],
.site-navbar .nav > .active > button > [class^="icon-"],
.site-navbar .nav > .active > button > [class*=" icon-"],
.dropdown-menu > li > button:hover > [class^="icon-"],
.dropdown-menu > li > button:focus > [class^="icon-"],
.dropdown-menu > li > button:hover > [class*=" icon-"],
.dropdown-menu > li > button:focus > [class*=" icon-"],
.dropdown-menu > .active > button > [class^="icon-"],
.dropdown-menu > .active > button > [class*=" icon-"],
.dropdown-submenu:hover > button > [class^="icon-"],
.dropdown-submenu:focus > button > [class^="icon-"],
.dropdown-submenu:hover > button > [class*=" icon-"],
.dropdown-submenu:focus > button > [class*=" icon-"] {
  background-image: none;
}
.dropdown-menu {
  border-radius: 0 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.dropdown-menu li button {
  font-size: 13px;
  padding-left: 11px;
  padding-right: 11px;
  margin-bottom: 1px;
  margin-top: 1px;
  width: 100%;
}
.dropdown-menu li button.btnAction,
.dropdown-menu li a.btnAction {
  display: inline-block;
  border: 0;
  border-radius: 0;
  box-shadow: none !important;
  cursor: pointer;
  vertical-align: middle;
  margin: 0;
  position: relative;
  padding: 0 12px;
  line-height: 24px;
  font-size: 14px;
  background: #FFFFFF;
  text-align: left;
  font-family: "Open Sans", serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  width: 100%;
  font-weight: normal;
}
.dropdown-menu li button.btnAction i,
.dropdown-menu li a.btnAction i {
  color: #353535;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active,
.dropdown-menu li.active a,
.dropdown-menu li.active a:hover,
.dropdown-menu .dropdown-submenu:hover > a,
.nav-tabs .dropdown-menu li > a:focus,
.dropdown-menu li button:hover,
.dropdown-menu li button:focus,
.dropdown-menu li button:active,
.dropdown-menu li.active button,
.dropdown-menu li.active button:hover,
.dropdown-menu .dropdown-submenu:hover > button,
.dropdown-menu li > button.btnAction:focus,
.dropdown-menu li:hover > button.btnAction i[class*="icon-"],
.dropdown-menu li:hover > a.btnAction i[class*="icon-"],
.dropdown-menu li:hover > a span[class*="icon-"] {
  background: #D15B47 !important;
  color: #FFFFFF !important;
}
/*end dropdown buttons*/

.detail-container {
  width: 50%;
}
.detail-container .box {
  width: 99%;
  margin-left: 4px;
  margin-right: 4px;
}
@media (max-width: 1270px) {
  .detail-container {
    width: 100%;
  }
  .detail-container .box {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
#netbalancer .gritter-close {
  right: 3px;
  left: auto;
}
#machineUrls table tbody tr td.processlink span,
#machineStartedProcesses table tbody tr td.processlink span {
  cursor: pointer;
  color: #0088CC;
  text-decoration: underline;
}
#netbalancer label {
  cursor: default;
}
.text-dashed {
  border-bottom: 1px dashed;
}
.text-colored {
  color: #0067B1;
}
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -100px;
}
#footer {
  clear: both;
  color: #2283C5;
  margin-top: 20px;
  padding-top: 15px;
  padding-bottom: 10px;
  background-color: #F9F9F9;
  border-top: 1px solid #CCCCCC;
}
#footer .sections {
  padding: 5px 0 20px;
  text-align: center;
}
#footer .auth-user {
  margin-left: 50px;
  margin-right: 50px;
  width: auto;
}
#footer .social {
  width: 50px;
}
#footer .circle.social {
  background-color: #2283C5;
  height: 40px;
  padding-bottom: 0;
  width: 40px;
  margin-left: 2px;
  margin-right: 2px;
  transition: none;
}
#footer .circle.social:hover {
  background-color: #438EB9;
}
#footer .social-section a:hover,
#footer .social-section a:focus {
  text-decoration: none;
}
#footer .social-section .col-md-12 {
  text-align: center;
}
#footer .circle.social i {
  position: relative;
  top: 10px;
}
.last-ip {
  padding-left: 10px;
  margin-left: -1px;
  cursor: default;
}
.menu-min .last-ip {
  display: none;
}
.modal-backdrop {
  visibility: visible;
}
.modal-backdrop ~ .modal-backdrop {
  z-index: 1059;
}
#ModalMachineTagList,
#ModalMachineList {
  z-index: 1060;
}
input,
button,
select,
textarea,
#netbalancer a.btn {
  font-family: "Open Sans", serif !important;
}
#netbalancer a.btn {
  font-weight: normal !important;
}
.custom-search {
  margin: 0;
  margin-top: 5px;
  padding: 0;
  margin-right: 10px;
}
.custom-search .search-query {
  padding-right: 3px;
  padding-right: 4px \9;
  padding-left: 3px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.custom-search .input-append > button.btn {
  border: 0;
  background: none;
  /** belows styles are working good */
  padding: 3px 4px 3px 7px;
  margin-top: 2px;
  position: relative;
  left: -28px;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFFFFF !important;
  color: #000000 !important;
}
.custom-search .input-append > button.btn:focus,
.custom-search .input-append > button.btn:active {
  outline: none;
  overflow: hidden;
}
.search-query:focus + button {
  z-index: 3;
}
/*end custom search form*/

.user-profile {
  margin: 4px 0 10px;
}
.user-profile .nav.nav-tabs {
  border-bottom: 1px solid #C5D0DC;
  height: 33px;
}
.areas .col-md {
  margin-left: -5%;
  float: left;
}
.circle {
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: none repeat scroll 0 0 rgba(37, 37, 40, 0.9);
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease 0s;
  /* width and height can be anything, as long as they're equal */

}
.circle.active,
.circle:hover {
  background-color: #1189D9;
}
.circle .text {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: normal;
  padding-top: 37%;
  width: 100%;
}
.circle.circle1 {
  width: 100%;
  height: 0;
  margin-left: 0;
  padding-bottom: 100%;
}
/*menu size on resize*/

#netbalancer #sidebar {
  position: static;
  float: left;
  z-index: 20;
  background-color: #f2f2f2 !important;
  margin-top: -2px;
}
#netbalancer #sidebar.display,
#netbalancer #sidebar.menu-min.display {
  display: block;
}
.custom-nav-collapsed {
  display: none;
  margin-top: 8px;
}
.custom-nav-collapse {
  display: block;
}
@media (max-width: 1050px) {
  .custom-nav-collapsed {
    display: inline-block;
  }
  .custom-nav-collapse {
    display: none;
  }
  #netbalancer #sidebar {
    display: none;
    position: absolute;
    margin-top: 0;
    z-index: 14;
    border: 1px solid #CCC;
    box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.15s ease;
    -moz-transition: left 0.15s ease;
    -ms-transition: left 0.15s ease;
    -o-transition: left 0.15s ease;
    transition: left 0.15s ease;
  }
  #netbalancer #sidebar:before {
    display: none;
  }
  #netbalancer #main-content {
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 422px) {
  #netbalancer .navbar .brand {
    display: inline-block;
    float: left;
  }
  /*menu size on resize*/
}
#sidebar-shortcuts-mini a .btn {
  border-radius: 0 0 0 0 !important;
  border-width: 0 !important;
  font-size: 0;
  line-height: 0;
  margin: 0 1px;
  opacity: 0.85;
  padding: 8px !important;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  color: #000000 !important;
}
.modal-close {
  float: right;
  text-decoration: none;
}
.modal-close span {
  color: #CCCCCC;
}
.modal-close span:hover {
  color: #5e5e5e;
}
.modal-close:hover {
  text-decoration: none;
}
.screens-widget {
  max-width: 350px;
  background: url("images/patterns/portfolio-info-tab.png") repeat scroll 0 0 #FFFFFF;
}
.img-thumbnail.screens-widget {
  border: none;
  border-radius: 4px;
}
.img-thumbnail.screens-widget a h5,
.img-thumbnail.screens-widget a p {
  margin-left: 10px;
  text-decoration: none;
  color: #333333;
}
.img-thumbnail.screens-widget .img-thumbnail.screens-widget a:hover {
  text-decoration: none;
  color: #000000;
}
#netbalancer .modal-backdrop,
#netbalancer .modal-backdrop.fade.in {
  opacity: 0.3 !important;
  background-color: #FFFFFF !important;
}
.sidebar-infobox {
  margin-top: 0px;
}
.menu-min .sidebar-infobox {
  display: none;
}
body#netbalancer {
  font-family: "Open Sans", serif;
  background-color: #FFFFFF;
}
#netbalancer .container {
  padding: 0 !important;
}
.disquss-container.disquss-page-bottom {
  margin-bottom: 60px;
}
.download-modal-images {
  max-width: 1000px;
}
.download-netbalancer-info {
  max-width: 700px;
}
.row .download-margins.col-md-12 {
  margin-left: 0;
  padding-left: 0;
}
.btn.docs-contact-button {
  margin-bottom: 10px;
  max-width: 183px;
  margin-top: 0;
}
.search-query {
  width: 100%;
  max-width: 500px;
}
.add-tag.btn.btn-link.disabled {
  color: #8089A0 !important;
  text-decoration: none;
}
.add-tag.btn.btn-link.disabled:hover {
  text-decoration: none;
  cursor: not-allowed;
}
/*input tags styles*/

.edit-tags .tags[class*="col-md-"] {
  float: none;
  margin-left: 0;
}
.edit-tags .tags {
  display: inline-block;
  padding: 4px 6px;
  color: #777777;
  vertical-align: middle;
  background-color: #FFF;
  border: 1px solid #d5d5d5;
  width: 99%;
  height: auto;
  min-height: 100px;
}
.edit-tags .tags:hover {
  border-color: #b5b5b5;
}
.edit-tags .tags input[type="text"],
.edit-tags .tags input[type="text"]:focus {
  border: none;
  display: inline;
  outline: 0;
  margin: 0;
  padding: 0;
  line-height: 14px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
}
.edit-tags .tags .tag {
  display: inline-block;
  position: relative;
  font-size: 13px;
  font-weight: normal;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #91B8D0;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  padding: 4px 22px 5px 9px;
  margin-bottom: 3px;
  margin-right: 3px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.edit-tags .tags .tag:empty {
  display: none;
}
.edit-tags .tags .tag .close {
  font-size: 15px;
  line-height: 20px;
  opacity: 1;
  color: #FFF;
  text-shadow: none;
  float: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 18px;
  text-align: center;
}
.edit-tags .tags .tag .close:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.edit-tags .tags .tag-important {
  background-color: #d15b47;
}
.edit-tags .tags .tag-warning {
  background-color: #ffb752;
}
.edit-tags .tags .tag-success {
  background-color: #87b87f;
}
.edit-tags .tags .tag-info {
  background-color: #6fb3e0;
}
.edit-tags .tags .tag-inverse {
  background-color: #555555;
}
.tags-hover,
.tags-hover:hover {
  border-color: #f59942;
  outline: 0;
}
/*end input tags style*/

#breadcrumbs {
  top: -2px;
}
@media only screen and (max-width: 979px) {
  #breadcrumbs .breadcrumb {
    margin-left: 10px;
  }
}
.footer-icon,
.nav-icon,
.small-res-menu-btn {
  color: #FFFFFF !important;
  font-size: 16px;
  height: 16px;
  width: 16px;
}
.last-login {
  max-width: 300px;
  color: #478FCA !important;
}
.testclass {
  width: auto;
}
.contact-titles-text-size {
  font-size: 25px;
}
.contact-title-block-indent {
  margin-top: 20px;
  margin-bottom: 20px;
}
.tag-list .tag,
.machine-list .machine {
  width: 145px;
  padding-right: 10px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-main span {
  width: 240px;
}
.widget-main span.machine-card-short-row {
  display: inline-block !important;
}
.breadcrumb i {
  font-size: 16px;
}
a.infobox > .infobox-data {
  line-height: 14px;
}
.our-customers-slider {
  width: 100%;
}
.our-customers-slider .slide-wrapper {
  display: block;
  width: 120px;
  height: 60px;
  padding: 5px 0;
  background-color: #f2f2f2;
  border: 1px solid #CCCCCC;
}
.our-customers-slider .slide-wrapper i {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 60px;
  width: 120px;
}
.logoSize {
  width: 120px;
  height: 60px;
}
.logo-siemens,
.logo-nvidia,
.logo-mwl,
.logo-ameritrade,
.logo-cyberrain,
.logo-sanctuary,
.logo-brevity,
.logo-amcor,
.logo-msi,
.logo-xceed,
.logo-cti,
.logo-spc,
.logo-hp,
.logo-sony,
.logo-traceregister,
.logo-epearl,
.logo-intellicomp {
  top: -5px;
  position: relative;
  display: block;
  background: url("images/customer-logo/logosprite.png") no-repeat;
}
.our-customers-slider .slide-wrapper i.logo-siemens {
  background-position: -0px -0px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-nvidia {
  background-position: -120px -0px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-mwl {
  background-position: -240px -0px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-ameritrade {
  background-position: -360px -0px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-cyberrain {
  background-position: -0px -60px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-sanctuary {
  background-position: -120px -60px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-brevity {
  background-position: -240px -60px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-amcor {
  background-position: -360px -60px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-msi {
  background-position: -0px -120px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-xceed {
  background-position: -120px -120px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-cti {
  background-position: -240px -120px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-spc {
  background-position: -360px -120px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-hp {
  background-position: -0px -180px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-sony {
  background-position: -120px -180px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-traceregister {
  background-position: -240px -180px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-epearl {
  background-position: -360px -180px;
  width: 120px;
  height: 60px;
}
.our-customers-slider .slide-wrapper i.logo-intellicomp {
  background-position: -0px -240px;
  width: 120px;
  height: 60px;
}
.our-customers .bx-viewport {
  height: 70px !important;
}
.home-top-slider .slide-wrapper {
  width: 100%;
  min-height: 207px;
  padding-bottom: 10px;
}
.top-slider .bx-wrapper {
  margin-bottom: 0;
}
.top-slider .bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 5px;
  left: -5px;
  background: #fff;
}
.top-slider .bx-wrapper .bx-pager {
  position: absolute;
  right: 10px;
  top: 10px;
  bottom: auto;
  width: auto;
}
.interpolation {
  -ms-image-rendering: -moz-crisp-edges;
  -o-image-rendering: -moz-crisp-edges;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */

}
.btn-netbalancer-light {
  color: #478FCA;
  padding: 0 5px 0 5px;
  border: 1px solid #478FCA;
  cursor: pointer;
  display: inline-block !important;
  line-height: 40px;
}
.panel-expand-all {
  display: inline;
  margin-left: 20px;
}
.panel-expand-all:hover {
  color: #51A2E6;
}
.panel-expand-all:before {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: bold;
}
.panel-expand-all.collapsed:before {
  content: "\f078";
}
.panel-expand-all:after {
  padding-left: 10px;
  content: "Collapse all";
}
.panel-expand-all.collapsed:after {
  padding-left: 13px;
  content: "Expand all";
}
h1,
h2,
h3,
h4,
h5,
h6,
body,
p {
  font-weight: lighter !important;
}
.nav.nav-list > li > a > i {
  margin-right: 0;
}
[class*="icomoon-icon-"].icon-white {
  color: #FFFFFF !important;
}
.bootbox.modal.fade {
  top: 25% !important;
}
#machineListMenu span {
  font-weight: normal !important;
}
/*editableselect styles*/

.esContainer {
  z-index: 1050;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-width: 1px;
  max-width: 500px;
  border: 1px solid #333;
}
.esItem {
  background: #FFFFFF;
  padding: 3px 4px;
}
.chosen-choices {
  cursor: pointer !important;
}
.form-group input[type="text"].esTextBox {
  background: #FFFFFF url(images/select.png?1) 100% 50% no-repeat;
  -ms-background-size: 25px 22px;
  background-size: 25px 22px;
  padding-right: 25px;
}
.form-group input[type="text"].esTextBox:focus {
  background: #FFFFFF url(images/select_blue.png?1) 100% 50% no-repeat;
  background-size: 25px 22px;
}
.form-group .chosen-container ul.chosen-choices {
  background: #FFFFFF url(images/arrow_grey.png?1) 100% 0 no-repeat;
  -ms-background-size: 25px 22px;
  background-size: 25px 22px;
  padding-right: 25px;
}
.form-group .chosen-container-active ul.chosen-choices {
  background: #FFFFFF url(images/arrow_blue.png?1) 100% 0 no-repeat;
  background-size: 25px 22px;
}
.form-group.has-error .validation-label {
  display: block;
}
.form-group.notopmargin {
  margin-top: 0;
}
.form-group .ui-widget input,
.form-group .ui-widget select,
.form-group .ui-widget textarea,
.form-group .ui-widget button {
  font-family: "Open Sans", serif;
  font-size: 14px;
}
.form-group ui-widget-content {
  border: none;
  background: none;
}
.esItemHover,
.esItem:focus {
  background-color: #e5e9ee;
  color: #111;
  cursor: pointer;
}
/*end editable select*/

.top-slider .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a {
  background-color: #e5e5e5 !important;
}
.top-slider .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a:hover,
.top-slider .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active {
  background-color: #b5b5b5 !important;
}
#netbalancer .infobox-small {
  width: 132px;
}
#netbalancer .infobox-small > .infobox-icon,
#netbalancer .infobox-small > .infobox-chart,
#netbalancer .infobox-small > .infobox-progress {
  max-width: 35px !important;
}
#netbalancer .infobox-small > .infobox-data {
  max-width: 75px !important;
}
#netbalancer .table-sm th,
#netbalancer .table-sm td {
  padding: 2px 3px;
}
.largetext {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.modal-title-underline {
  border-bottom: 1px solid #EEEEEE;
}
.filter-body select,
.rule-body select,
.filter-body textarea,
.rule-body textarea,
.filter-body input[type="text"],
.rule-body input[type="text"],
.filter-body input[type="password"],
.rule-body input[type="password"],
.filter-body input[type="datetime"],
.rule-body input[type="datetime"],
.filter-body input[type="datetime-local"],
.rule-body input[type="datetime-local"],
.filter-body input[type="date"],
.rule-body input[type="date"],
.filter-body input[type="month"],
.rule-body input[type="month"],
.filter-body input[type="time"],
.rule-body input[type="time"],
.filter-body input[type="week"],
.rule-body input[type="week"],
.filter-body input[type="number"],
.rule-body input[type="number"],
.filter-body input[type="email"],
.rule-body input[type="email"],
.filter-body input[type="url"],
.rule-body input[type="url"],
.filter-body input[type="search"],
.rule-body input[type="search"],
.filter-body input[type="tel"],
.rule-body input[type="tel"],
.filter-body input[type="color"],
.rule-body input[type="color"],
.filter-body .uneditable-input,
.rule-body .uneditable-input {
  margin-bottom: 6px;
}
.feature .img_box {
  max-width: 400px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.feature .img_box.last-image img.image-top {
  position: absolute;
  max-width: 200%;
  top: -1px;
  left: -1px;
}
#netbalancer {
  min-width: 320px;
}
.big-btn {
  line-height: 16px;
}
.big-btn i {
  font-size: 28px;
  color: #FFFFFF !important;
}
.pricing.col-md-12,
.fixed-width.col-md-12 {
  margin-left: 0;
  padding-left: 0px;
  max-width: 1170px;
}
.api-icon-color,
.service-icon-color,
.cmd-icon-color {
  color: steelblue !important;
}
.badge {
  font-size: 13px !important;
}
.btn.reg-btn,
.btn.code-btn,
.btn.down-btn,
.btn.order-btn {
  line-height: 16px !important;
}
.reg-btn i,
.down-btn i,
.order-btn i,
.code-btn i {
  font-size: 24px;
  top: -2px;
  position: relative;
  padding-right: 5px;
  display: inline;
  color: #FFFFFF;
}
.reg-btn i,
.order-btn i,
.code-btn i {
  top: -6px;
}
.flot-overlay {
  z-index: 10 !important;
}
a.process-priority-edit {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  text-decoration: none;
  top: 5px !important;
  text-indent: initial;
  width: auto;
  border: none;
  padding-top: 2px;
  padding-bottom: 5px;
  padding-left: 4px;
}
a.process-priority-edit span[class*="icomoon-icon-"] {
  color: #FFFFFF !important;
  line-height: 15px;
}
.lbl-style,
label {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.docs-heading {
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  font-weight: lighter;
  color: #478FCA !important;
}
div h1 {
  line-height: 33px;
}
.breadcrumb .icon-home {
  font-size: 20px;
  margin-left: 4px;
  margin-right: 2px;
  position: relative;
  top: 2px;
}
#netbalancer .row {
  margin: 0;
}
#netbalancer .btn-group > .btn > .caret.custom-caret {
  margin-top: 0 !important;
  border-width: 4px 4px 0 !important;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11 .col-lg-12 {
  padding-left: 0 !important;
}
.page-header {
  padding-top: 0 !important;
  padding-bottom: 5px !important;
}
img {
  max-width: 100%;
}
#contactForm .input-group-sm > .input-group-text {
  padding: 5px 6px !important;
  width: 27px;
}
#contactForm .input-group-sm > .input-group-text i {
  font-size: 14px;
}
#netbalancer .menu-min .sidebar-shortcuts-large {
  width: 189px;
}
.container-fixed {
  min-width: 500px;
  max-width: 800px;
  width: 100%;
}
label {
  display: block;
}
.down-drop-down,
.up-drop-down {
  width: 130px !important;
}
.align-text-super {
  vertical-align: super;
}
span.help-inline {
  display: block;
}
.priority-rule {
  vertical-align: top;
  top: 5px;
  position: relative;
}
.username-btn {
  max-width: 75px;
  display: inline-block;
  line-height: 16px;
  position: relative;
  top: 3px;
}
#netbalancer .nav-list > li.active > .submenu:before {
  border-left: none !important;
}
.alert {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
#netbalancer .well {
  background-color: #F5F5F5;
  border: 1px solid #E3E3E3;
  background-image: none;
}
.applyOnBtnHide {
  display: none !important;
}
/*accordion code example*/

#netbalancer .accordion-style-custom.content-accordion .card {
  padding: 0;
  margin: 0;
  font-weight: normal;
  margin-top: 2px;
}
#netbalancer .accordion-style-custom.content-accordion .card-header .accordion-toggle {
  padding: 5px;
  font-weight: normal;
  color: #606060;
}
#netbalancer .docs-example .border-secondary {
  background-color: #FFFFFF;
}
#netbalancer .docs-example .border-secondary > .card-header {
  background-color: #FFFFFF;
  background-image: none;
}
#netbalancer .docs-example.accordion-style-custom.content-accordion .card-header .accordion-toggle {
  border: none;
  background-color: transparent;
}
#netbalancer .docs-example.accordion-style-custom.content-accordion .card-header .accordion-toggle span {
  background-color: #EDF3F7;
  padding: 3px;
  margin-left: -5px;
}
#netbalancer .docs-example.accordion-style-custom.content-accordion .card-header .accordion-toggle span code {
  color: black;
  background-color: transparent;
  font-weight: bolder;
}
#netbalancer .docs-example.accordion-style-custom.content-accordion .card-header .accordion-toggle span:after {
  content: " (click to collapse)";
}
#netbalancer .docs-example.accordion-style-custom.content-accordion .card-header .accordion-toggle.collapsed {
  background-color: transparent;
}
#netbalancer .docs-example.accordion-style-custom.content-accordion .card-header .accordion-toggle.collapsed span {
  background-color: #F3F3F3;
}
#netbalancer .docs-example.accordion-style-custom.content-accordion .card-header .accordion-toggle.collapsed span:after {
  content: " (example, click to expand)";
}
.docs-body-container {
  margin-bottom: 3px;
}
.docs-example + .docs-body-container {
  margin-top: 10px !important;
}
.sidebar-shortcuts-large .btn-sm {
  padding: 4px 9px 4px 10px;
  position: relative;
  top: -1px;
}
#netbalancer.download .col-md-4 {
  max-width: 350px;
}
#netbalancer.download .col-md-8 {
  max-width: 700px;
}
#netbalancer.download .col-md-12 {
  width: 100%;
  padding: 0;
}
#netbalancer .site-navbar .navbar-nav > .dropdown > a .caret {
  border-bottom-color: #FFFFFF;
  border-top-color: #FFFFFF;
}
#netbalancer .site-navbar .navbar-nav > .active > a {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.08) inset !important;
}
#syncSettingsForm .sync-setting {
  display: inline-block;
  max-width: 250px;
  min-width: 175px;
  width: 100%;
}
#syncSettingsForm .form-group {
  margin-bottom: 7px;
}
.spinner-container span.text {
  top: -10px;
  position: relative;
}
.modal.dialog-top {
  z-index: 10000 !important;
}
.dropdown-menu li button.disabled:hover,
.dropdown-menu li button.disabled:focus,
.dropdown-menu li button.disabled:active,
.dropdown-menu li:hover > button.btnAction.disabled i[class*="icon-"] {
  background: #BA7C72 !important;
  color: #FFFFFF !important;
}
.dropdown-menu li button.tooltip-innerdisabled,
.dropdown-menu li button.disabled,
.dropdown-menu li > button.btnAction.disabled i[class*="icon-"] {
  color: #999999;
}
#netbalancer .ui-tooltip {
  z-index: 30000;
}
#netbalancer .pagination {
  margin: 0 !important;
}
#netbalancer .table-sm.dashboard-table tr td,
#netbalancer .table-sm.dashboard-table tr th {
  padding: 2px 3px 0;
}
.dashboard-table tr:hover {
  cursor: default;
}
.table-fixed td.table-checkbox,
.table-fixed th.table-checkbox {
  padding-left: 5px;
  padding-right: 0;
  width: 22px;
}
.validation-label {
  display: none;
  color: #D16E6C;
  font-size: 13px;
}
.text-end {
  text-align: right;
}
/*nav-pills*/

.nav-pills > li > a {
  color: #FFFFFF;
  background-color: #6FB3E0;
}
.nav-pills > li > a:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #FFFFFF;
  background-color: #4F99C6;
}
/*end nav-pills*/

#netbalancer .nav.nav-statistics {
  height: 50px;
  margin-top: 10px;
}
.pie-chart-pic {
  display: block;
  background-image: url("images/piechart.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 65px 65px;
  min-width: 60px;
  min-height: 60px;
  margin-bottom: -2px;
}
#netbalancer a .pieLink,
#netbalancer a:hover .pieLink,
#netbalancer a:focus .pieLink {
  color: #393939 !important;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
}
.pieLink {
  width: 80px;
  position: relative;
  top: -3px;
  margin: auto;
  text-align: center;
  cursor: pointer;
}
.custom-statsFilter {
  position: relative;
  display: inline-block;
}
.custom-statsFilter-toggle {
  position: absolute;
  top: -2px;
  bottom: 0;
  line-height: 22px;
  margin-left: -1px;
  padding: 2px !important;
  color: #FFFFFF;
  border: 3px solid #428BCA !important;
}
.custom-statsFilter-input {
  margin: 0;
  padding: 3px 2px 2px;
  width: 50px;
}
#netbalancer.machinestatistics .ui-menu .ui-menu-item,
#netbalancer.statistics .ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  /* support: IE10, see #8844 */
  list-style-image: none !important;
  background: none !important;
  background-image: none !important;
}
#netbalancer.machinestatistics .ui-menu .ui-menu-item:hover,
#netbalancer.statistics .ui-menu .ui-menu-item:hover {
  background-image: none !important;
  background: none !important;
  list-style-image: none !important;
}
#netbalancer.machinestatistics .ui-corner-all,
#netbalancer.statistics .ui-corner-all {
  border-radius: 0 !important;
}
#netbalancer.machinestatistics .ui-state-hover,
#netbalancer.statistics .ui-state-hover,
#netbalancer.machinestatistics .ui-widget-content .ui-state-hover,
#netbalancer.statistics .ui-widget-content .ui-state-hover,
#netbalancer.machinestatistics .ui-widget-header .ui-state-hover,
#netbalancer.statistics .ui-widget-header .ui-state-hover,
#netbalancer.machinestatistics .ui-state-focus,
#netbalancer.statistics .ui-state-focus,
#netbalancer.machinestatistics .ui-widget-content .ui-state-focus,
#netbalancer.statistics .ui-widget-content .ui-state-focus,
#netbalancer.machinestatistics .ui-widget-header .ui-state-focus,
#netbalancer.statistics .ui-widget-header .ui-state-focus {
  background: #428BCA !important;
}
#netbalancer.machinestatistics .flot-overlay,
#netbalancer.statistics .flot-overlay {
  cursor: pointer;
}
#netbalancer.machinestatistics #main-content #page-content,
#netbalancer.statistics #main-content #page-content {
  padding: 5px 0 0 0;
}
#netbalancer.machinestatistics .modal-header h4,
#netbalancer.statistics .modal-header h4 {
  margin-bottom: 0;
  margin-top: 0;
}
.machinestatistics div.legend,
.statistics div.legend {
  height: 100%;
  overflow-y: auto;
  position: absolute;
  right: 0;
  width: 145px;
  z-index: 10;
}
#details-container.compact .pie-container.detail-container {
  width: 25%;
}
@media (max-width: 1650px) {
  #details-container.compact .pie-container.detail-container {
    width: 33%;
    padding-right: 2px;
    padding-left: 2px;
  }
}
@media (max-width: 1350px) {
  #details-container.compact .pie-container.detail-container {
    width: 50%;
    padding-right: 2px;
    padding-left: 2px;
  }
}
@media (max-width: 670px) {
  #details-container.compact .pie-container.detail-container {
    width: 100%;
  }
}
.news-date {
  font-weight: bolder;
}
.news-content {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}
.news-prev-article,
.news-next-article {
  max-width: 150px;
  display: block;
}
.news-prev-article:hover,
.news-next-article:hover {
  text-decoration: none !important;
}
.news-right {
  float: right;
  margin-left: 15px;
}
.news-left {
  float: left;
  margin-right: 15px;
}
.news-center {
  text-align: center;
}
.news-press-realese h3 {
  font-weight: bolder !important;
}
.spinner-buttons > .btn + .btn {
  margin: 1px 0 0 -1px !important;
}
td.critical-priority {
  background-color: #D53F40;
}
td.high-priority {
  background-color: #E8B110;
}
td.normal-priority {
  background-color: #4F99C6;
}
.user-logs {
  max-height: 500px;
  overflow-y: auto !important;
  margin-bottom: 5px;
}
.user-logs .table tr {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.userlog-legend {
  font-size: smaller;
  color: #545454;
  position: relative;
  top: 6px;
}
.userlog-legend .legendLabel {
  padding-right: 10px;
}
.features-image {
  max-height: 150px;
}
.inspector-table.table tbody {
  background-color: transparent;
}
table.table-notbordered tr,
table.table-notbordered tr td {
  border: none !important;
}
table tr.collapsed td .toggler:before {
  content: "\f067";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: lighter !important;
  text-decoration: inherit;
  color: #6B6B6B;
}
table tr td .toggler:before {
  content: "\f068";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: lighter !important;
  text-decoration: inherit;
  color: #6B6B6B;
}
.order-btn {
  position: relative;
}
.sale30 {
  z-index: 1;
  position: absolute;
  width: 72px;
  height: 72px;
  background-image: url("images/sale30.png");
  right: -30px;
  top: -55px;
}
.dashboard-table tr td.logMachineName {
  color: #0088CC;
}
.dashboard-table tr td.logMachineName:hover {
  cursor: pointer;
  text-decoration: underline;
}
.dashboard-table tr td.admin-command-message > span:after {
  content: "...";
}
.rate-offline {
  display: none;
}
.required-field:after {
  content: " *";
  color: red;
}
.field-title {
  font-weight: bold !important;
}
.inspector-dates {
  font-weight: bolder;
}
#netbalancer cite {
  font-style: italic;
}
/*linkedin icon*/

.icon-link1:before {
  content: "\f0e1";
}
/*history traffic chart speeds*/

.chart-legend-table {
  font-size: 13px;
  font-family: "Open Sans", serif;
}
.chart-legend-table td {
  padding: 0;
}
.chart-legend-title-column {
  width: 90px;
}
.chart-legend-down-column {
  width: 100px;
}
.chart-legend-up-column {
  width: 100px;
}
/*end history traffic */

td,
th {
  padding: 0 2px 0 0;
}
.service-pricing-features {
  margin-bottom: 15px;
}
.service-pricing-features i {
  color: #87B87F !important;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  font-weight: lighter;
}
.service-pricing-features small {
  font-weight: bold;
  margin-top: -5px;
  display: block;
}
.account-badge {
  height: 56px;
  position: absolute;
  left: -30px;
  top: 15px;
  width: 56px;
  cursor: pointer;
  z-index: 1001;
}
.account-badge.green {
  background-image: url("images/badge_green.png");
}
.account-badge.blue {
  background-image: url("images/badge_blue.png");
}
.account-badge.red {
  background-image: url("images/badge_red.png");
}
.account-badge.orange {
  background-image: url("images/badge_orange.png");
}
.modalLabel {
  padding-left: 60px;
}
.modalLabel .account-badge {
  left: 0;
  top: 0;
}
.custom-nav-collapsed .account-badge {
  left: calc(108%);
  top: 0;
}
#netbalancer.pricing fieldset {
  border-bottom: 1px groove #ddd !important;
  padding: 0 0 10px 0 !important;
  margin: 0 0 10px 0 !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  -moz-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 0px 0px #000;
}
@media (max-width: 650px) {
  .ft-FilterButton,
  #dashboard-buttons .btn {
    margin-top: 5px !important;
    margin-bottom: 3px !important;
  }
  .spinner-buttons .btn {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
#netbalancer .modal-content {
  min-width: 320px;
}
@media (max-width: 807px) {
  .detail-header + .detail-header {
    margin-top: 10px;
  }
}
.inspector-table .collapse.in {
  display: table-row;
}
@media (max-width: 767px) {
  .table-fixed [class^="td"] {
    width: 100% !important;
  }
  .table-fixed .icon {
    width: 19px !important;
  }
  .table-fixed.process-details-table td.icon,
  .table-fixed.process-details-table th.icon {
    width: 2% !important;
  }
}
@media (max-width: 610px) {
  .table-fixed.process-details-table td.icon,
  .table-fixed.process-details-table th.icon {
    width: 3% !important;
  }
}
@media (max-width: 430px) {
  .table-fixed.process-details-table td.icon,
  .table-fixed.process-details-table th.icon {
    width: 4% !important;
  }
}
#RuleEditModal input,
#FilterEditModal input {
  font-size: 12px !important;
  padding: 2px 3px 2px 3px !important;
}
#RuleEditModal input.spinner-input,
#FilterEditModal input.spinner-input {
  line-height: 17px;
}
#RuleEditModal .form-group input.esTextBox[type="text"],
#FilterEditModal .form-group input.esTextBox[type="text"] {
  padding-right: 25px !important;
}
#RuleEditModal label,
#FilterEditModal label {
  font-size: 12px !important;
  margin-bottom: 1px;
}
#RuleEditModal select,
#FilterEditModal select {
  font-size: 12px !important;
  height: 26px;
  padding: 3px;
}
#RuleEditModal .modal-header,
#FilterEditModal .modal-header {
  padding: 5px 15px 0px 15px;
}
#RuleEditModal .legendEdit,
#FilterEditModal .legendEdit {
  font-size: 13px;
}
button.btn#clearDashLog,
button.btn#clearDashLog:active {
  top: -3px;
  left: 0;
}
#machineDetailsTab.nav-tabs > li > a,
#machineDetailsTab.nav-tabs > li > a:focus {
  border: 1px solid transparent;
  background: transparent;
  font-weight: bolder !important;
}
#machineDetailsTab.nav-tabs > li.active > a,
#machineDetailsTab.nav-tabs > li.active > a:hover,
#machineDetailsTab.nav-tabs > li.active > a:focus {
  border-top: 2px solid #4C8FBD;
  border-color: #4C8FBD #C5D0DC rgba(0, 0, 0, 0);
}
#netbalancer .nav-list > li.active:after {
  border-color: transparent;
}
.dashboard .user-machines .dashboard-table tr:hover {
  cursor: pointer;
}
#machineRules table tbody tr:first-child span.rule-up i.icomoon-icon-arrow-up-4,
#machineRules table tbody tr:last-child span.rule-down i.icomoon-icon-arrow-down-4,
#machineFilters table tbody tr:first-child span.filter-up i.icomoon-icon-arrow-up-4,
#machineFilters table tbody tr:last-child span.filter-down i.icomoon-icon-arrow-down-4 {
  color: #CCCCCC !important;
  cursor: not-allowed;
}
#machineRules table tbody tr span.rule-up i.icomoon-icon-arrow-up-4,
#machineRules table tbody tr span.rule-down i.icomoon-icon-arrow-down-4,
#machineFilters table tbody tr span.filter-up i.icomoon-icon-arrow-up-4,
#machineFilters table tbody tr span.filter-down i.icomoon-icon-arrow-down-4 {
  cursor: pointer;
}
#machineFilters table tbody tr .label-checkbox,
#machineRules table tbody tr .label-checkbox {
  margin-left: 17px;
  margin-top: -2px;
}
.right-arrow,
.left-arrow {
  display: inline-block;
  cursor: pointer;
  height: 24px;
  width: 20px;
  margin-bottom: -9px;
  background-repeat: no-repeat;
}
.left-arrow {
  margin-right: 7px;
  background-image: url("images/arrow-left.png");
}
.right-arrow {
  margin-left: 7px;
  background-image: url("images/arrow-right.png");
}
.arrow-text {
  font-size: 16px;
  position: relative;
  top: 1px;
  color: #7F7F7F;
}
.unselectable-text {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
}
.hidden {
  display: none;
}
.editprocess-left span {
  padding-left: 35px !important;
}
.selectpicker {
  padding-top: 2px !important;
  padding-bottom: 1px !important;
}
#redrawTrafficGraph {
  line-height: 17px;
  margin-right: 12px;
  position: relative;
  top: -5px;
}
.traffic-period-selector {
  margin-right: 12px !important;
}
#netbalancer .badge {
  height: 19px;
}
#netbalancer .modal .modal-header {
  padding: 5px 8px 5px 10px;
}
#netbalancer .modal .modal-header button.close {
  margin-top: -2px;
}
#netbalancer .modal .modal-body {
  padding: 8px 12px 8px 12px;
}
.deleteaccount.loading,
.bootboxload.loading,
.deletemachine.loading {
  display: none;
  margin-bottom: -12px;
  margin-top: -10px;
  position: inherit;
  margin-right: 5px;
}
.apply-to-title {
  font-weight: normal !important;
}
.apply-to-title .title-name {
  width: 100px;
  display: inline-block;
}
@media only screen and (max-width: 750px) {
  .width40p,
  .width50p {
    width: 100%;
  }
  .modal-footer .btn + .btn {
    margin-left: 1px !important;
  }
  .modal-footer .btn-sm {
    padding: 2px 3px !important;
  }
}
.machineinformation .infobox {
  cursor: pointer;
}
@media only screen and (max-width: 550px) {
  .col-xxs-12 {
    width: 100%;
  }
}
@media only screen and (min-width: 350px) and (max-width: 550px) {
  .details-list dl.col-xxs-12 dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
  }
  .details-list dl.col-xxs-12 dd {
    margin-left: 160px;
  }
}
.info-container {
  width: 100%;
}
.info-title {
  display: inline-block;
  font-weight: bolder;
  padding-right: 10px;
}
.info-body {
  display: inline-block;
}
.info-left {
  clear: both;
}
.info-table td {
  padding: 2px 5px;
}
.info-table th {
  font-weight: bolder;
  padding-right: 15px;
}
.info-table-title {
  font-weight: bolder;
}
#netbalancer #footer {
  position: relative !important;
  z-index: 21 !important;
}
#netbalancer #siteNavbar {
  position: relative !important;
  z-index: 21 !important;
}
#netbalancer dt {
  font-weight: bolder;
}
.processorLogo {
  position: absolute;
  z-index: 1;
  right: 15px;
  margin-top: -10px;
}
#OrderServiceNow {
  margin: 0;
  padding: 6px 12px;
  width: 248px;
}
.machineInfo-widget {
  width: 400px;
  height: 215px;
  margin: 5px;
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 18px;
  border: 1px solid #CCCCCC !important;
}
.machineInfo-widget.widget-body div.computer-icon {
  padding: 0 5px 5px 0;
}
.machineInfo-widget.widget-body {
  background: url(images/patterns/body/grey.png) repeat;
}
.machineInfo-widget.widget-body:hover {
  background: url(images/patterns/body/grey2.png) repeat;
  z-index: 1000;
  cursor: pointer;
}
.machineInfo-widget h1,
.machineInfo-widget h2,
.machineInfo-widget h3,
.machineInfo-widget h4,
.machineInfo-widget h5,
.machineInfo-widget h6 {
  margin-bottom: 4px;
  margin-top: 4px;
  padding-bottom: 3px;
  padding-top: 2px;
}
.machineInfo-widget .widget-container {
  font-size: 13px;
  margin-bottom: 2px;
  margin-top: 1px;
  padding-bottom: 3px;
  padding-top: 2px;
}
[class^=".col-lg-"] {
  padding-left: 5px;
  padding-right: 5px;
}
.custom {
  float: left !important;
}
.customcol-lg-3 {
  width: 25% !important;
}
.customcol-lg-4 {
  width: 33% !important;
}
.customcol-lg-8 {
  width: 66% !important;
}
.customcol-lg-9 {
  width: 75% !important;
}
.customcol-lg-6 {
  width: 50% !important;
}
.customcol-lg-12 {
  width: 100% !important;
}
.battery-container .card-data,
#sensorsInfoModalBtnCard .card-data {
  padding-bottom: 3px !important;
  padding-right: 2px !important;
}
.makeEditableCursor {
  display: inline-block;
  position: absolute;
  height: 23px;
  cursor: pointer;
  margin-left: -29px;
  width: 30px;
}
#netbalancer button.btn.selectpicker:active {
  top: 0;
  left: 0;
}
#netbalancer span.btnProBadge {
  background: url("images/pro_only.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  cursor: pointer;
  height: 40px;
  margin-left: -22px;
  position: absolute;
  margin-top: 12px;
  width: 40px;
  z-index: 1001;
}
#netbalancer span.btnProBadge.btnLink {
  right: 10px;
  top: 6px !important;
  text-indent: 0;
  margin-right: 12px;
  margin-top: 5px;
  line-height: 18px;
}
.default-color {
  color: #393939;
}
.custom-link {
  color: #0088CC !important;
  cursor: pointer;
}
.custom-link:hover {
  color: #005580;
  text-decoration: underline;
}
#freeModal .modal-body,
#proModal .modal-body,
#trialModal .modal-body {
  padding-top: 14px !important;
}
#accountUpgardeModal.modal {
  z-index: 1060;
}
#generatedTime > span {
  background-size: 18px 18px;
  min-height: 18px;
}
.widget-toolbar i {
  cursor: pointer;
}
.rule-dscp .rule-dscp-enable {
  margin: 5px 0 5px 0;
}
.rule-dscp .form-group {
  margin: 8px 0;
}
.rule-dscp .form-group.inline {
  margin: 0 0 0 8px;
}
.block-list-editor label.checkbox > span.lbl {
  right: 20px;
  bottom: 3px;
}
#OrderNow,
#Download {
  max-width: 232px;
  width: 232px;
}
.email-html-preview {
  display: block;
  width: 100%;
  min-height: 350px;
  margin-top: 1rem;
  border: 1px solid #ccc;
}
.email-html-preview[hidden] {
  display: none;
}