/*
Green
#28A745

Blue
#3c88c9

Gray
#5A6268
*/



.astext {
    background:none;
    border:none;
    margin:0;
    padding:0;
    cursor: pointer;
    text-decoration: underline;
    color:#0069D9;
}

.panel-defaultx
 {
  border: 1px solid #15224C !important;
 }

.panel-heading
 {
  background: #3c88c9 !important;
  border-bottom: none !important; /* 2px solid #2f2339 */ 
 }

.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4,
.panel-heading h5,
.panel-heading h6 {
    margin-top:5px;
    margin-bottom:0px;    
    color: #2f2339;   
    color:#ffffff;
}

.panel-heading .btn-lg{
    margin-top:4px;
}

hr 
 {
  border: 0; height: 1px; background: #2f2339; background-image: linear-gradient(to right, #ccc, #2f2339, #ccc);
 }


 .checkbox-inline
 {
 	margin-bottom: 15px;
 }

.form-control 
 {
  width:100%;
  margin-left:0; 
 }

.input-group 
 {
  width:100%;
  margin-left:0;  
 }

.no-padding
 {
  padding: 0 10px 0 0 ;
 } 

/* Alerts */
.alert {
    background-color: #0069D9;
    padding:10px 10px;
    text-align:left;
    color:#FFF;
    border-radius:0;
    position:relative;
}

.alert-warning {
    background-color:#FFF;
    color:#353535;
    border:1px solid #E8D170;
    border-left:30px solid #E8D170;
}

.alert-warning.alternate {
    background-color:#FCF8E3;
}

.alert-danger {
    background-color:#FFF;
    color:#353535;
    border:1px solid #B20F0F;
    border-left:30px solid #B20F0F;
}

.alert-danger.alternate {
    background-color:#F2DEDE;
}

.alert-success {
    background-color:#FFF;
    color:#353535;
    border:1px solid #629845;
    border-left:30px solid #629845;
}

.alert-success.alternate {
    background-color:#629B45;
}

.alert-info {
    background-color:#FFF;
    color:#353535;
    border:1px solid #28A745;
    border-left:30px solid #28A745;
}

.alert-info.alternate {
    background-color:#60A5BA;
}

.alert-dismissable .close, .alert-dismissible .close {
    position:absolute;
    top:0;
    right: 4px;
}

.alert-floating {
    position:fixed;
    top:0;
    right:0px;
    z-index:3;
    width:100%
}

.alert-floating h1,
.alert-floating h2,
.alert-floating h3,
.alert-floating h4,
.alert-floating h5,
.alert-floating h6
 {
  margin-top:0px;
 }

/* Steps */

.numberCircle
 {
  display:inline-block;
  border-radius:50%;   
  font-size:20px;
  border-width: thin;
  margin-bottom:10px;
 }

.numberCircle.colorgreen
 {
  border:2px solid #8bc440;
 }

.numberCircle.colorblue
 {
  border:2px solid #15224C;
 }

.numberCircle.colorgold
 {
  border:2px solid #B17E09;
 }

.numberCircle.colorgrey
 {
  border:2px solid #D3D3D3;
 }

.textgreen
 {
  color:#8bc440;
 } 

.textblue
 {
  color:#15224C;  
  font-size:16px;
 }
.textgold
 {
  color:#B17E09;
  font-size:16px;
 }

.textblack
 {
  color:#000000;
   font-size:16px;
 }

.checkmark 
 {
  content: "\2713";
 }

.numberCircle:before, .numberCircle:after
 {
  content:'\200B';
  display:inline-block;
  line-height:0px;
  padding-top:50%;
  padding-bottom:50%;
 }

.numberCircle:before
 {
  padding-left:8px;
 }

.numberCircle:after
 {
  padding-right:8px;
 }

