/*Style.css for docket tracking*/
@font-face {
    font-family: 'GillSansRegular';
    src: url("../fonts/webfonts/GillSans-Regular.eot");
    src: url("../fonts/webfonts/GillSans-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/GillSans-Regular.woff2") format("woff2"),url("../fonts/webfonts/GillSans-Regular.woff") format("woff"),url("../fonts/webfonts/GillSans-Regular.ttf") format("truetype"),url("../fonts/webfonts/GillSans-Regular.svg#GillSans-Regular") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'GillSansSemiBold';
    src: url("../fonts/webfonts/GillSans-SemiBold.eot");
    src: url("../fonts/webfonts/GillSans-SemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/GillSans-SemiBold.woff2") format("woff2"),url("../fonts/webfonts/GillSans-SemiBold.woff") format("woff"),url("../fonts/webfonts/GillSans-SemiBold.ttf") format("truetype"),url("../fonts/webfonts/GillSans-SemiBold.svg#GillSans-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'HandelGothic';
    src: url("../fonts/webfonts/HandelGothicBT-Regular.eot");
    src: url("../fonts/webfonts/HandelGothicBT-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/HandelGothicBT-Regular.woff2") format("woff2"),url("../fonts/webfonts/HandelGothicBT-Regular.woff") format("woff"),url("../fonts/webfonts/HandelGothicBT-Regular.ttf") format("truetype"),url("../fonts/webfonts/HandelGothicBT-Regular.svg#HandelGothicBT-Regular") format("svg");
    font-weight: normal;
    font-style: normal
}

*,*:after,*:before {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box
}

html,body {
    overflow-x: hidden;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    color: #565656
}

html {
    font-size: 14px
}

@media (max-width: 767px) {
    html {
        font-size:14px
    }
}

body {
    font-family: "GillSansRegular",sans-serif;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    z-index: 1000
}

@media (max-width: 767px) {
    body {
        font-size:14px
    }
}

h1,h2,h3,h4,h5,h6 {
    font-family: "GillSansSemiBold",sans-serif;
    color: #4da6ff;
    font-weight: normal;
    margin: 0px;
    padding: 0px
}

h1,h2,h3,h4,h5,h6 {
    font-family: "GillSansSemiBold",sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px
}

h1 {
    font-size: 36px;
    line-height: 45px;
    padding-top: 3px;
    margin-bottom: 15px;
    font-weight: 600
}

h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    padding-top: 13px;
    margin-bottom: 15px
}

h3 {
    font-size: 21px;
    font-weight: 600;
    line-height: 30px;
    padding-top: 6px;
    text-transform: none;
    margin-bottom: 15px
}

h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding-top: 12px;
    text-transform: none;
    margin-bottom: 15px
}

h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    padding-top: 9px;
    text-transform: none;
    margin-bottom: 14px
}

h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    padding-top: 9px;
    text-transform: none;
    margin-bottom: 15px
}

p {
    margin-bottom: 15px;
    font-weight: 400
}

a {
    color: #4da6ff;
    text-decoration: none
}

a:hover {
    color: #4da6ff
}

ul,ol {
    padding-left: 15px
}

ul.normal {
    list-style-type: none;
    font-size: 1em;
    padding: 0px;
    padding-top: 10px;
    margin-bottom: 16px
}

ul.normal>li {
    display: block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 6px;
    line-height: inherit
}

ul.normal>li:before {
    content: '•';
    display: inline-block;
    color: #474747;
    position: absolute;
    left: 0px
}

ul.normal.two-col {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2
}

@media (max-width: 479px) {
    ul.normal.two-col {
        -moz-column-count:1;
        -webkit-column-count: 1;
        column-count: 1
    }
}

ol.normal {
    list-style-type: decimal;
    font-size: 1em;
    padding: 0px;
    padding-top: 10px;
    margin-bottom: 16px;
    padding-left: 15px
}

ol.normal>li {
    position: relative;
    padding-left: 0px;
    margin-bottom: 6px;
    line-height: inherit
}

ol.normal.two-col {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2
}

@media (max-width: 479px) {
    ol.normal.two-col {
        -moz-column-count:1;
        -webkit-column-count: 1;
        column-count: 1
    }
}

textarea {
    max-width: 100%;
    min-width: 100%;
    min-height: 44px
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left
}

.youtube-iframe {
    margin: 25px 0
}

.icon {
    display: inline-block;
    vertical-align: middle
}

section {
    padding: 45px 0
}

@media (max-width: 767px) {
    section {
        padding:30px 0px
    }
}

.narrow {
    max-width: 800px;
    margin: 0 auto 30px
}

