@import "variables.less";

.row {
    margin-right : 0px !important;
}

.bootstrap-select {
	margin-bottom : 12px;
}

//
// Progress bars
// --------------------------------------------------


// Bar animations
// -------------------------

// WebKit
@-webkit-keyframes progress-bar-stripes {
  from  { background-position: 40px 0; }
  to    { background-position: 0 0; }
}

// Spec and IE10+
@keyframes progress-bar-stripes {
  from  { background-position: 40px 0; }
  to    { background-position: 0 0; }
}



// Bar itself
// -------------------------

// Outer container
.progress {
  overflow: hidden;
  height: @line-height-computed;
  border-radius: @border-radius-base;
}

// Bar of progress
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: @font-size-small;
  line-height: @line-height-computed;
  text-align: center;
  background-color: #f0ad4e;
}

// Account for lower percentages
.progress-bar {
  &[aria-valuenow="0"] {
    color: @gray-light;
    min-width: 30px;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
  }
}

.grey-headings{
    background-color:#C5C5C6;
    text-align: center;
    font-weight: bold;
    padding: 8px 20px 5px 20px;
    margin-top:15px;
    margin-bottom:15px;
    border-radius: 5px;
}

.property-label{
    font-weight: bold;
}

.property-value{
    margin-left: 22%;
}

.customer-info-big-container {
  margin-left: 5px;
  padding: 5px 25px;
}

.nav .active a{
    cursor: default !important;
}

.jt-toolbar {
  display: block !important;
}

.customer-info-row {
  margin-left: 0 !important;
}

.customer-info-container {
  margin-left: 5px;
  padding: 15px 25px;
}

.customer-info-container  ul {
  padding: 0px;
}

.customer-info-container li {
  list-style: none;
  padding: 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e4e9f0;
}

.close-table {
  margin-top: 20px;
}

.disambiguate  th:hover {
  cursor: default;
}
.disambiguate tr:hover {
  cursor: pointer !important;
}
.disambiguate td:hover {
  cursor: inherit !important;
}

.CustomerProfile {
  position: absolute;
  top: 340px; 
  padding-top: 30px;
}

.borderForInfo {
  margin-left: 10px;
  border-right: 1px solid #ebebeb;

}
.no-states h2 b {
  position: absolute;
  top: 250px;
  border: 1px solid black;
  padding: 20px;
}
.widget-title{
  border-top: 2px solid #444a52;
  width: 100%;
  margin-top: 30px;
}

a.selected {
  background-color:#1F75CC;
  color:white;
  z-index:100;
}

.messagepop {
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  margin-top: 15px;
  position:absolute;
  text-align:left;
  width:394px;
  z-index:50;
  padding: 25px 25px 20px;
}
.messagepop p, .messagepop.div {
  border-bottom: 1px solid #EFEFEF;
  margin: 8px 0;
  padding-bottom: 8px;
}

.infoBox {
	float: left; 
	padding-right: 53px;
	padding-bottom: 43px;
}

.KPIBox {
	float: left; 
	padding-bottom: 55px;
	border: 1px solid #efefef
}

table td .multiTable {
	margin-top: 5px ; 
	margin-bottom: 5px;

}

.infoBox-for-details{
	float: left; 
	padding-right: 80px;
	padding-bottom: 40px;
}
.infoBox div h3 {
	text-align: center; 
	background-color: lightgray;
	padding:10px
}
.infoBox table tr td {
	padding-left: 10px; 
	word-wrap: break-word;
    max-width: 100px;
	
}

.infoBox table tr {
	font-size: 14px;
}
.infoBox table {
	width:100%;
}

.active-completed-bigbox{
	// border-bottom : 2px solid black;
}

.subContacts {
	background-color:#08c;
	padding: 3px;
	color: white;
	margin-bottom:20px;
	margin-top:10px;
}

.KPIBanner {
    padding: 3px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.CustomerProfile .nav.navbar-nav li a {
	font-size:16px;
}

.contact-icon {
	float: left;
	padding-right : 5px;
}

.btn-group.bootstrap-select.show-tick.pull-left.timelineFilterBar{
  position: absolute;
  top: 40px;
  left: 340px;
}

.btn-group.bootstrap-select.timelineDurationStyle{
    position: absolute;
    top: 40px;
    left: 343px;
}

#timelineToolbarSelect {
	padding-right:20px;
}