.centered
 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align:center;    
 }
   
 .step-dots 
  {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNSIgaGVpZ2h0PSIyIiB2aWV3Qm94PSIwIDAgNSAyIj48ZGVmcz48cGF0aCBpZD0iYiIgZD0iTTIgMGgzOThhMiAyIDAgMCAxIDIgMnY0MjhhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWMmEyIDIgMCAwIDEgMi0yeiIvPjxmaWx0ZXIgaWQ9ImEiIHdpZHRoPSIxMjUuMSUiIGhlaWdodD0iMTIzLjQlIiB4PSItMTIuNiUiIHk9Ii05LjQlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9Ii41IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBkeT0iMTAiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIxNSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0JsdXJPdXRlcjEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC41IDAiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRjVGN0ZBIiBkPSJNLTgyMS01MjhINzM5VjU1MkgtODIxeiIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzIgLTM4MykiPjx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI2EpIiB4bGluazpocmVmPSIjYiIvPjx1c2UgZmlsbD0iI0Y1RjdGQSIgc3Ryb2tlPSIjRTJFNkVDIiB4bGluazpocmVmPSIjYiIvPjwvZz48cGF0aCBzdHJva2U9IiM5QkEzQUYiIHN0cm9rZS1kYXNoYXJyYXk9IjEsNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMSAxbDczIC41Ii8+PC9nPjwvc3ZnPg==);
   height: 2px;
   -ms-flex: 1;
   flex: 1;
   margin: 15px 0;
   
  }

/*
@media (min-width: 768px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
   }
 
 }
 */

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
   }
 }
 s

@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;

   }
 }

@media (max-width: 992px) {
 .textgreen
  {
   color:#8bc440;
   font-size:16px;
  } 

 .textblue
  {
   color:#0082C6;
  }

 .textblack
  {
   color:#000000;
   font-size:16px;
  }
 }

 @media (max-width: 767px) {
  .textblue, .textblack
   {
    /*font-size:12px;*/
   }
  }

  .absolute-center {

/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}



.blue-btn
 {
  background:#15224C !important;   /* #2f2339; #003366*/
  color:#ffffff; 
 }

.btn-disable
        {
        cursor: not-allowed;
        pointer-events: none;

        /*Button disabled - CSS color class*/
        color: #c0c0c0;
        background-color: #ffffff;

        }

.actionx
 {
  color: #3c88c9;
 }

.status-buttons { margin-bottom: 15px; background: #15224C; color:#ffffff;}
.status-buttons:hover { color: #ffffff; background:#996515 !important; }




@media (max-width:768px)
 {
  .font { font-family: HelveticaNeueLTStd; text-transform: uppercase; margin-bottom:5px;  color: #15224C; font-weight:bold;}
 }


ul
  {
   list-style-type: none;
   padding-left: 0px;
  }

ul li .spanWidth
  { 
   float: left;
   width: 200px;  
  }

ul li .spanWidthShort
  { 
   float: left;
   width: 75px;   
  }


/* Spinner */
#loader-listings
 {
 
  position: fixed;
  top: 50%;
  left: 45%;
 
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 150px;
  height: 150px;

  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3C88C9;

  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;

  background-color: transparent;
  background: #D0D0D0;
  opacity: 0.75;  
}

#loader-quotes
 {
 
  position: fixed;
  top: 50%;
  left: 45%;
 
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 150px;
  height: 150px;

  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3C88C9;

  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;

  background-color: transparent;
  background: #D0D0D0;
  opacity: 0.75;  
}

.centered-spinnerx {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media screen and (max-width: 767px){
  .navbar-nav{
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

#introText a {
  color: #ff6600;
  text-decoration: none;
}

#introText a:hover {
  color: #ffb280;
}

#introText ul {
  display: inline-block;
}


.popupText {
  position: relative;
}

.popupText div {   
  display: none;
  position: absolute;
  top: 0;
  left:25%;
  margin-top: -30px; 
  margin-left: 25px; 
  border: 3px solid red;
}

.popupText span.title:hover + div {
  cursor: pointer;
  display: block;  
  width: 250px;
  line-height: 20px;
  padding: 8px;
  font-size: 14px;
  text-align: center;
  z-index: 999;
  background: rgb(255, 255, 255);
  border: 4px solid rgb(255, 255, 255);
  border-radius: 5px;
  text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
  box-shadow: #333 -2px 2px 10px 2px;
  -webkit-transition: opacity 100ms ease-in;
  -o-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
  pointer-events: none;
}

.popupText div:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #FFFFFF transparent transparent;
  top: 22px;
  left: -23px;
}

a {
  color: #000000;
}

/* NEW LOAD LOOK CUSTOM STYLE */
.origin-cell {
  position: relative;  
}
.origin, .destination {
  background-color: #fff;
  z-index: 1;
  position: relative;
}

.view-route-arrow{
  color: #3fb618;
}
.view-route .btn{
  font-size: 8pt;
}
table.styled {
  border-collapse:separate; 
  border-spacing: 0 1em;
  border-bottom: 0!important;
}

table.styled tr {
  -webkit-box-shadow: 0px 0px 5px #c3c3c3;
          box-shadow: 0px 0px 5px #c3c3c3;        
          

}

table.styled thead th, table.styled thead td {
  border-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  table.styled tr {
    box-shadow: 0px 0px 5px #c6c2c2;
    width: 95%;
    display: flex;
    flex-direction: column;
    margin: auto;
    margin-bottom: 2em;
  }

  table.styled thead{
    display: none;  
  }
  table.styled tr td{
    display: block;
    width: inherit;
    padding: 5px 12px;

  }
  table.styled tr td:not(:first-child):not(:last-child){
    border: none;
  }
  .view-route-arrow:before {
      content: "\f103"!important;
  }
  .origin-cell .mt-5.h6{
    margin-top: 0!important;
  }

}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #fff!important;
}
.btn-send-message,
.btn.view-shipper-notes{
  font-size: 9pt;
  word-wrap: unset;
  
}
.total-weight{
  text-decoration: overline;
}

.popover.in,
.tooltip.in{
  opacity: 1;
}
body{
  /*font-size: 0.85rem;*/
  padding-right: 0 !important;
  margin-top: 70px;
  overflow-y: scroll;
}
#swal2-content {
  font-size: 1rem;
}
.dropdown-item {
  white-space: normal;
}

