html,
body {
    height: 100%;
}

body.blank {
    display: flex;
    padding: 40px 0;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

body.blank .wrap {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 400px;
    margin: -40px auto;
    padding: 15px;
}

body.blank .wrap > div {
    width: 100%;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: initial;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th,
.grid-view td:last-child {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media (max-width: 767px) {
    .nav li > form > button.logout {
        display: block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}

select option:disabled {
    background: #bbb;
    cursor: not-allowed;
    opacity: 1;
}

.color-green {
    color: green;
}

.color-red {
    color: red;
}

.color-orange {
    color: #FF851B;
}

.navbar-nav > .notifications-menu > .dropdown-menu {
    width: 330px !important;
}

.nav-tabs .has-error {
    color: #dd4b39 !important;
}

.nav-tabs .has-success {
    color: #00a65a !important;
}

.page-size label {
    font-weight: 400 !important;
}

.grid-view .summary {
    padding-top: 8px;
}

#available-page .grid-view .summary,
#invoiced .grid-view .summary,
#delivered .grid-view .summary {
    padding-top: 0px;
}

.shipper_buttons {
    height: 30px;
}

.fields_bl {
    margin-bottom: 7px;
}

.padding-r-5 {
    padding-right: 5px;
}

.padding-l-5 {
    padding-left: 5px;
}

.loads-pick-up-locations-form .date input {
    max-width: 130px;
}

.blacklist_broker {
    color: red;
}

.nav-tabs-custom {
    box-shadow: none !important;
}

.dimensions_bl .col-input-dimension {
    width: 31.33%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.dimensions_bl .col-x-dimension {
    width: 3%;
    float: left;
    padding-top: 5px;
}

.dimension-row {
    padding-left: 5px;
    padding-right: 5px;
}

.user-panel > .image > img {
    width: 45px !important;
    height: 45px !important;
}

#change_profile:hover {
    border: 5px solid;
    border-color: #429BCF;
}

#change_profile {
    cursor: pointer;
}

.loads-form h3 {
    margin-top: 5px;
    text-align: center;
}

.load_broker_bl div {
    float: left;
}

.load_broker_bl div.bl_name {
    padding-top: 5px;
}

.load_broker_bl div.search_field {
    width: 240px;
    margin-left: 5px;
}

.loads-form .button-plus {
    padding-top: 5px;
    margin-left: 5px;
}

.load_shippers div {
    float: left;
}

.shippers_search {
    width: 290px;
}

.loads-form .head_block .col-xs-4 {
    padding-bottom: 10px;
}

.loads-form .body_block .col-xs-4 {
    padding-top: 10px;
}

.modal-body {
    padding-top: 0px;
}

.loads-form .block-centre {
    border-right: 1px solid #b5bbc8;
    border-left: 1px solid #b5bbc8;
}

.loads-form .shippers-block {
    padding-left: 10px;
    padding-right: 10px;
}

.loads-pick-up-locations-form .form-group {
    margin-bottom: 0px;
}

.loads-pick-up-locations-form .help-block {
    margin-bottom: 0;
    margin-top: 0px;
}

.loads-pick-up-locations-form .form-group.has-error .help-block {
    margin-bottom: 4px;
    margin-top: 4px;
}

.loads-pick-up-locations-form .col-xs-4 {
    padding-top: 4px;
}

.table {
    margin-bottom: 10px;
}

hr {
    margin: 0;
}

.btn-outline-danger {
    border-color: red !important;
}

.actions_dropdown {
    position: relative;
}

.bg-yellow-new {
    background: yellow;
}

.border-yellow-new {
    border-right: 5px solid yellow !important;
}

.border-orange {
    border-right: 5px solid #FF851B !important;
}

.border-red {
    border-right: 5px solid #dd4b39 !important;
}

.border-green {
    border-right: 5px solid #00a65a !important;
}

.border-blue {
    border-right: 5px solid #0073b7 !important;
}

.header-action-block {
    position: absolute;
    top: 20px;
    z-index: 1040;
}

.load_board table {
    font-size: 12px;
}

.load_board table tr {
    border-bottom: 1px solid #ccc;
}

.dropdown-menu {
    border-color: #aaa !important;
}

.owners-index .grid-view th, .grid-view td:last-child {
    white-space: normal;
}

.owners-index .owners-payments .box {
    margin-bottom: 0;
}

.owners-index .owners-payments .table > tbody > tr > th, .owners-index .owners-payments .table > tbody > tr > td {
    padding: 3px;
}

.owners-index .owners-payments .box-body {
    padding: 1px;
}

.owners-index .owners-payments .box-header {
    padding: 2px;
}

.owners-index .owners-payments .box-header h3 {
    font-size: 16px;
}

.user-panel .image {
    margin-left: -6px;
}

.default-location-status {
    color: Maroon;
}

.check-in-location-status {
    color: green;
}

.check-out-location-status {
    color: blue;
}

.small-txt {
    font-size: 10px;
}

.panel-body {
    padding: 10px;
}

.panel {
    margin-bottom: 10px;
}

.text-alert {
    background-color: #dd4b39 !important;
    color: #fff !important;
    padding: 2px;
}

.txt-system {
    color: #d2b12d !important;
    font-weight: bold;
}

.сheck_сall_error_time {
    background-color: rgba(255, 173, 157, 1);
    animation: сheck_сall_animation 5s infinite ease-in-out;
}

@keyframes сheck_сall_animation {
    0% {
        background-color: rgba(255, 173, 157, 1);
    }
    50% {
        background-color: rgba(255, 173, 157, 0.5);
    }
    100% {
        background-color: rgba(255, 173, 157, 1);
    }
}

@keyframes сheck_сall_warning {
    0% {
        background-color: rgba(243, 156, 18, 0.7);
    }
    50% {
        background-color: rgba(243, 156, 18, 0.4);
    }
    100% {
        background-color: rgba(243, 156, 18, 0.7);
    }
}


.add_load_gradient {
    background: linear-gradient(-45deg, #00a65a, #00CC06, #00a65a);
    background-size: 400% 400%;
    animation: load_gradient 5s ease infinite;
}

@keyframes load_gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.сheck_сall_warning_time {
    background-color: rgba(243, 156, 18, 0.7);
    animation: сheck_сall_warning 5s infinite ease-in-out;
}

.content-load-info {
    font-size: 11px;
}

.content-load-info .table > tbody > tr > th, .content-load-info .table > tbody > tr > td {
    padding: 3px;
}

.check_call_date {
    color: green;
}

.check_call_user {
    color: maroon;
}

.check_call_location {
    color: blue;
}

.check_call_note {
    color: #3061bc !important;
}

.check_call_note .txt-system {
    color: gray !important;
    font-weight: normal !important;
}

.check_call_date_arert {
    display: inline-block;
    min-width: 30px;
}

@keyframes сheck_сall_animation_img {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}


.check_call_date_arert img {
    width: 26px;
    animation: сheck_сall_animation_img 5s infinite ease-in-out;
}

.load_profit {
    font-size: 14px;
}

.load_board .grid-view .filters input {
    padding: 6px 4px;
}

.available-trucks .filters input {
    padding: 6px 4px;
}

.available-trucks td {
    padding: 6px 4px !important;
}

.format-muted:hover {
    color: #ddd;
}
.my_select_departments_open .format-muted:hover {
    color: rgba(26, 26, 26, 1);
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected] .format-muted {
    color: #ddd;
}


@media (min-width: 992px) {
    .modal-1000 {
        /*max-width: 80% !important;*/
        width: 1000px;
    }

    .modal-1050 {
        width: 1050px !important;
    }
}

.modal-1150 {
    width: 1150px;
}

.filters select {
    padding-left: 2px;
    padding-right: 2px;
}

#back_top {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    position: fixed;
    opacity: 0.7;
    left: auto;
    right: 10px;
    margin-left: 0;
    bottom: 66px;
    z-index: 1040;
}

.check_call_wrong_time {
    color: #dd4b39;
}

.check_call_in_time {
    color: #00a65a;
}

input:read-only, textarea:read-only {
    background-color: #aaa;
}
.container-check-radio-blue input:read-only {
    background-color: transparent;
}

.btn-count-trucks {
    float: left;
    font-size: 20px;
    margin-right: 10px;
    font-weight: 600;
    color: #ecf0f5;
    border-style: solid;
    border-radius: 5px;
    padding: 3px;
}


.user-action {
    text-decoration: none !important;
}

.user_block td, span.user_block {
    text-decoration: line-through;
    color: #888;
}

.block-user, .un-block-user {
    font-size: 18px;
    margin-left: 4px;
}

.block-user {

}

.additional_buttons {
    float: right;
}

.additional_buttons a {
    margin-right: 5px;
}

.tr_edit_line td {
    border-bottom: 1px solid #ccc !important;
}

.drivers-view img {
    cursor: pointer;
}

.owner_payment_index th {
    width: 130px;
}

.owner_payment_view th {
    width: 160px;
}

.unreliable {
    background: linear-gradient(45deg, #F0E68C 25%, #FFF8DC 0, #FFF8DC 50%, #F0E68C 0, #F0E68C 75%, #FFF8DC 0) !important;
    background-size: 30px 30px !important;
}

.unreliable .view_owner {
    color: #800000;
    /* font-weight: bold; */
    font-size: 12px;
}

#split-users-list {
    position: relative;
    padding: 15px;
}

.broker_note {
    color: red;
    margin: 0px;
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected] .broker_note {
    color: #ffc8c8;
}

img.icon-item {
    height: 13px !important;
    width: 13px !important;
    margin: 0 5px;
}

table.available-trucks tr {
    outline: 2px solid transparent;
}

table.table.table-bordered.available-trucks tbody tr td {
    border: 2px solid transparent;
}

.trucks-index table.table tbody tr.border-hold-on td {
    border: 2px solid #f00;
    border-left: transparent;
    border-right: transparent;
}

.trucks-index table.table tbody tr.border-hold-on td:first-child{
    border-left: 2px solid #f00;
}

.trucks-index table.table tbody tr.border-hold-on td:last-child {
    border-right: 2px solid #f00 !important;
}

table.available-trucks td.hold-time-td {
    width:184px;
}

table.available-trucks td.action-column {
    width:104px;
}

.trucks-index table.table tbody td.hold-time-td {
    width: 175px;
}


.mobile-app-driver {
    margin-bottom: 10px;

}

.mobile-app-driver p {
    font-weight: bold;
    margin: 0;
}

.mobile-app-driver:last-child {
    margin-bottom: 0;
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important;
}

.ml-3 {
    margin-left: 1rem!important;
}

.hold-actions button {
    display: none;
}

.hold-actions .show {
    display: initial;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.kv-drp-dropdown .left-ind {
    left: 7px;
    margin-top: 4px;
}

.kv-drp-dropdown .right-ind {
    right: 2px;
    margin-top: -6px;
}
#driverssearch-statusupdatedat-container .kv-drp-dropdown .right-ind {
    margin-top: 2px;
    right: 8px;
}

.kv-drp-dropdown .kv-clear {
    padding: 0 0.3rem;
    font-size: 1.2rem;
    cursor: pointer;
    right: 1rem;
    margin-top: -8px;
    line-height: 2.0rem;
}
#driverssearch-statusupdatedat-container .kv-drp-dropdown .kv-clear {
    right: 18px;
    margin-top: 2px;
}

@media (max-width: 991px){
    section.content-header > span#show-my-loads{
        float: none!important;
        display: block;
        text-align: right;
        margin-bottom: -13px;
    }
}

