* {
   margin:0;
   padding:0;
}

.row.login {
   margin-top: 50px;
}

.table.table-bordered.module-list, .table.table-bordered.client-list, 
 .table.table-bordered.replace-list, .table.table-bordered.packrule-list {
   margin-top: 20px;
}
.table.table-bordered.device-list {
   margin-top: 20px;
}

/*.collapse {
  overflow: visible; 
}*/
form .clearfix {
     margin-bottom: 5px;
       zoom: 1;
}
.alert {
   margin-top: 10px;
}
.alert-block.load2 {
   background-color: #0dcecb;
}
#s2id_orignImei, #s2id_imei {
    width: 220px;
}

#replace-list_wrapper, #client-list_wrapper, #transport-list_wrapper, #device-list_wrapper,
#packrule-list_wrapper {
    margin-top: 20px;
}
.help-inline, .help-block {
    font-size: 13px;
    line-height: 18px;
    color: #BFBFBF;
}
/***/
     .form-signin {
        max-width: 300px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }
.mCSB_container {
   margin-right: 15px;
}

#automobile,#automobile2, #automobile3, #reports,#stopping-report, #mileage-report, #swiftness-report {
   width: 100%;
   height: 200px;
}
/*#automobile tbody, #reports tbody , #stopping-report, #swiftness-report {*/
   /*overflow: auto;*/
/*}*/
.table-hover tbody tr td {
      background-color: #F9F9F9;
}
#modalDataTime .modal-body {
    padding-bottom: 30px;
}

/* Period */
.date input, .bootstrap-timepicker input {
  width: 80%;
  margin-bottom: 10px;
}
.bootstrap-timepicker input {
  width: 85%;
}
.bootstrap-timepicker.waybill input {
  width: 50%;
}

.period .aplay > div {
    margin-top:10px;
}
.map-labels {
     background-color: white;
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 10px;
     font-weight: bold;
     text-align: center;
     white-space: nowrap;
     padding: 1px;
     border: 1px solid #000000;
     border-radius:3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
   }