.detailsTable {
    table {
      width: 100%;
      table-layout: fixed;
      border-collapse: collapse;
      border-right: 0;
    }

    thead {
      tr{
        display: block;
        width: 100%;
        position: relative;
      }
      th:nth-child(1){
        width: 50%;
        float:left;
        border-left: 0px;
      }
      th:nth-child(2){
        width: 50%;
        float:right;
        border-left: 0;
      }
    }
	
    tbody {
      display: block;
      overflow: auto;
      max-height: 515px;
      tr{
        display: block;
        td{
          display: block;
          width: 50%;
          border-top: 0;
          border-left: 0;
        }
        td:nth-child(1){
          float:left;
        }
        td:nth-child(2){
          float:right;
        }
      }
    }
}

.timelineFilterBar > div > ul > li:first-child {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e4e9f0;
}

div .widget-title .fonticon.icon-settings-sliders{
	float: right;
	font-size: 16px; 
	cursor: pointer;

}

.infoBox div h2 .fonticon{
	padding-left: 10px;	
	position:absolute; 
	bottom: 53px; 
	
}

.customer-info-floater {
  float: left;
  min-width: 16.66666667%;
  display: table-row;
}

.ServiceInfo div dl dt {
	font-size:16px;
}


.ServiceInfo div dl dd {
	font-size:14px;
}

.customer-icon-cell {
  float: left;
  margin-right: 10px;
  width: 20px;
  display: table-cell;
}

.customer-info-cell {
  padding-right: 10px;
  display: table-cell;
  min-width: calc(16.66666667% - 21px);
}

.customer-fonticons {
  font-size: 20px;
}

.panel {
  border: none;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
}

.panel.heading {
  padding: 6px;
}

.panel.heading h4 {
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 0px;
  display: inline-block;
}

.tab-body {
  padding: 8px 0 16px 0
}

.tab-body .form-group {
  margin-left: -4px;
  margin-right: 0;
}

.tab-body h3 {
  margin-left: 15px;
  margin-top: 4px;
}

.form-container {
  margin-top: 10px;
  margin-left: -15px;
}

.bootstrap-select.btn-group .dropdown-menu li a {
  min-height: 28px;
}

.bootstrap-select.btn-group .dropdown-menu li a {
  min-height: 28px;
}

.table-container {
  width: 100%;
  overflow-x: auto;
}
.timeline-controls {
  position: absolute;
  margin-left: 15px;
   margin-top:210px;
}
.dropdown-submenu {
  padding: 3px 12px 3px 20px;
}

.dropdown-submenu:hover {
  color: #fff;
  background-color: #2e69db;
}

.dropdown-submenu span {
  position: relative;
  float: right;
  font-size: 7px;
  top: 4px;
  color: #2e69db;
}

.dropdown-submenu:hover span {
  color: #fff;
}

.dropdown-submenu .dropdown-menu{
  display: none;
}

.dropdown-submenu:hover .dropdown-menu{
  display: block;
  left: 100%;
  top: inherit;
  margin-top: -29px;
}

.input-group .icon-calendar-generic {
  top: 0px;
  left: 162px;
  position: absolute;
  padding: 15px 8px;
  font-size: 19px;
  color: #2E69DB;
  cursor: pointer;
}

.ark-datepicker-labels {
  line-height:  1.66666667;
}

.time-selection {
  display: inline-block;
  margin-top: -3px;
  margin-left: 10px;
  position: absolute;
}

.history {
  width: 100%;
  height: 315px;
  background-color: #fdfdfd;
  position: fixed;
  bottom: -335px;
  transition: all 0.36s cubic-bezier(0.4,0,0.2,1);
  -moz-transition: all 0.36s cubic-bezier(0.4,0,0.2,1);
  -webkit-transition: all 0.36s cubic-bezier(0.4,0,0.2,1);
  box-shadow: 0 -2px 9px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0 -2px 9px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 -2px 9px 0 rgba(0,0,0,0.2);
}

.history.in {
  bottom:0;
}

.http-history-table{
	margin: auto;
	table-layout: fixed;
	width: 100%;
	word-break: break-all;
}

#http-history-table-container{
	max-height: 77%;
	overflow-y: scroll;
}

.http-history-col-unselected{
	overflow: hidden;
	max-height: 40px;
}

.spacer {
  width: 100%;
  height: 315px;
}

.footer-container {
  min-width: 360px;
  height: 50px;
  min-height:50px;
  bottom: 0;
  width: 100%;
}

.version-container {
  position: absolute;
  right: 10px;
  bottom: 5px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}