@import url('http://fonts.cdnfonts.com/css/helvetica-neue-lt-std-55');
.login-box {
    font-family: 'Helvetica Neue LT Std', sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 120%;
}
p {
    font-weight: 700;
}
.incorrect {
    color: #D73925;
    font-weight: 500;
    height: 15px;
    margin-bottom: 5%;
}
#loginform-username, #loginform-key, #loginform-password {
    font-weight: 500;
    font-size: 18px;
}
/*.kv-field-separator{
    display: none;
}*/

.check-calls tr.system-item {
    font-style: italic;
}

.auto-location {
    margin-top: 4px;
    line-height: 1em;
}

.auto-location .badge {
    margin-top: 3px;
}
.auto-location:hover{
    filter: brightness(1.1);
}
.auto-location .auto-location-button {
    cursor: pointer;
}
.auto-location .auto-location-button:hover {
    filter: drop-shadow(4px 2px 4px #4CAF50);
}

.auto-location .auto-location__stop-auto-send {
    background-color: orange;
}

.auto-location-button.auto-location__send-now {
    background-color: #00a65a;
}

.auto-location .auto-location__timer {
    padding: 2px 4px;
    margin-top: 3px;
    display: inline-block;
    vertical-align: middle;
}
.auto-location__info {
    color: #4CAF50;
    background: url(/adm/img/location2.svg) no-repeat;
    background-position: left center;
    background-size: contain;
    padding-left: 14px;
    font-size: 10px;
}

.auto-location .auto-location__auto {
    color: #dd4b39 !important;
    font-weight: bolder;
}

.ico-get-location {
    display: block;
    width: 20px!important;
    height: 20px!important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.active-offer-chat {
    /*background: #F5F7FB;*/
}

.offer-close {
    position: absolute;
    right: 5px;
    top: 5px;
}

.accordion .offer-close span {
    width: 25px;
    height: 25px;
    color: #1C73B7;
    font-size: 28px;
    opacity: 0.5;
}

.accordion .offer-close:hover span {
    opacity: 1;
}

/* icons */

.ico-satellite{
    width: 13px;
    height: 13px;
    display: inline-block;
}

.red-ico-satellite{
    background-image: url("data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGCSURBVHgBhZK/S0JRFMfPOb7kUcuDpiJICYKmhobMybbUIBsCp7T/IGlorCCisVqClmhq1BpCWrItaNAtsEwjKIgGlyL03Xs6j/K36IHLefec7+e+9z3vIvSJp8W5CDFuM+tsRcPOVPqu5NSpH1i1OaeUXmeAWzdR8jnkH+8AC0HffjtomspCF8aRcVqTTjDwSQuYD/niQLhZDPvOa7WHBZ9HVWhLaUgBggmK3ZKHs4GAZdREhBBzsgaMFsJ+oK+3NeWCDQSKGAgTNGCvattlKeY9R9cAAce5/oEc1YMjptQ8Irx2EVx6U/e5Zgt1UKAPSd56ByECzBfG93vUmyn9tHtvDIc53d5khCU9NHoKXaIOkts8QIRyp4TFc2NgHaA3lSmjYc8z4GcnLAMLzR13BZ2wqxRj1Cvi90zE+T8H8CLr0CbYbTmq9vAYnB0joleZUkm2yYrmo9r16ulRjpj5zx5ZCQM5Aj0Ci3I7NOGNiC3ZW029sry9rMBenrxq/YdO/AIs74rzCdPRUQAAAABJRU5ErkJggg==");
}

.green-ico-satellite{
    background-image: url("data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFaSURBVHgBhZK/SsNQFMa/k9Q0Y8BVaMEHcPAJfIJGQbjUYu0bWBwcVRBxVEEElyqYVnCoOImL+AR2dmpxE4eONm1z/VqatmlC+8FNbs49v/MvV7BI1YIL0ccI9Cf84ASlx+bAbCwEO70Gev197j5gSR1ePhMHPXUeAy3DgSl7zLqGwCzTchsFPcVD45ARa2NbRWUJHKGPZ4jYkK4FwTIqrpMaO4lZBDTfUKjmWaJVguUf8MSFiVUE2IUWBz2cDdwnoNYZQqEU0h2bUbKM9UbgBQWvMd3BpFSRn2hz4hJqwbdyhK4xI2Mq4+vsISvIIe1XkKAJ6FsXfLYTfFRkYDGwdNdmaRvc/SKeWaGWv0kGhw66iH6wzbrv+fU1srbYxiXM1Gk0VqiHrRUY9jehJgdVx19wFV4vzO0xZa+PYg1+QRlLnOocCWq8Hdp4594ZrVDt4dLdTew8NWbBf1j2Z0eX9r5iAAAAAElFTkSuQmCC");
}

.orange-ico-satellite{
    background-image: url("data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFzSURBVHgBhZIxS8NQEMfvXqIUlJrYVWjFD+DgJ/ATGAehk7WL4GZxcFRBxFFdBG0pTo5VJ3ERP4GdnSpuIphGqWL67ry0JG2T0t7yXu7ud3f/y0MYY1454yDyPjM8a58O7C23EfjVOFAbut4m2gbEJ3MCaz9lK5sAvbJ9HAcnfLAMVBsIvAhslNqgLgZAr2JJEHe/K/Z16PusWjlWuAdAN0Cc0sqflAIZ8VtmVJqMAiADM+YFhik1U/R0cwcAHWRcQKZ1g9CSjKMgvQciZ8NrB9bNlIyTI4AHBXg3venW+yVEoCS9M8B8L4SOVL9NG+k8Fhu/Mek9jZrhPh4UzSvSuQpDLALJpBM53GQK5r/6FpYA7aLrItGyXD8SLAdw5nwo2I2rAjCtidYr+XzpTALwKsep8dc6HJgjvLQuZ+c0wpsspCFbrPk+nYXPa6TGNtBStxLmpGNJmcqBEYbB6zBIPQKDJe2taOxgUQiu0rQa/4eB/QMpAZAsca0WLwAAAABJRU5ErkJggg==");
}
.crm-android{
    color: #4caf50;
}
.crm-apple{
    color: #1A1A1A;
}
.crm-mobile{
    color: #3c8dbc;
}

.request-location {
    cursor: pointer;
    margin: 0 5px;
    background-image: url("/adm/img/request_a_location.svg");
    height: 16px!important;
    width: 16px!important;
    display: inline-block;
}

.request-location:hover{
    opacity: 0.8;
}

/*load documents resize*/
.load-documents .krajee-default.file-preview-frame {width:100%;margin:0px;}
.load-documents .krajee-default.file-preview-frame .kv-file-content{width: 100%;height: fit-content;}
#load_documents .load-documents object.file-preview-pdf{
    height: 1190px!important;
    width: 100%!important;}
.load-documents .krajee-default .file-footer-caption{display: none;}
.load-documents .file-footer-buttons{width: 80%;text-align: right;}
.load-documents .file-footer-buttons>.kv-file-download, .load-documents .file-footer-buttons>.kv-file-remove, .load-documents .file-footer-buttons>.kv-file-zoom{
    display: inline-block;
}
.load-documents .krajee-default.file-preview-frame .file-thumbnail-footer {
    height: 40px;
}
.load-documents .panel-default > .panel-heading {display: block;}
.load-documents .panel-heading .btn-lg > i{
    height: 35px;width: 35px
}
#add_rating_driver textarea.form-control{max-width: 100%;}

.form-group-hidden {
    display: none;
}

@media (min-width: 992px){
    .modal-dialog.modal-1200 {
        max-width: 100% !important;
        width: 1200px;
    }
}
table.table tbody tr.cc-double-location-tr {
    background-color: #f5f5f5!important;
}
select#load_update_frequency{
    width: 80px;
    display: inline-block;
}
a#load_update_frequency_apply{
    height: 32px;
    display: inline-block;
    margin-top: -4px;
    margin-right: 30px;
}
.temperature-mode {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    color: #2A2E34;
    background-color: #F7E50E;
}

