.pnec-ecottc {
  width:100%;
  height:800px;
  border:none;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
/*    position: fixed;
*/    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px;  /*20px padding + 1px border*/ 
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}
/*
 * Main content
 */

.sub-container {
  padding: 20px;
}
@media (min-width: 768px) {
  .sub-container {
    padding-right: 40px;
    padding-left: 40px;
  }
}


/* Autocomplete */
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-menu {
  list-style: none;
  background:#FFFFFF;
  border:1px solid #808080;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}
.ui-menu .ui-menu {
  position: absolute;

}
.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
/*
.ui-menu li div{
  white-space: nowrap;
  overflow: hidden;
      text-overflow: ellipsis;
  width:30%;
}*/
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  /*margin: -1px;*/
  background:#DCDCDC;
}

/* hide hint */
.ui-helper-hidden-accessible {
  display: none;
}
/* table */
.outter {
    overflow-x:scroll;
}

/* search */
.search-content {
  margin-top:16px;
}

.advanced-search-bar {
  padding-bottom:8px;
}

.asearch-btn {
  margin-top:26px;
}

/* table header */
th {
  white-space: nowrap;
}

.summary-fixed {
    visibility:hidden;
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 36px;
    width:100%;
    z-index: 102;
}

.summary-fixed .content {
    background-color: #eae9e7;
    position: relative;
    height: 36px;
}


.summary-fixed .content p{
    line-height: 20px;
}

.summary{
    height: 36px;
    z-index: 102;
}


.fixed-scrollbar{
    height:15px;
    /*overflow-x:scroll*/
}

.h-fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    width:100%;
    z-index: 102;
}

#fixed-header {
    position: fixed;
    top: 0px;
    max-width:2000% !important;
    z-index: 102;
}
#fixed-header tr th{
    /*padding-left:0px;
    padding-right:0px;*/
}

.ecottc-footer {
  margin-top:80px;
  margin-bottom:80px;
  padding: 40px 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: 1px solid #e5e5e5;
}
.ecottc-footer p:last-child {
  margin-bottom: 0;
}

/* Social media clip */

.social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.social {
    -webkit-transform: scale(0.8);
    /* Browser Variations: */

    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

#social-fb:hover {
    color: #3B5998;
}
#social-tw:hover {
    color: #4099FF;
}
#social-gp:hover {
    color: #d34836;
}
#social-em:hover {
    color: #f39c12;
}