/* main styles */
body {
    position: relative;
}
.js-page-loader {
    display: none;
    position: fixed;
    top: 0;right: 0;left: 0;bottom: 0;
    background:rgba(255,255,255,0.8);
    z-index: 999;
}
.loading-content {
    position: absolute;
    top: 50%; left: 50%;transform: translate(-50%,-50%);
    z-index: 999;
}
.loading-content img {
    margin-right: 10px;
}
.loading-text {
    font-size: 36px;
    font-weight: 600;
    color: #666666;
    vertical-align: middle;
}
.toolbar {padding-top:10px; padding-bottom:10px}

.vcenter {
    /*display: inline-block;*/
    vertical-align: middle;
    /*float: none;*/
}
.vtop, .vtop a {
    vertical-align: top;
}

.header-nav {height:40px}
.header-nav ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.header-nav ul > li {
    float: left;
    margin: 0;
    position: relative;
}

.header-nav ul > li > a {
    color: #000000;
    display: block;
    font: 16px/20px "Lato";
    padding: 2px 10px;
    text-decoration: none;
}

.header-nav ul > li > a > span {
    display: inline-block;
    line-height: 26px;
}
.header-nav ul > li > a:hover > span, .header-nav ul > li.active > a > span {
    border-bottom: 3px solid #1b7cb5;
}
.nav li {
    font-size:14px;
}
.portlet.light.no-pad {
    padding: 25px 30px 0px 30px;
}
.actions.filters {
    padding: 0;
}

.height-btn {height:20px}

.mbtn {margin-top: -4px}

.demo-container {
    box-sizing: border-box;
    width: 100%;
    height: 450px;
    padding: 20px 15px 15px 15px;
    /*margin: 15px auto 30px auto;*/
    border: 1px solid #ddd;
    background: #fff;
    background: linear-gradient(#f6f6f6 0, #fff 50px);
    background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.demo-placeholder {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.2em;
}

.flot-base {width: 100% !important;}

label {
    font-weight: normal !important;
}

/*START password validation */

#user_password_agent_reset_form .toggle-password {
    cursor: pointer;
    position: absolute;
    top: 13px;
    right: 24px;
}

#user_password_agent_reset_form .green-text{
    color: #18AE93;
}

#user_password_agent_reset_form .error {
    color: #FF0000;
    font-weight: 700;
}

#user_password_agent_reset_form textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #0fa68b;
}

#user_password_agent_reset_form input:focus:invalid,textarea:focus:invalid,select:focus:invalid  {
    border: 2px solid #c63645;
    border-color:#c63645;
    box-shadow: none;
}

#user_password_agent_reset_form input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{
    border: 2px solid #c63645;
    border-color:#c63645;
    box-shadow: none;
}

#user_password_agent_reset_form select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    margin-bottom: 0px;
    line-height: normal;
    color: initial;
}

#user_password_agent_reset_form select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    margin-bottom: 0px;
    line-height: normal;
    color: initial;
}

#user_password_agent_reset_form .form-input-text {
    width: 100%;
    height: 40px !important;
    padding: 0 10px !important;
}

#user_password_agent_reset_form .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

/*END password validation */


.dropit {
    list-style: none;
	padding: 0;
	margin: 0;
}
.dropit .dropit-trigger { position: relative; }
.dropit .dropit-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 150px;
    list-style: none;
	padding: 0;
	margin: 0;
}
.dropit .dropit-open .dropit-submenu { display: block; }

.menudd ul { display: none; } /* Hide before plugin loads */
.menudd ul.dropit-submenu {
    background-color: #fff;
    border: 1px solid #b2b2b2;
    padding: 6px 0;
    margin: 3px 0 0 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
}
.menudd ul.dropit-submenu a {
    display: block;
    font-size: 14px;
    line-height: 25px;
    color: #7a868e;
    padding: 0 18px;
}
.menudd ul.dropit-submenu a:hover {
    background: #248fc1;
    color: #fff;
    text-decoration: none;
}

.ml { display: inline;}


.nav-tabs {
    border-bottom: 0px solid #DDD;
}

.filtertable {
    margin-top: 16px;
    margin-bottom: 16px;
    width:100%;
}


.portlet.box.blue-hoki > .portlet-title > .caption {
    color: #666666;
    font-size: 16px;
    font-weight: 500;
}

.blog-line:last-child{
    border-bottom: none;
}
.name_badge{
    color: #666666;
    background: #c1f4eb;
    padding: 2px 4px;
}

.static-info {
    margin-right:0px;
    margin-left:0px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    margin-bottom: 8px;
}

.static-info-no-border {
    margin-right:0px;
    margin-left:0px;
    padding-bottom: 10px;
    margin-bottom: 8px;
}

.blk_title{
    margin-bottom: 10px ;
}

.static-info-role {
    margin-right:0px;
    margin-left:0px;
    border-bottom: 1px solid #777;
    padding-bottom: 10px;
    margin-bottom: 8px;
}
.ticket_notification_div .iradio_minimal-green {
    background-color: white !important;
    border-radius: 100%;
    width: 18px;
    height: 18px;
}
.ticket_notification_div .icheckbox_minimal-green {
    background-color: white !important;
    width: 18px;
    height: 18px;
}
.ticket_notification_div{
    border: 1px solid red;
    background-color: #ffe3b6 !important;
    margin-bottom: 10px;
}
.ticket_escalation_notification_div{
    border: 1px solid red;
    background-color: #fdd7e9 !important;
    margin-bottom: 10px;
}
.escalation_notification:hover{
    cursor: pointer;
}
.top-note-icon .escalation_dropdown {
    max-width: 350px;
    min-width: 250px;
    margin-top: 8px;
    right: 13px;
    border: 1px solid #dddddd;
    z-index: 99999;
    position: absolute;
    border-radius: 5px;
}
.escalation_notification_container {
    font-size: 14px;
    display: inline-block;
    max-width: 270px;
    text-align: justify !important;
}
.escalation_notification_container .noti_id {
    color: #444444;
    font-weight: bold;
}
.escalation_notification_container .noti_affiliate {
    color: #1D27A9;
    font-weight: 600;
    font-size: 13px;
}
.escalation_notification_container .from_email {
    display: block;
    margin-bottom: 7px;
}
.escalation_notification_container .notification_date_time {
    color: #888888;
    display: block;
    font-size: 13px;
    margin-top: 7px;
}
.escalation_notification_container .noti_for {
    display: block;
    font-size: 13px;
    margin-bottom: 3px;
    font-weight: bold;
}
.escalation_notification_container p {
    margin: 0;
}
.escalation_dropdown .sub-menu {
    background: #fff none repeat scroll 0 0;
    height: auto !important;
    list-style: outside none none;
    max-width: 350px;
    overflow-y: scroll;
    padding: 0;
}
.escalation_dropdown .slimScrollDiv{
    height: auto !important;
}
.escalation-note-icon .escalation_menu_item_wrapper::after {
    background: rgba(0, 0, 0, 0) url("../img/dropdown_caret.png") no-repeat scroll center top;
    bottom: -9px;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9999999;
}
.escalation_notification {
    border-bottom: 1px solid #ddd;
    padding: 15px 15px 10px;
    position: relative;
}
.escalation_notification:last-child{
    border-bottom: none !important;
}
.escalation_notification .notification_icon {
    margin-top: 0 !important;
}
.navbar-nav .escalation-note-icon {
    padding-right: 40px;
}
.mark_read_redio {
    display: block;
    position: absolute;
    right: 15px;
    top: 2px;
}
.ticket_notification_div .notification_icon {
    color: #ff9900 !important;
}
.document_role_border .iradio_minimal-green {
    background-color: white !important;
    border-radius: 100%;
    width: 18px;
    height: 18px;
}
.document_role_border .icheckbox_minimal-green {
    background-color: white !important;
    width: 18px;
    height: 18px;
}
.ticket-role-commercial-invoice>tbody>tr>td {
    border-top:0px !important;
}
.customer_role_request_table>tbody>tr>td {
    border-top:0px !important;
}
/*.client_role_request_table>tbody>tr:first-child>td {*/
/*    border-top:1px solid #777 !important;*/
/*}*/
/*.client_role_request_table>tbody>tr:nth-child(even)>td {*/
/*    border-top:0px !important;*/
/*}*/
.client_role_request_table>tbody>tr.hold-row>td {
    border-top:0px !important;
}

.client_role_request_table>tbody>tr:last-child {
    border-bottom:1px solid #ddd !important;
}

.comodites_red {
    background-color: #FFE4F1 !important;
}
.comodites_red .portlet-title {
    background-color: #FFE4F1 !important;
}

.comodites_red .no_tarrif_div {
    background-color: #FFE4F1 !important;
}

.isfFilling_red {
    background-color: #FFE4F1 !important;
}

.isfFilling_yellow {
    background-color: #ffffcc  !important;
}
.isfFilling_green {
    background-color: #DEF0ED  !important;
}

.delivery_red {
    background-color: #FFE4F1 !important;
}

.delivery_yellow {
    background-color: #ffffcc  !important;
}
.delivery_green {
    background-color: #DEF0ED  !important;
}

.itbond_red {
    background-color: #FFE4F1 !important;
}

.itbond_yellow {
    background-color: #ffffcc  !important;
}
.itbond_green {
    background-color: #DEF0ED  !important;
}

.isfDocreview_red {
    background-color: #FFE4F1 !important;
}

.isfDocreview_yellow {
    background-color: #ffffcc  !important;
}
.isfDocreview_green {
    background-color: #DEF0ED  !important;
}

/*HTS code*/
.comodites_yellow {
    background-color: #ffffcc  !important;
}
.comodites_yellow .portlet-title {
    background-color: #ffffcc  !important;
}

.comodites_yellow .no_tarrif_div {
    background-color: #ffffcc  !important;
}

.comodites_green {
    background-color: #DEF0ED  !important;
}
.comodites_green .portlet-title {
    background-color: #DEF0ED  !important;
}

.comodites_green .no_tarrif_div {
    background-color: #DEF0ED  !important;
}