textarea {
    resize: vertical; /* Only vertical resizability */
}

.driver-unread-message .user-date:after,
.driver-read-message .user-date:after,
.offer-truck-unread-message b:after,
.offer-truck-read-message b:after,
div.offer-truck-read-message:after,
div.offer-truck-unread-message:after {
    content: "";
    width: 20px;
    height: 20px;
    top: 5px;
    position: absolute;
    display: inline-block;
    margin-left: 5px;
}

.driver-unread-message .user-date:after,
.offer-truck-unread-message b:after,
div.offer-truck-unread-message:after {
    background: url("/adm/img/unread_message.png") no-repeat;
}

.driver-read-message .user-date:after,
.offer-truck-read-message b:after,
div.offer-truck-read-message:after {
    background: url("/adm/img/read_message.png") no-repeat;
}

.add-users-to-load-chat-option #loadexpenses-add_users_to_load_chat_option {
    display: flex;
    flex-direction: column;
}

.add-users-to-load-chat-option label {
    margin-left: 1em;
}


.yellow-big-truck {
    background-color: #FCF3D0!important;
}

.icon-load-box {
    position: relative;
    background-image: url("/adm/img/load-box.png");
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    cursor: pointer;
    font-weight: 100;
}

.icon-load-box .load-popup-data {
    visibility: hidden;
    width: 450px;
    background-color: #fff;
    color: #555;
    border-radius: 6px;
    padding: 10px;
    position: fixed;
    z-index: 1;
    margin-left: -10px;
    margin-top: 30px;
    border: 1px solid #ccc;
    font-size: 14px;
}

.truck_trailer .icon-load-box .load-popup-data {
    position: absolute;
}

.icon-load-box .load-popup-data div.s-title {
    color:  #696969a8;
    font-weight: 600;
    min-width: 60px;
}

/* Popup arrow */
.icon-load-box .load-popup-data::after {
    content: "";
    position: absolute;
    top: -20px;
    left: 15px;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.icon-load-box .load-popup-data::before {
    content: "";
    position: absolute;
    top: -21px;
    left: 15px;
    margin-left: -5px;
    border-width: 11px;
    border-style: solid;
    border-color: transparent transparent  #ccc transparent;
}

.icon-load-box .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.icon-load-box .load-popup-item {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.icon-load-box .load-popup-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}


.icon-load-box .load-popup-item .loads-locations {
    align-items: normal;
    padding-bottom: 10px;
}

.icon-load-box .load-popup-item .loads-locations:last-child {
    padding-bottom: 0;
}

.icon-load-box .load-popup-item .loads-locations-time-frame {
    min-width: 120px;
}

.w-100 {
    width: 100%;
}
#sms-notifications-movement-body .btn-minimize:hover {
    cursor: pointer;
}

