@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700);

html,
body {
    width: 100%;
    height: 100%;
}
.section-header {
    font-size: 32px;
    color: #0c2e8a;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
}
body {
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    color: #001A33;
    webkit-tap-highlight-color: #222;
    top:0;
}

/* workaround modal-open padding issue */
body.modal-open {
    padding-right:0 !important;
}

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 1px 0;
  margin: 18px 0;
  opacity: 0.08;
}
hr.light {
    border-color: #fff;
    opacity: 1;
}

hr.primary {
    border-color: #007FFF;
    opacity: 1;
}

a {
    color: #007FFF;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover,
a:focus {
    color: #0F1F40;
    outline: 0;
}

p {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 20px;
    /*font-family:'Helvetica Neue',Arial,sans-serif;*/
    font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.text-normal, li {
    /*font-family:'Helvetica Neue',Arial,sans-serif;*/
    font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.wide-space {
    letter-spacing: 1.6px;
}
.icon-md {
    font-size: 1.8rem;
    line-height: 10px;
}
.icon-lg {
    font-size: 2.2rem;
    line-height: 18px;
}

.bg-primary {
    background-color: #007FFF;
}

.bg-alt {
    background-color: #FBFBFB;
}
.bg-black {
    background-color: #181b2c;
}

.text-faded {
    color: rgba(245,245,245,0.7);
}

.text-dark {
    color: #001A33;
}

.text-light {
    color: #fff;
}

.text-light:hover,.text-light:focus {
    color: #eee;
    text-decoration:none;
}

.text-primary {
    color: #007FFF;
}
.analytics {
    background-color: #fbfbfb;
}
section {
    padding: 10px 0;
}

aside {
    padding: 45px 0;
}

footer {
    padding: 45px;
    padding-top: 40px;
    background-color: #e0e0e3;
}

footer h4, footer h6 {
    color:#fff;
}

.navbar-default {
    border-color: rgba(35,35,35,.05);
    background-color: #FFFFFF; ---#0F1F40;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.navbar-brand {
    color: #007FFF;
    padding: 1px;
    line-height: 1.90em;
    -webkit-transition: padding .2s ease-in;
    -moz-transition: padding .2s ease-in;
    transition: padding .2s ease-in;
    float:none;
}

.navbar-brand:hover,
.navbar-brand:focus {
    color: #007FFF;
}
/* .navbar-toggler {
    color: #fff;
} */
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #001A33;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-collapse {
    border-color: transparent;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    font-size: 12px;
    color: #F23F23;
    text-transform: uppercase;
}

.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #0F1F40;
}

.navbar-default .nav .nav-link.active,
.navbar-default .nav .nav-link.active:focus {
    color: #007FFF !important;
    background-color: transparent;
}
.m-l-10 {margin-left:10px;}
/* responsive nav */
@media(max-width:48em) {
    .navbar-default .navbar-nav>.nav-item {
        float: none;
        margin-left: .1rem;
    }
    .navbar-default .navbar-nav {
        float:none !important;
    }
}

@media(min-width:48em) {
    .navbar-default {
        border-color: transparent;
        background-color: #fff;
        min-height: 60px;
    }

    .navbar-brand {
        color: #007FFF;
        float: left;
        padding: 9px;
        padding-left: 1px;
    }

    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus {
        color: #001A33;
    }
    
    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color: #F23F23;
        padding-left: 5px;
        padding-top: 24px;
        letter-spacing: 1.1px;
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #0F1F40;
    }

    #topNav {
      background-color:#FFFFFF;
    }
    
}

header {
    position: relative;
    min-height: auto;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
/*    background: url("../img/truck_fp_faded.png") no-repeat center center fixed;*/
    background-size: cover;
}

header .header-content {
    position: relative;
    width: 100%;
    padding: 150px 15px;
    text-align: center;
    z-index: 2;
}

header .header-content .inner h1 {
    margin-top: 0;
    margin-bottom: 0;
}

header .header-content .inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: #222;
}

@media(min-width:34em) {
    .icon-lg {
        font-size: 80px;
    }
    
    header {
        min-height: 100%;
    }

    header .header-content {
        position: absolute;
        top: 50%;
        padding: 0 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    header .header-content .inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    header .header-content .inner h1 {
        font-size: 53px;
    }

    header .header-content .inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 18px;
    }
    
    section {
        min-height: 400px;
        padding: 0px 0;
        overflow: auto;
    }

}

