.clearance-container {
    padding-top: 20px;
}
table.dashboard-container {
    table-layout: fixed;
}
.dashboard-container {
    background-color: #F7F6F4;
    overflow: hidden;
    border: none;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
.dashboard-container .dashboard-container-row {
    border: none;
    margin: 0;
    padding: 0;
}
.dashboard-container .dashboard-container-cell {
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: top;
}
.dashboard-container .dashboard-container-cell.left {
    background-color: #2F2C2C;
    width: 220px;
}
.dashboard-container .dashboard-container-cell.right {
    background-color: inherit;
}
.dashboard-container .warning-messages {
    margin: 0 0 20px;
}
.dashboard-container .message-container {
    margin: 0 0 20px;
}
input.error, select.error {
    margin-top: 0;
}
label.error {
    display: block;
}
.dashboard-container a {
    /*font-family: "Open Sans", sans-serif;*/
    /*font-size: 14px;*/
    /*color: #F7F6F4;*/
    text-decoration: underline;
}
.dashboard-container ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.icon {
    display: inline-block;
    vertical-align: middle;
}
.left-menu {
    background-color: #2F2C2C;
    color: #F7F6F4;
    padding: 0 0 0 0;
}
.left-menu-top {
    background-color: #474747;
}
.left-menu-upper {
    padding: 10px 15px;
}
.left-menu-header {
    font-size: 14px;
    margin: 0;
    text-align: center;
}
.left-menu-header img {
    vertical-align: baseline;
    padding-right: 4px;
}
.left-menu-header a {
    text-decoration: none;
    color: #DADADA;
    font-weight: bold;
}
.left-menu-header a:hover {
    text-decoration: underline;
    color: #DADADA;
    font-weight: bold;
}

.left-menu-user {
    font-size: 13px;
    color: #EEEEEE;
    clear: both;
    text-align: center;
    padding: 3px 15px;
}

.left-menu-quick-links {
    margin-top: 10px;
    margin-bottom: 20px;
    clear: both;
}
.left-menu-items a, .left-menu-items a:hover {
    color: #E1E1E1;
    text-decoration: none;
}
.left-menu-quick-item {
    border-radius: 5px;
    margin-top: 10px;
    position: relative;
}
.left-menu-quick-item a {
    display: block;
    padding: 15px 25px 15px 10px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}
.left-menu-quick-item .plus {
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 10px;
}
.left-menu-quick-item a, .left-menu-quick-item a:hover {
    color: #FFFFFF;
}
.left-menu-quick-item1 {
    background-color: #11BB9C;
    box-shadow: 0 3px #0B7360;
}
.left-menu-quick-item1:hover {
    background-color: #0e9f84;
}
.left-menu-quick-item2 {
    background-color: #E99666;
    box-shadow: 0 3px #be6633;
}
.left-menu-quick-item2:hover {
    background-color: #c68057;
}
.left-menu-quick-item3 {
    background-color: #9999cc;
    box-shadow: 0 3px #666699;
}
.left-menu-quick-item3:hover {
    background-color: #8282ae;
}
.left-menu-quick-item4 {
    background-color: #6699cc;
    box-shadow: 0 3px #336699;
}
.left-menu-quick-item4:hover {
    background-color: #5782ae;
}
.left-menu-items {
    margin: 15px 0 0 0;
}
.left-menu-items li {
    border-top: 1px solid #4E4E4E;
    position: relative;
}
.left-menu-item a {
    padding: 11px 15px 11px 27px;
}
.left-menu-item-last {
    border-bottom: 1px solid #4E4E4E;
}
.left-menu-item-with-desc a {
    padding: 11px 15px 11px 27px;
}
.left-menu-items li a {
    display: block;
    text-decoration: none;
    vertical-align: baseline;
    border-left: 3px solid #2F2C2C;
    font-size: 13px;
}
.left-menu-items li:hover a, .left-menu-items li a.active {
    background-color: #212121;
    border-left: 3px solid #10B192;
}
.left-menu-item-description {
    display: block;
    font-size: 13px;
    color: #AFAFAF;
}
.left-menu-item-warning-icon {
    color: #D98923;
    font-size: 12px;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -6px;
}
.left-menu-item-warning-icon-account-ca {
    height: 14px;
    width: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
}
.left-menu-mobile-switcher {
    display: block;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}
.warning-messages {
    margin: 10px 15px 25px 15px;
    font-size: 14px;
    border: 1px solid #D98923;
    border-radius: 10px;
    padding: 12px 20px;
    background-color: #fff7db;
}
.warning-messages a, .warning-messages a:hover {
    color: #666666;
    font-size: 14px;
}
.warning-messages-header {
    display: inline-block;
    font-weight: 600;
    color: #666666;
}
.warning-messages-header img {
    padding-right: 5px;
}
.warning-messages-header span {
    vertical-align: middle;
}
.warning-item {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}
.warning-item .warning-message-text {
    display: block;
    padding: 10px;
    text-decoration: underline;
    color: #D98923;
}
.warning-item a, .warning-item a:hover {
    color: #D98923;
    font-weight: 600;
}
.warning-message-text {
    vertical-align: middle;
}
.alert-attn-warning {
    color: #444444;
    background-color: #ffffff;
}
.attn-alert {
    margin:8px 0 0 0;
    color:#444444;
    font-size:16px
}
.attn-alert p {
    font-size: 0.9em;
}
.alert-attn-icon {
    height: 100%;
    background: #FFAE42;
    width: 2.5%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.alert-attn-btn {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    float: right;
}
.attn-main-div {
    height: 82px;
}
.dashboard-container .content {
    padding: 5px 30px 100px 30px;
    background-color: inherit;
}
.dashboard-container .content.padding-top {
    padding-top: 45px;
}
.icon-clearance::before {
    content: url("../img/new/icon-clearance.png");
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.icon-consulting::before {
    content: url("../img/new/icon-consulting.png");
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.icon-freight::before {
    content: url("../img/new/icon-freight.png");
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.icon-car::before {
    content: url("../img/new/icon-car.png");
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.tickets-header {
    display: inline-block;
    margin-right: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #666666;
}
.tickets-search-element {
    display: inline-block;
    vertical-align: top;
}
.tickets-search-element input {
    border-radius: 4px 0 0 4px;
    border-right: none;
}
.tickets-search-element input::placeholder {
    font-style: italic;
    font-size: 12px;
    color: #ACACAC;
}
.tickets-search-element .search-link {
    border-radius: 0 4px 4px 0;
    margin-right: 10px;
}
.tickets-search-element .reset-link {
    font-weight: 400;
    color: #18AE93;
}
.tickets-search .btn-link, .tickets-search .form-control {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding-top: 0;
    padding-bottom: 0;
}
.responsive-table {
    overflow-x: auto;
}
.content-inner {
    margin:15px;
}
.poa-table thead tr th, .poa-table tbody tr td {
    border: none;
}
.poa-table thead tr{
    border-left: none !important;
    border-right: none !important;
}
.poa-table tbody tr{
    border-left: none !important;
    border-right: none !important;
}
.poa-table thead th {
    padding: 0;
    border: none;
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}
.tickets-table {
    border-collapse: separate;
    border-spacing: 0 6px;
    width: 100%;
    margin-top: 20px;
}
.tickets-table tbody:before {
    content: "";
}
.tickets-table th {
    border: none;
}
.tickets-table th:last-child {
    border: none;
}
.tickets-table tr {
    border: none;
}
.tickets-table tr th:first-child {
    border-radius: 3px 0 0 3px;
}
.tickets-table tr th:last-child {
    border-radius: 0 3px 3px 0;
}
.tickets-table tr td:first-child {
    border-radius: 5px 0 0 5px;
}
.tickets-table tr td:last-child {
    border-radius: 0 5px 5px 0;
}
.tickets-table tbody tr {
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.2);
}
.tickets-table tr {
    cursor: pointer;
}
.tickets-table td {
    padding: 15px 10px;
    white-space: nowrap;
}
.tickets-table th, .tickets-table td.two-lines {
    padding: 10px;
}
.tickets-table th {
    background-color: #18AE93;
    color: #FFFFFF;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}
.tickets-table th a {
    color: #FFFFFF;
}
.tickets-table td {
    background-color: #FFFFFF;
    font-size: 13px;
}
.tickets-table tr:hover td {
    background-color: #EFFDFB;
}
.tickets-table tr th:first-child, .tickets-table tr td:first-child {
    padding-left: 15px;
}
.tickets-table tr th:last-child, .tickets-table tr td:last-child {
    padding-right: 15px;
}
.tickets-table .ticket-date {
    white-space: nowrap;
    line-height: 1;
}
.tickets-table .ticket-hours {
    font-size: 0.8em;
}
.ticket-id-col {
    width: 100px;
}
.ticket-id-col a {
    font-weight: bold;
    font-size: 13px;
    color: #18AE93;
    text-decoration: underline;
}
.ticket-id-col a:hover {
    color: #18AE93;
    text-decoration: underline;
}
.tickets-table .ticket-supplier-th {
    border-right: none;
}
.tickets-table .ticket-notifications-th {
    border-left: none;
}
.tickets-table .ticket-notifications {
    text-align: right;
}
.tickets-table .view-invoice-col {
    text-align: center;
}
.notification-red {
    color: #DB6352;
    font-family: "Open Sans Semibold", sans-serif;
    font-size: 11px;
    font-weight: bold;
}
.status-two-lines {
    font-size: 12px;
}
a.pay-ticket-button {
    color: #558C65;
    border: 1px solid #558C65;
    border-radius: 3px;
    background-color: #FFFFFF;
    font-size: 11px;
    padding: 5px 10px;
    text-decoration: none;
    white-space: nowrap;
    margin: 0 10px;
}
a.view-ticket-pdf {
    text-decoration: none;
}
.icon-message {
    vertical-align: bottom;
    width: 30px;
    height: 24px;
}
.icon-pdf {
    vertical-align: bottom;
    width: 23px;
    height: 23px;
}
.tickets-pagination {
    margin: 15px;
    color: #444444;
}
.tickets-count {
    float:left;
    font-size: 13px;
    margin-top: 10px;
}
.tickets-pages {
    float: right;
    display: inline-block;
    margin-top: 5px;
}
.tickets-pages-link {
    float: left;
    color: #444444;
    border-collapse: collapse;
    text-decoration: none;
    padding: 4px 8px;
    margin: 5px 0;
}
.tickets-pages-link.number {
    border: 1px solid #DDDDDD;
    border-right: none;
}
.tickets-pages-link.active {
    background-color: #DDDDDD;
}
.tickets-pages-link.last {
    border-right: 1px solid #DDDDDD;
}
.tickets-pages-link .angle {
    line-height: 14px;
    vertical-align: middle;
}
.tickets-pages a {
    text-decoration: none;
}
.tickets-pages a:hover {
     color: #444444;
}
.no-tickets {
    padding: 40px 15px;
}
.no-tickets .start-clearance {
    display:inline-block;
    margin-top: 15px;
    background-color: #11BB9C;
    box-shadow: 0 4px 2px 0 #0B7360;
    border-radius: 5px;
}
.no-tickets .start-clearance:hover {
    background-color: #0e9f84;
}
.no-tickets .start-clearance a {
    display: block;
    padding: 15px 20px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}
.no-tickets .start-clearance a, .no-tickets .start-clearance a:hover {
    color: #FFFFFF;
}
.poa-form-head {
    font-weight: 600;
    color: #666666;
}

/* START New Chant Manage */

.page-container .live-chat-form {
    background-color: #FFFFFF;
    padding: 0 0 5px;
    border-radius: 0 0 10px 10px;
}
.page-container .live-chat-form .input-cont {
    position: relative;
}
.page-container .live-chat-form .k-editor * {
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.page-container .live-chat-form .k-editor {
    border: none;
    width: 100% !important;
}
.page-container .live-chat-form .k-editor iframe {
    height: 80px;
}
.page-container .live-chat-form .k-editable-area {
    padding: 20px;
    position: relative;
}
.page-container .live-chat-form .k-editable-area.empty:after {
    content: 'Use this space to add a message for our agents…';
    position: absolute;
    top: 20px;
    left: 20px;
    color: #9D9D9D;
    font-style: italic;
    pointer-events: none;
}
.page-container .live-chat-form .k-editor-toolbar-wrap {
    border-top: 1px solid #DDDDDD;
    padding: 10px 10px 0;
    background-color: #FFFFFF;
}
.page-container .live-chat-form .k-editor-toolbar {
    background-color: #FFFFFF;
}
.page-container .live-chat-form .k-editor .k-editable-area {
    border-style: solid !important;
}
/* Remove sprite icons animation (margin is changed on hover) */
.page-container .live-chat-form .k-editor-toolbar .k-state-active {
    margin: 1px;
}
.page-container .live-chat-form .k-editor-toolbar .k-state-hover:not(.k-state-active) {
    border: none;
}
.page-container .live-chat-form .k-editor-toolbar .k-state-hover {
    background-color: #F5F5F5;
}
.page-container .live-chat-form .chat-attach-file {
    position: absolute;
    left: 98px;
    bottom: -6px;
    font-size: 13px;
    color: #888888;
    cursor: pointer;
}
.page-container .live-chat-form .chat-attach-file .upload-button {
    font-weight: normal;
    cursor: pointer;
    padding: 10px;
}
.page-container .live-chat-form .chat-send-message-button {
    position: absolute;
    right: 18px;
    bottom: -3px;
    padding: 4px 30px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.page-container .live-chat-form .chat-cancel-message-button {
    position: absolute;
    right: 120px;
    bottom: -3px;
    padding: 4px 30px;
    margin: 0;
    border: 1px solid #18AE93;
    border-radius: 3px;
    color: #18AE93;
    font-size: 12px;
    font-weight: 600;
    background-color: #FFFFFF;
    text-decoration: none;
}
.page-container .live-chat-form .chat-cancel-message-button:hover {
    background-color: #18AE93;
    color: #FFFFFF;
}

.page-container .live-chat-form .ticket-chat-file-name {
    margin-top: 5px;
    margin-left: 14px;
    font-size: 13px;
    color: #888888
}

.page-container .liveChatsThread .liveChatUserName{
    width: 50px;
    font-weight: bold;
    height: 50px;
    text-align: right !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
}

.liveChatsThread .liveChatsThreadDiv:first-child{
    border-top: none !important;
}

.ticket-screen .liveChatsThread .liveChatReplayUserName{
    background-color: #18AE93; width: 50px;
    font-weight: bold;
    height: 50px;
    text-align: right !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/*for reply textEditor*/
.page-container .live-chat-form-reply .k-editable-area.empty:after {
    content: 'Enter you message here' !important;
}

/*for reject textEditor*/
.page-container .live-form-reject .k-editable-area.empty:after {
    content: 'Enter you message here' !important;
}

/*for accept textEditor*/
.page-container .live-form-accept .k-editable-area.empty:after {
    content: 'Enter you message here' !important;
}

.page-container .live-chat-message-box {
    /*border: 1px solid #DDDDDD;*/
    /*box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.2);*/
    border-radius: 0 0 10px 10px;
    font-family: "Open Sans", sans-serif;
}
.page-container .hover-btn-back{
    font-size: 14px;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    border-radius: 6px;
    padding: 8px 12px 8px 12px;
}

.page-container .hover-btn-back:hover {
    background-color: #DEDEDE;
}

.page-container .btn-mark {
    font-size: 14px;
    color: inherit;
    text-decoration: none;
    border-radius: 6px;
    padding: 8px 12px 8px 12px;
    background-color: #DEDEDE;
    border: none;
}

.page-container .btn-mark-complete {
    font-size: 14px;
    text-decoration: none;
    border-radius: 6px;
    padding: 8px 12px 8px 12px;
    background-color: #22B198;
    color: #FFFFFF;
    border: none;
}

.page-container .hover-action-btn{
    font-size: 14px;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    border-radius: 6px;
    padding: 7px 0 7px 0;
}

.page-container .hover-action-btn:hover {
    background-color: #DEDEDE;
}

.message-live-chat .chats li {
    font-size: 14px !important;
}
.page-container .live-chat-message-box #js-page-loader .js-page-loader-image {
    width: 30px !important;
    height: 30px !important;
}

.btn_message_center {
    font-size: 14px !important;
    color: inherit;
    text-decoration: none;
    border-radius: 6px;
    padding: 10px 20px 10px 20px;
    background-color: #DEDEDE;
    border: none !important;
    font-weight: normal !important;
    display: revert !important;
}

/* END New Chant Manage */

/* START Ticket items - Live Ticket page */
.ticket-item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 300px;
    min-height: 353px;
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.2);
    border-top: none;
    border-radius: 0 0 10px 10px;
    background-color: #FFFFFF;
    margin: 20px 20px 0 4px;
    cursor: pointer;
}
.ticket-item:hover {
    background-color: #F5F5F5;
}
.ticket-item .ticket-item-top-line {
    height: 7px;
}
.ticket-item.bond .ticket-item-top-line {
    background-color: #22B5EC;
}
.ticket-item.bond .ticket-item-number, .ticket-item.bond .ticket-item-status {
    color: #22B5EC;
}
.ticket-screen.bond .ticket-header {
    background-color: #22B5EC;
}
.ticket-item.clearance .ticket-item-top-line {
    background-color: #18AE93;
}
.ticket-item.freight .ticket-item-top-line {
    background-color: #9999cc;
}
.ticket-item.car .ticket-item-top-line {
    background-color: #6699cc;
}
.ticket-item.custom .ticket-item-top-line {
    background-color: #E99666;
}
.ticket-item-container {
    padding: 15px 15px 25px;
    position: relative;
    cursor: pointer;
    background-color: inherit;
}
.ticket-item-number {
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    padding-right: 5px;
}
.ticket-item.clearance .ticket-item-number, .ticket-item.clearance .ticket-item-status {
    color: #18AE93;
}
.ticket-item.freight .ticket-item-number, .ticket-item.freight .ticket-item-status {
    color: #9999cc;
}
.ticket-item.car .ticket-item-number, .ticket-item.car .ticket-item-status {
    color: #6699cc;
}
.ticket-item.custom .ticket-item-number, .ticket-item.custom .ticket-item-status {
    color: #E99666;
}
.ticket-item-type {
    font-size: 12px;
}
.ticket-item-details {
    font-size: 12px;
    color: #555555;
    margin: 20px 0 30px;
}
.ticket-item-status {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 600;
    margin-right: 10px;
}
a.ticket-item-pay-button, a.ticket-item-pay-button:hover, a.ticket-item-pay-button:focus {
    color: #FFFFFF;
    background-color: #18AE93;
    text-decoration: none;
}
a.ticket-item-view-invoice-button, a.ticket-item-view-invoice-button:hover, a.ticket-item-view-invoice-button:focus {
    color: #18AE93;
    background: none;
    text-decoration: none;
}
.ticket-item-pay-button, .ticket-item-view-invoice-button {
    float: right;
    font-size: 13px;
    font-weight: 600;
    padding: 3px 5px;
    border-radius: 3px;
}
.ticket-item-view-invoice-button {
    border: 1px solid #18AE93;
}
.ticket-item-sep-line {
    border: 1px solid #DDD;
    color: #DDD;
    position: relative;
    height: 1px;
    margin: 25px 0 20px;
    text-align: center;
    background-color: inherit;
}
.ticket-item-sep-line img {
    background-color: inherit;
    padding: 0 4px;
    position: relative;
    height: 13px;
    bottom: 6px;
    vertical-align: top;
}
.ticket-item-required-action {
    margin: 10px 0;
    font-size: 13px;
}
.ticket-item-required-action a, .ticket-item-required-action a:focus, .ticket-item-required-action a:hover {
    color: #D98923;
}
.ticket-item-unread-message {
    float: right;
}
/* END Ticket items - Live Ticket page */

/* START new Ticket Screen */
.ticket-screen {
    font-family: 'Open Sans', sans-serif;
}
.ticket-screen .ticket-header {
    background-color: #18AE93;
    color: #FFFFFF;
    padding: 2px 20px;
}
.ticket-screen.consulting .ticket-header {
    background-color: #E99666;
}
.ticket-screen.freight .ticket-header {
    background-color: #9999cc;
}
.ticket-screen .ticket-header-ticket-number {
    font-size: 20px;
    font-weight: 600;
    line-height: 37px;
    margin-right: 10px;
}
.ticket-screen .ticket-header-ticket-type {
    float: right;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 37px;
}
.ticket-screen .ticket-header-icon-container {
    padding: 5px 0 5px 10px;
    margin-left: 8px;
    border-left: 1px solid #FFFFFF;
}
.ticket-screen .ticket-header-icon-container img {
    padding-bottom: 4px;
}
.ticket-screen .portlet.blue-hoki {
    margin-bottom: 20px;
}
.ticket-screen .portlet.blue-hoki .portlet-body {
    display: none;
}
.ticket-screen .portlet.box.blue-hoki > .portlet-title {
    padding: 0 20px;
}
.ticket-screen .portlet.box.blue-hoki  .portlet-body {
    padding: 20px 20px 0;
}
.document-title-div {
    background: #cccccc;
    padding: 2px 18px;
}
.ticket-screen .portlet.box.blue-hoki > .portlet-title > .caption {
    font-size: 14px;
    font-weight: 600;
    color: #444444;
}
.ticket-screen .static-info {
    padding-bottom: 18px;
    margin-bottom: 18px;
    font-size: 14px;
    border-bottom: 1px solid #DDDDDD;
}
.ticket-screen .static-info:last-child, .ticket-screen .eta .static-info {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.ticket-screen .static-info .name {
    font-size: 14px;
    font-weight: 600;
    color: #555555;
    padding-left: 0;
}
.ticket-screen .static-info .val {
    font-size: 14px;
    padding-right: 0;
    color: #555555;
}
.ticket-screen .input-group-btn .btn {
    height: 40px;
}
.ticket-screen .header-accordion .fa {
    color: #707070;
    font-size: 24px;
}
.ticket-screen .ticket-wrapper {
    padding: 20px 0;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.2);
    border: 1px solid #DDDDDD;
    min-height: 547px;
}
.ticket-screen.freight .ticket-wrapper {
    padding-top: 0;
}
.ticket-screen .missing_doc_message, .ticket-screen .required_doc_indicator {
    color: #D98923;
    font-size: 12px;
    font-weight: 500;
    padding-left: 5px;
}
.ticket-screen .ticket-document-name {
    display: inline-block;
    vertical-align: middle;
}
.ticket-screen .ticket-info {
    color: #555555;
    font-size: 14px;
}
.ticket-screen .inline-block-input {
    display: inline-block;
    width: 250px;
    max-width: 100%;
}
.ticket-screen .inline-block-input-label {
    display: inline-block;
    padding-right: 10px;
}
.ticket-screen .live-chat {
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.2);
    border-radius: 0 0 10px 10px;
    font-family: "Open Sans", sans-serif;
}
.ticket-screen .live-chat-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    padding: 20px 20px 12px;
}
.ticket-screen .live-chat-icon {
    padding-right: 5px;
    vertical-align: middle;
}
.ticket-screen .live-chat-heading {
    font-size: 18px;
    color: #666666;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
}
.ticket-screen .live-chat-note {
    padding-top: 0;
    text-align: right;
    font-size: 13px;
    color: #666666;
}
.ticket-screen .live-chat-message {
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.2);
    border-radius: 0 0 10px 10px;
    font-family: "Open Sans", sans-serif;
}

.ticket-screen .live-chat-message-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    padding: 20px 20px 12px;
}

.ticket-screen .live-chat-message-heading {
    font-size: 18px;
    color: #666666;
    font-weight: 600;
    vertical-align: middle;
}

.ticket-screen .live-chat-message-content {
    border-bottom: 1px solid #18AE93;
}

.ticket-screen .live-chat-message-content1 {
    display: flex;
    column-gap: 10px;
    align-items: center;
    padding: 20px 0 20px 0;
}

.ticket-screen .live-chat-message-content1-panel {
}

.padding-top-xs {
    padding-top:5px;
}
.padding-top-sm {
    padding-top:10px;
}
.padding-top-mid {
    padding-top:20px;
}
.padding-top-md {
    padding-top:30px;
}
.padding-top-lg {
    padding-top:40px;
}
.padding-bottom-xs {
    padding-bottom:5px;
}
.padding-bottom-sm {
    padding-bottom:10px;
}
.padding-bottom-mid {
    padding-bottom:20px;
}
.padding-bottom-md {
    padding-bottom:30px;
}
.padding-bottom-lg {
    padding-bottom:40px;
}
.padding-mid {
    padding-top:20px;
    padding-bottom:20px;
}
.min-padding {
    padding-right:0px;
}
.margin-right-15 {
    margin-right: 15px;
}
.margin-left-15 {
    margin-left: 15px;
}
.padding-left-0{
    padding-left: 0 !important;
}

.padding-right-0{
    padding-right: 0 !important;
}

.ticket-screen .chats {
    padding: 20px;
}
.ticket-screen .chats ul {
    list-style-type: circle;
}
.ticket-screen .chats li .message-container .message {
    display: block;
    position: relative;
    border-radius: 5px;
    font-size: 13px;
    width: 100%;
    max-width: 100%;
    float: none;
    padding: 10px 12px;
}
.ticket-screen .chats li .message-container .message .body {
    display: block;
    font-size: 1.1em;
}
.ticket-screen .chats li .message-container .message .body .fa-download {
    color: #18AE93;
}
.ticket-screen .chats li .message-container {
    padding: 0;
    margin: 0;
    border-radius: 0;
}
.ticket-screen .chats li.in .message a, .ticket-screen .chats li.in .message a:hover {
    color: #FFFFFF;
}
.ticket-screen .chats li.out .message a, .ticket-screen .chats li.out .message a:hover {
    color: #666666;
}
.ticket-screen .chats li.in .message-container .message {
    background-color: #22B5EC;
}
.ticket-screen .chats li.in .message-container {
    text-align: left;
    width: auto;
    max-width: 80%;
    color: #FFFFFF;
    float:right;
}
.ticket-screen .chats li.out .message-container .message {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
}
.ticket-screen .chats li.out .message-container {
    max-width: 80%;
    border: none;
    color: #666666;
    background: none;
    text-align: left;
    float: left;
    width: auto;
}
.ticket-screen .chats li .message-sender {
    padding-top: 5px;
    font-size: 11px;
    color: #9D9D9D;
}
.ticket-screen .chat-form {
    background-color: #FFFFFF;
    padding: 0 0 5px;
    border-radius: 0 0 10px 10px;
}
.ticket-screen .chat-form .input-cont {
    position: relative;
}
.ticket-screen .live-chat-form {
    background-color: #FFFFFF;
    padding: 0 0 5px;
    border-radius: 0 0 10px 10px;
}
.ticket-screen .live-chat-form .input-cont {
    position: relative;
}
.ticket-screen .live-chat-form .k-editor * {
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.ticket-screen .live-chat-form .k-editor {
    border: none;
    width: 100% !important;
}
.ticket-screen .live-chat-form .k-editor iframe {
    height: 80px;
}
.ticket-screen .live-chat-form .k-editable-area {
    padding: 20px;
    position: relative;
}
.ticket-screen .live-chat-form .k-editable-area.empty:after {
    content: 'Use this space to add a message for our agents…';
    position: absolute;
    top: 20px;
    left: 20px;
    color: #9D9D9D;
    font-style: italic;
    pointer-events: none;
}
.ticket-screen .live-chat-form .k-editor-toolbar-wrap {
    padding: 10px 10px 0;
    background-color: #FFFFFF;
}
.ticket-screen .live-chat-form .k-editor-toolbar {
    background-color: #FFFFFF;
}
/* Remove sprite icons animation (margin is changed on hover) */
.ticket-screen .live-chat-form .k-editor-toolbar .k-state-active {
    margin: 1px;
}
.ticket-screen .live-chat-form .k-editor-toolbar .k-state-hover:not(.k-state-active) {
    border: none;
}
.ticket-screen .live-chat-form .k-editor-toolbar .k-state-hover {
    background-color: #F5F5F5;
}
.ticket-screen .live-chat-form .chat-attach-file {
    position: absolute;
    left: 98px;
    bottom: -6px;
    font-size: 13px;
    color: #888888;
    cursor: pointer;
}
.ticket-screen .live-chat-form .chat-attach-file .upload-button {
    font-weight: normal;
    cursor: pointer;
    padding: 10px;
}
.ticket-screen .live-chat-form .chat-send-message-button {
    position: absolute;
    right: 18px;
    bottom: -3px;
    padding: 4px 30px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.ticket-screen .live-chat-form .chat-cancel-message-button {
    position: absolute;
    right: 120px;
    bottom: -3px;
    padding: 4px 30px;
    margin: 0;
    border: 1px solid #18AE93;
    border-radius: 3px;
    color: #18AE93;
    font-size: 12px;
    font-weight: 600;
    background-color: #FFFFFF;
    text-decoration: none;
}
.ticket-screen .live-chat-form .chat-cancel-message-button:hover {
    background-color: #18AE93;
    color: #FFFFFF;
}

.ticket-screen .live-chat-form .ticket-chat-file-name {
    margin-top: 5px;
    margin-left: 14px;
    font-size: 13px;
    color: #888888
}
.ticket-screen .liveChatsThread .liveChatUserName{
    width: 50px;
    font-weight: bold;
    height: 50px;
    text-align: right !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
}
.liveChatsThread .liveChatsThreadDiv:first-child{
    border-top: none !important;
}

.ticket-screen .liveChatsThread .liveChatReplayUserName{
    background-color: #18AE93; width: 50px;
    font-weight: bold;
    height: 50px;
    text-align: right !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/*for reply textEditor*/
.ticket-screen .live-chat-form-reply .k-editable-area.empty:after {
    content: 'Enter you message here' !important;
}

.ticket-screen .live-chat-message-box {
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.2);
    border-radius: 0 0 10px 10px;
    font-family: "Open Sans", sans-serif;
}
.ticket-screen .hover-btn-back{
    font-size: 14px;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    border-radius: 6px;
    padding: 8px 12px 8px 12px;
}

.ticket-screen .hover-btn-back:hover {
    background-color: #DEDEDE;
}

.ticket-screen .hover-thread-btn-back{
    font-size: 14px;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    border-radius: 6px;
    padding: 8px 12px 8px 12px;
}

.ticket-screen .hover-thread-btn-back:hover {
    background-color: #22b198;
    color: white !important;
}


.ticket-screen .hover-action-btn{
    font-size: 14px;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    border-radius: 6px;
    padding: 7px 0 7px 0;
}

.ticket-screen .hover-action-btn:hover {
    background-color: #DEDEDE;
}


/*View Message popup archive*/

#message-info .modal-body .message-live-chat {
    font-family: "Open Sans", sans-serif !important;
}

#message-info .chats {
    padding: 20px;
}
#message-info .chats ul {
    list-style-type: circle;
}
#message-info .chats li .message-container .message {
    display: block;
    position: relative;
    border-radius: 5px;
    font-size: 13px;
    width: 100%;
    max-width: 100%;
    float: none;
    padding: 10px 12px;
}
#message-info .chats li .message-container .message .body {
    display: block;
    font-size: 1.1em;
}
#message-info .chats li .message-container .message .body .fa-download {
    color: #18AE93;
}
#message-info .chats li .message-container {
    padding: 0;
    margin: 0;
    border-radius: 0;
}
#message-info .chats li.in .message a, .ticket-screen .chats li.in .message a:hover {
    color: #FFFFFF;
}
#message-info.chats li.out .message a, .ticket-screen .chats li.out .message a:hover {
    color: #666666;
}
#message-info .chats li.in .message-container .message {
    background: #DEF2FF none repeat scroll 0 0;
}