#main {
    padding: 0
}

.seperator {
    margin: 45px 0
}

.seperator.medium {
    margin: 30px 0
}

.seperator.small {
    margin: 15px 0
}

.inline-block {
    display: inline-block
}

.text-align-center {
    text-align: center
}

.text-align-left {
    text-align: left
}

.text-align-right {
    text-align: right
}

.text-align-justify {
    text-align: justify
}

.margin-0 {
    margin: 0 !important
}

.margin-top-45 {
    margin-top: 45px
}

.margin-top-30 {
    margin-top: 30px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-top-15 {
    margin-top: 15px
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-0 {
    margin-top: 0px
}

.margin-0 {
    margin: 0 !important
}

.margin-bottom-30 {
    margin-bottom: 30px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.margin-bottom-15 {
    margin-bottom: 15px
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.margin-bottom-0 {
    margin-bottom: 0px
}

.padding-0 {
    padding: 0px !important
}

.padding-top-30 {
    padding-top: 30px
}

.padding-top-20 {
    padding-top: 20px
}

.padding-top-15 {
    padding-top: 15px
}

.padding-top-10 {
    padding-top: 10px
}

.padding-top-0 {
    padding-top: 0px
}

.padding-bottom-30 {
    padding-bottom: 30px
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.padding-bottom-15 {
    padding-bottom: 15px
}

.padding-bottom-10 {
    padding-bottom: 10px
}

.padding-bottom-0 {
    padding-bottom: 0px !important
}

.width-80-desktop-block {
    display: block;
    margin: 0 auto
}

@media (min-width: 768px) {
    .width-80-desktop-block {
        max-width:80%
    }
}

.width-80-desktop {
    display: block
}

@media (min-width: 768px) {
    .width-80-desktop {
        max-width:80%
    }
}

.full {
    float: left;
    width: 100%
}

.half {
    float: left;
    width: 50%
}

@media (max-width: 540px) {
    .half {
        width:100%
    }
}

.third {
    float: left;
    width: 33.333333%
}

@media (max-width: 540px) {
    .third {
        width:100%
    }
}

@media (max-width: 599px) {
    #mqCheck-600 {
        display:none
    }
}

@media (max-width: 499px) {
    #mqCheck-500 {
        display:none
    }
}

@media (max-width: 767px) {
    #mqCheck-767 {
        display:none
    }
}

@media (max-width: 991px) {
    #mqCheck-991 {
        display:none
    }
}

@media (max-width: 1169px) {
    #mqCheck-1169 {
        display:none
    }
}

@media (max-width: 1199px) {
    #mqCheck-1199 {
        display:none
    }
}

.two-column {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2
}

@media (max-width: 359px) {
    .two-column {
        -moz-column-count:1;
        -webkit-column-count: 1;
        column-count: 1
    }
}

.docket-search-bar-sec {
    padding: 30px 0px;
    background: #4da6ff;
    color: #fff;
    text-align: center
}

.docket-search-bar-sec .label-control {
    margin: 0px;
    margin-right: 9px;
    height: 20px
}

@media (max-width: 767px) {
    .docket-search-bar-sec .form-control {
        margin:3px 0px 6px
    }
}

@media (min-width: 768px) {
    .docket-search-bar-sec .form-control {
        width:360px
    }
}

.docket-table-sec {
    background: #ECFBFE
}

.status-table,.docket-table {
    margin: 0;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #4da6ff
}