.list-group-item, .card-footer {
    background-color:transparent;
}

textarea {
    resize: none;
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.btn.btn-primary {
    background-color: transparent;
    border:1px solid #007FFF;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    color:#007FFF;
}

.btn.btn-default {
    background-color: #e6e6e6;
    border: 1px solid #adadad;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    color: #333333;
}

.btn.btn-primary:hover {
    opacity: 0.7;
}

.btn-primary-outline {
    border-color:#007FFF;
    color:#007FFF;
}
.btn-primary-outline:hover {
    background-color:#007FFF;
}

.btn-xl {
    padding: 15px 30px;
    font-size: 20px;
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}
ul.help-block > li {
    list-style: none;
    color: #FF0000;
    margin-left: -40px;
}
.has-error .form-control {
    border-color: #d9534f;
}
.small-section {
    min-height: 200px !important;
    padding: 70px 0;
}
.jumbotron {
    margin-bottom: 0px;
    background-color: #2c395d;
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgb(52 20 114));
    border-radius: 0px;
    color: #ffffff;
    margin-top: 61px;
/*    height: 120px;
    padding: 2rem 2rem;*/
}
table { 
    display: block; overflow: auto;
}
.condensed-table td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*min-width: 70px;*/
    max-width: 370px;
}
.fp-table {
    display: table; 
    overflow: auto;
}
@media only screen and (max-width: 800px) {
.fp-table {
    display: block; 
    overflow: auto;
}
}
/**  
 * NO MORE TABLES
 */
/*No More tables*/
@media only screen and (max-width: 800px) {
  
  /* Force table to not be like tables anymore */
  .no-more-tables table, 
  .no-more-tables thead, 
  .no-more-tables tbody, 
  .no-more-tables th, 
  .no-more-tables td, 
  .no-more-tables tr { 
    display: block; 
  }
 
  /* Hide table headers (but not display: none;, for accessibility) */
  .no-more-tables thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .no-more-tables tr { border: 1px solid #ccc;     min-width: 350px !important; }
 
  .no-more-tables td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
    white-space: normal;
    text-align:left;
  }
 
  .no-more-tables td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }
 
  /*
  Label the data
  */
  .no-more-tables td:before { content: attr(data-title); }
  .no-more-tables .pull-right { margin: -20px 5px;}
  .no-more-tables .nobf { display: none !important;}
}

@media (min-width: 544px){
    .jumbotron {
        padding: 2rem 2rem;
        background-color: #2c395d;
        border-radius: 0px;
        color: #ffffff;
        margin-top: 61px;
        background-image: linear-gradient(to right, rgba(255,0,0,0), rgb(52 20 114));
/*        height: 120px;*/
    }
}
.breadcrumb {
    padding: .75rem 1.5rem;
    background-color: transparent;
    color: #ffffff;
}
.td-md {
    width: 162px;
}
.card-primary, .card-success {
    color: #ffffff;
}
.text-white {
    color: #ffffff !important;
}
.btn-normal {
    padding: 10px !important;
    color: #ffffff !important;
}
.nav-pills a {
    color: #000;
}
/**
 * Stepwizard styling
 * 
 */
.stepwizard .btn-default {
    background-color: #ccc;
    color: #fff;
    border-color:#ccc;

}
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.fp-row {
    background-color: #ffffff;
    padding-top: 2rem;
    padding-bottom: 2rem;
    min-height: 500px;
    max-height: 100%;
}
.fp-white {
    background-color: #ffffff;
}
.breadcrumb li a {
    color: #ffffff;
}
.text-nav {
    color: #F23F23;
}
.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.clickable {
    cursor: pointer; /* fallback if grab cursor is unsupported */
}
.dtrg-group {
    background-color: #2c395d26;
}
.overlay-spinner {
    opacity: .2;
    background: #FFFFFF url("/assets/fp/img/grey-spinner.gif") center center no-repeat;
}