#message-info .chats li.in .message-container {
    text-align: left;
    width: auto;
    max-width: 80%;
    color: #666666;
    float:right;
}
#message-info .chats li.out .message-container .message {
    border: 1px solid #DDDDDD;
}
#message-info .chats li.out .message-container {
    max-width: 80%;
    border: none;
    color: #666666;
    background: none;
    text-align: left;
    float: left;
    width: auto;
}
#message-info .chats li .message-sender {
    padding-top: 5px;
    font-size: 11px;
    color: #9D9D9D;
}
#message-info {
    overflow: visible !important;
}
#message-info .close-btn {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background-image: url(../img/close_arrow.png) !important;
    opacity: unset !important;
}

.ticket-screen .ticket-progress-tracker-header {
    margin-top: 10px;
    font-size: 15px;
}
.ticket-screen .ticket-progress-tracker-item {
    min-width: 90px;
    max-width: 100%;
    margin-top: 10px;
    padding: 4px 8px;
    display: inline-block;
    text-align: right;
    background-color: #DBDBDB;
    border-radius: 3px;
    font-size: 12px;
    color: #707070;
}
.ticket-screen .ticket-progress-tracker-item.completed {
    background-color: #18AE93;
    color: #FFFFFF;
}
.ticket-screen .ticket-progress-tracker-item.completed .fa-check {
    font-size: 15px;
    float: left;
    padding-right: 8px;
}
.ticket-screen .ticket-progress-tracker {
    padding: 0 20px 30px;
}
/* Remove sprite icons animation (slow hover effect) */
.ticket-screen .chat-form .k-editor * {
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.ticket-screen .chat-form .k-editor {
    border: none;
    width: 100% !important;
}
.ticket-screen .chat-form .k-editor iframe {
    height: 22px;
}
.ticket-screen .chat-form .k-editable-area {
    padding: 20px;
    border: none;
    position: relative;
}
.ticket-screen .chat-form .k-editable-area.empty:after {
    content: 'Type Message Here';
    position: absolute;
    top: 20px;
    left: 20px;
    color: #9D9D9D;
    font-style: italic;
    pointer-events: none;
}
.ticket-screen .chat-form .k-editor-toolbar-wrap {
    border-top: 1px solid #DDDDDD;
    padding: 10px 10px 0;
    background-color: #FFFFFF;
}
.ticket-screen .chat-form .k-editor-toolbar {
    background-color: #FFFFFF;
}
/* Remove sprite icons animation (margin is changed on hover) */
.ticket-screen .chat-form .k-editor-toolbar .k-state-active {
    margin: 1px;
}
.ticket-screen .chat-form .k-editor-toolbar .k-state-hover:not(.k-state-active) {
    border: none;
}
.ticket-screen .chat-form .k-editor-toolbar .k-state-hover {
    background-color: #F5F5F5;
}
.ticket-screen .chat-form .chat-attach-file {
    position: absolute;
    left: 90px;
    bottom: -8px;
    font-size: 13px;
    color: #888888;
    cursor: pointer;
}
.ticket-screen .chat-form .chat-attach-file .upload-button {
    font-weight: normal;
    cursor: pointer;
    padding: 10px;
}
.ticket-screen .chat-form .chat-send-message-button {
    position: absolute;
    right: 18px;
    bottom: -3px;
    padding: 4px 30px;
    margin: 0;
    border: 1px solid #18AE93;
    border-radius: 3px;
    color: #18AE93;
    font-size: 12px;
    font-weight: 600;
    background-color: #FFFFFF;
    text-decoration: none;
}
.ticket-screen .chat-form .chat-send-message-button:hover {
    background-color: #18AE93;
    color: #FFFFFF;
}
.ticket-screen .chat-form .ticket-chat-file-name {
    margin-top: 5px;
    margin-left: 18px;
    font-size: 13px;
    color: #888888
}
.ticket-screen .ticket-document-upload-container {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 0;
    font-size: 14px;
}
.ticket-screen .ticket-document-upload-container:last-child {
    border-bottom: none;
}
.ticket-screen .ticket-document-upload-buttons {
    display: inline-block;
    vertical-align: top;
}
.ticket-screen .ticket-document-manage-buttons a, .ticket-screen .ticket-document-manage-buttons a:hover {
    font-size: 13px;
    color: #18AE93;
}
.ticket-screen .ticket-document-manage-buttons {
    float: right;
    min-width: 190px;
}
.ticket-screen .ticket-document-upload-button {
    display: inline-block;
    line-height: 40px;
    font-size: 13px;
    padding: 0 20px;
    margin-bottom: 10px;
    height: 40px;
}
.ticket-screen .ticket-document-upload-container .file-name {
    width: 49%;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    font-size: 13px;
}
.ticket-screen .ticket-document-upload-container .doc-name-container {
    padding-top: 10px;
}
.ticket-screen .actions-panel a {
    color: #18AE93;
}
.ticket-screen .actions-panel {
    margin-top: 10px;
    padding: 20px;
    font-size: 14px;
}
.ticket-screen .ticket-document-custom {
    margin-bottom: 10px;
}
.ticket-screen .ticket-document-custom:last-child {
    margin-bottom: 0;
}
.ticket-screen .eta-label {
    padding-right: 5px;
}
.ticket-screen .eta .input-group.date {
    padding-right: 8px;
}
.ticket-screen .eta-updated-message {
    display: none;
    color: #18AE93;
    padding-bottom: 10px;
    font-size: 14px;
}
.ticket-screen .upload-button {
    padding: 0 4px;
    vertical-align: top;
}
.ticket-screen .document-invoice-detail {
    white-space: normal;
}
.ticket-screen .document-invoice-detail > div {
    display: inline;
}
.ticket-screen .btn-mobile-chat, .ticket-screen .btn-mobile-chat:hover, .ticket-screen .btn-mobile-chat:focus {
    min-height: 40px;
    height: auto;
    background-image: none !important;
    background: #FFFFFF;
    border: 1px solid #18AE93;
    color: #18AE93;
    font-size: 16px;
    font-weight: normal;
    border-radius: 35px;
    padding: 5px 10px;
    margin: 0 0 25px;
}
.ticket-screen .btn-mobile-chat * {
    vertical-align: middle;
}
.eta-datepicker.datepicker {
    font-family: "OpenSans", sans-serif;
}
.eta-datepicker.datepicker .table-condensed tr {
    border: none;
}
.eta-datepicker.datepicker .table-condensed th {
    font-weight: normal;
}
.eta-datepicker.datepicker .table-condensed tbody td {
    font-size: 12px;
}
.eta-datepicker.datepicker .table-condensed th.dow {
    color: #CDCDCD;
}
.eta-datepicker.datepicker .table-condensed td, .datepicker .table-condensed th {
    padding: 10px;
}
.eta-datepicker.datepicker .table-condensed .next, .datepicker .table-condensed .prev {
    color: #18AE93;
}
.eta-datepicker.datepicker .table-condensed tr td {
    border-radius: 50%;
}
.eta-datepicker.datepicker .table-condensed tr td.active {
    background-color: #18AE93 !important;
}
.ticket-screen .ticket-consulting-head {
    padding: 0 20px 30px;
}
.ticket-screen .ticket-consulting-header {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    padding-right: 8px;
}
/*.ticket-screen .export-pdf-button, .ticket-screen .export-pdf-button:hover, .ticket-screen .export-pdf-button:focus {*/
    /*font-size: 13px;*/
    /*color: #18AE93;*/
    /*background: none;*/
    /*border: 1px solid #18AE93;*/
    /*border-radius: 2px;*/
    /*text-decoration: none;*/
    /*padding: 1px 8px;*/
    /*display: inline-block;*/
    /*vertical-align: middle;*/
/*}*/
.ticket-screen .ticket-consulting-head-box {
    border: 1px solid #D3D3D3;
    background-color: #F7F6F4;
    border-radius: 5px;
    font-size: 14px;
    color: #666666;
    margin-top: 20px;
    overflow: hidden;
}
.ticket-screen .ticket-consulting-head-box .ticket-consulting-head-box-text {
    height: auto;
    max-height: 45px;
    padding: 20px;
    overflow: hidden;
    box-sizing: content-box;
}
.ticket-screen .ticket-consulting-head-box.open .ticket-consulting-head-box-text {
    max-height: none;
}
.ticket-screen .ticket-consulting-head-box .ticket-box-opacity {
    height: 20px;
    margin-top: -13px;
    background-color: #EEEDEA;
    opacity: 0.7;
    box-shadow: 0 -5px 4px 0 rgba(238,237,234,0.7);
}
.ticket-screen .ticket-consulting-head-box.open .ticket-box-opacity {
    display: none;
}
.ticket-screen .ticket-consulting-head-box .ticket-box-toggle {
    height: 24px;
    border-top: 1px solid #D3D3D3;
    background-color: #EEEDEA;
    text-align: center;
    cursor: pointer;
}
.ticket-screen .ticket-consulting-head-box .ticket-box-toggle .fa {
    font-size: 24px;
    color: #707070;
}
.ticket-screen .ticket-consulting-head-box .ticket-box-toggle .fa-angle-up {
    display: none;
}
.ticket-screen .ticket-consulting-head-box.open .ticket-box-toggle .fa-angle-up {
    display: inline-block;
}
.ticket-screen .ticket-consulting-head-box.open .ticket-box-toggle .fa-angle-down {
    display: none;
}
.ticket-screen .ticket-documents .col-name {
    font-weight: 600;
    padding-bottom: 8px;
}
.ticket-screen .ticket-documents .col-half {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
.ticket-screen .ticket-documents .doc-type-container,
.ticket-screen .ticket-documents .doc-desc-container,
.ticket-screen .ticket-documents .doc-file-input-container,
.ticket-screen .ticket-documents .doc-file-upload-buttons-container,
.ticket-screen .ticket-documents .doc-file-name-container,
.ticket-screen .ticket-documents .doc-file-manage-buttons-container {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
}
.ticket-screen .ticket-documents .doc-type-container {
    padding-right: 5px;
    width: 42%;
}
.ticket-screen .ticket-documents .doc-desc-container {
    padding-right: 5px;
    width: 58%;
}
.ticket-screen .ticket-documents .doc-file-input-container {
    width: 50%;
    width: calc(100% - 176px);
}
.ticket-screen .ticket-documents .doc-file-upload-buttons-container {
    width: 176px;
}
.ticket-screen .doc-file-input-container .file-name {
    display: block;
    width: 100%;
}
.ticket-screen .ticket-documents .doc-file-upload-buttons-container .ticket-document-upload-button {
    margin: 0;
}
.ticket-screen .ticket-documents .doc-file-upload-buttons-container .upload-button {
    padding: 0 5px;
}
.ticket-screen .ticket-uploaded-documents {
    margin-top: 30px;
}
.ticket-screen .ticket-documents .doc-file-name-container {
    width: 50%;
    width: calc(100% - 83px);
}
.ticket-screen .ticket-documents .doc-file-manage-buttons-container {
    width: 83px;
}
.ticket-screen .ticket-documents .doc-file-manage-buttons-container .ticket-document-manage-buttons {
    float: none;
    min-width: 0;
}
.ticket-screen .ticket-uploaded-documents-head, .ticket-screen .ticket-uploaded-document {
    padding: 0 10px;
}
.ticket-screen .ticket-uploaded-document {
    border-top: 1px solid #DDDDDD;
}
.ticket-screen .ticket-uploaded-document:last-child {
    border-bottom: 1px solid #DDDDDD;
}
.ticket-screen .ticket-uploaded-document {
    padding: 15px 10px;
}
.ticket-screen .ticket-uploaded-document .doc-mobile-header {
    display: none;
}
.ticket-screen .our-findings {
    padding: 15px 20px;
    border: 1px solid #D3D3D3;
    background-color: #F5F5F5;
    border-radius: 3px;
}
.ticket-screen .our-finding-item {
    margin: 15px 0;
}
.ticket-screen .our-finding-name {
    display: inline-block;
}
.ticket-screen .our-findings .view-ticket-pdf {
    padding-left: 10px;
}
.ticket-screen .our-findings .view-ticket-pdf img {
    margin-top: -5px;
}
.ticket-screen .our-finding-links {
    float: right;
}
.ticket-screen .our-finding-links a {
    vertical-align: top;
}
.ticket-screen .freight-item-num {
    padding-right: 10px;
}
/* END new Ticket Screen */

/* START new Clearance Screen */
.dashboard-container .clearance-screen.content {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.clearance-screen .dashboard-container-white {
    margin: 0;
    font-family: "Open Sans", sans-serif;
}
.clearance-screen .dashboard-container-white.gray {
    background-color: #F5F5F5;
}
.clearance-screen .dashboard-container-white ~ .dashboard-container-white {
    margin-top: 20px;
}
.clearance-screen .dashboard-container-white.small-padding {
    padding: 40px;
}
.clearance-screen .dashboard-container-white .required-hint {
    margin-top: -40px;
    margin-right: -30px;
    font-size: 14px;
}
.clearance-screen .top-tab {
    background-color: #18AE93;
    color: #FFFFFF;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    padding: 5px 10px;
    margin-top: -1px;
}
.clearance-screen .top-tab.consulting {
    background-color: #E99666;
}
.clearance-screen .top-tab.freight {
    background-color: #9999cc;
}
.clearance-screen .step-heading {
    font-size: 33px;
    color: #666666;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
}
.clearance-screen .content-inner {
    margin: 30px 50px;
}
.clearance-screen .radio.radio-transport-label, .clearance-screen .checkbox.checkbox-transport-label {
    text-align: center;
    width: 190px;
    padding: 6px 10px;
    cursor: pointer;
    border: 1px solid #10B192;
    color: #10B192;
    margin-top: 10px;
    margin-bottom: 0;
    margin-right: 10px;
    display: inline-block;
    font-weight: normal;
    font-size: 15px;
    background-color: #FFFFFF;
    border-radius: 3px;
}
.clearance-screen .radio.radio-transport-label.active, .clearance-screen .radio.radio-transport-label:hover, .clearance-screen .checkbox.checkbox-transport-label.active, .clearance-screen .checkbox.checkbox-transport-label:hover {
    color: #FFFFFF;
    background-color: #10B192;
}
.clearance-screen .radio-transport-text, .clearance-screen .checkbox-transport-text {
    float: none;
    font-size: 14px;
    line-height: 25px;
    font-weight: 600;
    vertical-align: middle;
    display: inline-block;
    word-break: break-all;
}
.clearance-screen .iradio_minimal-transport_mode {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
}
.clearance-screen .air .iradio_minimal-transport_mode {
    background: url("../img/icheck-icons/icheck-ico-air.png") 0 0 no-repeat;
}
.clearance-screen .ocean .iradio_minimal-transport_mode {
    background: url("../img/icheck-icons/icheck-ico-ocean.png") 0 0 no-repeat;
}
.clearance-screen .truck .iradio_minimal-transport_mode {
    background: url("../img/icheck-icons/icheck-ico-truck.png") 0 0 no-repeat;
}
.clearance-screen .courier .iradio_minimal-transport_mode {
    background: url("../img/icheck-icons/icheck-ico-courier.png") 0 0 no-repeat;
}
.clearance-screen .handcarry .iradio_minimal-transport_mode {
    background: url("../img/icheck-icons/icheck-ico-hand-carry.png") 0 0 no-repeat;
}
.clearance-screen .iradio_minimal-transport_mode {
    background-position: 0 0;
}
.clearance-screen .iradio_minimal-transport_mode.hover {
    background-position: -20px 0;
}
.clearance-screen .iradio_minimal-transport_mode.checked {
    background-position: -20px 0;
}
.clearance-screen .iradio_minimal-transport_mode.disabled {
    background-position: -40px 0;
    cursor: default;
}
.clearance-screen .iradio_minimal-transport_mode.checked.disabled {
    background-position: -40px 0;
}
.clearance-screen .clearance-step-description {
    font-size: 14px;
    color: #444444;
    background-color: #FBF5E9;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
}
.clearance-screen .green-step, .clearance-screen .green-text {
    color: #18AE93;
}
.clearance-screen .step-number-text {
    padding-left: 10px;
}
.clearance-screen .clearance-buttons {
    display: inline-block;
    padding-top: 20px;
}
.clearance-screen .radius-button {
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    padding: 9px 50px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 10px;
}
.clearance-screen .radius-button.no-border {
    padding: 10px 100px;
}
.clearance-screen .radius-button.no-border.small-padding {
    padding: 10px 50px;
}
.clearance-screen .radius-button:hover {
    text-decoration: none;
}
.clearance-screen .radius-button[disabled] {
    background-color: #A4A5A5;
    color: #FFFFFF;
    cursor: not-allowed;
}
.clearance-screen .back-link {
    border: 1px solid #18AE93;
    color: #18AE93;
    background: none;
    margin-right: 10px;
}
.clearance-screen .back-link:hover {
    color: #FFFFFF;
    background-color: #18AE93;
}
.clearance-screen .back-link:last-child {
    margin-right: 0;
}
.clearance-screen .invoice-choice-label {
    display: block;
    text-align: center;
    max-width: 575px;
    border: 1px solid #18AE93;
    border-radius: 5px;
    color: #18AE93;
    background-color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}
.clearance-screen .invoice-choice-label:last-child {
    margin-bottom: 0;
}
.clearance-screen .invoice-choice-label.active, .clearance-screen .invoice-choice-label.active.skip-choice {
    border: 1px solid #18AE93;
    color: #FFFFFF;
    background-color: #18AE93;
}
.clearance-screen .invoice-choice-label.skip-choice {
    border: 1px solid #666666;
    color: #666666;
}
.clearance-screen .clearance-responsive-table {
    width: 100%;
}
.clearance-screen .clearance-responsive-table .responsive-table-mobile-header {
    display: none;
}
.clearance-screen .uploaded-docs-table {
    font-size: 14px;
    color: #666666;
    border: none;
}
.clearance-screen .uploaded-docs-table tr, .clearance-screen .uploaded-docs-table th, .clearance-screen .uploaded-docs-table td {
    border: none;
}
.clearance-screen .hts-tab-data tr:first-child  {
    border-top: none !important;
}
.clearance-screen .uploaded-docs-table tbody tr {
    border-top: 1px solid #DDDDDD;
}

.clearance-screen .uploaded-docs-table th {
    padding: 5px 10px 5px 0;
}
.clearance-screen .uploaded-docs-table tr:first-child th {
    padding-top: 0;
}
.clearance-screen .uploaded-docs-table td {
    padding: 10px 10px 10px 0;
}
.clearance-screen .uploaded-docs-table tr:last-child td {
    padding-bottom: 0;
}
.clearance-screen .uploaded-docs-table .doc-links-col {
    text-align: right;
}
.clearance-screen .uploaded-docs-table .uploaded-link {
    font-size: 14px;
    color: #0FA68B
}
.clearance-screen .ticket-document-name-container {
    line-height: 40px;
}
.clearance-screen .ticket-document-name {
    font-size: 15px;
    font-weight: bold;
    color: #555555;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.clearance-screen .ticket-document-upload-container {
    margin: 0;
    border-bottom: 1px solid #D3D3D3;
    padding: 10px 0;
}
.clearance-screen .ticket-document-upload-container.uploaded-docs {
    background-color: #F8F8F8;
}
.clearance-screen .ticket-document-upload-container .file-name {
    width: 70%;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    font-size: 14px;
    color: #666666;
    margin-right: 5px;
    line-height: 38px;
}
.clearance-screen .ticket-document-upload-container input.file-name {
    width: 49%;
}
.clearance-screen .ticket-document-upload-container .file-name-text {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 600;
    color: #666666;
}
.clearance-screen .ticket-document-upload-container .upload-button {
    padding-right: 0;
    margin-right: 5px;
}
.clearance-screen .ticket-document-manage-buttons a, .clearance-screen .ticket-document-manage-buttons a:hover {
    font-size: 14px;
    color: #18AE93;
}
.clearance-screen .ticket-document-manage-buttons {
    float: right;
    line-height: 38px;
}
.clearance-screen .ticket-document-upload-buttons {
    display: inline-block;
    vertical-align: top;
}
.clearance-screen .ticket-document-upload-button {
    display: inline-block;
    line-height: 38px;
    font-size: 13px;
    padding: 0 20px;
    margin-bottom: 10px;
}
.clearance-screen .clearance-summary-header {
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    color: #444444;
    font-weight: bold;
    margin: 30px 0 10px;
}
.clearance-screen.summary .dashboard-container-white {
    margin-top: 0;
}
.clearance-screen.summary .agree-terms label {
    vertical-align: middle;
}
.clearance-screen.summary .agree-terms label > span {
    vertical-align: middle;
}
.clearance-screen.summary .edit-link {
    color: #18AE93;
    font-size: 14px;
    font-weight: normal;
}
.clearance-screen .success-box {
    background-color: #FFFFFF;
    border-radius: 20px;
    display: inline-block;
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.2);
    padding: 70px;
    margin: 150px 20px;
    max-width: 100%;
}
.clearance-screen .success-button {
    white-space: normal
}
.clearance-screen.consulting .what-is-consulting,
.clearance-screen.consulting .how-it-works {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.clearance-screen.consulting .what-is-consulting {
    padding-right: 20px;
}
.clearance-screen.consulting h2 {
    font-size: 27px;
    color: #18AE93;
    font-weight: bold;
}
.clearance-screen.consulting .what-is-consulting h2 {
    margin-bottom: 30px;
}
.clearance-screen.consulting .what-is-consulting ul {
    margin: 30px 0 40px;
    list-style: disc inside;
}
.clearance-screen.consulting .what-is-consulting ul li > span {
    position: relative;
    left: -4px;
}
.clearance-screen.consulting .what-is-consulting .pricing-header {
    font-size: 18px;
    color: #444444;
    font-weight: bold;
    margin-bottom: 15px;
}
.clearance-screen.consulting .how-it-works {
    padding-left: 20px;
    border-left: 1px solid #DDDDDD;
    text-align: center;
}
.clearance-screen.consulting .how-it-works img {
    width: 100%;
    max-width: 432px;
    height: auto;
}
.clearance-screen.consulting .tell-about,
.clearance-screen.consulting .consulting-request
{
    display: inline-block;
    vertical-align: top;
}
.clearance-screen.consulting .tell-about {
    width: 45%;
    padding-right: 30px;
}
.clearance-screen.consulting .tell-about h2 {
    margin-bottom: 15px;
}
.clearance-screen.consulting .consulting-request {
    width: 55%;
    margin-top: 15px;
    padding: 10px 15px;
    border-radius: 5px;
}
.clearance-screen.consulting .consulting-request::placeholder {
    font-style: italic;
}
.clearance-screen.consulting .success-box {
    max-width: 610px;
    font-size: 14px;
}
.clearance-screen .label-text {
    padding-right: 2px;
}
.clearance-screen .label-checkbox-address {
    float: right;
    display: inline-block;
    font-weight: normal;
    cursor: pointer;
    padding-left: 15px;
    margin-top: 8px;
}
.clearance-screen .radio-buttons {
    margin-bottom: -8px;
}
.clearance-screen .radio-buttons .radio-label {
    margin-bottom: 8px;
}
.clearance-screen.freight .clearance-summary-header {
    font-weight: 600;
}
.clearance-screen.freight .sep-line {
    margin: 50px 0 40px;
    border-top: 1px solid #DDDDDD;
    height: 1px;
}
.clearance-screen.freight .freight-item-type-box .radio-label {
    margin-top: 8px;
}
.clearance-screen.freight .freight-item-param {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 133px) / 5);
    padding-right: 10px;
    margin-top: 25px;
    margin-bottom: 10px;
}
.clearance-screen.freight .freight-item-add-button {
    display: inline-block;
    vertical-align: top;
    width: 133px;
    margin-top: 25px;
    margin-bottom: 10px;
}
.clearance-screen .summary-item-label {
    font-weight: 600;
}
.clearance-screen.freight .freight-item-num {
    padding-right: 10px;
}
.clearance-screen .yes-no-label {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    min-width: 150px;
    max-width: 100%;
    border: 1px solid #18AE93;
    border-radius: 5px;
    color: #18AE93;
    background-color: #FFFFFF;
    margin: 10px 5px 10px 0;
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}
.clearance-screen .yes-no-label:last-child {
    margin-right: 0;
}
.clearance-screen .yes-no-label.active, .clearance-screen .yes-no-label.active.skip-choice {
    border: 1px solid #18AE93;
    color: #FFFFFF;
    background-color: #18AE93;
}
.clearance-screen .isf-filed-by-forwarder {
    line-height: normal;
}
/* END new Clearance Screen */
/* START new Dashboard Screen */
.dashboard-screen .dashboard-container-white {
    margin: 0;
}
.dashboard-screen .dashboard-container-white ~ .dashboard-container-white {
    margin-top: 20px;
}
.dashboard-screen .item-border-bottom {
    border-bottom: 1px solid #DDDDDD;
}
.dashboard-screen .description-container-gray {
    margin: 20px 0;
    padding: 30px;
    background-color: #F5F5F5;
    border-radius: 6px;
    color: #444444;
}
.dashboard-screen .bond-radio-container {
    font-size: 18px;
    padding: 25px 15px;
    display: block;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid #D4D4D4;
    border-radius: 2px;
    margin-top: 10px;
}
.dashboard-screen .bond-radio-container.active {
    background-color: #18AE93;
    border: 1px solid #18AE93;
    color: #FFFFFF;
}
.dashboard-screen .pga-header {
    margin-right: 40px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}
.dashboard-screen .pga-description {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    border-left: 1px solid #DDDDDD;
    padding-left: 20px;
    padding-bottom: 10px;
}
.dashboard-screen .pga-sign-button {
    /* padding-left: 24px = 3px (left padding) + 16px (background image width) + 5px (padding after background image) */
    padding: 3px 5px 3px 24px;
    color: #18AE93;
    border: 1px solid #18AE93;
    border-radius: 3px;
    text-decoration: none;
    background: url("../img/pga_sign.png") 5px center no-repeat;
}
.dashboard-screen .pga-sign-button:hover, .dashboard-screen .pga-sign-button:focus {
    color: #FFFFFF;
    background: #18AE93 url("../img/pga_sign_hover.png") 5px center no-repeat;
}
.dashboard-screen .no-pga-requests {
    padding-left: 20px;
    font-style: italic;
}
.dashboard-screen .mobile-header {
    display: none;
}
.dashboard-screen .line-items-table {
    border: none;
}
.dashboard-screen .line-items-table tr, .dashboard-screen .line-items-table tr:nth-child(even) {
    background: none;
}
.dashboard-screen .line-items-table tr:first-child {
    border:none;
}
.dashboard-screen .line-items-table th {
    background: none;
    border: none;
}
.dashboard-screen .line-items-table tr > th:first-child {
    padding-left: 0;
}
.dashboard-screen .line-items-table.no-bordered tr, .dashboard-screen .line-items-table.no-bordered td, .dashboard-screen .line-items-table.no-bordered th, .dashboard-screen .line-items-table.no-bordered td:last-child {
    border-left: none;
    border-right: none;
    text-align: left
}
.dashboard-screen .line-items-table.no-bordered tr > th:first-child, .dashboard-screen .line-items-table.no-bordered tr > td:first-child {
    padding-left: 0;
}
.dashboard-screen .trade-documents .doc-desc-container,
.dashboard-screen .trade-documents .doc-file-input-container,
.dashboard-screen .trade-documents .doc-file-name-container,
.dashboard-screen .trade-documents .doc-file-name-container,
.dashboard-screen .trade-documents .doc-file-upload-buttons-container,
.dashboard-screen .trade-documents .doc-file-manage-buttons-container
{
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
}
.dashboard-screen .trade-documents .doc-desc-container {
    width: 50%;
    padding-right: 10px;
}
.dashboard-screen .trade-documents .doc-file-input-container {
    width: 30%;
    width: calc(50% - 186px);
}
.dashboard-screen .trade-documents .doc-file-upload-buttons-container {
    width: 186px;
}
.dashboard-screen .trade-documents .doc-file-name-container {
    width: 30%;
    width: calc(50% - 83px);
}
.dashboard-screen .trade-documents .doc-file-manage-buttons-container {
    width: 83px;
    font-size: 13px;
}
.dashboard-screen .trade-document-upload-button {
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    font-size: 13px;
    padding: 0 20px;
    margin-bottom: 10px;
    height: 40px;
}
.dashboard-screen .trade-documents .upload-button {
    padding: 0 10px;
    vertical-align: top;
}
.dashboard-screen .trade-documents .doc-file-upload-buttons-container .trade-document-upload-button {
    margin: 0;
}
.dashboard-screen .trade-documents .col-name {
    font-weight: 600;
    padding-bottom: 8px;
}
.dashboard-screen .trade-uploaded-documents {
    margin-top: 30px;
}
.dashboard-screen .trade-uploaded-document {
    border-top: 1px solid #DDDDDD;
}
.dashboard-screen .trade-uploaded-document:last-child {
    border-bottom: 1px solid #DDDDDD;
}
.dashboard-screen .trade-uploaded-document {
    padding: 15px 10px;
}
.dashboard-screen .trade-uploaded-document .doc-mobile-header {
    display: none;
}
/* END new Dashboard Screen */

.white-container {
    padding: 30px 60px 60px;
}
.white-container, .dashboard-container-white {
    background-color: #FFFFFF;
    border: 1px solid #D0D0D0;
}
.white-container-shadow{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 10px;
}
.white-container-shadow-corner{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.dashboard-container-white {
    margin: 0 15px;
    padding: 60px;
}
.dashboard-container-white.small-padding {
    padding: 40px 60px;
}
.dashboard-container-yellow {
    border: 1px solid #D0D0D0;
    background-color: #FFFFDD;
    padding: 20px;
    margin: 0 15px;
    border-radius: 6px;
}
.dashboard-container-gray {
    border: 1px solid #D0D0D0;
    background-color: #F8F8F8;
    padding: 30px;
    margin: 0 15px;
    border-radius: 6px;
}
.back-link {
    color: #18AE93;
    font-size: 16px;
    text-decoration: underline;
    padding: 10px 30px;
}
.bond-back-link {
    color: #ffffff;
    font-size: 16px;
    border-radius: 10px;
}
.new-back-link {
    color: #ffffff;
    font-size: 16px;
    border-radius: 10px;
    padding: 10px 50px;
    margin-bottom: 10px;
}
.new-back-link-bkg {
    background-color: #ffffff;
    font-size: 16px;
    border-radius: 10px;
    padding: 10px 50px;
    margin-bottom: 10px;
}
.back-link:hover {
    text-decoration: none;
}
.back-link-new {
    color: #18AE93;
    font-size: 16px;
    text-decoration: underline;
    padding: 10px 30px;
}
.back-link-new:hover {
    text-decoration: none;
}
.fa-exclamation-circle.green {
    color: #0FA68B;
}
.is-bond-yes, .is-bond-no {
    display: none;
}
.text-16 {
    font-size: 16px;
}
.text-18 {
    font-size: 18px;
}
.text-22 {
    font-size: 22px;
}
.margin-top-0 {
    margin-top: 0;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-40 {
    margin-top: 40px;
}
.margin-bottom-0 {
    margin-bottom: 0;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.nowrap {
    white-space: nowrap;
}
.d-inline-block {
    display: inline-block;
}
.inline-right-padding {
    padding-right: 5px;
}
.text-underlined {
    text-decoration: underline;
}
.skip-link {
    text-decoration: underline;
}
.step-header {
    font-weight: bold;
}
.step-header.smaller {
    font-size: 34px;
}
.tooltip {
    background-color: #FFFFDD;
    border: 1px solid #CCCCCC;
    max-width: 320px;
    padding: 15px;
}
.tooltip-content {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}
.ticket-tooltip, .ticket-tooltip:hover {
    color: #666666;
    cursor: pointer;
}
.ticket-tooltip .fa-question-circle {
    font-weight: bold;
}
.carrier-section .fa-question-circle {
    padding-right: 2px;
}
input[type=submit].submit-button {
    padding-left: 100px;
    padding-right: 100px;
}
.invoice-text {
    color: #18AE93;
    font-size:16px;
    padding-left: 10px;
}
.fa-green, .fa-green:hover {
    color: #0FA68B;
}
.fa-gray, .fa-gray:hover {
    color: #999999;
}
.fa-padding-left {
    padding-left: 10px;
}

.light-gray-container {
    background-color: #f8f9fa;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    margin-top: 5px;
    padding: 20px 40px;
    clear: both;
    border-radius: 10px;
}

.gray-container {
    background-color: #F7F6F4;
    margin-top: 5px;
    padding: 20px 40px;
    clear: both;
}
.image-no-resize {
    max-width: none;
}
.ticket-submission-image {
    padding-right: 45px;
}
.skip-text-container {
    display: inline-block;
    max-width: 80%;
}
.invoice-calendar-addon {
    background: none;
    cursor: pointer;
}
.invoice-calendar::before {
    content: url("../img/new/icon-calendar.png");
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.invoice-header {
    font-size: 20px;
    color: #444444;
    font-weight: bold;
}
.col-padding-left {
    padding-left: 20px;
}
.line-item-label {
    padding-bottom: 10px;
    padding-top: 20px;
    white-space: nowrap;
    font-size: 16px;
}
.bold {
    font-weight: bold;
}
.line-items-table {
    border-collapse: collapse;
    width: 100%;
}
.line-items-table table, th, tr {
    border: 1px solid #DDDDDD;
}
.line-items-table tr:nth-child(even) {
    background-color: #F5F5F5;
}
.line-items-table td {
    padding: 20px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}
.line-items-table th, .line-items-table td.two-lines {
    padding: 10px;
}
.line-items-table th {
    background-color: #EAEAEA;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}
.line-items-table td.text-left, .line-items-table th.text-left {
    text-align: left;
}
.line-items-table td.text-right, .line-items-table th.text-right {
    text-align: left;
}
.italic-comment {
    font-size: 12px;
    font-style: italic;
}
.line-items-table td:last-child {
    border-left: 1px solid #DDDDDD;
}
input.invoice-builder-template-name {
    display: inline-block;
    width: 60%;
}
.remove-trash::before {
    content: url("../img/new/icon-remove.png");
    display: inline-block;
    vertical-align: middle;
}
.edit-pencil::before {
    content: url("../img/new/icon-edit.png");
    display: inline-block;
    vertical-align: middle;
}
a.edit-link {
    text-decoration: none;
    margin-right: 10px;
}
.line-total-block {
    border:none;
    background: inherit;
}
.line-items-table .line-total-block td{
    background: #FFFFFF;
}
.line-total-block td:last-child, .line-total-block td.total-td {
    border:1px solid #DDDDDD;
}
.line-total-block td.total-td-left {
    border-right: none;
    text-align: right;
    vertical-align: top;
}
.line-total-block td.total-td-right {
    border-left: none;
    text-align: left;
}
#confirm-delete .modal {
    border: none;
}
#confirm-delete .modal-content {
    border-radius: 0;
}
#confirm-delete .modal-footer {
    background-color: #FFFFFF;
    border-top: none;
}
.white-space-normal {
    white-space: normal;
}
.span-underlined {
     border-bottom: 1px solid #DDDDDD;
 }
.congratulations-text-big {
    font-size: 22px;
    font-weight: 600;
    color: #8e8e8e;
}
.dashboard-container .btn-link {
    text-decoration: none;
}
.dashboard-container .btn-browse, .dashboard-container .btn-browse:hover {
    border: 1px solid #18AE93;
    border-radius: 3px;
    color: #18AE93;
    background: none;
}
.dashboard-container .btn-browse {
    display: inline;
    cursor: pointer;
    padding: 10px 15px;
    vertical-align: baseline;
    margin-right: 5px;
    font-weight: 600;
}
.affiliate-logo {
    display: inline-block;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #DDDDDD
}
.affiliate-logo img {
    max-width: 100%;
}
.affiliate-welcome-message {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #444444;
}
.affiliate-container {
    margin-top: 10px;
}
.affiliate-container .logo-link {
    display: inline-block;
    margin-right: 20px;
}
.affiliate-container h3.smaller {
    font-size: 34px;
}
.affiliate-container .step-name {
    padding-right: 20px;
}
.affiliate-container .validation-message {
    color: #FF0000;
    font-weight: 600;
    font-size: 16px;
    display: none;
}
.affiliate-container .validation-message a {
    text-decoration: underline;
    color: #FF0000;
}
.affiliate-container .validation-message a:hover {
    text-decoration: none;
}
.affiliate-container .wide-button {
    display: inline-block;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 280px;
    max-width: 100%;
}
.affiliate-name {
    font-size: 16px;
    font-weight: 600;
}
.skip-button {
    display: none;
    margin-right: 5px;
}
.clearance-importer-box {
    background-color: #F7F6F4;
    padding: 30px;
}
.clearance-importer-box ul li label {
    width: 110px;
    display: inline-block;
    font-weight: bold;
}
.clearance-grey-box {
    padding: 10px 15px;
    background-color: #F7F6F4;
}
.clearance-sold-to-header {
    margin-right: 30px;
    display: inline-block;
}
.clearance-invoice-documents-list {
    counter-reset: list;
    font-size: 14px;
}
.clearance-invoice-documents-list li {
    list-style: none;
    padding-top: 5px;
}
.clearance-invoice-documents-list li:before {
    content: counter(list, decimal) ") ";
    counter-increment: list;
}
.clearance-invoice-documents-list-container {
    background-color: #FBF5E9;
    color: #777777;
    border-radius: 5px;
    padding: 15px 20px;
}
.clearance-invoice-documents-list-header {
    font-size: 16px;
}
.clearance-invoice-documents-uploaded-header {
    font-size: 18px;
    color: #444444;
    font-weight: bold;
    margin-bottom: 15px;
}
.clearance-invoice-upload .clearance-invoice-documents-list-header {
    margin-bottom: 10px;
}
.upload-invoice-section, .build-invoice-section {
    display: none;
    padding-top: 20px;
}
.clearance-invoice-upload {
    margin-top: 40px;
}
.clearance-invoice-upload .upload-button {
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
}
.clearance-invoice-upload .udocument {
    line-height: 38px;
    padding: 10px;
    white-space: nowrap;
    overflow: visible;
}
.filebox-span, .clearance-invoice-upload .filebox-span {
    vertical-align: baseline;
    padding: 9px 15px;
    margin-right: 5px;
}

.clearance-invoice-upload .file-name, .clearance-invoice-upload .file-invoice-supplier-name,
.clearance-invoice-upload .file-invoice-number {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
}
.clearance-invoice-upload .file-name {
    width: 61%;
    width: calc(60% + 10px);
}
.clearance-invoice-upload .file-invoice-number {
    width: 30%;
}
.clearance-invoice-upload .file-invoice-supplier-name {
    width: 30%;
}
.clearance-invoice-upload-template {
    display: none;
}
.clearance-document-upload {
    margin-top: 40px;
}
.clearance-document-upload-container {
    line-height: 40px;
    margin-top: 15px;
}
.clearance-document-upload-container.uploaded-docs {
    line-height: normal;
    background-color: #F5F5F5;
    padding-top: 10px;
}
.clearance-document-upload-container a, .clearance-document-upload-container a:hover {
    color: #18AE93;
}
.clearance-document-upload-type {
    display: inline-block;
    line-height: normal;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #555555;
}
.clearance-document-upload .upload-button {
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
}
.clearance-document-upload .udocument {
    line-height: 38px;
    padding: 10px;
    white-space: nowrap;
    overflow: visible;
}
.clearance-document-upload .filebox-span {
    vertical-align: baseline;
    padding: 9px 15px;
    margin-right: 5px;
}

.clearance-document-upload .file-name {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    max-width: 300px;
}
.clearance-document-upload .file-name-text {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 600;
    color: #666666;
}
.invoice-documents .big-padding {
    padding: 10px 50px;
}
.preview-invoice-link {
    font-size: 16px;
    color: #0FA68B;
    line-height: 23px;
    height: 23px;
    padding: 5px 10px;
    margin-right: 15px;
}
.preview-invoice-link-text {
    padding-right: 10px;
}
.preview-invoice-link img {
    padding-bottom: 5px;
}
.clearance-step4-table, .clearance-step4-table td, .clearance-step4-table th, .clearance-step4-table tr {
    border: none;
}
.clearance-step4-table td, .clearance-step4-table th {
    padding: 0 10px 0 0;
    vertical-align: top;
    text-align: left;
}
.iselect select.arrow-padding {
    padding-right: 29px;
}
.vtop, .vtop a {
    vertical-align: top;
}
.personal-documents-uploaded table, .personal-documents-uploaded table tr {
    border: none;
}
.personal-documents-uploaded table td, .personal-documents-uploaded table th {
    padding: 5px 20px 5px 0;
}
.personal-document-image-container {
    display: inline-block;
    margin: 10px 0;
    border: 1px solid #DDDDDD
}
.personal-document-image-container img {
    max-width: 100%;
}
.personal-document-upload .upload-button {
    padding-right: 0;
}
.personal-document-upload .filebox-span.btn-regular3-xs {
    padding: 9px 15px;
}
.personal-document-upload .filebox-span.btn-regular1-xs {
    padding: 10px 15px;
}
.invoice-recipients-form .invoice-recipient-email-input {
    width: 70%;
    display: inline-block;
}
.invoice-recipient-button-container {
    display: inline-block;
}
.login-box {
    padding:18px;
    float:right;
    border: 1px solid #238270;
}
.modal-clearance-success .gray-container {
    margin-top: 15px;
    padding: 20px;
}
.modal-clearance-success table, .modal-clearance-success table tr, .modal-clearance-success table td {
    border: none;
}
.modal-clearance-success table td {
    vertical-align: top;
}
.modal-clearance-success .modal-clearance-icon {
    padding-right: 20px;
    padding-top: 3px;
}
/* PGA request page */
.pga-request {
    margin-top: 30px;
}
.pga-request-header {
    font-weight: bold;
}
.pga-request-row {
    display: table;
    width: 100%;
}
.pga-request-col {
    display: table-cell;
}
.pga-request-col {
    width: 20%;
    padding: 5px 10px 5px 0;
}
.pga-request-col-big {
    width: 30%;
}
.pga-request-col-small {
    width: 10%;
}
.pga-request-row-header{
    font-weight: bold;
    border-top: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
}
.pga-request-col-label {
    font-weight: bold;
    display: none;
}
.pga-request-col-link {
    text-align: right;
}
/* PGA request page END*/

/* HTS codes section */
.ticket-portlet-body a {
    color: #18AE93;
}
.ticket-portlet-body-header {
    font-weight: bold;
}
.ticket-portlet-body-row {
    display: table;
    width: 100%;
}
.ticket-portlet-body-col, .ticket-portlet-body-header-col {
    display: table-cell;
}
.ticket-portlet-body-col {
    width: 25%;
    padding: 5px 10px 5px 0;
}
.ticket-portlet-body-header-col {
    width: 40%;
    vertical-align: top;
    padding-right: 10px;
}
.ticket-portlet-body-header-col-small {
    width: 20%;
}
.ticket-portlet-body-header-col input, .ticket-portlet-body-header-col select, .ticket-portlet-body-header-col button {
    height: 35px;
}
.ticket-portlet-body-header-col button {
    padding-top: 0;
    padding-bottom: 0;
}
.ticket-portlet-body-row-header{
    border-top: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
}
.ticket-portlet-body-col-label {
    font-weight: bold;
    display: none;
}
/* HTS codes section END*/
#js-page-loader {
    position: fixed;
    top: 0;right: 0;left: 0;bottom: 0;
    background:rgba(255,255,255,0.7);
    z-index: 999;
}
.js-page-loader-image {
    position: absolute;
    top: 50%; left: 50%;transform: translate(-50%,-50%);
    z-index: 999
}

/* Thread response page*/

.thread-ticket-number .ticket-id-box {
    font-size: 26px; color:#666666
}
.thread-cust-name a {
    text-shadow: none;
    color: #444444;
    font-size: 24px;
}

.div-center-disp-flex{
    display: flex;
    justify-content: center;
}

.div-disp-flex{
    display: flex;
    align-items: center;
}

@media(min-width:1599px) and (max-width:2399px){
    .ticket-screen .live-chat-message-box .thread-name {
        width: 14% !important;
    }
}

@media(min-width:1366px) and (max-width:1600px){
    .alert-attn-icon {
        width: 3% !important;
    }
    .thread-ticket-number .ticket-id-box{
        font-size: 24px !important;
    }
    .thread-cust-name a{
        font-size: 20px !important;
    }
}

@media (max-width: 1499px) {
    /* START new Ticket Screen */
    .dashboard-container .ticket-screen.content {
        padding-left: 0;
        padding-right: 0;
    }
    .ticket-document-upload-container .col-left {
        padding-right: 5px;
    }
    .ticket-document-upload-container .col-right {
        padding-left: 5px;
    }
    .dashboard-container .ticket-screen .content-inner > .row > .col-left {
        padding-right: 10px;
    }
    .dashboard-container .ticket-screen .content-inner > .row > .col-right {
        padding-left: 10px;
    }
    .ticket-screen .ticket-document-upload-container .file-name {
        width: 190px;
    }
    .ticket-screen .ticket-documents .col-half {
        display: block;
        width: 100%;
    }
    .ticket-screen .ticket-documents .doc-file-input-container,
    .ticket-screen .ticket-documents .doc-file-upload-buttons-container {
        padding-top: 10px;
    }
    .ticket-screen .ticket-documents .doc-file-input-container .col-name,
    .ticket-screen .ticket-documents .doc-file-upload-buttons-container .col-name {
        display: none;
    }
    .ticket-screen .ticket-documents .doc-desc-container {
        padding-right: 0;
    }
    .ticket-screen .ticket-documents .doc-file-name-container {
        width: auto;
        padding-top: 15px;
        padding-right: 15px;
    }
    .ticket-screen .ticket-documents .doc-file-manage-buttons-container {
        padding-top: 15px;
    }
    /* END new Ticket Screen */

    /* START new Clearance Screen */
    .clearance-screen .radio.radio-transport-label, .clearance-screen .checkbox.checkbox-transport-label {
        width: 160px;
    }
    .clearance-screen .ticket-document-upload-container input.file-name {
        width: 225px;
    }
    /* END new Clearance Screen */
    .clearance-invoice-upload .file-name {
        width: 100%;
    }
    .clearance-invoice-upload .file-invoice-number {
        width: 50%;
        width: calc(50% - 10px);
    }
    .clearance-invoice-upload .file-invoice-supplier-name {
        width: 50%;
        margin-right: 0;
    }
}

@media (min-width: 1200px) {
    .pull-right-lg {
        float: right;
    }
    .personal-document-upload .first-column {
        padding-right: 10px;
    }
    .personal-document-upload .middle-column {
        padding-left: 0;
        padding-right: 10px;
    }
    .personal-document-upload .last-column {
        padding-left: 0;
    }
}
@media (max-width: 1188px) {
    .btn-regular1-sm-new {
        margin-left: 2px !important;
    }
    .margin-left-15{
        margin-left: 2px !important;
    }
}
@media (max-width: 1200px) {
    input.invoice-builder-template-name {
        display: block;
        width: 100%;
    }
    .tickets-search {
        padding: 10px 0 10px 0;
    }
    .clearance-summary .clearance-link {
        text-align: left;
    }
    /* PGA request section */
    .pga-request-header {
        font-size: 16px;
    }
    .pga-request-row {
        display: block;
    }
    .pga-request-row-content {
        border-top: 1px solid #C5C5C5;
        border-bottom: 1px solid #C5C5C5;
    }
    .pga-request-col, .pga-request-header-col {
        display: block;
        width: 100%;
        padding-right: 0;
    }
    .pga-request-header-col button {
        margin-top: 10px;
    }
    .pga-request-row-header {
        display: none;
    }
    .pga-request-col-label {
        display: block;
    }
    .pga-request-col-link {
        text-align: left;
    }
    /* PGA request section END*/
    /* HTS codes section */
    .ticket-portlet-body-header {
        font-size: 16px;
    }
    .ticket-portlet-body-row {
        display: block;
    }
    .ticket-portlet-body-row-content {
        border-top: 1px solid #C5C5C5;
        border-bottom: 1px solid #C5C5C5;
    }
    .ticket-portlet-body-col, .ticket-portlet-body-header-col {
        display: block;
        width: 100%;
        padding-right: 0;
    }
    .ticket-portlet-body-header-col button {
        margin-top: 10px;
    }
    .ticket-portlet-body-row-header {
        display: none;
    }
    .ticket-portlet-body-col-label {
        display: block;
    }
    /* PGA request, hts codes section END*/

    /* START new Ticket Screen */
    .ticket-screen .ticket-wrapper {
        min-height: 0;
    }
    .ticket-screen .ticket-document-upload-container .file-name {
        display: block;
        width: 100%;
    }
    .ticket-screen .ticket-document-upload-container.uploaded-docs .file-name {
        display: inline-block;
        width: auto;
        margin-right: 8px;
    }
    .dashboard-container .ticket-screen.content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .ticket-document-upload-container .col-left {
        padding-right: 15px;
    }
    .ticket-document-upload-container .col-right {
        padding-left: 15px;
    }
    .dashboard-container .ticket-screen .content-inner > .row > .col-left {
        padding-right: 15px;
    }
    .dashboard-container .ticket-screen .content-inner > .row > .col-right {
        padding-left: 15px;
    }
    .ticket-screen .ticket-document-manage-buttons {
        min-width: 0;
    }
    /* END new Ticket Screen */

    /* START new Clearance Screen */
    .clearance-screen .content-inner {
        margin: 30px;
    }
    .clearance-screen .step-heading {
        font-size: 27px;
    }
    .clearance-screen .ticket-document-upload-container .file-name {
        display: block;
        width: 100%;
        margin-right: 0;
        line-height: normal;
    }
    .clearance-screen .ticket-document-upload-container input.file-name {
        width: 100%;
    }
    .clearance-screen .ticket-document-manage-buttons {
        width: 100%;
        float: none;
        line-height: normal;
    }
    .clearance-screen.consulting .what-is-consulting,
    .clearance-screen.consulting .how-it-works {
        width: 100%;
        display: block;
    }
    .clearance-screen.consulting .what-is-consulting {
        padding-right: 0;
    }
    .clearance-screen.consulting .how-it-works {
        padding-left: 0;
        border-left: none;
        margin-top: 20px;
    }
    .clearance-screen.consulting h2 {
        font-size: 24px;
    }
    .clearance-screen.consulting .what-is-consulting h2 {
        margin-bottom: 15px;
    }
    .clearance-screen.consulting .what-is-consulting ul {
        margin: 15px 0 20px;
    }
    .clearance-screen.consulting .tell-about,
    .clearance-screen.consulting .consulting-request {
        width: 100%;
        display: block;
    }
    .clearance-screen.consulting .tell-about {
        padding-right: 0;
    }
    /* END new Clearance Screen */
    .clearance-invoice-upload {
        margin-top: 0;
    }
    .clearance-invoice-upload .upload-button {
        display: block;
        width: 100%;
    }
    .clearance-invoice-upload .file-invoice-number {
        width: 100%;
        margin-right: 0;
    }
    .clearance-invoice-upload .file-invoice-supplier-name {
        width: 100%;
    }
    .clearance-document-upload {
        margin-top: 0;
    }
    .clearance-document-upload-container {
        line-height: normal;
    }
    .clearance-document-upload-type {
        margin-right: 0;
        width: 100%;
    }
    .clearance-document-upload .upload-button {
        display: block;
        width: 100%;
    }
    .clearance-document-upload .file-name {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .clearance-screen .success-box {
        padding: 50px;
        margin: 100px 20px;
    }
}
@media (max-width: 992px) {
    /* START new Clearance Screen */
    .ticket-screen .ticket-document-upload-container .doc-name-container {
        padding-top: 0;
    }
    /* END new Clearance Screen */
    /* START new Dashboard Screen */
    .dashboard-screen .pga-header {
        margin-right: 0;
        display: block;
    }
    .dashboard-screen .pga-description {
        display: block;
        width: 100%;
        border-left: none;
        padding-left: 0;
        padding-bottom: 0;
    }
    .dashboard-screen .trade-documents .doc-desc-container {
        width: 100%;
        padding-right: 0;
        display: block;
    }
    .dashboard-screen .trade-documents .doc-file-input-container {
        padding-top: 10px;
        width: 80%;
        width: calc(100% - 186px);
    }
    .dashboard-screen .trade-documents .doc-file-name-container {
        padding-top: 10px;
        width: 80%;
        width: calc(100% - 83px);
    }
    .dashboard-screen .trade-documents .doc-file-input-container .col-name, .dashboard-screen .trade-documents .doc-file-upload-buttons-container .col-name {
        display: none;
    }
    .dashboard-screen .trade-documents .doc-file-upload-buttons-container,
    .dashboard-screen .trade-documents .doc-file-manage-buttons-container
    {
        padding-top: 10px;
    }
    /* END new Dashboard Screen */
}

@media (min-width: 992px) {
    .pull-right-md {
        float: right;
    }

    .text-right-md {
        text-align: right;
    }
    .btn-regular-sm.big-padding {
        padding-left: 100px;
        padding-right: 100px;
    }
}
@media (min-width: 992px) and (max-width: 1240px) {
    .btn-summary{
        float: none !important;
    }
    .pull-right-md{
        float: none !important;
    }
}
@media (max-width: 768px) {
    .new-bond-form .form-control-static {
        text-align: left !important;
    }

    .left-menu-mobile-switch {
        display: none;
    }
    .white-container {
        padding: 10px 20px 20px;
    }
    .dashboard-container, .dashboard-container > tbody, .dashboard-container .dashboard-container-row, .dashboard-container .dashboard-container-cell {
        display: block;
        width: 100%;
    }
    .dashboard-container .dashboard-container-cell.left {
        width: 100%;
    }
    .dashboard-container-white, .dashboard-container-white.small-padding {
        padding: 20px;
    }
    .dashboard-container .content {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 50px;
    }
    .dashboard-container .content.padding-top {
        padding-top: 20px;
    }
    .tickets-search-element {
        display: block;
        max-width: 100%;
        margin-top: 0;
    }
    .tickets-search .tickets-search-element .search-link {
        border-radius: 0 0 4px 4px;
        margin-top: 0;
        margin-right: 0;
    }
    .tickets-search-element .reset-link {
        display: block;
        text-align: center;
    }
    .tickets-search .tickets-search-element input {
        border-radius: 4px 4px 0 0;
        border-right: 1px solid #CCCCCC;
        margin-bottom: 5px;
    }
    .tickets-search {
        padding: 0;
    }
    .tickets-search .btn-link, .tickets-search .form-control {
        display: block;
        margin: 10px 0;
        text-align: center;
    }

    /* START new Ticket Screen */
    .dashboard-container .ticket-screen.content {
        padding-left: 0;
        padding-right: 0;
    }
    .ticket-screen .inline-block-input {
        display: block;
        width: auto;
    }
    .ticket-screen .required_doc_indicator {
        line-height: normal;
    }
    .ticket-screen .actions-panel {
        padding: 10px
    }
    .ticket-screen .upload-button {
        display: block;
        padding: 0;
    }
    .ticket-screen .live-chat-note {
        padding-top: 10px;
        text-align: left;
    }
    .ticket-screen .ticket-document-upload-buttons {
        display: block;
    }
    .ticket-screen .document-invoice-detail > div {
        display: block;
    }
    .ticket-screen .chats {
        padding: 10px;
    }
    .ticket-screen .chats li .message-container .message .body {
        font-size: 1em;
        line-height: 1.3em;
    }
    .ticket-screen .ticket-consulting-head {
        padding: 0 20px 20px;
    }
    .ticket-screen .ticket-documents .doc-type-container,
    .ticket-screen .ticket-documents .doc-desc-container,
    .ticket-screen .ticket-documents .doc-file-input-container,
    .ticket-screen .ticket-documents .doc-file-upload-buttons-container,
    .ticket-screen .ticket-documents .doc-file-name-container,
    .ticket-screen .ticket-documents .doc-file-manage-buttons-container
    {
        display: block;
        width: 100%;
    }
    .ticket-screen .ticket-documents .doc-file-upload-buttons-container .upload-button {
        padding: 0 0 10px 0;
    }
    .ticket-screen .ticket-documents .doc-type-container {
        padding-right: 0;
    }
    .ticket-screen .ticket-documents .doc-desc-container {
        padding-top: 10px;
    }
    .ticket-screen .ticket-documents .doc-file-name-container,
    .ticket-screen .ticket-documents .doc-file-manage-buttons-container {
        padding-top: 10px;
    }
    .ticket-screen .ticket-uploaded-documents-head {
        display: none;
    }
    .ticket-screen .ticket-uploaded-document .doc-mobile-header {
        display: inline-block;
        vertical-align: top;
        font-weight: 600;
    }
    .ticket-screen .our-findings {
        padding: 0 20px;
    }
    .ticket-screen .our-finding-item {
        margin: 25px 0;
    }
    .ticket-screen .our-findings .view-ticket-pdf img {
        margin-top: 5px;
    }
    .ticket-screen .our-finding-links {
        float: none;
        margin-top: 5px;
    }
    .ticket-screen .our-finding-links a {
        vertical-align: baseline;
    }
    /* END new Ticket Screen */

    /* START new Clearance Screen */
    .clearance-screen .btn-mobile {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0 15px;
        height: 40px;

    }
    .clearance-screen .dashboard-container-white.small-padding {
        padding: 20px;
    }
    .clearance-screen .dashboard-container-white .required-hint {
        margin-top: -10px;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .clearance-screen .content-inner {
        margin: 20px;
    }
    .clearance-screen .step-heading {
        font-size: 21px;
        margin-bottom: 20px;
    }
    .clearance-screen .step-heading-text {
        display: block;
    }
    .clearance-screen .step-number-text {
        display: block;
        padding: 0;
    }
    .clearance-screen .radio.radio-transport-label, .clearance-screen .checkbox.checkbox-transport-label {
        width: 100%;
    }
    .clearance-screen .radio-transport-text, .clearance-screen .checkbox-transport-text {
        width: 80px;
        max-width: 100%;
        text-align: left;
    }
    .clearance-screen .clearance-responsive-table {
        width: 100%;
    }
    .clearance-screen .clearance-responsive-table .responsive-table-mobile-header {
        display: block;
        float: left;
        font-weight: bold;
    }
    .clearance-screen .clearance-responsive-table thead {
        display: none;
    }
    .clearance-screen .clearance-responsive-table tr, .clearance-screen .clearance-responsive-table td, .clearance-screen .clearance-responsive-table th {
        display: block;
    }
    .clearance-screen .clearance-responsive-table td {
        text-align: right;
    }
    .clearance-screen .uploaded-docs-table tr {
        margin-bottom: 10px;
    }
    .clearance-screen .uploaded-docs-table tr:last-child {
        margin-bottom: 0;
    }
    .clearance-screen .uploaded-docs-table th {
        padding: 5px 0 0;
    }
    .clearance-screen .uploaded-docs-table td {
        padding: 7px 0 0;
    }
    .clearance-screen .uploaded-docs-table .doc-links-col {
        text-align: left;
    }
    .clearance-screen .ticket-document-upload-buttons {
        display: block;
    }
    .clearance-screen .ticket-document-upload-container .upload-button {
        margin-right: 0;
    }
    .clearance-screen .upload-button {
        display: block;
        width: 100%;
    }
    .clearance-screen .ticket-document-name-container {
        line-height: normal;
    }
    .clearance-screen .success-box {
        display: block;
        padding: 30px 50px;
        margin: 50px 20px;
    }
    .clearance-screen .success-box .step-header {
        font-size: 30px;
    }
    .clearance-screen.consulting h2 {
        font-size: 18px;
    }
    .clearance-screen.consulting .success-box {
        max-width: 100%;
    }
    .clearance-screen.freight .sep-line {
        margin: 40px 0 30px;
    }
    .clearance-screen.freight .freight-item-uom-box {
        margin-top: 10px;
    }
    .clearance-screen.freight .freight-item-param {
        display: block;
        width: 100%;
        padding-right: 0;
    }
    .clearance-screen.freight .freight-item-add-button {
        display: block;
        width: 100%;
    }
    .clearance-screen.freight .freight-item-add-button br {
        display: none;
    }
    /* END new Clearance Screen */
    /* START new Dashboard Screen */
    .dashboard-screen .mobile-header {
        display: inline-block;
    }
    .dashboard-screen .description-container-gray {
        padding: 20px;
    }
    .dashboard-screen .trade-documents .doc-desc-container,
    .dashboard-screen .trade-documents .doc-file-input-container,
    .dashboard-screen .trade-documents .doc-file-upload-buttons-container,
    .dashboard-screen .trade-documents .doc-file-manage-buttons-container
    {
        display: block;
        width: 100%;
        padding-right: 0;
    }
    .dashboard-screen .trade-documents .doc-file-input-container,
    .dashboard-screen .trade-documents .doc-file-name,
    .dashboard-screen .trade-documents .doc-file-upload-buttons-container,
    .dashboard-screen .trade-documents .doc-file-manage-buttons-container
    {
        padding-top: 10px;
    }
    .dashboard-screen .trade-documents .upload-button {
        display: block;
        width: 100%;
        padding: 0 0 10px;
    }
    .dashboard-screen .trade-documents .trade-document-upload-button {
        display: block;
    }
    .dashboard-screen .trade-uploaded-document .doc-mobile-header {
        display: inline-block;
        vertical-align: top;
        font-weight: 600;
    }
    .dashboard-screen .trade-uploaded-documents-head {
        display: none;
    }
    /* END new Dashboard Screen */
    .warning-messages {
        padding: 10px;
    }
    .warning-item .warning-message-text {
        padding: 5px;
    }
    .invoice-recipients-form  {
        margin-top: 25px;
    }
    .invoice-recipients-form .invoice-recipient-email-input {
        width: 100%;
        display: block;
    }
    .invoice-recipient-button-container {
        display: block;
    }
}
@media (min-width: 768px) {
    .pull-right-sm {
        float: right;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-left-sm {
        text-align: left;
    }
}
@media (max-width: 400px) {
    /* START new Clearance Screen */
    .clearance-screen .clearance-responsive-table .responsive-table-mobile-header {
        float: none;
    }
    .clearance-screen .clearance-responsive-table td {
        text-align: left;
    }
    .clearance-screen .clearance-buttons {
        display: block;
        width: 100%;
    }
    .clearance-screen .radius-button {
        width: 100%;
        margin-bottom: 7px;
        text-align: center;
        white-space: normal;
    }
    .clearance-screen .radius-button.no-border {
        padding: 10px 50px;
    }
    .clearance-screen .success-box .step-header {
        font-size: 24px;
    }
    .ticket-item-details {
        margin: 10px 0 20px;
    }
    .ticket-item-status {
        display: block;
        margin-right: 0;
    }
    .ticket-item-pay-button, .ticket-item-view-invoice-button {
        float: none;
        display: block;
        text-align: center;
        margin-top: 10px;
    }
    .clearance-screen .label-checkbox-address {
        float: none;
        display: block;
        padding-left: 0;
        margin-top: 15px;
    }
    .clearance-screen .yes-no-label {
        display: block;
        margin: 10px auto;
    }
    /* END new Clearance Screen */
}