.doc_review_panel{
    color: #666666 !important;
}
/*#doc_reminder_bell_div .badge {*/
/*    position: absolute;*/
/*    top: -11px;*/
/*    right: 39px;*/
/*    padding: 3px 6px;*/
/*    border-radius: 10%;*/
/*    background: #2ba58e;*/
/*    color: white;*/
/*}*/
#doc_customer_question_div .badge {
    position: absolute;
    top: -11px;
    right: 37px;
    padding: 3px 6px;
    border-radius: 10%;
    background: red;
    color: white;
}
/*#isf_reminder_bell_div .badge {*/
/*    position: absolute;*/
/*    top: -11px;*/
/*    right: 39px;*/
/*    padding: 3px 6px;*/
/*    border-radius: 10%;*/
/*    background: #2ba58e;*/
/*    color: white;*/
/*}*/
#isf_customer_question_div .badge {
    position: absolute;
    top: -11px;
    right: 37px;
    padding: 3px 6px;
    border-radius: 10%;
    background: red;
    color: white;
}
/*#prekey_reminder_bell_div .badge {*/
/*    position: absolute;*/
/*    top: -11px;*/
/*    right: 39px;*/
/*    padding: 3px 6px;*/
/*    border-radius: 10%;*/
/*    background: #2ba58e;*/
/*    color: white;*/
/*}*/
#prekey_customer_question_div .badge {
    position: absolute;
    top: -11px;
    right: 37px;
    padding: 3px 6px;
    border-radius: 10%;
    background: red;
    color: white;
}
#arrival_customer_question_div .badge {
    position: absolute;
    top: -11px;
    right: 37px;
    padding: 3px 6px;
    border-radius: 10%;
    background: red;
    color: white;
}
#release_customer_question_div .badge {
    position: absolute;
    top: -11px;
    right: 37px;
    padding: 3px 6px;
    border-radius: 10%;
    background: red;
    color: white;
}
#delivery_customer_question_div .badge {
    position: absolute;
    top: -11px;
    right: 37px;
    padding: 3px 6px;
    border-radius: 10%;
    background: red;
    color: white;
}
document_role_border .portlet-body{
    display: block !important;
}
.document_role_border .portlet > .portlet-body.blue-hoki, .portlet.blue-hoki{
    background-color: #ffffff !important;
}
/*.document_role_border .portlet.blue-hoki > .portlet-body {*/
/*    border-radius: 0px;*/
/*    padding: 14px 0px 0px;*/
/*    display: block !important;*/
/*}*/
.document_role_border {
    border: 1px solid #2ba58e !important;
    padding: 10px;
    margin-top: 5px;
}
.portlet.blue-hoki.docreview_blk > .portlet-body{
    padding: 1px 0 0 !important;
}
.portlet.blue-hoki.clienrreq_blk > .portlet-body{
    padding: 1px 0 0 !important;
}
.new-reminder-button-container span i{
    font-size: 20px !important;
}

.verification_checkbox_green {
    background-color: #DEF0ED  !important;
}

.verification_checkbox_red {
    background-color: #FFE4F1 !important;
}

.verification_checkbox_yellow {
    background-color: #ffffcc !important;
}

.smartborder_checkbox_green {
    background-color: #DEF0ED  !important;
}

.smartborder_checkbox_red {
    background-color: #FFE4F1 !important;
}

.final_invoice_div_green {
    background-color: #DEF0ED  !important;
}

.final_invoice_div_red {
    background-color: #FFE4F1 !important;
}

.final_invoice_div_yellow {
    background-color: #ffffcc !important;
}
/*.role_panel_back_color {*/
/*    background-color:#DEF0ED !important;*/
/*}*/
.out_side_alert {
    position: relative;
    top: -36px;
}

.role_panel_back_color:hover{
    background: #DEF0ED !important;
    background-color: #DEF0ED !important;
}
.tkt_time_panel{
    /*overflow:auto;height:200px;*/
}

.pr-50{
    padding-right: 50px !important;
}

.vertical-bottom{
    vertical-align: text-bottom !important;
}
.role-doc-upload {
    margin-left:0px;padding-left:5px;margin-right:0px;padding-right:0px
}
.role-general-tkt-div {
    border-right: 1px solid #cccccc;word-break:break-word;
}


.role-actions-panel {
    color:#666666;
    /*background: #f5f5f5;*/
    background: white;
    padding: 0 15px;
}

.static-info-nb {
    border-bottom: none;
    padding-bottom: 10px;
    margin-bottom: 8px;
}

/* Hide the default arrow */
.carmStatusDiv .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none; /* Hides the default arrow */
}

/* Set a specific width for all select2 dropdowns */
.carmStatusDiv .select2-container {
    width: 350px; /* Set your desired width */
}

/* Optional: If you want to limit the width of the dropdown list */
.carmStatusDiv .select2-container--default .select2-results {
    max-width: 350px; /* Set the same width for the dropdown options */
}

/* Custom arrow using FontAwesome */
.carmStatusDiv .select2-container--default .select2-selection--single:after {
    content: "\f078"; /* FontAwesome down arrow */
    font-family: FontAwesome; /* FontAwesome family */
    font-size: 1.3em; /* Set the size */
    color: #0FA68B; /* Set the color */
    position: absolute; /* Positioning */
    right: 10px; /* Right offset */
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Adjust for perfect centering */
    z-index: 1; /* Above the other elements */
    pointer-events: none; /* Make it non-interactive */
}

/* Adjust height and line height of select2 */
.carmStatusDiv .select2-container--default .select2-selection--single {
    height: 40px; /* Set height */
}

.carmStatusDiv .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px; /* Align text vertically */
    padding-left: 10px; /* Adjust padding for text */
}

.portlet.light {
    padding: 12px 30px 15px 30px;
}
.portlet > .portlet-body.blue-hoki, .portlet.blue-hoki {
    background-color: #C2C2C2;
    box-shadow: none;
    border-width: 0px 0px 0px !important;
    border-style: none solid solid !important;
    border-color: -moz-use-text-color #E0E0E0 #E0E0E0 !important;
    -moz-border-top-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    border-image: none !important;
    border-radius: 0px;
}
.portlet.box.blue-hoki > .portlet-title {
    background-color: #F5F5F5;
    border: 0px none !important;
    border-radius: 0px;
}

.static-info .value {
    color: #707070;
    font-weight: 300;
    vertical-align: top;
    text-align: right;
    float:right;
}

.static-info .valuel {
    color: #707070;
    font-weight: 300;
    vertical-align: top;
    text-align: left;
    float:left;
}

.header-accordion {
    float:right;
    padding-top:7px;
    cursor:pointer;
}
.header-accordion-bar {
    cursor:pointer;
}
.ticket-status-panel-sel {
    background: #DEF0ED !important;
    background-color: #DEF0ED !important;
    border: 1px solid #000000 !important;
}

.header-accordion-bar:hover {
    background: #DEF0ED !important;
    background-color: #DEF0ED !important;
}
.header-accordion-bar-sel {
    background: #DEF0ED !important;
    background-color: #DEF0ED !important;
}
.header-border-top {
    border-top: 5px solid #0FA68B !important;
}
.header-border-top-notes {
    border-top: 5px solid #43658B !important;
}

.header-title2 {
    font-size: 18px;
}

.static-info .name {
    margin-top: 8px;
    color: #707070;
}

.chat-form {
    margin-top: 15px;
    padding: 10px;
    background-color: #ffffff;
    overflow: hidden;
    clear: both;
}

.chats li.out .message {
    border-right: 0px solid #eeeeee;
    max-width:70%;
    background: #eeeeee none repeat scroll 0% 0%;
    text-align: left;
    border-radius: 6px;
    margin-right: 0px;
    float:left;
    width:auto;
}

.chats li.in .message {
    text-align: left;
    max-width:70%;
    border-left: 0px solid #DEF2FF;
    background: #DEF2FF none repeat scroll 0% 0%;
    /*margin-left: 105px;*/
    border-radius: 6px;
    width:auto;
    margin-left: 0px;
    float:right;
}
.datetime1 {
    padding-left:30px;
    float:right;
}


.filtertable1 {
    margin-top: 6px;
    margin-bottom: 16px;
    width:100%;
}
.tdfilter1 {
    text-align: center;
    height:40px;
    background-color: #ffffff;
    width:11%;
    vertical-align: middle;
    border: 1px solid #bbbbbb;
    border-radius:3px;
}
.tdfilter1 div {
    font-weight: 600;
    font-size: 15px;
    vertical-align: middle;
    line-height: 18px;
    display: inline-block;
    width: 100%;
}
.ticket-status {
    height: 40px;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    background-color: #DEF0ED;
    border: 1px solid #BBBBBB;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
}
.ticket-status-affiliate-rheader {
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    padding: 10px 0;
}
.ticket-status-affiliate {
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    margin-right: 5px;
    padding: 10px 0;
}
.sb-history-popup {
    display: none;
}
.sb-history-popup-header {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
}
.sb-history-popup-heading {
    padding-right: 10px;
}
.sb-history-popup table th {
    background-color: #EEEEEE;
}
.sb-history-popup-table>tbody>tr:nth-of-type(odd) {
    background-color: #F5F5F5;
}

.ticket-status-label {
    font-size:12px;
    padding-bottom:0;
    margin-right: 5px;
    text-transform: uppercase;
}
.ticket-status-hexcolor {
    padding-left: 4px;
}
.ticket-status-dependencies-checklist-label {
    display: inline-block;
    cursor: pointer;
}
.ticket-status-menu {
    max-width: 50%;
}
.ticket-status-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ticket-status-menu ul li {
    width: 100%;
    background-color: #FFFFFF;
    position: relative;
    float: left;
    clear: both;
}
.ticket-status-menu ul li.ticket-status-clearfix {
    height: 0;
    display: block;
    float: none;
    clear: both;
}
.ticket-status-menu ul li a {
    display: block;
    word-wrap: break-word;
    text-decoration: none;
    padding: 10px;
    vertical-align: top;
    border: 1px solid #DDDDDD;
    /* Collapse borders */
    margin-bottom: -1px;
    margin-right: -1px;
}
.ticket-status-menu ul li a.arrow:after {
    content: '>';
    font-weight: bold;
    display: inline-block;
    position: absolute;
    right: 10px;
}
.ticket-status-submenu {
    width: 100%;
    display: none;
    /*border: 1px solid #DDDDDD;*/
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 100;
}
.ticket-status-menu > ul > li:hover .ticket-status-submenu {
    display: inline-block;
}
.ticket-status-menu li a:hover {
    background-color: #DEF0ED;
}
.requires-broker-review-form {
    float: right;
    margin: 10px;
}
.requires-broker-review-label {
    cursor: pointer;
}
.agent-permission-page table tr th, .agent-permission-page table tr td {
    vertical-align: middle;
}
.agent-permission-page .switchbutton-on, .agent-permission-page .switchbutton-off, .agent-permission-page .switchbutton-handle {
    font-size: 14px;
    font-weight: 600;
}
.agent-permission-page .switchbutton-on {
    background-color: #2ba58e;
    color: #FFFFFF;
}
.agent-permission-page .switchbutton-off {
    background-color: #AAAAAA;
    color: #FFFFFF;
}
.alert-messages-manage-page #preview-btn {
    margin-right: 10px;
}
.alert-messages-manage-page #preview-btn, .alert-messages-manage-page #delete-btn {
    margin-top: 10px;
}

