/** Global Application CSS Variables **/
/* Loadboard Colors */
/************** Override Kendo Grid Styling   **********************/
/* So Grid Filter Inputs take up the full width of the column*/
.atg-grid .k-state-selected {
  background-color: #666 !important;
}
.atg-grid .k-state-selected > * {
  color: white !important;
}
.atg-grid .k-grid-no-results {
  position: relative;
}
.atg-grid .k-grid-no-results h4 {
  margin-top: 4%;
}
.atg-grid .k-link {
  text-decoration: none;
}
/* Auto completes*/
.k-list {
  line-height: inherit;
}
.k-list li {
  border-bottom: 1px dotted #CCC !important;
}
/* Kendo Grid style override*/
.k-grid {
  /* .k-icon{ background-image: none !important; display: none; }*/
  /* Second level of nesting for grouped rows*/
  /* Third level of nesting for grouped rows
   .k-grouping-row .k-grouping-row td{
       background-color: #B0C0CE !important;
   }
   */
}
.k-grid .k-grid-filter.k-state-active {
  background-color: #BFBFBF;
}
.k-grid .k-alt {
  background-color: #E8EDF3;
}
.k-grid .k-state-selected {
  background-color: #666 !important;
}
.k-grid .k-state-selected > * {
  color: white !important;
}
.k-grid .k-grid-header th {
  font-weight: bold;
}
.k-grid .k-grouping-row > td {
  background-color: #51607B;
  color: white;
  border-color: #6F6F6F;
}
.k-grid .k-grouping-row > .k-group-cell,
.k-grid .k-grouping-row > .k-group-cell + td {
  background-color: #8BA5BF !important;
}
.k-grid .k-operator-hidden input {
  padding-left: 5px;
}
.k-grid .k-operator-hidden label:last-of-type {
  float: right;
}
.k-grid .k-autocomplete .k-input {
  padding: 0;
}
.k-tooltip.k-chart-tooltip {
  background-color: #51607b !important;
  border: 1px solid #51607b !important;
  color: white;
}
.k-tooltip.k-chart-tooltip th {
  color: black;
}
/* Kendo Autocomplete */
.k-autocomplete {
  width: 100%;
  overflow: hidden !important;
}
/* Kendo Grid Edit Form */
.k-edit-form-container {
  width: 95%;
}
/* Kendo Dropdown*/
.k-list-container .k-state-selected a {
  color: #FFF !important;
}
.k-input {
  background-color: inherit;
  font-size: 14px;
}
.k-state-hover input {
  background-color: #FAF8F6;
}
.k-clear-value {
  display: none !important;
}
.k-slider-selection {
  background-color: darkblue !important;
}
.k-numerictextbox,
.k-maskedtextbox {
  width: 100%;
  padding: 0 !important;
}
.k-maskedtextbox input {
  border: 1px solid #CCC;
}
.k-widget {
  box-shadow: none !important;
}
/* override ugly calendar icon */
.k-i-calendar {
  font: normal normal normal 16px/1 FontAwesome !important;
}
.k-i-calendar:before {
  content: "\f073";
}
/***  Use for Any Layout Specific Styles */
body {
  background-color: #fff;
  color: #333;
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
input[type=text],
input[type=number],
textarea,
select,
.form-control {
  padding: 5px 8px !important;
  border-radius: 3px;
  height: inherit !important;
  line-height: 1.4em !important;
  text-indent: 0px !important;
  border: 1px solid #CCC;
}
input[type=search] {
  font-weight: normal;
  border: 1px solid #CCC;
  padding: 2px;
}
select.form-control {
  padding: 5px !important;
}
.input.read-only {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.read-only {
  background-color: #f9f9f9;
  min-height: 33px;
  display: inline-block;
}
.read-only .input,
.read-only .textarea {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.read-only div.input {
  min-height: 33px;
}
.read-only div.textarea {
  min-height: 80px;
}
.content-wrapper {
  width: 100%;
  position: relative;
  top: 125px;
  transition: all 1s;
}
.content-wrapper.v4 {
  top: 0px;
}
.content-main {
  padding: 0px 12px 8px 65px;
  /* form Styling, standardized across whole app*/
}
.content-main form:not(.form-inline) input[type=text],
.content-main form:not(.form-inline) input[type=number],
.content-main form:not(.form-inline) textarea,
.content-main form:not(.form-inline) select,
.content-main form:not(.form-inline) .form-control {
  width: 100% !important;
}
.content-main.v4 {
  padding: 0px 12px 8px 0px;
}
.content-attention {
  background-color: #ff7e7e;
  padding: 10px 6px;
  position: relative;
  font-size: 11px;
  overflow-y: auto;
  transition: height 0.6s;
  height: 0px;
  min-height: 37px;
  display: none;
}
.content-attention .header {
  font-weight: bold;
  margin: 4px;
  color: #FFF;
  font-size: 15px;
  text-align: center;
}
.content-attention a {
  color: #FFF;
}
.atg-warning-bar {
  height: 0px;
  transition: height 0.6s;
  overflow: hidden;
}
.atg-warning-bar .content-attention {
  display: none;
}
body.attention .atg-warning-bar,
body.attention .content-attention {
  height: 250px;
  display: block;
}
body.attention .content-wrapper {
  top: 370px;
}
body.attention #ATG-Side-Panel {
  top: 365px;
}
body.attention.Test .content-wrapper,
body.attention.Staging .content-wrapper,
body.attention.Dev .content-wrapper,
body.attention.Beta .content-wrapper {
  top: 383px;
  padding-top: 6px;
}
body.attention.Test #ATG-Side-Panel,
body.attention.Staging #ATG-Side-Panel,
body.attention.Dev #ATG-Side-Panel,
body.attention.Beta #ATG-Side-Panel {
  top: 387px;
}
body.minimized .atg-warning-bar,
body.minimized .content-attention {
  height: 50px;
  display: block;
  overflow: hidden;
}
body.minimized .content-wrapper {
  top: 170px;
  padding-top: 6px;
}
body.minimized #ATG-Side-Panel {
  top: 166px;
}
body.minimized.Test .content-wrapper,
body.minimized.Staging .content-wrapper,
body.minimized.Dev .content-wrapper,
body.minimized.Beta .content-wrapper {
  top: 190px;
  padding-top: 6px;
}
body.minimized.Test #ATG-Side-Panel,
body.minimized.Staging #ATG-Side-Panel,
body.minimized.Dev #ATG-Side-Panel,
body.minimized.Beta #ATG-Side-Panel {
  top: 187px;
}
body.Test .content-wrapper,
body.Staging .content-wrapper,
body.Dev .content-wrapper,
body.Beta .content-wrapper {
  top: 150px;
  padding-top: 6px;
}
body.Test #ATG-Side-Panel,
body.Staging #ATG-Side-Panel,
body.Dev #ATG-Side-Panel,
body.Beta #ATG-Side-Panel {
  top: 138px;
}
.offscreen {
  width: 80%;
  left: -600%;
  height: 100%;
  overflow: auto;
  position: absolute;
  top: 0px;
}
#ATG-Side-Panel {
  position: fixed;
  left: 0px;
  top: 114px;
  overflow: visible;
  height: 100%;
  display: inline;
  z-index: 9999;
}
@media only screen and (MAX-width: 1025px) {
  .navbar-brand.logo {
    width: 70px !important;
    overflow-x: hidden !important;
  }
}
#ATG-Header {
  background-color: #51607B;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px #CCC;
  border: none;
}
#ATG-Header .navbar-brand.logo {
  position: relative;
  top: 0px;
  height: 60px;
  overflow: hidden;
}
#ATG-Header .action-bar {
  display: inherit;
}
#ATG-Header .topnav a {
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  color: #FFF;
  font-size: 0.9em;
}
#ATG-Header .topnav li > a:hover {
  /*background-color: rgb(75, 89, 114);*/
  background-color: #333;
  color: #FFF !important;
}
#ATG-Header .subnav {
  background-color: #eee;
  color: #333;
  border: none;
  /*.nav.navbar-nav:not(.subnav) {
            overflow: hidden;
        }*/
}
#ATG-Header .subnav .navbar-brand {
  /*background-color: #EEEEEE;*/
  font-weight: bold;
  margin-right: 2px;
  color: #51607b;
  border-right: 1px solid #ddd;
}
#ATG-Header .subnav .nav.navbar-nav li {
  border-right: 1px dotted #CCC;
}
#ATG-Header .subnav .nav.navbar-nav > li > a:hover {
  background-color: #ddd;
}
#ATG-Header .subnav .nav.navbar-nav li a {
  color: #333;
  transition: background-color 0.2s, color 0.2s;
  min-width: 80px;
  text-align: center;
}
#ATG-Header .subnav .navbar-nav > .open > a:focus {
  background-color: #FFF !important;
}
#ATG-Header .subnav .nav.navbar-nav li {
  position: relative;
  transition: top 0.6s;
}
#ATG-Header .subnav #btn-add-new a {
  height: 100%;
  padding: 14px 22px !important;
}
#ATG-Header .environment {
  padding: 3px;
  box-shadow: 0px 1px 1px #333;
  border-top: 1px solid #333;
}
#ATG-Header .environment.test,
#ATG-Header .environment.beta {
  background-color: #ffa5a5;
}
#ATG-Header .environment.staging {
  background-color: #a5ffc0;
}
#ATG-Header .environment.dev {
  background-color: #9bacf7;
}
#GlobalSearch {
  float: left;
  margin: 0 1%;
  padding-top: 7px;
  width: 300px;
}
#GlobalSearch .search-dropdown {
  white-space: nowrap;
  display: flex;
  justify-content: flex-start;
}
#GlobalSearch .search-input {
  width: 96%;
}
#GlobalSearch .k-autocomplete {
  display: flex;
  align-items: stretch;
}
#GlobalSearch .k-maskedtextbox {
  display: inherit;
}
#GlobalSearch button {
  width: auto;
  left: 2px;
  top: -1px;
  position: initial;
  height: 2.25em;
}
#GlobalSearch .dropdown-menu li {
  padding: 5px;
  border-bottom: 1px dotted #CCC;
  margin-bottom: 5px;
  transition: all 0.1s linear;
}
#GlobalSearch .dropdown-menu li:hover {
  text-indent: 8px;
  background-color: #51607B;
  color: white;
  cursor: pointer;
}
#GlobalSearch .dropdown-menu li:hover div {
  color: white !important;
}
#GlobalSearch .dropdown-menu li:hover img {
  border: 2px solid white;
  position: relative;
  top: -2px;
}
#GlobalSearch .dropdown-menu li span {
  display: block;
}
#GlobalSearch .dropdown-menu li img {
  float: left;
  margin-right: 10px;
  background-color: #51607B;
  box-shadow: 0px 0px 3px #333;
  padding: 5px;
}
#GlobalSearch .dropdown-menu li .dropdown-title {
  font-weight: bold;
  width: 100%;
}
#GlobalSearch .dropdown-menu .dropdown-desc {
  font-size: 11px;
  color: #999;
}
#Contact-Directory-Info h4 {
  margin-bottom: 0px;
  font-weight: 500;
}
/* Override the default bootstrap behavior where horizontal description lists 
will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}
.container-fluid.no-pad {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.row.no-pad {
  margin-left: 0;
  margin-right: 0;
}
.row.no-pad > [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}
.table-condensed.no-pad > tfoot > tr > td {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.navbar,
.action-bar {
  margin-bottom: 0;
}
.navbar .navbar-brand img,
.action-bar .navbar-brand img {
  position: relative;
  top: -14px;
  z-index: 1;
}
.navbar .navbar-text,
.action-bar .navbar-text {
  color: #333 !important;
}
.action-bar {
  display: none;
}
/******************************************************************
*   Basic Styling rules Styles   *
****************************************************************/
.bold {
  font-weight: bold !important;
}
.full-width {
  width: 100%;
  max-width: none;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.clear {
  clear: both;
}
.center {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}
.clickable {
  cursor: pointer;
}
.clickable:hover a,
a.clickable:hover {
  text-decoration: underline;
}
.inline-block {
  display: inline-block;
}
.red {
  color: red;
}
.no-wrap {
  white-space: nowrap;
}
.text-overflow-ellipses {
  text-overflow: ellipsis;
  width: inherit;
  overflow: hidden;
  white-space: nowrap;
}
.loading {
  background-image: url(/images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 25px;
  min-width: 25px;
  display: inline-block;
}
.loading-sm {
  background: url(/images/loading-sm.gif) center center no-repeat;
  min-height: 15px;
  min-width: 15px;
  display: inline-block;
}
input.loading,
select.loading {
  background-position: center right;
  background-image: url(/images/loading-sm.gif);
}
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.text-default {
  color: #333;
}
/* Table Styling*/
th {
  background-color: #F2F2F2;
}
/* Bootstrap Overrides */
.bg-info {
  padding: 10px;
  /*border: 1px solid #064d47;*/
  background-color: #CAE7F0;
}
.btn-default {
  color: #444;
  background-color: #e9e9e9;
  border-color: #868686;
  text-shadow: 0px 0px 0px;
  /* do not remove */
}
.input-group .form-control {
  padding: 9px !important;
}
.has-feedback.has-success input {
  background-color: #87F99A;
}
.has-feedback.has-warning input {
  background-color: yellow;
}
.has-feedback.has-danger input {
  background-color: #FFC1C1;
}
.form-control-feedback input {
  font-size: 16px;
}
.pac-container {
  z-index: 1100 !important;
}
/** Status Indicator */
.indicator {
  display: inline-block;
  margin-right: 5px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center center;
}
.global-search {
  position: relative;
}
.global-search li {
  position: static;
  top: 0;
  left: 0;
  opacity: 1;
  transition: all 0.3s ease-in;
}
.global-search .global-search-results {
  display: none;
}
.global-search.active {
  float: left;
  width: 1000px;
}
.global-search.active .global-search-options {
  position: absolute;
  z-index: 1;
  width: 100%;
}
.global-search.active .global-search-options li:not(.active) {
  opacity: 0;
  left: -100%;
  position: absolute;
}
.global-search.active .global-search-options li.active {
  animation-delay: 2s;
  position: absolute;
  top: -15px;
  z-index: 50;
  border-bottom: 1px solid #CCC;
  background: url(../@{iconServer}/icons/32x32/arrow_into.png) no-repeat 9px 9px #BCCCDB;
  cursor: pointer;
}
.global-search.active .global-search-options li.active h4 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  vertical-align: middle;
}
.global-search.active .global-search-results {
  min-height: 200px;
  margin-top: 44px;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  display: block;
  width: 100%;
  list-style-type: none;
  padding-left: 0px;
}
.global-search.active .global-search-results tr.global-search-result td {
  padding: 5px;
  border-bottom: 1px dotted #CCC;
  margin: 3px;
  transition: background-color 0.3s;
  font-size: 15px;
}
.global-search.active .global-search-results li {
  padding: 3px;
  border-bottom: 1px dotted #CCC;
  margin: 3px;
  transition: background-color 0.3s, padding-left 0.3s;
  width: 100%;
  clear: both;
  float: left;
  cursor: pointer;
  font-size: 16px;
}
.global-search.active .global-search-results li:hover {
  background-color: #AAD9ED;
  padding-left: 20px;
}
.global-search.active .global-search-results .global-search-result:hover {
  background-color: #AAD9ED;
}
.aggregate-tally {
  margin-left: 15px;
  float: right;
}
.aggregate-tally span {
  width: 140px;
  display: inline-block;
  text-align: center;
}
.aggregate-tally span:last-child {
  width: auto;
}
.aggregate-tally var {
  font-style: normal;
}
#ATG-Contact-Directory legend {
  margin-bottom: 10px;
}
#ATG-Contact-Directory .modal-body {
  max-height: 550px;
  overflow: auto;
}
.icon-menu a {
  padding: 3px 10px !important;
}
.icon-menu i {
  margin-right: 15px;
}
.icon-menu li {
  border-bottom: 1px dotted #CCC;
}
.modal-backdrop {
  z-index: 1029 !important;
}
/* Loadboard */
.loadboard tr.Red.Flag {
  background: linear-gradient(to bottom, #ff5856 4%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 79%, #ff5856 100%);
}
.loadboard tr.Blue.Flag {
  background: linear-gradient(to bottom, #2989d8 4%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 79%, #2989d8 100%);
}
.loadboard tr.Green.Flag {
  background: linear-gradient(to bottom, #068a06 4%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 79%, #068a06 100%);
}
.loadboard tr.Yellow.Flag {
  background: linear-gradient(to bottom, #daff10 4%, rgba(41, 137, 216, 0) 20%, rgba(32, 124, 202, 0) 79%, #daff10 100%);
}
.loadboard tr.Orange.Flag {
  background: linear-gradient(to bottom, #ffb238 4%, rgba(41, 137, 216, 0) 20%, rgba(32, 124, 202, 0) 79%, #fd9f0b 100%);
}
#prospect-lookup-results {
  position: absolute;
  right: 0;
  width: 260px;
  height: 100%;
  border: 1px solid #ccc;
  z-index: -500;
  background-color: #eee;
  /*overflow: hidden;*/
  transition: right 250ms;
}
#prospect-lookup-results > .prospects-wrap {
  overflow-y: auto;
  height: 100%;
}
#prospect-lookup-results header {
  background: #51607B;
  padding: 2px 10px;
  margin: 0;
  width: 100%;
  text-align: center;
  font-weight: bold;
  position: absolute;
}
#prospect-lookup-results header h4 {
  color: white;
}
#prospect-lookup-results .prospects-wrap > ul {
  margin-top: 46px;
  padding: 0;
  list-style: none;
  text-align: center;
}
#prospect-lookup-results > .prospects-wrap > ul > li {
  padding: 20px 10px;
  margin: 0;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  font-size: 1em;
  color: #51607b;
}
#prospect-lookup-results > .prospects-wrap > ul > li:hover {
  background-color: #ddd;
}
#prospect-lookup-results.visible {
  right: -260px;
}
input.unstyled::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  border: none;
  background-color: transparent;
}
#logout {
  margin-top: -20px;
}
.release-notes-popover {
  font-size: 12px;
  min-width: 600px;
  width: 600px;
}
.release-notes-popover h2 {
  font-size: 16px;
  border-bottom: 1px solid #CCC;
  margin: 5px;
  padding: 0;
  font-weight: bold;
}
/* Carrier CSS */
.carrier-edit-form #Contacts {
  margin: 0;
  padding: 0;
}
.carrier-edit-form #Contacts .k-icon {
  display: none;
}
.carrier-edit-form #Reviews h3 {
  margin: 0;
  font-weight: bold;
}
.carrier-edit-form #Reviews ul {
  font-size: 16px;
  border-left: 1px dotted #999;
}
.carrier-edit-form #Reviews ul li {
  padding: 2px;
}
.carrier-edit-form #Reviews li span {
  font-weight: bold;
  font-size: 22px;
}
.carrier-edit-form #SameAsMailing,
.carrier-edit-form #SameAsPhysical {
  margin-top: -5px;
}
.indicator.Conditional {
  background-image: url("https://atg-icons.azurewebsites.net//icons/32x32/conditional_warning.png");
}
.indicator.Conditional.Active {
  background-image: url("https://atg-icons.azurewebsites.net//icons/32x32/check_yellow.png");
}
.indicator.Pending,
.indicator.Review {
  background-image: url("https://atg-icons.azurewebsites.net//icons/32x32/hourglass.png");
}
.indicator.HasWarnings,
.indicator.Warning {
  background-image: url("https://atg-icons.azurewebsites.net//icons/32x32/sign_warning.png");
}
.indicator.Insurance {
  background-image: url("https://atg-icons.azurewebsites.net//icons/32x32/sign_warning_insurance.png");
}
.indicator.Out.Of.Business {
  background-image: url("https://atg-icons.azurewebsites.net//icons/32x32/close.png");
}
.indicator.Incomplete {
  background-image: url("https://atg-icons.azurewebsites.net//icons/32x32/document_chart.png");
}
#customer-edit-form .group-selector .form-control {
  font-size: 12px;
}
#customer-edit-form ul.billing-contacts li {
  list-style-type: none;
  padding: 3px;
  border-bottom: 1px dotted #666;
}
#customer-edit-form .available-credit {
  margin-bottom: 0;
  color: #0E6C0E;
  font-size: 1.5em;
  padding-right: 0.5%;
  margin-right: 10px;
}
.indicator.Active,
.indicator.Customer {
  background-image: url("https://atg-icons.azurewebsites.net//icons/32x32/check.png");
}
.indicator.Dormant {
  background-image: url("https://atg-icons.azurewebsites.net//icons/32x32/clock.png");
}
.indicator.Inactive,
.indicator.Duplicate,
.indicator.Dead {
  background-image: url("https://atg-icons.azurewebsites.net//icons/32x32/sign_forbidden.png");
}
.indicator.Hold,
.indicator.Collections {
  background-image: url("https://atg-icons.azurewebsites.net//icons/32x32/lock.png");
}