.chart-container {
   box-sizing: border-box;
   min-width: 850px;
   height: 400px;
   padding: 20px 15px 15px 15px;
   margin: 10px auto 25px auto;
   border: 1px solid #ddd;
   background: #fff;
   background: linear-gradient(#f6f6f6 0, #fff 50px);
   background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
   background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
   background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
   background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
   box-shadow: 0 3px 10px rgba(0,0,0,0.15);
   -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
   -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
   -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
   -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.chart-placeholder {
   width: 100%;
   height: 100%;
   font-size: 14px;
   line-height: 14px;
}

.legend table {
   border-spacing: 5px;
}
/* ************************ */
.bwizard-steps {
   display: inline-block;
   margin: 0; padding: 0;
   background: #fff }
   .bwizard-steps .active {
      color: #fff;
      background: #007ACC }
   .bwizard-steps .active:after {
      border-left-color: #007ACC }
   .bwizard-steps .active a {
      color: #fff;
      cursor: default }
   .bwizard-steps .label {
      position: relative;
      top: -1px;
      margin: 0 5px 0 0; padding: 1px 5px 2px }
   .bwizard-steps .active .label {
      background-color: #333;}
   .bwizard-steps li {
      display: inline-block; position: relative;
      margin-right: 5px;
      padding: 12px 17px 10px 30px;
      *display: inline;
      *padding-left: 17px;
      background: #efefef;
      line-height: 18px;
      list-style: none;
      zoom: 1; }
   .bwizard-steps li:first-child {
      padding-left: 12px;
      -moz-border-radius: 4px 0 0 4px;
      -webkit-border-radius: 4px 0 0 4px;
      border-radius: 4px 0 0 4px; }
   .bwizard-steps li:first-child:before {
      border: none }
   .bwizard-steps li:last-child {
      margin-right: 0;
      -moz-border-radius: 0 4px 4px 0;
      -webkit-border-radius: 0 4px 4px 0;
      border-radius: 0 4px 4px 0; }
   .bwizard-steps li:last-child:after {
      border: none }
   .bwizard-steps li:before {
      position: absolute;
      left: 0; top: 0;
      height: 0; width: 0;
      border-bottom: 20px inset transparent;
      border-left: 20px solid #fff;
      border-top: 20px inset transparent;
      content: "" }
   .bwizard-steps li:after {
      position: absolute;
      right: -20px; top: 0;
      height: 0; width: 0;
      border-bottom: 20px inset transparent;
      border-left: 20px solid #efefef;
      border-top: 20px inset transparent;
      content: "";
      z-index: 2; }
   .bwizard-steps a {
      color: #333 }
   .bwizard-steps a:hover {
      text-decoration: none }
/***********************/
.bwizard-steps .disabled a {
cursor : default;
}
/***********************/
.bwizard-steps.clickable li:not(.active) {
   cursor: pointer }
.bwizard-steps.clickable li:hover:not(.active) {
   background: #ccc }
.bwizard-steps.clickable li:hover:not(.active):after {
   border-left-color: #ccc }
.bwizard-steps.clickable li:hover:not(.active) a {
   color: #08c }
/***********************************/
.animate-enter-setup, 
.animate-leave-setup
{ 
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
} 
 
.animate-enter-setup.animate-enter-start, 
.animate-leave-setup {
    opacity: 1;
    top: 0;
    height: 30px;
}
 
.animate-leave-setup.animate-leave-start,
.animate-enter-setup {
    opacity: 0;
    top: -50px;
    height: 0px;
}
.example-repeat-enter,
.example-repeat-leave,
.example-repeat-move {
  -webkit-transition:all linear 0.5s;
  -moz-transition:all linear 0.5s;
  -ms-transition:all linear 0.5s;
  -o-transition:all linear 0.5s;
  transition:all linear 0.5s;
}
 
.example-repeat-enter {
  line-height:0;
  opacity:0;
}
.example-repeat-enter.example-repeat-enter-active {
  line-height:20px;
  opacity:1;
}
 
.example-repeat-leave {
  opacity:1;
  line-height:20px;
}
.example-repeat-leave.example-repeat-leave-active {
  opacity:0;
  line-height:0;
}
 
.example-repeat-move { }
.example-repeat-move.example-repeat-move-active { }

@font-face{
    font-family:FontAwesome;
     src:url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.eot?#iefix) format('eot'),
  url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.woff) format('woff'),
  url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.ttf) format('truetype'),
  url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.svg#FontAwesome) format('svg');
      font-weight:400;font-style:normal;}
[class^=icon-]:before,[class*=" icon-"]:before{font-family:FontAwesome;font-weight:400;font-style:normal;display:inline-block;text-decoration:inherit;}
a [class^=icon-],a [class*=" icon-"]{display:inline-block;text-decoration:inherit;}
.icon-sort:before{content:"\f0dc";}.icon-sort-down:before{content:"\f0dd";}.icon-sort-up:before{content:"\f0de";}

.icon-refresh-animate {
  -webkit-animation-name: rotateThis;
  -moz-animation-name: rotateThis;
  -ms-animation-name: rotateThis;
  -o-animation-name: rotateThis;
  animation-name: rotateThis;
   
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
 
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
 
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
.icon-refresh-animate {
  animation-name: rotateThis;
  animation-duration: .5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
 
@keyframes "rotateThis" {
  from { transform: scale( 1 ) rotate( 0deg );   }
  to   { transform: scale( 1 ) rotate( 360deg ); }
}
 
@keyframes "rotateThis" {
  from {
    -webkit-transform: scale( 1 ) rotate( 0deg );
      -moz-transform: scale( 1 ) rotate( 0deg );
      -o-transform: scale( 1 ) rotate( 0deg );
      -ms-transform: scale( 1 ) rotate( 0deg );
      transform: scale( 1 ) rotate( 0deg );
  }
  to {
    -webkit-transform: scale( 1 ) rotate( 360deg );
      -moz-transform: scale( 1 ) rotate( 360deg );
      -o-transform: scale( 1 ) rotate( 360deg );
      -ms-transform: scale( 1 ) rotate( 360deg );
      transform: scale( 1 ) rotate( 360deg );
  }
}
 
@-moz-keyframes rotateThis {
  from {
    -moz-transform: scale( 1 ) rotate( 0deg );
    transform: scale( 1 ) rotate( 0deg );
  }
  to {
    -moz-transform: scale( 1 ) rotate( 360deg );
    transform: scale( 1 ) rotate( 360deg );
  }
}
 
@-webkit-keyframes "rotateThis" {
  from {
    -webkit-transform: scale( 1 ) rotate( 0deg );
    transform: scale( 1 ) rotate( 0deg );
  }
  to {
    -webkit-transform: scale( 1 ) rotate( 360deg );
    transform: scale( 1 ) rotate( 360deg );
  }
}
 
@-ms-keyframes "rotateThis" {
  from {
    -ms-transform: scale( 1 ) rotate( 0deg );
    transform: scale( 1 ) rotate( 0deg );
  }
  to {
    -ms-transform: scale( 1 ) rotate( 360deg );
    transform: scale( 1 ) rotate( 360deg );
  }
}
 
@-o-keyframes "rotateThis" {
  from {
    -o-transform: scale( 1 ) rotate( 0deg );
    transform: scale( 1 ) rotate( 0deg );
  }
  to {
    -o-transform: scale( 1 ) rotate( 360deg );
    transform: scale( 1 ) rotate( 360deg );
  }
}

.monitoringStorage { 
   border-bottom:1px solid #ddd;
   margin-top: 50px;
}
.nvd3 .nv-bullet .nv-range.nv-rangeAvg{ fill: #6dff62; }
.nvd3 .nv-bullet .nv-range.nv-rangeMin{ fill: #f19090; }

/* Fix for Bootstrap 3 with Angular UI Bootstrap */

.modal { 
	display: block;
}

/* Custom dialog/modal headers */

.dialog-header-error { background-color: #d2322d; }
.dialog-header-wait { background-color: #428bca; }
.dialog-header-notify { background-color: #eeeeee; }
.dialog-header-confirm { background-color: #333333; }
	.dialog-header-error span, .dialog-header-error h4,
	.dialog-header-wait span, .dialog-header-wait h4,
	.dialog-header-confirm span, .dialog-header-confirm h4 { color: #ffffff; }

/* Ease Display */
.progress-bar-info {
background-color: #337ab7;
height: 25px;
}
.pad { padding: 25px; }
/*.modal-backdrop, .modal-backdrop.fade.in {*/
    /*opacity: 0;*/
    /*filter: alpha(opacity=80);*/
/*}*/
/*
.control-group.input-append.bootstrap-timepicker > .input-small.modal-backdrop.fade.ng-valid.ng-dirty.ng-valid-time.in {
    opacity: 0;
    z-index: -1000;
}
*/