.tdfilter2 {
    border: 0px solid #aaaaaa;
    height:40px;
    background-color: #ffffff;
    font-weight: 600;
    width:1%;
}
.tdfilter {
    border: 1px solid #ffffff;
    text-align: center;
    height:50px;
    background-color: #f5f5f5;
    font-weight: 400;
    font-size: 14px;
}
.tdfilterli {
    display:inline-block;
    padding:15px 20px;
    margin-top:3px;
    border: 1px solid #ffffff;
    text-align: center;
    background-color: #f5f5f5;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}
.tdactiveli {
    color: #ffffff !important;
    background-color: #888888 !important;
    font-weight: 600;
}
.tdactiveli a{
    color: #ffffff !important;
}

.tdactive {
    background-color: #DEF0ED !important;
    font-weight: 600;
}

.tdactive a{
    color: #666666 !important;
    font-weight: 600;
}
.tdactive1 {
    background-color: #888888 !important;
    font-weight: 600;
}
.tdactive1 a{
    color: #ffffff !important;
    font-weight: 600;
}
.dash-td{
    vertical-align: middle !important;
    font-size: 14px;
    color: #444444;
}
.dash-td .ticket-date {
    white-space: nowrap;
    line-height: 1;
}
.dash-td .ticket-hours {
    font-size: 0.8em;
}
.dash-th {
    height: 45px;
    color: #444444;
    font-size: 12px !important;
    font-weight: 700;
    vertical-align: middle;
}
.unverified-tr th{
    color: #2ba58e;
}
.dash-tr {
    height: 45px;
    font-size:13px;
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;

    border-bottom: 5px solid black;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f00;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;

    border-left: 60px solid green;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:10px solid blue;
}

.chats li .name {
    color: #777777;
    font-size: 11px;
    font-weight: 200;
}
.chats li .datetime {
    color: #777777;
    font-size: 11px;
    font-weight: 200;
}

.affiliate-manage .form-control:not(select) {
    border: 1px solid #666666 !important;
}
.affiliate-manage .iselect {
     border: 1px solid #666666 !important;
}

.iselect {
    border: 1px solid #ccc;
    border-radius: 2px;
    overflow: hidden;
    height: 35px;
    position: relative;
    display: block;
}
.iselect select{
    color: #666666;
    height: 35px;
    padding: 5px;
    border: 0;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
.iselect select.arrow-padding {
    padding-right: 29px;
}
.iselect:after {
    font-size: 1.3em;
    content:"\f078";
    font-family: FontAwesome;
    color: #0FA68B;
    padding: 3px 8px;
    position: absolute; right: 0; top: 0;
    background: none;
    z-index: 1;
    text-align: center;
    width: 32px;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
    font-weight: 100;
}
.iselect-line-height {
    line-height: 35px;
}

div.checker input {
    opacity: 1;
    border: 1px solid #000000;
    background: transparent none repeat scroll 0% 0%;
    display: inline-block;
    width:14px;
    height: 14px;
    box-shadow: none;
    -webkit-appearance: checkbox;
}

.badge.badge-empty {
    display: inline-block;
    padding: 0px;
    min-width: 8px;
    height: 18px;
    width: 18px;
    cursor:pointer;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 5px 10px 5px 10px;
}

.form-inline .form-control {
    vertical-align: top;
}
.form-control-backend {
    width:60%;
    float:right;
    clear:both;
}
.form-control-backend_v_role {
    width:66%;
    float:left;
    clear:both;
}
.form-control-backend_role {
    width:80%;
    float:left;
    clear:both;
}
input.form-control.form-control-solid {
    height:34px;
}

.portlet.blue-hoki > .portlet-body {
    border-radius: 0px;
    padding: 14px 0px 0px;
    display: none;
}
.chat-form .input-cont {
    margin-right: 0px !important;
}
.page-header-back {
    padding-top:5px;
    float:left;
    font-size:30px;
    padding-right:15px;
    font-weight: 600;
}
.no_br {
    border-radius: 0px !important;
}
.form-control::-moz-placeholder {
    color: #cccccc;
    opacity: 0;
}
.freightos-billing-list #js-page-loader{
    text-align: center !important;
    float: right;
    margin-right: 10px;
}
.freightos-billing-list #js-page-loader .js-page-loader-image {
    width: 40px !important;
    height: 40px !important;
}
.user-activity-list #js-page-loader{
    text-align: center !important;
    float: left;
}
.user-activity-list #js-page-loader .js-page-loader-image {
    width: 40px !important;
    height: 40px !important;
}
.search-affiliatelog-list #js-page-loader{
    text-align: center !important;
}
.search-affiliatelog-list #js-page-loader .js-page-loader-image {
    width: 50px !important;
    height: 50px !important;
}

.chats {
    padding: 10px;
}
.nav-tabs > li {
    margin-right:10px;
}
.active-item a {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background-color: #0FA68B;
}
.filter-item {
    width:100px;
    padding: 2px 6px !important;
    text-align: center;
}
.nav-tabs > li > a {
    font-size: 16px;
}
.dataTable > thead > tr > th.sorting, .dataTable > thead > tr > th.sorting_asc, .dataTable > thead > tr > th.sorting_desc {
    padding-right: 0px;
}
.table-hover > tbody > tr:hover {
    background-color: #DEF0ED;
    cursor: pointer;
}
.nav-tabs > li > a:hover {
    color: #0FA68B;
    border-color: #0FA68B #0FA68B #0FA68B;
}
.nav > li > a:focus, .nav > li > a:hover {
    color: #0FA68B;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dataTable thead {
    text-transform: uppercase;
    vertical-align: middle;
}
.dataTable thead tr {
    height: 40px;
}
.dataTable thead tr th {
    vertical-align: middle;
}
.top-menu-padding {
    padding-right:10px;
    padding-left:20px;
    padding-top:25px !important;
    /*padding-bottom:26px !important;*/
    height:70px;
}
.top-menu-padding1 {
    padding-right:10px !important;
    padding-left:10px !important;
    padding-top:25px !important;
    /*padding-bottom:26px !important;*/
    height:70px;
    background: #ffffff !important;
}
.top-menu-padding2 {
    padding-right:10px;
    padding-left:10px;
    padding-top:25px !important;
    /*padding-bottom:26px !important;*/
    height:70px;
}

.top-menu-icon {
    margin-left:10px;
    margin-top: -3px;
    display: inline-block;
    width:26px;
    height:26px;
    border-radius: 3px;
    color:#ffffff;
    float:right;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding-top:4px;
    line-height: 18px;
}
.top-menu-color1 {
    color: #43658B !important;
}
.top-menu-icon1 {
    background: #43658B !important; /*43658B*/
    margin-bottom: 5px;
}
.top-menu-icon1-arrow {
    display: inline-block;
    position: absolute !important;
    background-image: url("../img/dashboard-arrow1.png") !important;
    background-position: 18px 23px !important;
    background-repeat: no-repeat;
    z-index: 10000;

}
.top-menu-icon2-arrow {
    display: inline-block;
    position: absolute !important;
    background-image: url("../img/dashboard-arrow2.png") !important;
    background-position: 18px 23px !important;
    background-repeat: no-repeat;
    z-index: 10000;
}
.top-menu-icon3-arrow {
    display: inline-block;
    position: absolute !important;
    background-image: url("../img/dashboard-arrow3.png") !important;
    background-position: 18px 23px !important;
    background-repeat: no-repeat;
    z-index: 10000;
}

/* file upload style*/
label.upload-button input[type="file"] {
    position: fixed;
    top: -1000px;
}
.upload-button {
    display: inline-block;
    margin-top:7px
}
.upload-button:hover {
}
.upload-button:active {
}
.upload-button :invalid + span {
}
.upload-button :valid + span {
}


.top-menu-color2 {
    color: #BA535E !important;
}
.top-menu-icon2 {
    background: #BA535E !important;
    margin-bottom: 5px;
}
.top-menu-color3 {
    color: #0FA68B !important;
}
.top-menu-icon3 {
    background: #0FA68B !important;
    margin-bottom: 5px;
}


.top-menu-grey1 {
    background: #F5F5F5;
    line-height: normal;
    border-right:1px solid #bbbbbb;
}
.top-menu-grey2 {
    background: #F5F5F5;
    line-height: normal;
    /*border-left: 1px solid #bbbbbb;*/
    font-size:13px !important;
}

.top-menu-white a {
    color: #777777 !important;
    padding-left:20px !important;
    padding-right:20px !important;
}
.top-menu-padding {
    color: #777777;
}
.header-manage{
    font-size: 24px;
    color:#666666;
    padding-bottom: 20px;
    border-bottom: 1px solid #bbbbbb;
}
.header-role-manage{
    font-size: 24px;
    color:#666666;
    border-bottom: 1px solid #bbbbbb;
}
.header-role-manage .ticket-id-box {
    font-size: 28px !important;
}
.padding-right-0{
    padding-right: 0px !important;
}
.padding-left-0{
    padding-left: 0px !important;
}
.shipment-num {
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    color: #666666;
    font-style: normal;
}
.margin-bottom-10{
    margin-bottom: 10px !important;
}
.icons-manage {
    float:right;
    padding-top:10px;
}
.actions-manage {
    margin-top:15px;
    margin-bottom:15px;
    /*height: 60px;*/
    /*float:left;*/
}
.actions-manage a {
    margin-right:5px;
}
.actions-manage div {
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    /*height: 22px;*/
}

.doc-review-btn {
    background: #DEF0ED;
    color: #333333;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0px;
    padding: 8px 20px;
}

.doc-review-btn i {
    color: #22b198;
}

.doc-review-btn:hover i, .doc-review-btn:focus i{
    color: white;
}

.doc-review-btn:hover, .doc-review-btn:focus{
    background-color: #22b198;
    color: white;
}

.add-doc-review-exempt-modal .btn-regular1-xs, .add-doc-review-exempt-modal .switchbutton-on {
    background: #22b198 !important;
}

.btn-regular1-browse-xs {
    background: #ffffff;
    color: #444444;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin-top: 25px;
    padding: 1px 0px;
}

.btn-regular-sm {
    background: #de394a;
    color: #ffffff;
    border: medium none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 30px;
}
.btn-regular-sm:hover, .btn-regular-sm:focus {
    background: #c63645;
    color: #ffffff;
    text-decoration: none;
}
.btn-regular-sm[disabled] {
    background-color: #666666;
}

.btn-regular-xs {
    background: #BA535E;
    color: #ffffff;
    border: 1px solid #BA535E;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 20px;
}
.btn-regular-xs:hover, .btn-regular-xs:focus {
    background: #c63645;
    border: 1px solid #c63645;
    color: #ffffff;
    text-decoration: none;
}
.btn-regular1-xs[disabled] {
    color: #666666;
    cursor: not-allowed;
}
.btn-regular1-xs:hover[disabled], .btn-regular1-xs:focus[disabled] {
    color: #666666 !important;
    cursor: not-allowed;
}
.page-container .pga-doc-form-div .k-editable-area {
    padding: 20px;
    position: relative;
}
.btn-regular1-xs {
     background: #2ba58e;
     color: #ffffff;
     border: 1px solid #2ba58e;
     border-radius: 3px;
     cursor: pointer;
     font-size: 14px;
     font-weight: 600;
     margin-top: 0px;
     padding: 8px 20px;
 }
.btn-regular1-xs:hover, .btn-regular1-xs:focus {
    background: #238270;
    border: 1px solid #238270;
    color: #ffffff;
    text-decoration: none;
    box-shadow: none !important;
}
.btn-regular1-1-xs {
    background: #FF9D00;
    color: #ffffff;
    border: 1px solid #FF9D00;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0px;
    padding: 8px 20px;
}
.btn-regular1-1-xs:hover {
    background: #cc9D00;
    border: 1px solid #cc9D00;
    color: #ffffff;
    text-decoration: none;
}
.btn-regular2-xs {
    background: #92528A;
    color: #ffffff;
    border: 1px solid #92528A;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0px;
    padding: 8px 20px;
}
.btn-regular2-xs:hover {
    background: #914290;
    color: #ffffff;
    text-decoration: none;
}
.btn-regular2-1-xs {
    background: #FF9D00;
    color: #ffffff;
    border: 1px solid #FF9D00;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0px;
    padding: 8px 20px;
}
.btn-regular2-1-xs:hover {
    background: #cc9D00;
    color: #ffffff;
    text-decoration: none;
}