.nav-tabs .nav-link.active {
  color: #000;
  background: #dfdfdf;
  border-bottom: 1px solid #c0c0c0;
}








iframe {
  background: #000;
  border: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 800px;
}
thead {
 /*background-color: #28A745 !important;
 /*#1A1A1A #286090 #15224C !important;
  */
 /* color: #fff;
  */
  border-top-left-radius: 25px !important;
}
table {
  font-size:13px;
}
.child table {
  width: 100%;
}
table.dataTable tbody td {
  vertical-align: top !important;
  padding-top: 10px;
}
ul li .spanWidth {
  float: left;
  width: 200px;
}
ul li .spanWidthShort {
  float: left;
  width: 125px;
  font-weight:bold;
}

td {
  font-size: 14px;
  line-height: 1.5;
}
/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}
/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {
     opacity: 0;
 }
  to {
     opacity: 1;
 }
}
@keyframes fadeIn {
  from {
     opacity: 0;
 }
  to {
     opacity:1 ;
 }
}
#tabs {
  padding : 5px 15px;
}
.tab-content {
 /*padding-left: 15px;
  padding-right: 15px;
  border: 1px solid #E5E5E5;
  */
}
#tabs .nav-tabs li {
  margin-bottom:0 !important 
}
#tabs .nav-tabs li a {
  color: #3897F0;
}
#tabs .nav-tabs li.active a:not(.btn) {
  color:#15224C;
  border-top: 1px solid #15224C;
}
.anchor-buttons {
  background:#28A745;
 /* #2f2339;
  #003366 */
  color:#ffffff;
  margin-right: 10px;
  width:100%;
  font-size:12px;
  margin: 2px;
  text-align:center;
}
.anchor-buttons:hover {
  color: #ffffff;
  background:#996515 !important;
}
.row-border {
  border: 1px solid #d3d3d3;
}

#map-result {
  height: 400px;
}

.bg-success-light {
  background-color: #28a74545!important;
}
.checkbox-1x {
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
}
.checkbox-2x {
  transform: scale(2);
  -webkit-transform: scale(2);
}

@media screen and (max-width:768px) {
  td.check-row {
    position: absolute;
    z-index: 1;
    width: 0%!important;
    right: 10%;
  }
  td.check-row input[type="checkbox"] {
    position: absolute;
    right: 18%;
    top: 15px;
    transform: scale(2);
    -webkit-transform: scale(2);
  }

}

table.styled tr.checked{
  outline: 1px solid #434343;
  box-shadow: 0px 0px 7px #949494;
}

.flash-button {
  animation-name: flash;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  //Firefox 1+
  -webkit-animation-name: flash;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;

  //Safari 3-4
  -moz-animation-name: flash;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
}

@keyframes flash {
  0% {
      opacity: 1.0;
  }

  50% {
      opacity: 0.5;
  }

  100% {
      opacity: 1.0;
  }
}

//Firefox 1+
@-webkit-keyframes flash {
  0% {
      opacity: 1.0;
  }

  50% {
      opacity: 0.5;
  }

  100% {
      opacity: 1.0;
  }
}

//Safari 3-4
@-moz-keyframes flash {
  0% {
      opacity: 1.0;
  }

  50% {
      opacity: 0.5;
  }

  100% {
      opacity: 1.0;
  }
}