﻿A {
    cursor:pointer;
}
.table-container {
    background-color: white;
    border-radius: 3px;
    border: 1px solid #f2f2f2;
}

body {
    background-color: #fafafa !important;
    overflow-y:scroll !important;
}
.modal {
    overflow-y: hidden !important;
}

@media all and (min-width:1200px) {
    #containerid {
        padding-right:30px;
        padding-left:20px;
    }

    .navbar-header IMG {
        display: block !important;
    }
}

@media all and (min-width:768px) {
   
    .form-horizontal .control-label {
        text-align: left !Important;
    }
}
    #containerid {
        width: 100%;
    }

    .navbar-header IMG {
        display: none;
    }

    @media all and (max-width:992px) {
        #containerid {
            width: 100%;
        }
    }

    .form-control {
        height: 32px !Important;
        padding: 5px !Important;
        font-size: 13px !Important;
   
    }

    .input-group-addon, .input-group-btn .btn {
        padding-top: 6px !Important;
    }

    .btn {
        height: 32px !Important;
        padding-top: 5px !Important;
    }



    #search-button {
        height: 32px;
        padding-top: 3px;
        padding-left: 10px;
        padding-right: 10px;
    }

    [class^='icon-'], [class*=' icon-'] {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        *margin-right: .3em:;
    }

    .navbar-default {
        background-color: #111 !Important;
    }
    .icon-search::before {
        content: "\f002";
    }
    .icon-search::before {
        content: "\f002";
    }
    .icon-repeat::before {
        content: "\e030";
    }
    .icon-prev::before {
        content: '\2039';
    }

    .icon-support::before {
      content: "\e065";
    }
      



    .datatables {
        display: none;
    }

    .datatables TH {
        padding-left: 6px !Important;
    }

    TBODY TD.class-rows, TBODY TD.class-log {
        color: #00526e;
        cursor: pointer;
    }

    TBODY TD.class-date {
        width: 70px;
    }

    TBODY TD.class-datetime {
        width: 100px;
    }

    TBODY TD.class-amount {
        text-align: right;
    }

    .navbar {
    }

    task-status {
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        border-top:0px;
        border-bottom:1px solid #eee; 
    }

    .table tbody tr .hover {
        font-weight: bold;
    }
    .table tbody tr .hover:hover {
        cursor:pointer;
        background-color:#e0e3ff;
    }
   
      
    .small-link {
          text-align:center;
          width:90px;
        }

    .table tbody .btn-sm {
              height:24px !Important;
            padding-top:2px !Important;
    }

    .flagIp, .flag, .flagvehicle, .flagbouser, .flaghandler {
            float:left;
            padding-left:24px;
        }
    .table tbody    .epassuser {
            width:14px;
           
        }
    .table tbody    .epassuser IMG {
            margin-top:1px;
            float:left;
             display:none;
        }


.contains-buttons BUTTON{
    margin-top:-6px;
}
.contains-buttons {
    padding-bottom:2px !Important;
}


/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 20px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.run-buttons { 
        height:24px !Important;
        padding-top:1px !Important;
}

.claimCanceled, .blocked, .claimHold, .claimUnpaid, .claimPaid {
        width: 22px;
        height: 16px;
        float: left;
}
.claimHold.true {
    background: url(/img/claimhold-small.png) no-repeat 0px 0px;         
    cursor: pointer;
} 
.claimPaid.true {
    background: url(/img/claimpaid-small.png) no-repeat 0px 0px;         
    cursor: pointer;
} 
.claimUnpaid.true {
    background: url(/img/claim-small.png) no-repeat 0px 0px;         
    cursor: pointer;
} 
.claimCanceled.true {
    background: url(/img/claimdeleted-small.png) no-repeat 0px 0px;         
    cursor: pointer;
} 
.blocked.true {
    background: url(/img/blocked-small.png) no-repeat 0px 0px;         
    cursor: pointer;
} 
    
.entity {
    font-weight:bold;
    cursor:pointer;
}
.nomatch {
    background-color:#feecec !Important;
}
.nomatch:hover {
    background-color:#eab3b3 !Important;
}
.match {
    background-color:#f2fff2;
}
.match:hover {
    background-color:#e6f7e7 !Important;
}
.btn-mini-icon {   
    width:18px !Important;
    height:18px !Important;
    padding: 0px !Important;
    margin-right:5px;
    float:left;
}
 
.sPaymentInfoRow {
    height:21px;
}
.sPaymentInfoRowBottom {
    border-top:1px solid #aaa;
}

.end {
    border-right: 1px solid #eee;
}
.start {
    border-left: 1px solid #eee;
}

.no-padding {
    padding: 0 !Important;
}