.btn-regular3-xs {
    background: #ffffff;
    color: #2ba58e;
    border: 1px solid #2ba58e;
    border-radius: 2px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0px;
    padding: 8px 15px;
    vertical-align: middle;
}
.btn-regular3-xs:hover {
    background: #2ba58e;
    color: #ffffff;
    text-decoration: none;
}
.btn-regular4-xs {
    background: #43658b;
    color: #ffffff;
    border: medium none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
}
.btn-regular4-xs:hover {
    color:#ffffff;
    background: #43658b;
    text-decoration: none;
}
.btn-regular5-xs {
    background: #aaaaaa;
    color: #ffffff;
    border: medium none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
}
.btn-regular5-xs:hover {
    color:#ffffff;
    background: #aaaaaa;
    text-decoration: none;
}
.btn-regular6-xs {
    background: red;
    color: #ffffff;
    border: medium none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
}
.btn-regular6-xs:hover {
    color:#ffffff;
    background: red;
    text-decoration: none;
}
.btn-border-sm {
    background: #ffffff;
    border: 1px solid #aaaaaa;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    margin-top: 0px;
    padding: 5px 10px;
}
.btn-border-sm:hover {
    background: #ffffff;
    color: #2ba58e;
    text-decoration: none;
}


.btn-regular1-dash-xs {
    background: #2ba58e;
    color: #ffffff;
    border: 1px solid #2ba58e;
    border-radius:3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0;
    padding: 9px 25px;
    vertical-align: middle;
}
.btn-regular1-dash-xs:hover {
    background: #238270;
    border: 1px solid #238270;
    color: #ffffff;
    text-decoration: none;
}
.btn-regular3-dash-xs {
    background: #ffffff;
    color: #2ba58e;
    border: 1px solid #2ba58e;
    border-radius:3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0px;
    padding: 9px 25px;
    vertical-align: middle;
}
.btn-regular3-dash-xs:hover {
    background: #2ba58e;
    color: #ffffff;
    text-decoration: none;
}

.actions-panel {
    color:#666666;
    background: #f5f5f5;
    margin-top:20px;
    padding:15px;
}
.actions-panel-line {
    padding-top:10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #bbbbbb;
}
.role-actions-panel .actions-panel-line {
    padding-top:10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #2ba58e;
}
.missing_doc_message {
    color: #FF0000;
}
.missing_doc_container {
    font-size: 15px;
}
.missing_doc_container .missing_doc_message {
    font-weight: 500;
}
.missing_doc {
    display: inline-block;
    padding: 3px 5px;
    margin: 2px 0;
    color: #FFFFFF;
    background-color: #2ba58e;
}
.billing_amount_text {
    color: #FF0000;
    font-size: 14px;
}
.add-new-clearance-container {
    display: none;
    padding: 20px;
    margin: 25px 0;
    border: 1px solid #CCCCCC;
}
.padding-top-xs {
    padding-top:5px;
}
.padding-top-sm {
    padding-top:10px;
}
.padding-top-mid {
    padding-top:20px;
}
.padding-top-lg {
    padding-top:40px;
}
.padding-bottom-sm {
    padding-bottom:10px;
}
.padding-bottom-xs {
    padding-bottom:5px;
}
.padding-bottom-mid {
    padding-bottom:20px;
}
.padding-bottom-lg {
    padding-bottom:40px;
}
.padding-mid {
    padding-top:20px;
    padding-bottom:20px;
}
#vendor-info.modal, #sold-to-info.modal {
    width: auto;
}
#vendor-info .modal-header, #sold-to-info .modal-header {
    border: none;
}
#vendor-info .modal-title, #sold-to-info .modal-title {
    padding-left: 15px;
    display: inline-block;
    font-size: 28px;
    font-weight: 600;
    color: #0FA68B;
}
#vendor-info .modal-dialog, #sold-to-info .modal-dialog {
    margin: 0;
}
#vendor-info .modal-footer, #sold-to-info .modal-footer {
    padding-top: 15px;
}
#add-sold-to {
    padding: 10px 20px;
}
#sold-to-info .close {
    text-indent: 0;
}
#sold-to-info {
    display:none;
}
.label-checkbox {
    cursor: pointer;
    display: inline-block;
    padding-left: 15px;
    font-weight: normal;
}
.radio-label {
    margin-right: 15px;
    font-weight: normal;
    cursor: pointer;
}
.radio-label:last-child {
    margin-right: 0;
}
.pointer {
    cursor: pointer;
}
.toggle-on, .toggle-off{
    visibility:hidden;
}
.modal {
    border-radius: 0px;
}
.modal .modal-header {
    border-top: 5px solid #2ba58e;
    border-bottom: 0px;
    padding-bottom: 5px;
}
.modal-body {
    padding-top: 0px;
}
.modal-footer {
    padding-top:0px;
}
.navbar-nav .top-note-icon {
    padding-right: 40px;
}
.box-height-40{
    height: 40px !important;
}
.box-height-40:after{
    top: 4px !important;
}
.box-line-height-40{
    line-height: 40px !important;
}
.form-horizontal .control-label {
    color:#444444;
    font-size: 16px;
    text-align: left;
    font-weight: 600;
}
.dash-search {
    float:right;
    vertical-align: middle;
    white-space: nowrap;
}
.dash-search i {
    padding-top:3px;
    font-size:1.2em;
    font-weight: 600
}
.dash-search input {
    background-color: #ffffff !important;
    border-color: #aaaaaa !important;
    height:40px !important;
}

.dash-search .input-inline {
    padding-left: 5px;
}
.affiliate-filter {
    padding-left: 5px;
}

.top-menu a#pull {
    display: none;
}

.pull-menu-right {
    float:right;
}
.menu-logout {
    display: inline-block !important;
    background:#f5f5f5;
}
.badge-md {
    height:32px;
    width:32px;
    line-height:32px;
}
.badge-lg {
    height:36px;
    width:36px;
    line-height:36px;
}

.client_req_dropdown{
    height: auto !important;
}

.client_req_dropdown .slimScrollDiv ul{
    height: auto !important;
}

.client_req_dropdown .slimScrollDiv{
    height: auto !important;
}

.client_req_replies_dropdown{
    height: auto !important;
}

.client_req_replies_dropdown .green {
    color: #2ba58e;
    font-size: 14px !important;;
}

.client_req_replies_dropdown .orange {
    color: #FFA500;
    font-size: 14px !important;
}

.client_req_replies_dropdown .slimScrollDiv ul{
    height: auto !important;
}

.client_req_replies_dropdown .slimScrollDiv{
    height: auto !important;
}

.show-element {
    display: none;
}
.show-element1 {
    display:none;
}
.top-note-icon:hover {
    background: #f5f5f5 none repeat scroll 0 0;
}
.top-note-icon .top-menu-padding1 {
    background: transparent none repeat scroll 0 0 !important;
}
.top-menu-color4 {
    color: #654161 !important;
}
.top-menu-color6 {
    color: #FF6600 !important;
}

.top-menu-icon4 {
    background: #654161 none repeat scroll 0 0 !important;
    margin-bottom: 5px;
}
.top-menu-color5 {
    color: #B45F14 !important;
}
.top-menu-icon5 {
    background: #B45F14 none repeat scroll 0 0 !important;
    margin-bottom: 5px;
}
.top-menu-icon4-arrow {
    background-image: url("../img/dashboard-arrow4.png") !important;
    background-position: 18px 23px !important;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute !important;
    z-index: 10000;
}
.top-note-icon .sub-menu {
    background: #fff none repeat scroll 0 0;
    height: 330px;
    list-style: outside none none;
    max-width: 350px;
    overflow-y: scroll;
    padding: 0;
}
.top-note-icon .message_dropdown {
    left: 0;
    max-width: 350px;
    min-width: 350px;
    margin-top: 8px;
    position: absolute;
    right: 0;
    top: 100%;
    border: 1px solid #dddddd;
    display: none;
}
.affiliate-layout .top-note-icon .message_dropdown {
    left: auto;
}
.top-note-icon .top_menu_item_wrapper {
    position:relative;
}
.top-note-icon .message_dropdown::before {
    background: rgba(0, 0, 0, 0) url("../img/dropdown_caret.png") no-repeat scroll center top;
    content: none !important;
    height: 17px;
    left: 0;
    position: absolute;
    top:-17px;
    width: 100%;
}
.top-note-icon.active .top_menu_item_wrapper::after {
    background: rgba(0, 0, 0, 0) url("../img/dropdown_caret.png") no-repeat scroll center top;
    bottom: -9px;
    content: "";
    height: 17px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9999999;
}
.top-menu-padding1-mobile {
    height: 71px;
    overflow: hidden;
    padding-top: 25px;
}
.top-menu-icons {
    margin-top: 0 !important;
}
ul.sub-menu li.message_notification {
    border-bottom: 1px solid #ddd;
    padding: 15px 15px 10px;
    position: relative;
}
ul.sub-menu li.message_notification:not(.read_noti):hover {
    background:#def0ed;
}
.notification_container {
    font-size: 12px;
    display: inline-block;
    max-width: 270px;
}
.notification_container .noti_id {
    color: #444444;
    font-weight: bold;
}
.notification_container .noti_affiliate {
    color: #1D27A9;
    font-weight: 600;
    font-size: 13px;
}
.notification_container .from_email {
    display: block;
    margin-bottom: 7px;
}
.notification_container .notification_date_time {
    color: #888888;
    display: block;
    font-size: 11px;
    margin-top: 7px;
}
.notification_container p {
    margin: 0;
}
.notification_icon i {
    font-size: 18px !important;
}
.notification_icon i.fa-edit {
    color: #0fa68b;
}
.notification_icon {
    display:inline-block;
    vertical-align: top;
    margin-top: 3px;
    width: 35px;
}
.mark_read_icon {
    background: #ddd none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 10px;
    position: absolute;
    right: 15px;
    top: 34px;
    width: 10px;
}
.mark_read_icon:hover {
    background: #0fa68b none repeat scroll 0 0;
}
.tooltip {
    padding:0;
    border:none;
    z-index:999;
    background:none;
}
.message_notification.read_noti {
    background: #eeeeee none repeat scroll 0 0;
}
.message_notification .copy_sign {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 50%;
    color: #444444;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    margin-right: 4px;
    text-align: center;
    width: 20px;
}
.dropdown_footer > a {
    background: #fff none repeat scroll 0 0;
    color: #0fa68b;
    display: block;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #ddd;
}
.message_notification .noti_for {
    display: block;
    font-size: 13px;
    margin-bottom: 3px;
}
.message_dropdown .switcher-container {
    text-align: center;
    padding: 10px;
    background-color: #FFFFFF;
    border-top: 1px solid #DDDDDD;
}
.message_dropdown .switcher-text {
    color: #0fa68b;
    padding-right: 5px;
}
.message_dropdown .switchbutton-on, .message_dropdown .switchbutton-off, .message_dropdown .switchbutton-handle {
    font-size: 14px;
    font-weight: 600;
}
.message_dropdown .switchbutton-on {
    background-color: #2ba58e;
    color: #FFFFFF;
}
.message_dropdown .switchbutton-off {
    background-color: #AAAAAA;
    color: #FFFFFF;
}
.top_toggle_menu {
    border-right: 1px solid #ddd;
    float: left;
    position: relative;
}
.top_toggle_menu > a {
    display: inline-block;
    padding: 25px 20px;
}
.dropdown_toggle_menu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    list-style: outside none none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 230px;
    display: none;
}
.dropdown_toggle_menu a {
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 11px 20px;
}
.dropdown_toggle_menu a:hover {
    background:#f5f5f5;
    text-decoration:none;
}