.status-table>thead,.docket-table>thead {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.status-table>thead>tr,.docket-table>thead>tr {
    -moz-box-shadow: 0px -1px 0 #4da6ff;
    -webkit-box-shadow: 0px -1px 0 #4da6ff;
    box-shadow: 0px -1px 0 #4da6ff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.status-table>thead>tr>th,.docket-table>thead>tr>th {
    letter-spacing: 1px;
    font-weight: bold;
    -moz-box-shadow: inset -1px -1px 0 #4da6ff;
    -webkit-box-shadow: inset -1px -1px 0 #4da6ff;
    box-shadow: inset -1px -1px 0 #4da6ff;
    border: none;
    background: #4da6ff;
    padding: 6px 13px;
    vertical-align: middle;
    font-size: 14px;
    color: #333333;
    width: 130px !important
}

.status-table>thead>tr>th .DataTables_sort_wrapper,.docket-table>thead>tr>th .DataTables_sort_wrapper {
    font-weight: bold;
    color: #333333
}

.status-table>tbody>tr,.docket-table>tbody>tr {
    -moz-box-shadow: 0px -1px 0px #4da6ff;
    -webkit-box-shadow: 0px -1px 0px #4da6ff;
    box-shadow: 0px -1px 0px #4da6ff
}

.status-table>tbody>tr>td,.docket-table>tbody>tr>td {
    padding: 6px 13px;
    vertical-align: middle;
    border: none;
    font-size: 14px;
    -moz-box-shadow: inset -1px -1px 0 #ebf6f9;
    -webkit-box-shadow: inset -1px -1px 0 #ebf6f9;
    box-shadow: inset -1px -1px 0 #ebf6f9;
    background: #ebf6f9;
    -moz-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    width: 130px !important
}

.status-table>tbody>tr>td.error,.docket-table>tbody>tr>td.error {
    background: #FCEBEB !important;
    color: #db3737
}

.status-table>tbody>tr>td.success,.docket-table>tbody>tr>td.success {
    color: #00710a
}

.status-table>tbody>tr>td.td-docket-details,.docket-table>tbody>tr>td.td-docket-details {
    padding: 1px;
    background: #4da6ff;
}

.status-table>tbody>tr>td.status,.docket-table>tbody>tr>td.status {
    -moz-box-shadow: inset 0px -1px 0 #ebf6f9;
    -webkit-box-shadow: inset 0px -1px 0 #ebf6f9;
    box-shadow: inset 0px -1px 0 #ebf6f9
}

.status-table>tbody>tr>td.action,.docket-table>tbody>tr>td.action {
    -moz-box-shadow: inset 0px -1px 0 #ebf6f9;
    -webkit-box-shadow: inset 0px -1px 0 #ebf6f9;
    box-shadow: inset 0px -1px 0 #ebf6f9
}

.status-table>tbody>tr>td.action .docketDetailsToggler .prompt,.docket-table>tbody>tr>td.action .docketDetailsToggler .prompt {
    display: none;
    float: right;
    color: #b14100
}

.status-table>tbody>tr>td.action .docketDetailsToggler .prompt.prompt-expand,.docket-table>tbody>tr>td.action .docketDetailsToggler .prompt.prompt-expand {
    display: inline-block
}

.status-table>tbody>tr>td.action .docketDetailsToggler .prompt.prompt-collapse,.docket-table>tbody>tr>td.action .docketDetailsToggler .prompt.prompt-collapse {
    color: #000
}

.status-table>tbody>tr>td.action .docketDetailsToggler .prompt:hover,.docket-table>tbody>tr>td.action .docketDetailsToggler .prompt:hover {
    cursor: pointer
}

.status-table>tbody>tr:hover>td.error,.docket-table>tbody>tr:hover>td.error {
    color: #db3737
}

.status-table>tbody>tr:hover>td.success,.docket-table>tbody>tr:hover>td.success {
    color: #00710a
}

.status-table>tbody>tr>th,.docket-table>tbody>tr>th {
    font-family: "GillSansSemiBold",sans-serif;
    font-weight: bold;
    -moz-box-shadow: inset -1px -1px 0 #edf5e0;
    -webkit-box-shadow: inset -1px -1px 0 #edf5e0;
    box-shadow: inset -1px -1px 0 #edf5e0;
    border: none;
    background: #000;
    padding: 3px 13px;
    vertical-align: middle;
    font-size: 14px;
    color: #000000;
    width: 130px !important
}

.status-table>tbody>tr>th .DataTables_sort_wrapper,.docket-table>tbody>tr>th .DataTables_sort_wrapper {
    font-weight: bold;
    color: #000000
}

.status-table>tbody>tr.disabled,.docket-table>tbody>tr.disabled {
    background: #4da6ff;
}

.status-table>tbody>tr.disabled td,.docket-table>tbody>tr.disabled td {
    background: #4da6ff;
    !important;color: #cacaca !important
}

.status-table>tbody>tr.disabled td a,.docket-table>tbody>tr.disabled td a {
    color: #817db7 !important
}

.status-table>tbody>tr.full-ad-row,.docket-table>tbody>tr.full-ad-row {
    background: #4da6ff;
}

.status-table>tbody>tr.full-ad-row>td,.docket-table>tbody>tr.full-ad-row>td {
    padding: 0px;
    background: #4da6ff;
}

.status-table>tbody>tr.full-ad-row>td .full-ad-img,.docket-table>tbody>tr.full-ad-row>td .full-ad-img {
    width: 100%;
    margin: 0px 0px 2px
}

.status-table>tbody>tr.data-deep td.td-docket-details,.docket-table>tbody>tr.data-deep td.td-docket-details {
    background: #4da6ff;
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details {
    max-height: 0px;
    -moz-transition: max-height .5s ease-in-out;
    -o-transition: max-height .5s ease-in-out;
    -webkit-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out;
    overflow: hidden
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box {
    width: 80%;
    padding: 30px;
    color: #565656;
    margin: auto
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .status-table,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .status-table {
    color: #565656
}

@media (max-width: 767px) {
    .status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box {
        width:100%;
        float: none
    }
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .action-buttons-box,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .action-buttons-box {
    text-align: center;
    margin: 24px 0px 15px
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .action-buttons-box .btn,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .action-buttons-box .btn {
    margin: 0px 7.5px
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .details-box,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .details-box {
    display: block;
    padding-left: 90px;
    position: relative;
    margin: 0px 0px 30px;
    white-space: nowrap !important
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .details-box .status-icon,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .details-box .status-icon {
    width: 75px;
    position: absolute;
    left: 0px;
    top: 3px
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .details-box .details .status-heading,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .details-box .details .status-heading {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    margin: 0px;
    padding: 0px;
    line-height: 1.5
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .details-box .details p,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .details-box .details p {
    font-size: 13px;
    white-space: nowrap !important
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar {
    list-style-type: none;
    padding: 0px;
    margin: 0px 24px 60px;
    border-bottom: 6px solid #dedcd7;
    position: relative;
    height: 200px;
    width: 600px;
    margin: 0px auto 75px
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li {
    display: block;
    position: absolute;
    width: 25%;
    bottom: 0px
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li .small-status-icon,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li .small-status-icon {
    display: block;
    position: absolute;
    height: 32px;
    width: 32px;
    bottom: -55px;
    left: -16px;
    display: none
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li .arrow,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li .arrow {
    position: absolute;
    font-size: 21px;
    bottom: 10px;
    left: -5px;
    color: #04BF54;
    display: none
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li:after,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background: #B1B1B1;
    -moz-box-shadow: 0px 0px 0px 6px #fff,0px 0px 0px 7px #B1B1B1;
    -webkit-box-shadow: 0px 0px 0px 6px #fff,0px 0px 0px 7px #B1B1B1;
    box-shadow: 0px 0px 0px 6px #fff,0px 0px 0px 7px #B1B1B1;
    left: 0%;
    bottom: -3px;
    -moz-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
    -webkit-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 10
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li:before,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 6px;
    background: #dedcd7;
    left: initial;
    right: 100%;
    bottom: -6px
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li:first-child:before,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li:first-child:before {
    content: '';
    display: none
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li .details-box,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li .details-box {
    position: absolute;
    left: -30px;
    bottom: 33px;
    padding-left: 90px;
    display: none;
    margin: 0px
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li .details-box .status-icon,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li .details-box .status-icon {
    width: 75px;
    position: absolute;
    left: 0px;
    top: 3px
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li .details-box .details .status-heading,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li .details-box .details .status-heading {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    margin: 0px;
    padding: 0px;
    line-height: 1.5
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li .details-box .details p,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li .details-box .details p {
    font-size: 13px
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.shipment-booked,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.shipment-booked {
    left: 0%
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.in-transit,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.in-transit {
    left: 25%
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.custom-clearance,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.custom-clearance {
    left: 50%
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.reached-destination,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.reached-destination {
    left: 75%
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.reached-destination .details-box,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.reached-destination .details-box {
    right: 50%;
    left: initial
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.delivered,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.delivered {
    left: 100%
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.delivered .details-box,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.delivered .details-box {
    right: 100%;
    left: initial
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.done:after,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.done:after {
    background: #04BF54;
    -moz-box-shadow: 0px 0px 0px 6px #fff,0px 0px 0px 7px #04BF54;
    -webkit-box-shadow: 0px 0px 0px 6px #fff,0px 0px 0px 7px #04BF54;
    box-shadow: 0px 0px 0px 6px #fff,0px 0px 0px 7px #04BF54
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.done:before,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.done:before {
    background: #04BF54
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.done .small-status-icon,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.done .small-status-icon {
    display: block
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.active:after,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.active:after {
    height: 14px;
    width: 14px
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.active .small-status-icon,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.active .small-status-icon {
    display: none
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.active .arrow,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.active .arrow {
    display: block
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.active .details-box,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li.active .details-box {
    display: block
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li:last-child .details-box,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li:last-child .details-box {
    right: 100%;
    left: initial
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .ad-box,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .ad-box {
    width: 20%;
    float: left
}

.status-table>tbody>tr.data-deep td.td-docket-details .docket-details .ad-box .ad-vertical,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .ad-box .ad-vertical {
    width: 100%;
    margin-bottom: 2px
}

@media (max-width: 767px) {
    .status-table>tbody>tr.data-deep td.td-docket-details .docket-details .ad-box,.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .ad-box {
        display:none
    }
}

.status-table>tbody>tr.data-deep.expand td.td-docket-details,.docket-table>tbody>tr.data-deep.expand td.td-docket-details {
    background: #f5f5f5;
}

.status-table>tbody>tr.data-deep.expand td.td-docket-details .docket-details,.docket-table>tbody>tr.data-deep.expand td.td-docket-details .docket-details {
    max-height: 2000px;
    -moz-transition: max-height .5s ease-in-out;
    -o-transition: max-height .5s ease-in-out;
    -webkit-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out
}

.status-table>tbody>tr.expand>td,.docket-table>tbody>tr.expand>td {
    background: #edf5e0;
    color: #333
}

.status-table>tbody>tr.expand>td.action .prompt.prompt-expand,.docket-table>tbody>tr.expand>td.action .prompt.prompt-expand {
    display: none
}

.status-table>tbody>tr.expand>td.action .prompt.prompt-collapse,.docket-table>tbody>tr.expand>td.action .prompt.prompt-collapse {
    display: inline-block
}

.status-table>tbody>tr.expand>td.td-docket-details,.docket-table>tbody>tr.expand>td.td-docket-details {
    max-height: 1000px
}

.status-table-container {
    -moz-transition: max-height .5s ease-in-out;
    -o-transition: max-height .5s ease-in-out;
    -webkit-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-bottom: 60px
}

.status-table-container .status-table-toggler {
    position: absolute;
    left: 0px;
    right: 0px;
    top: initial;
    bottom: 0px;
    width: 120px;
    margin: auto auto;
    z-index: 2;
    font-size: 12px;
    padding: 6px 1px;
    outline: none !important
}

.status-table-container .status-table-toggler .indicator {
    display: none
}

.status-table-container .status-table-toggler .indicator.view {
    display: inline
}

.status-table-container.expand {
    max-height: 1000px;
    -moz-transition: max-height .5s ease-in-out;
    -o-transition: max-height .5s ease-in-out;
    -webkit-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out
}

.status-table-container.expand .status-table-toggler .indicator.view {
    display: none
}

.status-table-container.expand .status-table-toggler .indicator.hid {
    display: inline
}

.status-table {
    border: none
}

.status-table>thead>tr {
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.status-table>thead>tr>th {
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.status-table>tbody {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.status-table>tbody>tr {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none
}

.status-table>tbody>tr>td {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none
}

#smsModal .modal-header {
    background: #4da6ff;
    color: #000000;
    font-family: "GillSansRegular",sans-serif;
    font-size: 18px;
    margin: 0px
}

#smsModal .modal-header h4 {
    padding: 0px;
    margin: 0px;
    color: #000000;
    font-family: "GillSansRegular",sans-serif;
    font-size: 18px;
    font-weight: normal
}

body.modal-open {
    padding-right: 0px !important
}

.btn {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: "GillSansSemiBold",sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px
}

.btn.btn-cta {
    background: #F1AD1E;
    color: #fff;
    line-height: 20px;
    letter-spacing: 0.3px;
    font-weight: normal
}

.btn.btn-brand {
    background: #4da6ff;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxODY5ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzYTZjNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #01869f),color-stop(100%, #03a6c4));
    background-image: -moz-linear-gradient(left, #4da6ff,#4da6ff);
    background-image: -webkit-linear-gradient(left, #4da6ff,#4da6ff);
    background-image: linear-gradient(to right, #4da6ff,#4da6ff);
    color: #333;
    line-height: 20px;
    letter-spacing: 0.3px;
    font-weight: normal
}

.btn.btn-wide {
    min-width: 120px;
    padding-left: 21px;
    padding-right: 21px
}

.form-control {
    line-height: 21px;
    height: 34px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #4da6ff;
    border-color: #4da6ff !important;
    outline: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.quick-links-button1 {
    right: 65px !important;
}

.status-table table th:nth-child(1) {
    width: 20%;
}

.status-table table th:nth-child(2) {
    width: 20%;
}

.status-table table th:nth-child(3) {
    width: 25%;
}

.status-table>tbody {
    position: relative;
}

.dkt-span {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    display: block;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.docket-table>tbody>tr.data-deep td.td-docket-details .docket-details .status-box .progressbar>li:last-child .details-box {
    right: 100%;
    left: auto;
    left: initial;
}

.booked-status {
    position: absolute;
    left: -20px;
    bottom: 5px;
}