@media (min-width: 1350px) {
  .container {
    max-width: 1460px;
  }
}

 .blink{
    color: rgb (0, 137, 226);
    animation: blink 2s infinite;
 }
 
 @keyframes blink{
    0%{opacity: 1;}
    75%{opacity: 1;}
    80%{opacity: 1;}
    85%{ opacity: 0;}
    100%{opacity: 0;}
 }
 .small-input{
    font-size: 12px;
    max-width: 160px;
 }

 .editable {
    color: #6786ad;
    display: table-cell;
}
.editable:focus {
    border: 1px solid #07c;
    box-shadow: 0 0 5px #07c;
    outline: none;
    background-color: #ffffee;
}
.popover-title {font-size: 0.9rem; height:0px; }
.new-row {background-color: #e8eeff !important;}
.link-row {background-color: #2c395d0d !important; font-size: .95rem; }
.link-row > td {padding-left: 30px; }
.btn-shadow {   
    box-shadow: 0 2px 5px rgba(0,0,0,.16), 0 2px 10px rgba(0,0,0,.12);
}
button.dt-button, div.dt-button, a.dt-button {
    display: inline-block;
    padding: .375rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: .25rem;
/*    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 0.333em;
    margin-bottom: 0.333em;
    padding: 0.5em 1em;
    cursor: pointer;
    font-size: 0.88em;
    line-height: 1.6em;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    background-image: -webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -ms-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: none;
    border-radius: 5px;*/
}

.rotate-90 {
  display: inline-block; 
  transform: rotate(90deg);
}
.rotate-180 {
  display: inline-block; 
  transform: rotate(180deg);
}
.p-sm{
    padding: 0 0.1rem;
}
.p-md{
    padding: 0 0.4rem;
}
.profile-link{
    font-size: 65%;
    color: rgb(242, 63, 35);
    text-transform: uppercase;
    padding:24px 0px;
    letter-spacing: 1.1px;
}

.fp-buttons{
    display: inline-block;
    padding: .375rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
tbody tr:hover {
    -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
    box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
    z-index: 1;
}
.modal-dialog {overflow-y: initial !important;}
.modal-body {max-height: 80vh; overflow-y: auto;}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.badge-primary {
    color: #ff9292;
    background: #ededed;
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.glow {
    outline: none;
    border-color: #53cb0a;
    box-shadow: 0 0 10px #53cb0a;
}

.pull-right {
    float: right;
}
.nav-tabs .nav-link{
    color:#848f9a;
}
.nav-tabs .nav-link.active {
    color:#007FFF !important;
}
.form-csv {
    width: 250px !important;
}
.fade {
    opacity: 0.6;
    /*text-transform: uppercase;
    font-weight: bold;*/
}
.btn-success-outline{
    border-color: #5cb85c !important;
    color: #5cb85c !important;
    background-color: transparent !important;
}
.btn-warning-outline{
    border-color: #f0ad4e !important;
    color: #f0ad4e !important;
    background-color: transparent !important;
}
.btn-danger-outline{
    border-color: #d9534f !important;
    color: #d9534f !important;
    background-color: transparent !important;
}
@media (max-width: 768px) {
    .btn-md {
        width: 100%;
    }
}

.spinner {
  animation: spin-animation 0.5s infinite;
  display: inline-block;
}

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

.animate-bottom {
  position: relative;
  animation: animatebottom 0.4s;
}

@keyframes animatebottom {
  from {
    bottom: -300px;
    opacity: 0;
  }

  to {
    bottom: 0;
    opacity: 1;
  }
}

/* Extra small devices (less than 768px) */
@media (max-width: 767px) {

/*    .modal {
      padding: 0 !important; // override inline padding-right added from js
    }

    .modal .modal-dialog {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }

    .modal .modal-content {
      height: auto;
      min-height: 100%;
      border: 0 none;
      border-radius: 0;
      box-shadow: none;
    }*/

  .modal-fullscreen-xs-down {
    padding: 0 !important;
    margin: 20px 0 0 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .modal-fullscreen-xs-down .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .modal-fullscreen-xs-down .modal-content {
    height: auto;
    min-height: 100%;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
  } 
  .modal-bottom {position:absolute;bottom:0;margin:0;width:100%;}
}

/* Small devices (less than 992px) */
@media (max-width: 991px) {
  .modal-fullscreen-sm-down {
    padding: 0 !important;
  }
  .modal-fullscreen-sm-down .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: auto;
    min-height: 100%;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
  }
}

/* Medium devices (less than 1200px) */
@media (max-width: 1199px) {
  .modal-fullscreen-md-down {
    padding: 0 !important;
  }
  .modal-fullscreen-md-down .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: auto;
    min-height: 100%;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
  }
}

.input-group  > ul.help-block {
  position: absolute;
  left: 1px;
  top: 68px;
}
.text-center {
    text-align: center;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.btn-app{
    min-width: 140px;
    min-height: 62px;
}

.form-buttons {
    padding: 5px 0px;
}
.form-buttons .form-group {
    display: inline !important;
}