.page_notification_list {
    list-style: outside none none;
    padding: 0;
}
.page_notification_list .message_notification {
    border-bottom: 1px solid #ddd;
    padding: 10px 20px;
    position: relative;
}
.page_notification_list .message_notification .notification_icon {
    float: left;
    margin-top: 3px;
    width: 45px;
}
.page_notification_list .message_notification .notification_icon i {
    font-size: 23px !important;
    margin-top: 5px;
}
.page_notification_list .message_notification:not(.read_noti):hover {
    background:#def0ed;
}
.page_notification_head {
    margin-top: 20px;
}
.page_notification_header {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
}
.page_notification_buttons {
    display: inline-block;
    vertical-align: top;
}
.page_notification_button {
    display: inline-block;
    margin-bottom: 10px;
}

.top_menu_item {
    display: block;
    padding: 23.3px 15px;
}
.top-menu-item-icon {
    background: #43658b none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 25px;
    position:relative;
}
.top-menu-item-icon::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #43658b;
    bottom: -5px;
    content: "";
    height: 0;
    left: 7px;
    position: absolute;
    width: 0;
}
.navbar-nav .top-note-icon {
    padding-right: 0 !important;
}
.top-menu-item-icon.top-menu-item-icon2 {
    background: #ba535e none repeat scroll 0 0;
}
.top-menu-item-icon.top-menu-item-icon6 {
    background: #FF6600 none repeat scroll 0 0;
}
.top-menu-item-icon.top-menu-item-icon6::after {
    border-top: 6px solid #FF6600;
}
.top-menu-item-icon.top-menu-item-icon2::after {
    border-top: 6px solid #ba535e;
}
.top-menu-item-icon.top-menu-item-icon3 {
    background: #0fa68b none repeat scroll 0 0;
}
.top-menu-item-icon.top-menu-item-icon3::after {
    border-top: 6px solid #0fa68b;
}
.top-menu-item-icon.top-menu-item-icon4 {
    background: #654161 none repeat scroll 0 0;
}
.top-menu-item-icon.top-menu-item-icon4::after {
    border-top: 6px solid #654161;
}
.top-menu-item-icon.top-menu-item-icon5 {
    background: #B45F14 none repeat scroll 0 0;
}
.top-menu-item-icon.top-menu-item-icon5::after {
    border-top: 6px solid #B45F14;
}
.page-header.navbar .top-menu .navbar-nav .top_menu_item:hover {
    text-decoration:none;
}
.export-invoice-button-container, .new-reminder-button-container {
    float: right;
    padding-top: 10px;
    padding-right: 20px;
}
.new-reminder-button-container a {
    padding: 3px 15px;
    border-radius: 6px;
}
.reminder-list .fa-edit {
    color: #0fa68b;
}
.reminder-list .pending-reminders-label {
    display: inline;
    padding-right: 7px;
    cursor: pointer;
}
.reminder-completed-list .fa-check {
    color: #0fa68b;
    padding-right: 7px;
}
.reminder-completed-list .completed-by-info {
    color: #0fa68b;
}
.ticket-modal {
    position: relative;
}
/*.ticket-modal .close {*/
/*    position: absolute;*/
/*    right: 5px;*/
/*    top: 5px;*/
/*    text-indent: initial;*/
/*    opacity: 1;*/
/*    background: #666666;*/
/*    border: none;*/
/*    color: #FFFFFF;*/
/*    font-weight: normal;*/
/*    border-radius: 35px;*/
/*    height: 35px;*/
/*    width: 35px;*/
/*    line-height: 35px;*/
/*    text-shadow: none;*/
/*}*/
.ticket-modal .close {
    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-modal{
    position: relative !important;
    overflow: visible !important;
}
.ticket-modal .modal-body {
    padding: 40px 20px;
}
.add-reminder-modal textarea {
    width: 100%;
}
.add-reminder-modal .k-widget {
    width: 100% !important;
}
.add-reminder-modal .modal-heading {
    font-weight: 200;
    font-size: 28px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
}
.add-reminder-modal .modal-heading > span {
    vertical-align: middle;
}
.add-reminder-modal-assigned-to {
    font-size: 14px;
    padding-top: 15px;
}
.add-reminder-modal-assigned-to .iselect {
    display: inline-block;
    vertical-align: middle;
}
.add-reminder-modal-due-datetime-column {
    display: inline-block;
    margin-bottom: 10px;
}
.add-reminder-modal-due-datetime > div {
    max-width: 50%;
}
.add-reminder-modal-due-datetime-label {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}
.add-reminder-modal-due-datetime-input-container {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
}
.add-reminder-modal-buttons {
    text-align: right;
    clear: both;
}
.add-reminder-modal-buttons a {
    margin-top: 10px;
    margin-right: 8px;
}
.add-reminder-modal-buttons a:last-child {
    margin-right: 0;
}
.add-reminder-modal .changed-by-text {
    float: left;
    margin-top: 5px;
    margin-bottom: -10px;
    font-size: 13px;
}
.add-note-modal .modal-heading {
    border: none;
}
.add-note-modal .chat-form {
    padding: 0;
    margin: 0;
    overflow: visible;
}
.add-client-request-modal .modal-heading {
    color: #18AE93;
    font-size: 16px;
    margin-bottom: 10px;
}
.add-client-request-modal .add-client-request-item-button {
    float: right;
    display: inline-block;
    padding: 0 15px;
    vertical-align: top;
    font-weight: 400;
    font-size: 13px;
    line-height: 32px;
}
.add-client-request-modal .client-request-items-table {
    margin-top: 20px;
}
.add-client-request-modal .client-request-items-table tr th {
    border: none;
}
.add-client-request-modal .client-request-items-table .orange {
    color: #FFA500;
}
.add-client-request-modal .client-request-items-table .green {
    color: #2ba58e;
}
.add-client-request-modal .client-request-items-table .red {
    color: #FF0000;
}

.add-ticket-request-modal .add-ticket-request-item-button {
    float: right;
    display: inline-block;
    padding: 0 15px;
    margin: 15px 0;
    vertical-align: top;
    font-weight: 400;
    font-size: 13px;
    line-height: 32px;
}

.add-ticket-request-modal .modal-heading {
    color: #18AE93;
    font-size: 16px;
    margin-bottom: 10px;
}
.add-ticket-request-modal .client-request-items-table {
    margin-top: 20px;
}
.add-ticket-request-modal .client-request-items-table tr th {
    border: none;
}
.add-ticket-request-modal .client-request-items-table .orange {
    color: #FFA500;
}
.add-ticket-request-modal .client-request-items-table .green {
    color: #2ba58e;
}
.add-ticket-request-modal .client-request-items-table .red {
    color: #FF0000;
}

.add-ticket-request-modal-role .add-ticket-request-role {
    float: right;
    display: inline-block;
    padding: 0 15px;
    margin: 15px 0;
    vertical-align: top;
    font-weight: 400;
    font-size: 13px;
    line-height: 32px;
}

.add-ticket-request-modal-role .modal-heading {
    color: #18AE93;
    font-size: 16px;
    margin-bottom: 10px;
}
.add-ticket-request-modal-role .client-request-items-table-role {
    margin-top: 20px;
}
.add-ticket-request-modal-role .client-request-items-table-role tr th {
    border: none;
}
.add-ticket-request-modal-role .client-request-items-table-role .orange {
    color: #FFA500;
}
.add-ticket-request-modal-role .client-request-items-table-role .green {
    color: #2ba58e;
}
.add-ticket-request-modal-role .client-request-items-table-role .red {
    color: #FF0000;
}
.add-request-modal-buttons-role {
    text-align: right;
    clear: both;
}
.add-request-modal-buttons-role a {
    margin-top: 10px;
    margin-right: 8px;
}
.add-request-modal-buttons-role a:last-child {
    margin-right: 0;
}


.add-request-modal-buttons {
    text-align: right;
    clear: both;
}
.add-request-modal-buttons a {
    margin-top: 10px;
    margin-right: 8px;
}
.add-request-modal-buttons a:last-child {
    margin-right: 0;
}
.ticket-manage-screen .checklist_doc .customer_request_table .red {
    color: #FF0000;
}
.client_requests_list .customer_request_table .red {
    color: #FF0000;
}

#docreview  #js-page-loader {
    margin-left: 2px !important;
    float: left !important;
    padding: 5px;
}

#docreview #js-page-loader .js-page-loader-image {
    width: 30px !important;
    height: 30px !important;
}

#isf  #js-page-loader {
    margin-left: 2px !important;
    float: left !important;
    padding: 5px;
}
#arrival  #js-page-loader {
    margin-left: 2px !important;
    float: left !important;
    padding: 5px;
}
#arrival #js-page-loader .js-page-loader-image {
    width: 30px !important;
    height: 30px !important;
}

#release  #js-page-loader {
    margin-left: 2px !important;
    float: left !important;
    padding: 5px;
}
#release #js-page-loader .js-page-loader-image {
    width: 30px !important;
    height: 30px !important;
}

#delivery  #js-page-loader {
    margin-left: 2px !important;
    float: left !important;
    padding: 5px;
}
#delivery #js-page-loader .js-page-loader-image {
    width: 30px !important;
    height: 30px !important;
}

#isf #js-page-loader .js-page-loader-image {
    width: 30px !important;
    height: 30px !important;
}
#prekey  #js-page-loader {
    margin-left: 2px !important;
    float: left !important;
    padding: 5px;
}

#prekey #js-page-loader .js-page-loader-image {
    width: 30px !important;
    height: 30px !important;
}
#final_invoice_div  #js-page-loader {
    margin-left: 2px !important;
    float: left !important;
    padding: 5px;
}

#final_invoice_div #js-page-loader .js-page-loader-image {
    width: 30px !important;
    height: 30px !important;
}

.affiliate-logo {
    display: inline-block;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #666666
}
.affiliate-logo img {
    max-width: 100%;
}
.affiliate-manage .affiliate-contact-name-box {
    margin-bottom: 5px;
}
.affiliate-manage .affiliate-cancel-button {
    margin-right: 10px;
}
.affiliate-manage .affiliate-cancel-button {
    vertical-align: middle;
}
.affiliate-manage .logo-filename {
    padding-right: 0;
}
.affiliate-manage .remove-logo-button, .affiliate-manage .remove-logo-button:hover, .affiliate-manage .remove-logo-button:focus, .affiliate-manage .remove-logo-button:active {
    color: #FF0000;
    cursor: pointer;
    text-decoration: underline;
}
.affiliate-manage .remove-logo-icon-button, .affiliate-manage .remove-logo-icon-button:hover, .affiliate-manage .remove-logo-icon-button:focus, 
.affiliate-manage .remove-logo-icon-button-button:active, .affiliate-manage .remove-navigator-logo-button-icon{
    color: #FF0000;
    cursor: pointer;
    text-decoration: underline;
}
.document-upload-type-manage-hint, .document-upload-type-add-hint {
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0;
}
.document-upload-type-list {
    list-style: none;
    margin:0;
    padding:0;
}
.document-upload-type-list-element, .document-upload-type-list-highlight {
    padding: 7px 15px;
    margin: 5px 0;
    background: #F6F6F6;
}
.document-upload-type-list-element {
    border: 1px solid #C5C5C5;
    word-wrap: break-word;
}
.document-upload-type-list-element select {
    display: inline-block;
    width: auto;
}
.document-upload-type-list-highlight {
    line-height: 14px;
    height: 24px;
    background: #dff0d8;
}
.remove-document-upload-type, .edit-document-upload-type {
    cursor: pointer;
}
.edit-document-upload-type {
    margin-left: 10px;
}
.add-document-upload-type {
    margin-bottom: 0;
    margin-left: 10px;
}
.status-hint {
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0;
}
.status-list {
    list-style: none;
    margin:0;
    padding:0;
}
.status-list-element, .status-list-highlight {
    padding: 7px 15px;
    margin: 5px 0;
    background: #F6F6F6;
}
.status-list-element {
    border: 1px solid #C5C5C5;
    word-wrap: break-word;
}
.status-list-highlight {
    line-height: 14px;
    height: 24px;
    background: #dff0d8;
}
.status-list .remove-status, .status-list .edit-status {
    cursor: pointer;
}
.status-list .edit-status {
    margin-left: 10px;
}
.status-list .add-status.btn-mobile {
    margin-bottom: 0;
    margin-left: 10px;
}
.green-link, .green-link:hover, .green-link:focus {
    color: #24B99C;
}

.right-margin {
    margin-right: 5px;
}
.nowrap {
    white-space: nowrap;
}
.d-inline-block {
    display: inline-block;
}
.clearfix {
    clear: both;
}
.status-line {
    padding: 10px 0;
}
.status-line .icons-manage {
    padding-top: 5px;
    padding-left: 10px;
}
.status-line-element {
    padding-top: 5px;
    padding-right: 10px;

}
.status-line-element.last {
    padding-right: 0;
}
/* ETA section */
.clearance .eta .form-control, .clearance .eta .input-group-btn {
    width: auto;
    max-width: 100%;
}
.clearance .eta textarea.form-control {
    width: 100%;
}
.clearance .eta .date-picker input {
    width: 120px;
}
.clearance .eta .timepicker {
    width: 80px;
}
.clearance .eta .input-group {
    display: inline-table;
}
.clearance .eta .name, .clearance .eta .field {
    float: left;
}
.clearance .eta .name {
    width: 35%;
    min-width: 200px;
}
.clearance .eta .field {
    width: 65%;
    min-width: 300px;
}
/* ETA section END*/

/* PGA request, hts codes section */
.ticket-portlet-body a {
    color: #2ba58e;
}
.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 {
    padding: 5px 10px 5px 0;
}
.ticket-portlet-body-header-col {
    vertical-align: top;
    padding-right: 10px;
}
.pga-request .ticket-portlet-body-col {
    width: 25%;
}
.pga-request .ticket-portlet-body-header-col {
    width: 40%;
}
.pga-request .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;
}
/* PGA request, hts codes section END*/
/* START New Ticket Manage Screen */
.ticket-manage-screen .ticket-header-line {
    padding-top: 20px;
    padding-bottom: 10px;
}
.ticket-manage-screen .header-manage {
    padding: 0;
    margin: 0;
    border-bottom: none;
}
.ticket-manage-screen .ticket-header-item {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    padding-bottom: 10px;
}
.ticket-manage-screen .ticket-status-manage-container {
    padding-top: 0;
}
.ticket-manage-screen .icons-manage {
    float: none;
    padding-top: 0;
}
.ticket-manage-screen .ticket-agents {
    padding-top: 0;
}
.ticket-manage-screen .ticket-remove {
    float: right;
    padding-top: 5px;
}
.ticket-manage-screen .ticket-manage-col {
    float: left;
}
.ticket-manage-screen .ticket-manage-col.left {
    width: 30%;
    border: 1px solid #DDDDDD;
}
.ticket-manage-screen .ticket-manage-col.right {
    width: 70%;
    padding-left: 20px;
}
.ticket-manage-screen .ticket-manage-col-left-header-box {
    background-color: #DEF0ED;
    padding: 0 10px;
}
.ticket-manage-screen .ticket-manage-col-left-content {
    padding: 10px;
}
.ticket-manage-screen .ticket-manage-col-left-header {
    color: #18AE93;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 0;
}
.ticket-manage-screen .btn-regular-green {
    display: inline-block;
    padding: 3px 10px;
    background-color: #2ba58e;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 3px;
    text-align: center;
    border: none;
    font-size: 13px;
    font-weight: 400;
    min-width: 135px;
}
.ticket-manage-screen .btn-regular-green:hover, .ticket-manage-screen .btn-regular-green:focus {
    background-color: #238270;
    color: #FFFFFF;
    text-decoration: none;
}
.ticket-manage-col-button {
    margin: 3px 0;
    float: right;
}
.ticket-manage-screen .reminder-list-item, .ticket-manage-screen .reminder-completed-list {
    margin: 10px 0;
}
.ticket-manage-screen .client-requests {
    margin-top: 15px;
}
.ticket-manage-screen .client-request-list .client-request-list-item {
    margin-top: 10px;
}
.ticket-manage-screen .orange {
    color: orange;
}
.ticket-manage-screen .green {
    color: #2ba58e;
}

.hts-manage-screen .tags-box {
    min-height: 70px;
}
.hts-manage-screen .tags-box .select2-container {
    max-width: 100%;
}
.hts-manage-screen .tags-box .select2-container .select2-selection {
    border: 1px solid #2ba58e;
    border-radius: 0;
}
.hts-manage-screen .tags-box .select2-container .select2-selection .select2-selection__choice {
    background-color: #666;
    color: #FFFFFF;
    border: none;
    border-radius: 0;
    margin-top: 3px;
    margin-right: 3px;
    padding: 3px 5px;
}
.hts-manage-screen .tags-box .select2-container .select2-selection .select2-selection__choice__remove {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-left: 5px;
    float: right;
    font-size: 20px;
    line-height: 20px;
}
.hts-manage-screen .tags-box .select2-container .select2-selection .select2-selection__rendered {
    min-height: 70px;
    padding: 0 3px;
}

.hts-manage-screen .tags-box-smaller {
    min-height: 0;
}

.hts-manage-screen .tags-box-smaller .select2-container .select2-selection .select2-selection__rendered {
    min-height: 0;
}

.hts-manage-screen .tags-box-higher .select2-container .select2-selection .select2-selection__rendered {
    min-height: 10px;
}

.hts-manage-screen .tags-box-higher {
    min-height: 10px;
}

.hts-manage-screen .tags-box-edit-higher .select2-container .select2-selection .select2-selection__rendered {
    min-height: 10px;
}

.hts-manage-screen .tags-box-edit-higher {
    min-height: 10px;
}
.hts-manage-screen .tags-box-higher .select2-container {
    width: 377px !important;
}

.hts-manage-screen .tags-box-edit-higher .select2-container {
    width: 623px !important;
}

.ticket-manage-screen .tags {
    margin-top: 15px;
}

.ticket-manage-screen .tags-box {
    min-height: 70px;
}
.ticket-manage-screen .tags-box .select2-container {
    max-width: 100%;
}
.ticket-manage-screen .tags-box .select2-container .select2-selection {
    border: 1px solid #2ba58e;
    border-radius: 0;
}
.ticket-manage-screen .tags-box .select2-container .select2-selection .select2-selection__choice {
    background-color: #666;
    color: #FFFFFF;
    border: none;
    border-radius: 0;
    margin-top: 3px;
    margin-right: 3px;
    padding: 3px 5px;
}
.ticket-manage-screen .tags-box .select2-container .select2-selection .select2-selection__choice__remove {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-left: 5px;
    float: right;
    font-size: 20px;
    line-height: 20px;
}
.ticket-manage-screen .tags-box .select2-container .select2-selection .select2-selection__rendered {
    min-height: 70px;
    padding: 0 3px;
}

.liveChatsThread .liveChatsThreadDiv .agent-tags-box {
    min-height: 70px;
}

.liveChatsThread .liveChatsThreadDiv .agent-tags-box .select2-container {
    max-width: 100%;
}
.liveChatsThread .liveChatsThreadDiv .agent-tags-box .select2-container .select2-selection {
    border: 1px solid #2ba58e;
    border-radius: 0;
}

.liveChatsThread .liveChatsThreadDiv .agent-tags-box .select2-container .select2-selection .select2-selection__choice {
    background-color: #666;
    color: #FFFFFF;
    border: none;
    border-radius: 0;
    margin-top: 3px;
    margin-right: 3px;
    padding: 3px 5px;
}
.liveChatsThread .liveChatsThreadDiv .agent-tags-box .select2-container .select2-selection .select2-selection__choice__remove {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-left: 5px;
    float: right;
    font-size: 20px;
    line-height: 20px;
}
.liveChatsThread .liveChatsThreadDiv .agent-tags-box .select2-container .select2-selection .select2-selection__rendered {
    padding: 0 3px;
}

.liveChatsThread .liveChatsThreadDiv .agent-tags-box {
    min-height: 0;
}

.ticket-manage-screen .tags-box-smaller {
    min-height: 0;
}

.ticket-manage-screen .tags-box-smaller .select2-container .select2-selection .select2-selection__rendered {
    min-height: 0;
}

.ticket-manage-screen .tags-box-higher .select2-container .select2-selection .select2-selection__rendered {
    min-height: 10px;
}

.ticket-manage-screen .tags-box-higher {
    min-height: 10px;
}

.ticket-manage-screen .tags-box-higher .select2-container {
    width: 660px !important;
}
.ticket-manage-screen.dash-search input{
    height: 27px !important;
}

.ticket-manage-screen .tags-box-higher .select2-container .select2-selection .select2-selection__choice {
    padding: 5px 5px !important;
}


.ticket-manage-screen .tags-box-higherp .select2-container .select2-selection .select2-selection__rendered {
    min-height: 10px;
}

.ticket-manage-screen .tags-box-higherp {
    min-height: 10px;
}

.ticket-manage-screen .tags-box-higherp .select2-container {
    width: 100% !important;
}

.ticket-manage-screen .tags-box-higherp .select2-container .select2-selection .select2-selection__choice {
    padding: 5px 5px !important;
}

.ticket-manage-screen .checklist label {
    display: block;
    margin: 10px 0;
}
.ticket-manage-screen .checklist-header {
    background-color: #F5F5F5;
    padding: 0 10px;
    cursor: pointer;
}
.ticket-manage-screen .checklist.open .checklist-header,
.ticket-manage-screen .checklist-header:hover {
    background-color: #DEF0ED;
}
.ticket-manage-screen .checklist-header .header-toggle {
    font-size: 22px;
    float: right;
    padding-top: 8px;
}
.ticket-manage-screen .checklist-header .fa-caret-down {
    display: none;
}
.ticket-manage-screen .checklist-header .fa-caret-up {
    display: inline-block;
}
.ticket-manage-screen .checklist.open .checklist-header .fa-caret-down {
    display: inline-block;
}
.ticket-manage-screen .checklist.open .checklist-header .fa-caret-up {
    display: none;
}
.ticket-manage-screen .checklist-body {
    display: none;
}
.ticket-manage-screen .checklist.open .checklist-body {
    display: block;
}
.ticket-manage-screen .ticket-manage-tab-table {
    width: 100%;
}
.ticket-manage-screen .ticket-manage-tab-table tr {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.ticket-manage-screen .ticket-manage-tab-table td {
    text-align: center;
}
.ticket-manage-screen .ticket-manage-tab-table td > a {
    padding: 5px 10px;
    display: block;
    text-decoration: none;
}
.ticket-manage-screen .ticket-manage-tab-table td > a:hover, .ticket-manage-screen .ticket-manage-tab-table td > a.active {
    background-color: #DEF0ED;
    text-decoration: none;
}
.ticket-manage-screen .ticket-manage-right-content {
    display: none;
}
.ticket-manage-screen .ticket-manage-right-content.open {
    display: block;
}
.ticket-manage-screen .ticket-manage-right-content-col-left, .ticket-manage-screen .ticket-manage-right-content-col-right {
    float: left;
    margin-top: 10px;
}
.ticket-manage-screen .ticket-manage-right-content-col-left {
    width: 57%;
    border-right: 1px solid #DDDDDD;
    padding-right: 20px;
}
.ticket-manage-screen .ticket-manage-right-content-col-right {
    width: 43%;
    padding-left: 20px;
}
.ticket-manage-screen .ticket-action {
    padding: 7px 0;
    border-bottom: 1px solid #DDDDDD;
}
.ticket-manage-screen .ticket-action-desc, .ticket-manage-screen .ticket-action-date {
    float: left;
}
.ticket-manage-screen .ticket-action-desc {
    width: 60%;
}
.ticket-manage-screen .ticket-action-date {
    width: 40%;
}
.ticket-manage-screen .form-control {
    height: 35px;
}
.ticket-manage-screen .new-invoice-button {
    margin-top: 5px;
}
.ticket-manage-screen .invoice-toggle {
    display: none;
}
.ticket-manage-screen .invoice-header {
    font-weight: 600;
    font-size: 16px;
    margin-top: 15px;
}
.ticket-manage-screen .create-invoice-box {
    border: 1px solid #DDDDDD;
    padding: 20px;
    margin: 10px 0;
    font-size: 13px;
}
.ticket-manage-screen .flex-row {
    display: flex;
}
.ticket-manage-screen .create-invoice-box-col {
    width: 33.33%;
    padding: 0 10px 20px;
}
.ticket-manage-screen .create-invoice-box-col:first-child {
    padding-left: 0;
}
.ticket-manage-screen .create-invoice-box-col:last-child {
    padding-right: 0;
}
.ticket-manage-screen label {
    margin: 0;
    font-size: inherit;
}
.ticket-manage-screen .iselect select {
    font-size: 13px;
    height: 33px;
}
.ticket-manage-screen .create-invoice-box .input-label {
    padding-bottom: 10px;
    font-weight: 600;
}
.ticket-manage-screen .create-invoice-box .input-left-label {
    padding-right: 8px;
    line-height: 35px;
    font-weight: 600;
}
.ticket-manage-screen .create-invoice-box button {
    display: inline-block;
    vertical-align: top;
    line-height: 33px;
    padding-top: 0;
    padding-bottom: 0;
}
.ticket-manage-screen .create-invoice-box .save-invoice-item-button {
    margin-left: 10px;
}
.ticket-manage-screen .el-mgr {
    margin-right: 10px;
}
.ticket-manage-screen .create-invoice-box .invoice-item-details {
    margin-top: 10px;
}
.ticket-manage-screen .create-invoice-box .invoice-items {
    margin-top: 10px;
}
.ticket-manage-screen .create-invoice-box .invoice-item {
    border-top: 1px solid #DDDDDD;
    padding: 15px 0;
}
.ticket-manage-screen .create-invoice-box .invoice-item:after {
    display: block;
    content: "";
    clear: both;
}
.ticket-manage-screen .create-invoice-box .invoice-item-amount {
    float: right;
}
.ticket-manage-screen .create-invoice-box .invoice-buttons {
    text-align: right;
}
.ticket-manage-screen .invoices-box {
    margin-top: 20px;
}
.ticket-manage-screen .invoices-box-heading {
    padding: 5px 10px;
    background-color: #F5F5F5;
    font-size: 16px;
    font-weight: 600;
}
.ticket-manage-screen .invoices-box .edit-invoice-link {
    float: right;
    padding-top: 5px;
}
.ticket-manage-screen .upload-box .file-input {
    position: fixed;
    top: -1000px;
}
.ticket-manage-screen .upload-box .file-name, .ticket-manage-screen .view-box .file-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ticket-manage-screen .chats {
    width: 100%;
}
.ticket-manage-screen .live-chat-head img, .ticket-manage-screen .notes-head img {
    width: 40px;
}
.ticket-manage-screen .live-chat-heading,  .ticket-manage-screen .notes-heading {
    font-weight: 200;
    display: inline-block;
    font-size: 28px;
    vertical-align: middle;
    margin-right: 10px;
}
.ticket-manage-screen .mark-read-box {
    float:right;
    font-size: 16px;
    margin: 10px 0 17px;
}
.ticket-manage-screen .mark-read-box a {
    color: #2ba58e;
}
.ticket-manage-screen .notes-heading {
    margin-bottom: 3px;
}
.ticket-manage-screen .new-note-button {
    margin-top: 13px;
}
/* END New Ticket Manage Screen */

.live-chat-form-box .chat-client-request-document-type-div .select2-container {
    max-width: 100%;
}

.live-chat-form-box .chat-client-request-document-type-div .select2-selection--single {
    height: 34px !important;
    border-radius: 0 !important;
}

.live-chat-form-box .chat-client-request-document-type-div .select2-selection__rendered {
    line-height: 32px !important;
}

/* 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 .size-main-live-chat-form .k-editor iframe {
    height: 280px;
}
.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: -10px;
    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;
}
/* END New Chant Manage */

.document .ticket-portlet-body-header-col {
    width: 33.33%;
}
.document .upload-button {
    vertical-align: top;
    margin-top: 0;
}
.document .upload-document {
    vertical-align: top;

}
.document .upload-button #doc-browse {
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    line-height: 35px;
    padding-top: 0;
    padding-bottom: 0;
}
.pft {
    border-bottom:1px solid #cccccc;
    padding-top:6px;
    padding-bottom:6px
}
.pfrt {
    display: inline-block;
    padding-right:15px;
}
.auth-form {
    margin-top: 20px;
}
.auth-link-container {
    margin-top: 25px;
    text-align: center;
}
.ticket-reference-input {
    display: inline-block;
    width: auto;
    min-width: 250px;
}
a.link-underlined {
    text-decoration: underline;
}
a.link-underlined:hover {
    text-decoration: none;
}
.alert-message-modal-subject {
    font-weight: 600;
    font-size: 18px;
}
.alert-message-modal-counter {
    float: right;
    font-size: 18px;
    padding-left: 20px;
}
.alert-message-modal-body {

}
.alert-message-modal-label-checkbox {
    line-height: 40px;
}

.customer_unverified, .customer_unverified select, .all_affiliate, .all_affiliate select {
    height: 40px !important;
}
.customer_unverified:after, .all_affiliate:after {
    padding: 6px 8px;
}

.agent_blk {
    width: 33%;
}

.freight_auth {
    padding: 150px 0;
    background:url("../img/freight_login_bg.jpg") no-repeat center center fixed;
    background-size: cover;
    position: relative;
}
.freight_auth_top {
    position: absolute;
    left: 0;
    right: 130px;
    top: 160px;
    margin: 0 auto;
}

/* Role dashboard CSS */

.logo-text {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-30%);
    margin-left: 10%;
}

#sample_6 thead tr th {
    background: #5F847D;
    color: white;

}
#sample_6 tr th span {
    font-weight: 900;
}
.table-scrollable{
    overflow-x: unset !important;
    overflow-y: unset !important;
}
.table thead tr th{
    position: sticky;
    top: 72px;
    background-color: #FFF;
}

/*Ticket survey box CSS*/
.survey-boxes .box1 {
    border-top: 6px solid #000000; /* Blue color for the top border of Box 1 */
    background: #DDDDDD;
}

.survey-boxes .box2 {
    border-top: 6px solid #000000; /* Blue color for the top border of Box 1 */
    background: #DDDDDD;
}

.survey-boxes .box3 {
    border-top: 6px solid #E23610; /* Blue color for the top border of Box 1 */
    background: #F9E4DF;
}

.survey-boxes .box4 {
    border-top: 6px solid #FB8B0B; /* Blue color for the top border of Box 1 */
    background: #FFEFDF;
}

.survey-boxes .box5 {
    border-top: 6px solid #F2DB19; /* Blue color for the top border of Box 1 */
    background: #FDFAE2;
}


.survey-boxes .box6 {
    border-top: 6px solid #6DB537; /* Blue color for the top border of Box 1 */
    background: #EBF4E3;
}

.survey-boxes .box7 {
    border-top: 6px solid #518811; /* Blue color for the top border of Box 1 */
    background: #E6EFDD;
}

.survey-boxes .box{
    padding: 18px;
    cursor: pointer;
}

/* Hover styles */
.survey-boxes .box1:hover {
    background: #DDDDDD;
}

.survey-boxes .box2:hover {
    background: #DDDDDD;
}

.survey-boxes .box3:hover {
    background: #f3c7bd;
}

.survey-boxes .box4:hover {
    background: #fde3c9;
}

.survey-boxes .box5:hover {
    background: #f5f1cd;
}

.survey-boxes .box6:hover {
    background: #e1f3d1;
}

.survey-boxes .box7:hover {
    background: #d7efc0;
}

.survey-boxes .box:hover .survey-title {
    font-weight: 700; /* Dark color for text when hovered */
}

.survey-boxes .box.active-box .survey-title{
    font-weight: 700;
}

.survey-boxes{
    display: flex;
    column-gap: 10px;
}

.survey-boxes a{
    color: #15c;
}

.survey-fonts{
    font-size: 20px;
    color: rgb(85,85,85) !important;
}

.survey-text{
    font-size: 20px;
    font-weight: bold;
}

/* END Role dashboard CSS */
/*@media screen and (max-width: 1880px) and (min-width: 1366px) {*/
/*    .resume-date-div{*/
/*        width:29% !important;*/
/*    }*/
/*}*/
@media(min-width:1599px) and (max-width:2399px){
    .page-container .live-chat-message-box .thread-name {
        width: 12% !important;
    }
}
@media screen and (max-width: 1920px) and (min-width: 1881px) {
    .role_acc_note{
        width: 11% !important;
    }
    .col-width-6{
        width: 7% !important;
    }
    .next-btn-p-0{
        padding-right: 0px !important;
    }
}
@media screen and (max-width: 1880px) and (min-width: 1366px) {
    .role_acc_note{
        width: 15% !important;
    }

    .role_acc_agent{
        width: 25% !important;
    }
    /*.col-width-6{*/
    /*    width: 8% !important;*/
    /*}*/
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .freight_auth_top {
        position: absolute;
        left: 0;
        right: 90px;
        top: 95px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1366px){
   .header-kpi-font {
       font-size: 14px !important;
   }
    .live-chat-form-box .add-chat-ticket-request-item-button.btn-regular1-xs{
        padding: 8px 10px !important;
    }
    .live-chat-form-box .chat-client-request-items-table .chat-attach-icon{
        padding-left: 5px !important;
    }
    .transport-mode-div{
        display: none !important;
    }
    .ticket-status-div-ca{
        width: 330px !important;
    }
}

@media screen and (max-width: 768px){
    .freight_auth_top {
        right: 0;
        top: 260px;
    }
    .ticket-manage-screen .tags-box-higher .select2-container {
        width: 527px !important;
    }
}
@media screen and (max-width: 530px) and (min-width: 320px) {
    .ticket-manage-screen .tags-box-higher .select2-container {
        width: 245px !important;
    }
}
@media (max-width: 991px) {
    .agent_blk {
        width: 100% !important;
    }
}

/* Trulioo Modal Style Start */
.trulioo-verification-modal .modal-heading {
    color: #18AE93;
    font-size: 16px;
    margin-bottom: 10px;
}
.green-icon {
    color: #18AE93;
    vertical-align: middle;
    font-size: 35px !important;
    margin-right: 10px;
}
.red-icon {
    color: red;
    vertical-align: middle;
    font-size: 35px !important;
    margin-right: 10px;
}
.trulioo_red_blk .icon-text{
    font-size: 25px !important;
    vertical-align: middle;
    line-height: 30px !important;


}
.trulioo_green_blk .icon-text{
    font-size: 25px !important;
    vertical-align: middle;
    line-height: 30px !important;

}
.trulioo_error_blk .icon-text{
    font-size: 20px !important;
    vertical-align: middle;
    line-height: 30px !important;

}
.add-trulio-modal-buttons {
    text-align: right;
    clear: both;
    float: right !important;
}
.trulioo-business-modal .modal-heading {
    color: #18AE93;
    font-size: 16px;
    margin-bottom: 10px;
}
.k-editor-dialog label{
    font-weight: 700 !important;
}
.k-form-checkbox-row input, .k-form-checkbox-row label, .k-form-text-row label .k-form-text-row input, .k-form-text-row select{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* Trulioo Modal Style End */
@media (max-width: 1330px) {
    .hide-element {
        display: none;
    }
    /* PGA request, 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% !important;
        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*/
    .document .upload-button {
        margin-top: 10px;
    }
}
@media (min-width: 801px){
    .top-drop-menu {
        display:none !important;
    }
    .menu_right_side {
        float: right;
        border-left: 1px solid #ddd;
    }
    .mobile_menu_icon {
        display:none;
    }
}
@media (min-width: 800px) {
    .form-horizontal .control-label {
        text-align: left;
        font-weight: 600;
    }
}
@media screen and (min-width: 300px) and (max-device-width: 800px) {
    .clearance .eta .form-box-resp{
        width: 100% !important;
    }
}
@media screen and (min-width: 801px) and (max-device-width: 2000px) {
    .clearance .eta .form-box-resp{
        width: 85% !important;
    }
}
@media (max-width: 800px){
    .show-element1 {
        display:block;
    }
    .hide-element1 {
        display:none;
    }
    .hide-element {
        display: none;
    }
    .show-element {
        display: block;
    }

    .btn-mobile {
        width:100% !important;
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
    .btn-mobile1 {
        display: block;
    }
    .padding-top-mobile {
        padding-top:10px;
    }
    .margin-top-mobile {
        margin-top:10px;
    }
    .portlet.light {
        padding: 10px 10px 10px 10px;
    }
    .padding-mobile-wrap {
        padding: 10px;
    }

    .filter-item {
        width:auto;
    }
    .menu-logout {
        display: inline-block !important;
        background:#ffffff;
    }
    .top-menu-grey2 {
        border-top: 1px solid #cccccc !important;
        background: #ffffff;
        line-height: normal;
        border-left: 0px;
    }

    .top-menu-padding {
        margin-top:10px !important;
        padding-top:10px !important;
        padding-bottom: 10px !important;
    }
    .top-menu-padding1 {
        padding-right: 10px !important;
        padding-left: 30px !important;
        padding-top: 15px !important;
        /*padding-bottom: 1px !important;*/
        background: #ffffff !important;
    }
    .top-menu-padding2 {
        border-top:1px solid #bbbbbb;
        font-size: 18px !important;
        padding-left:30px !important;
        margin-top:0px;
        padding-top:18px !important;
        padding-bottom: 18px !important;
    }
    .top-menu-icon {
        margin-top: -15px;
    }
    .top-menu-icon1-image {
        display: inline-block;
        position: relative !important;
        background-image: url("../img/dashboard-image1.png") !important;
        background-position: 0px 0px !important;
        background-repeat: no-repeat;
        top: -12px;
        left:0px;
        width:27px;
        height:21px;
        z-index: 10000;
    }
    .top-menu-icon1-arrow {
        display: inline-block;
        position: absolute !important;
        background-image: url("../img/dashboard-arrow1.png") !important;
        background-position: 18px 11px !important;
        background-repeat: no-repeat;
        z-index: 10000;
    }
    .top-menu-icon2-image {
        display: inline-block;
        position: relative !important;
        background-image: url("../img/dashboard-image2.png") !important;
        background-position: 0px 0px !important;
        background-repeat: no-repeat;
        top: -16px;
        left:0px;
        width:30px;
        height:30px;
        z-index: 10000;
    }

    .top-menu-icon2-arrow {
        display: inline-block;
        position: absolute !important;
        background-image: url("../img/dashboard-arrow2.png") !important;
        background-position: 18px 11px !important;
        background-repeat: no-repeat;
        z-index: 10000;
    }
    .top-menu-icon3-image {
        display: inline-block;
        position: relative !important;
        background-image: url("../img/dashboard-image3.png") !important;
        background-position: 0px 0px !important;
        background-repeat: no-repeat;
        top: -13px;
        left:0px;
        width:28px;
        height:26px;
        z-index: 10000;
    }

    .top-menu-icon3-arrow {
        display: inline-block;
        position: absolute !important;
        background-image: url("../img/dashboard-arrow3.png") !important;
        background-position: 18px 11px !important;
        background-repeat: no-repeat;
        z-index: 10000;
    }


    #pull {
        background-color: #ffffff;
        position: relative;
        color: #444444;
        float:right;
        padding-top:0px;
        padding-right:52px;
    }
    #pull:after {
        content:"";
        background: url('../img/nav.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 29px;
    }
    .top-menu a {
        color: #444444;
    }
    .top-menu a:hover {
        color: #444444;
    }
    .dash-filter {
        padding: 20px 10px 15px 10px;
    }
    .pull-menu-right {
        float: none;
    }

    .portlet.box.blue-hoki > .portlet-title > .caption {
        float:left;
    }

    .navbar-nav li a {
        font-size: 12px;
    }
    .user-name-back {
        line-height: 30px;
    }

    .static-info .value {
        float: right;
        margin-top: 8px;
    }
    .tdfilter1 {
        width:100%;
        padding-top: 11px;
        margin-bottom: 7px;
        margin-left: 16px;
        border: 1px solid #bbbbbb;
    }

    div.radio span {
        text-align: right !important;
    }

    .page-header.navbar .page-top, .page-header.navbar .top-menu .navbar-nav > li.dropdown, .page-header.navbar .page-logo{
        height:auto
    }
    .navbar-nav>li>a, .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
        padding: 6px 8px;
    }
    .search-cal, .form-group.agents, .input-large, .page-header.navbar .top-menu{
        float:none;
        margin:0 auto;
        background:#fff;
        box-shadow:none;
        text-align:center;
        display: block;
    }
    .search-cal {
        padding-bottom:10px;
    }
    .dash-message {
        padding-bottom:10px;
    }
    .dash-search {
        float:none;
        padding-bottom:10px;
        width:100%;
        white-space: initial;
    }
    .dash-search .input-inline, .affiliate-filter {
        padding-left: 0;
    }

    .form-group.agents{
        margin-bottom:10px !important;
        width:280px;
    }
    .page-header.navbar .menu-toggler.responsive-toggler{display:none}
    .portlet.light > .portlet-title > .caption > .caption-subject, .badge-lg{
        display:block;
        text-align:center;
        margin:5px auto;
        line-height:36px;
    }
    .page-header.navbar .page-logo > .logo-image, .page-header.navbar .page-logo > a, .page-header.navbar .page-logo, .page-header.navbar .top-menu .navbar-nav{
        float:none !important;
        margin:0 auto;
        text-align:left
    }
    .portlet{box-shadow:none}
    .nav-tabs.clearit > li > a{font-size:14px;    padding: 6px 15px;}
    .btn-group.btn-group-devided > .btn{font-size:12px;margin-right: 0px;}
    .portlet > .portlet-title > .caption, .portlet.light > .portlet-title > .inputs{float:none;display:block;text-align:center}
    .portlet.light > .portlet-title > .caption > .caption-subject{font-size:18px;line-height:24px; display: inline-block;margin:0 10px}
    .page-header.navbar .page-logo .logo-default {margin: 18px 10px 10px 0;}

    .tdfilterli {
        display: block;
    }

    .chat-form .btn-cont {
        position: static !important;
    }

    .portlet.light.no-pad {
        padding: 25px 10px 0px 10px;
    }
    .footer-container {
        width:auto;
    }

    .top_toggle_menu {
        float: none;
    }
    .top_toggle_menu > a {
        display: none;
    }
    .dropdown_toggle_menu {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #ddd -moz-use-text-color -moz-use-text-color;
        border-image: none;
        border-style: solid none none;
        border-width: 1px medium medium;
        margin: 0;
        position: static;
        right: auto;
        text-align: left;
        top: auto;
        width: 100%;
    }
    .page-header.navbar .page-top {
        display: block;
        float: none;
        width: 100%;
    }
    .top_toggle_menu {
        border-left: medium none;
        border-right: medium none;
        float: none;
    }
    .top-menu-padding {
        height: auto !important;
    }
    .page-header.navbar {
        height: auto !important;
    }
    .top-menu .navbar-nav {
        display: block !important;
        text-align: center !important;
    }
    .page-header.navbar .top-menu .navbar-nav > li {
        display: inline-block;
        float: none;
    }
    .page-header.navbar .top-menu .navbar-nav .top_menu_item {
        border-left: 1px solid #cccccc;
        display: block;
        padding: 23.3px 12px;
    }
    .page-header.navbar .top-menu .navbar-nav .top-note-icon:first-child .top_menu_item {
        border-left:none;
    }
    .mobile_menu_icon i {
        color: #666;
        font-size: 20px !important;
        margin-left: 5px;
    }
    .page-top ul.navbar-nav {
        border-bottom: 1px solid #ccc;
    }
    .top-note-icon:hover {
        background: none;
    }
    .mark_read_icon {
        display: none;
    }
    .top-note-icon .message_dropdown {
        text-align: left;
    }
    .top-note-icon .message_dropdown {
        left: 0;
        max-width: 100%;
        min-width: 350px;
        position: absolute;
        right: 0;
    }
    .notification_container {
        max-width: 100%;
    }
    .affiliate-layout .top-note-icon .message_dropdown {
        left: 0;
    }
    .nav > li {
        position: unset !important;
    }
    .top-note-icon .sub-menu {
        max-width: 100%;
    }
    /* ETA section */
    .clearance .eta .date-picker input, .clearance .eta .timepicker {
        width: 100%;
    }
    .clearance .eta .input-group-btn {
        /* Revert width */
        width: 1%;
    }
    .clearance .eta .name, .clearance .eta .field {
        width: 100%;
        float: none;
    }
    /* ETA section END*/
    .requires-broker-review-form {
        margin: 10px 0;
        float: none;
        display: block;
    }
    .add-reminder-modal-due-datetime-column {
        display: block;
    }
    .add-reminder-modal-due-datetime > div {
        max-width: 100%;
    }
    .add-reminder-modal .changed-by-text {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    .pfrt {
        display: block;
        padding-right: 0;
    }
    .document .upload-button {
        width: 100%;
        display: block;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .document .upload-button #doc-browse {
        margin-bottom: 0;
    }
    .ticket-reference-input {
        display: block;
        width: 100%;
        min-width: 0;
    }
    .alert-messages-manage-page #preview-btn {
        margin-right: 0;
    }
    .alert-message-modal-label-checkbox {
        line-height: normal;
    }
    .alert-message-modal-counter {
        float: none;
        padding-left: 0;
        padding-bottom: 10px;
        text-align: center;
    }
}