input[type=radio]{
    height: 13px!important;
}

.calculation{
	background-color: #fff!important;

}

.middle-box {
	max-width: 600px;
	z-index: 100;
	margin: 0 auto;
	padding-top: 40px;
}

.m-t {
	margin-top: 15px;
}


.error_validation {
    color: red !important;
    font-size: 11px !important;
}

.v_error {
    color: red;
}

.text-error {
    color: red !important;
    font-size: 15px !important;
}

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

.clear {
    clear: both;
}

.incomplete {
    background-color: #fff;
    font-weight: bold;
}

.complete {
    background-color: #f5f5f5;
}

.answer {
    margin-left: -25px;
    margin-top: 15px;
    text-align: justify;
}

.answer li {
    margin: 15px auto;
}

.custom_page_wrapper {
    padding: 0px !important;
}

/* .bread {
       background-color: white;
} */

.custom_btn {
    height: 30px;
    width: 40px;
}

.top_buttons {
    margin-left: 15px;
}

.top_buttons .btn {
    margin-bottom: 10px;
}

.blue_spin {
    font-size: 20px;
}

.spinner {
    color: #428bca;
    padding: 10px;
    display: none;
}

.none {
    display: none;
}

.tr_no_click {
    pointer-events: none;
}

.center {
    text-align: center;
}

.active-table tbody tr:hover {
    background-color: #BBDEFB !important;
    cursor: pointer;
}

.client_detail {
    margin-left: 15px;
    line-height: 22px;
}

.info_left {
    float: left;
    font-weight: bold;
}

.info_right {
    float: left;
    margin-left: 15px;
}

.contact_info {
    line-height: 30px;
}

.call {
    vertical-align: super;
}

.call_btn {
    height: 25px;
    padding: 3px 6px;
}

.call_btn_green_mob, .call_btn_green_phone, .geo_mobile {
    display: none;
}

.info_table td {
    vertical-align: top;
    padding-bottom: 10px;
}

.info_table tr td:first-child {
    white-space: nowrap;
}

.info_table tr td:nth-child(2) {
    word-wrap: break-word;
    word-break: break-all
}

html, body {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 100%;
}

.search_client {
    width: 100% !important;
}

.personal_info {
    padding: 15px 0 15px 0;
}

.search_field {
    width: 200px !important;
}

.client_further_info fieldset {
    margin-bottom: 10px;
}

.client_further_info fieldset div:first-child {
    font-weight: bold;
}

.client_contact_info {
    margin-bottom: 20px;
}

.bold {
    font-weight: bold;
}

.left {
    float: left;
}

.right {
    float: right;
}

.add_modal {
    margin-left: -17px;
}

.top_buttons button {
    margin-bottom: 10px;
}

.web_hide {
    display: none;
}

/*Sticky header scroll in table*/

/*
Force table width to 100%
*/
table.table-fixedheader {
    width: 100%;
}

/*
Set table elements to block mode.  (Normally they are inline).
This allows a responsive table, such as one where columns can be stacked
if the display is narrow.
*/
table.table-fixedheader,
table.table-fixedheader > thead,
table.table-fixedheader > tbody,
table.table-fixedheader > thead > tr,
table.table-fixedheader > tbody > tr,
table.table-fixedheader > thead > tr > th,
table.table-fixedheader > tbody > td {
    display: block;
}

table.table-fixedheader > thead > tr:after,
table.table-fixedheader > tbody > tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

/*
When scrolling the table, actually it is only the tbody portion of the
table that scrolls (not the entire table: we want the thead to remain
fixed).  We must specify an explicit height for the tbody.  We include
100px as a default, but it can be overridden elsewhere.

Also, we force the scrollbar to always be displayed so that the usable
width for the table contents doesn't change (such as becoming narrower
when a scrollbar is visible and wider when it is not).
*/
table.table-fixedheader > tbody {
    overflow-y: scroll;
    height: 200px;
}

/*
We really don't want to scroll the thead contents, but we want to force
a scrollbar to be displayed anyway so that the usable width of the thead
will exactly match the tbody.
*/
table.table-fixedheader > thead {
    overflow-y: scroll;
}

/*
For browsers that support it (webkit), we set the background color of
the unneeded scrollbar in the thead to make it invisible.  (Setting
visiblity: hidden defeats the purpose, as this alters the usable width
of the thead.)
*/
table.table-fixedheader > thead::-webkit-scrollbar {
    background-color: inherit;
}

/*
We want to set <th> and <td> elements to float left.
We also must explicitly set the width for each column (both for the <th>
and the <td>).  We set to 20% here a default placeholder, but it can be
overridden elsewhere.
*/
table.table-fixedheader > thead > tr > th,
table.table-fixedheader > tbody > tr > td {
    width: 14.28%;
    float: left;
}

/*        End sticky header*/
#clientTableSticky {
    width: 100%;
    max-width: 100%;
}

#clientTableSticky > tbody {
    overflow: auto;
    height: 200px;
    display: block;
}

#clientTableSticky thead, #clientTableSticky tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed; /* even columns width , fix width of table too*/
}

#clientTableSticky thead {
    width: calc(100% - 1.2em) /* scrollbar is average 1em/16px width, remove it from thead width */
}

#clientTableSticky tbody > tr > td {
    width: calc(100% - 1.2em); /* scrollbar is average 1em/16px width, remove it from thead width */
    min-width: calc(100% - 1.2em); /* scrollbar is average 1em/16px width, remove it from thead width */
}

.panel-title span:hover {
    cursor: pointer;
}

.panel-heading:hover {
    cursor: pointer;
}

#clientTable th:hover {
    cursor: pointer;
}

.clientTable {
    margin-top: 92px;
}

.nav_search {
    top: 10px;
}

.sort_icon {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

.wrapper2 {
    height: 100%;
    width: 100%;
    /*    margin-top:100px;*/
    background: none;
}

/*Rounded status web*/
.status {
    border: 2px solid transparent;
    border-radius: 100%;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 1px 4px;
}

/*Rounded status mobile*/
.mobile_status {
    border: 2px solid transparent;
    border-radius: 100%;
    color: #fff;
    font-size: 8px;
    font-weight: bold;
    padding: 0px 2px;
}

.map_icon_container {
    float: left;
    margin-right: 7px;
    margin-top: 4px;
    padding: 0px 2px;
}

/*.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 25px !important;
}
.select2-container--default .select2-selection--single{
    height:30px !important;
}
.select2-container--default .select2-selection--multiple{
    height:30px !important;
    min-height:30px !important;
}*/
.select2-container-multi .select2-choices {
    border: 1px solid #ccc !important;
    padding-left: 6px !important;
}

.select2-container .select2-choice > .select2-chosen {
    color: #555 !important;
}

.select2-container .select2-default > .select2-chosen {
    color: #999 !important;
}

.footer {
    width: 100%;
    height: 60px;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
}

.error {
    color: red;
}

.copy {
    padding: 20px 0;
}

/*.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}*/
#search_result li:hover {
    cursor: pointer;
}

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

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

.text-crafted a {
    text-decoration: none;
}

@media (max-width: 768px) {
    .text-crafted {
        text-align: center;
    }

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

    .copy {
        padding: 10px 0;
    }

    .free_order_button {
        font-size: 10.5px;
        padding: 10px;
    }

    .xs-pull-left {
        float: left !important;
    }
}

@media (max-width: 400px) {
    .navbar-nav {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) and (min-width: 482px) {
    .xs-pull-left {
        float: right !important;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .text-crafted {
        text-align: right;
    }

    .free_order_button {
        font-size: 16.5px;
    }

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

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .text-copy {
        text-align: left;
    }

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

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .text-copy {
        text-align: left;
    }

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

@media (min-width: 768px) and (max-width: 852px) {
    .xs-pull-left {
        float: left !important;
        margin-bottom: 10px;
    }
}

#wrap {
/*     min-height: calc(100% - 120px); */
    min-height: calc(100% - 310px);

    height: auto;
    display: flex;
    align-items: center;
}
.upload_image_container {
    height: 80px;
    background: #eee;
    display: table;
    width: 100%;
}

.image_preview {
    width: 80px;
    height: 80px;
    border: 1px solid #eee;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ddd;
}

.image_preview img {
    height: 80px;
    width: 80px;
}

.image_detail {
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

.image_button {
    height: 80px;
    width: 80px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    text-align: right;
}

textarea.form-control {
    height: 100% !important;
}

/*Styles for Import Category Page*/
#import_form a:active, a:hover, a:focus {
    text-decoration: none;
}

.attachment_box {
    width: 100%;
    background: #eee;
    display: table;
    line-height: 20px;
    padding: 5px 10px;
    margin: 2px 0;
    border: 1px solid #ccc;
    background: #ddd;
}

.attachment_box .file_name {
    display: table-cell;
    color: #666;
    vertical-align: middle;
}

.attachment_box .file_progress {
    display: table-cell;
    vertical-align: middle;
}

.attachment_box .file_progress .progress {
    margin-bottom: 0;
}

.attachment_box .cancel_upload, .attachment_box .edit_cancel_upload, .attachment_box .edit_download_upload {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    padding-left: 10px;
    color: #666;
    cursor: pointer;
}

#attach_file:hover, #attach_file:focus {
    text-decoration: none;
}

.sub-cat-xs {
    list-style: none;
    padding: 0;
}

.sub-cat-xs li a {
    line-height: 20px;
    color: #999;
    position: relative;
    display: block;
    padding: 10px 30px;
}

.sub-cat-xs li a:hover {
    color: #555;
}

.sub-cat-xs li.active a {
    color: #555;
    background-color: #e7e7e7;
}

.navbar-default .navbar-nav li a:hover {
    color: #555;
    background-color: #e7e7e7;
}

.navbar-top-links li.active {
    background-color: #e7e7e7;
}

.sub-cat-xs li a:hover {
    color: #555;
    background-color: #e7e7e7;
}

.visible-md-sub {
    display: none;
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 17px;
        padding-bottom: 17px;
    }

    .navbar-brand {
        padding: 19px 15px;
    }

    .navbar-right {
        margin-right: 0;
    }
}

.cron_container {
    margin-left: 0px;
}

.cron_container table tr td:first-child {
    font-weight: bold;
    padding-right: 10px;
}

.cron_container div {
    margin-bottom: 30px;
}

.lb-nav a.lb-next {
    width: 34% !important;
}

.lb-data .lb-details {
    width: 100% !important;
    text-align: center !important;
}

.image_preview_table {
    width: 50px;
    height: 50px;
    border: 1px solid #eee;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ddd;
}

.user_name {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.comments-list .media {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;
    line-height: 1.5;
}

.comments-list .media .review_detail {
    font-weight: 300;
    color: #333;
    text-align: justify;
}

.parcel_search .form-group, .shipment_search .form-group {
    margin-bottom: 10px;
}

.font-14 {
    font-size: 14px;
}

.font-13 {
    font-size: 13px;
}

.admin_parcel_table tbody tr td:hover:not(:last-child):not(:first-child):not(:nth-child(2)) {
    cursor: pointer;
    background-color: #e1e1e1;
}

.grey_bg {
    background-color: #e1e1e1;
}

#submit_parcel_form tbody tr:hover {
    cursor: pointer;
}

#submit_parcel_form tbody tr.no_hover_effect:hover {
    cursor: default;
}

.address_form {
    margin-top: 15px;
}

.shipment_id:hover {
    text-decoration: underline;
    cursor: pointer;
}

.parcel_accordian {
    display: none;
    border: 3px solid #e1e1e1;
    padding: 5px 5px;
    border-radius: 5px;
}

.hover:hover {
    cursor: pointer;
}

.hover_default:hover {
    cursor: default;
}

/*new login page*/

/*
    Note: It is best to use a less version of this file ( see http://css2less.cc
    For the media queries use @screen-sm-min instead of 768px.
    For .onl_spanOr use @body-bg instead of white.
*/
@media (min-width: 768px) {
    .onl_row-sm-offset-3 div:first-child[class*="col-"] {
        margin-left: 25%;
    }
}

.onl_login .onl_authTitle {
    text-align: center;
}

.onl_login .onl_socialButtons a {
    color: white;
    opacity: 0.9;
}

.onl_login .onl_socialButtons a:hover {
    color: white;
    opacity: 1;
}

.onl_login .onl_socialButtons .onl_btn-facebook {
    background: #3b5998;
    border-color: #172d5e
}

.onl_login .onl_socialButtons .onl_btn-twitter {
    background: #00aced;
    border-color: #043d52
}

.onl_login .onl_socialButtons .onl_btn-google-plus {
    background: #c32f10;
    border-color: #6b1301
}

.onl_login .onl_socialButtons .onl_btn-soundcloud {
    background: #ff8800;
    border-color: #c73e04
}

#facebook img {
    width: 180px;
}

#google img {
    width: 180px;
}

.onl_login .onl_socialButtons .onl_btn-github {
    background: #666666;
    border-color: #333333
}

.onl_login .onl_socialButtons .onl_btn-steam {
    background: #878787;
    border-color: #292929
}

.onl_login .onl_socialButtons .onl_btn-pinterest {
    background: #cc2127;
    border-color: #780004
}

.onl_login .onl_socialButtons .onl_btn-vimeo {
    background: #1ab7ea;
    border-color: #162221
}

.onl_login .onl_socialButtons .onl_btn-lastfm {
    background: #c3000d;
    border-color: #5e0208
}

.onl_login .onl_socialButtons .onl_btn-yahoo {
    background: #400191;
    border-color: #230052
}

.onl_login .onl_socialButtons .onl_btn-vk {
    background: #45668e;
    border-color: #1a3352
}

.onl_login .onl_socialButtons .onl_btn-spotify {
    background: #7ab800;
    border-color: #3a5700
}

.onl_login .onl_socialButtons .onl_btn-linkedin {
    background: #0976b4;
    border-color: #004269
}

.onl_login .onl_socialButtons .onl_btn-stumbleupon {
    background: #eb4924;
    border-color: #943019
}

.onl_login .onl_socialButtons .onl_btn-tumblr {
    background: #35465c;
    border-color: #142030
}

.onl_login .onl_loginOr {
    position: relative;
    font-size: 1.5em;
    color: #aaa;
    padding: 31px 0;
}

.onl_login .onl_loginOr .onl_hrOr {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.onl_login .onl_loginOr .onl_spanOr {
    display: block;
    position: absolute;
    left: 50%;
    top: -1.6rem;
    margin-left: -1.5em;
    background-color: white;
    width: 3em;
    text-align: center;
}

.onl_login .onl_loginForm .input-group.i {
    width: 2em;
}

.onl_login .onl_loginForm .help-block {
    color: red;
}

@media (min-width: 768px) {
    .onl_login .onl_forgotPwd {
        text-align: right;
        margin-top: 10px;
    }
}

#signUp:focus {
    outline: 0;
    border: none;
}

#forgot:focus {
    outline: 0;
    border: none;
}

.delete_class_btn {
    margin-top: 21px;
}

.delete_additional_weight_btn {
    margin-top: 21px;
}

.padding0 {
    padding: 0;
}

.change_btn {
    margin-left: 10px;
}

#courier_container table, #recipient_container table {
    margin-bottom: 0;
}

.checkbox_medium {
    width: 22px;
    height: 22px;
}

.courier_container, #recipient_container {
    margin-bottom: 15px;
}

.summary_table_container {
    margin-top: 20px;
}

.table_margin0 {
    margin-bottom: 0;
}

.parcel_table_container, .recipient_courier_table_container {
    margin-bottom: 15px;
    margin-top: 15px;
}

.recipient_courier_table {
    margin-top: 10px;
}

.parcel_table {
    margin-top: 10px;
}

.shipment_package_table {
    margin-top: 15px;
}

.btn_legend {
    margin-bottom: 4px;
}

.text-red {
    color: red;
}

.margin_bottom20 {
    margin-bottom: 20px;
}

.table-hover:hover {
    cursor: pointer;
}

.summary_table_container thead {
    background-color: #333;
    color: #fff;
}

.summary_table_container #total_tr {
    background-color: #e9e9e9;
}

.shipment_detail_container {
    float: none;
    margin: 0 auto;
    box-shadow: 2px 0px 20px #ddd;
    padding-top: 20px;
    padding-bottom: 5px;
    margin-bottom: 25px;
}

.shipment_other_details {
    margin-bottom: 10px;
}

.square_pp {
    width: 150px;
    height: 150px;
    background: #397AC1;
    margin: 0 auto;
    border-radius: 15px;
    color: white;

}

.square_pp i, .square_bt i {
    margin-top: 33px;
    margin-left: 45px;
}

.wechat_btn i, .alipay_btn i {
    margin-top: 45px;
    color: #FFFFFF;
}

.square_pp .payment_title, .square_bt .payment_title {
    font-size: 17px;
    margin-top: 10px;
    text-align: center;
    display: block;
}

.sq_bg {
    background: url('data:image/svg+xml;utf8,<svg style="fill: white" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><path d="M36.6 0H7.4C3.4 0 0 3.3 0 7.4v29.3c0 4 3.3 7.3 7.4 7.3h29.3c4 0 7.3-3.3 7.3-7.4V7.4c0-4-3.3-7.4-7.4-7.4zM36 33.7c0 1.3-1 2.3-2.3 2.3H10.3C9 36 8 35 8 33.7V10.3C8 9 9 8 10.3 8h23.4C35 8 36 9 36 10.3v23.4z"></path><path d="M17.3 28c-.7 0-1.3-.6-1.3-1.3v-9.4c0-.7.6-1.3 1.3-1.3h9.4c.7 0 1.3.6 1.3 1.3v9.4c0 .7-.6 1.3-1.3 1.3h-9.4z"></path></svg>');
    width: 36%;
    height: 36%;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 22% 0 0 32%;
}

.square_bt {
    width: 150px;
    height: 150px;
    background: #397AC1;
    margin: 0 auto;
    border-radius: 15px;
    color: white;
}

.wechat_btn {
    width: 150px;
    height: 150px;
    background: #397AC1;
    margin: 0 auto;
    border-radius: 15px;
    text-align: center;
}

.wechat_btn img {
    margin-top: 28px;
}

.wechat_btn .payment_title {
    font-size: 21px;
    margin-top: 10px;
    text-align: center;
    color: white;
    display: block;
}

.alipay_btn {
    width: 150px;
    height: 150px;
    background: #397AC1;
    margin: 0 auto;
    border-radius: 15px;
    text-align: center;
}

.alipay_btn img {
    margin-top: 28px;
}

.alipay_btn .payment_title {
    font-size: 21px;
    margin-top: 10px;
    text-align: center;
    color: white;
    display: block;
}

.square_bt:hover, .square_pp:hover, .alipay_btn:hover, .wechat_btn:hover {
    background: #5cb85c;
    cursor: pointer;
}

.pn_title_container {
    margin-bottom: 20px;
}

.bank_transfer_container .badge {
    background-color: #777 !important;
}

.account_conatiner {
    margin-top: 20px;
}

.bank_transfer_container .panel-heading h4 {
    margin-bottom: 0px;
}

.shipment_attachment_container {
    margin-bottom: 20px;
}

.shipment_attachment_container .download_btn {
    margin-top: 10px;
}

.navbar-default .navbar-nav > li > a > span {
    vertical-align: middle;
}

.navbar-brand > img {
    margin-top: -14px;
    height: 45px;
}

.navbar-brand > .logo_img {
    margin-top: -17px;
    height: 45px;
}

/* custom */

.login_banner {
    margin: 20px;
}

.widget-area.blank {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.widget-area {
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
    float: left;
    margin-top: 30px;
    padding: 25px 30px;
    position: relative;
    width: 100%;
}

.status-upload {
    background: none repeat scroll 0 0 #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    float: left;
    width: 100%;
}

.status-upload textarea {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    letter-spacing: 0.3px;
    padding: 15px;
    width: 100%;
    resize: vertical;
    outline: none;
    border: 1px solid #F2F2F2;
}

.status-upload ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 10px;
    width: 100%;
}

.status-upload ul > li {
    float: left;
}

.status-upload ul > li > a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #777777;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 5px 0 5px 0px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    padding: 0px 6px 0px 6px;
    cursor: pointer;
}

.status-upload ul > li > a:hover {
    background: none repeat scroll 0 0 #606060;
    color: #fff;
}

.status-upload button {
    border: medium none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    float: right;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-right: 9px;
    margin-top: 9px;
    padding: 6px 15px;
}

.dropdown > a > span.green:before {
    border-left-color: #2dcb73;
}

.status-upload button > i {
    margin-right: 7px;
}

#commentFile {
    margin: 5px 15px 10px 15px;
}

.comment-image img {
    margin: 0 auto;
}

.comment-image {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border: 1px solid #eee;
    border-radius: 4px;
}

.dummy {
    padding-top: 100%; /* forces 1:1 aspect ratio */
}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center; /* Align center inline elements */
    font: 0/0 a;
}

.img-container .centerer {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.img-container i {
    font-size: 18px;
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
    max-height: 100%; /* <-- Set maximum height to 100% of its parent */
    max-width: 100%; /* <-- Set maximum width to 100% of its parent */
}

#comment_div .comment {
    margin-bottom: 10px;
}

.comment_attachment_box {
    margin-bottom: 10px;
}

.comment_attachment_box p {
    word-break: break-word;
}

#comment_div .attachments .col-sm-2:nth-child(6n+1) {
    clear: left;
}

#submit_parcel_form .stepwizard-step p {
    margin-top: 10px;
}

#submit_parcel_form .stepwizard-row {
    display: table-row;
}

#submit_parcel_form .stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

#submit_parcel_form .stepwizard-step .btn[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

#submit_parcel_form .stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 2px;
    background-color: #e7e7e7;
}

#submit_parcel_form .stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

#submit_parcel_form .btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.radio, .checkbox {
    margin-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    top: 0px !important;
}

.select2-container .select2-choice abbr {
    top: 10px !important;
}

.select2-container .select2-choice {
    height: 34px !important;
    line-height: 32px !important;
}

.help-block {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.error_validation {
    color: red !important;
    font-size: 15px !important;
}

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

.services-inner {
    border: 2px solid #ddd;
}

.our-services-text {
    overflow: hidden;
    padding: 6px;
}

.our-services-text p {
    color: #222222;
    font-size: 14px;
    position: relative;
}

.delete-row {
    color: red;
    margin-right: 10px;
    font-size: 15px;
    cursor: pointer;
}

.add-row {
    color: green;
    font-size: 15px;
    cursor: pointer;
}

#insurance_check {
    height: 30px;
    width: 16px;
}

#shipment_panel {
    border: 2px solid #e7e7e7;
    border-radius: 0px;
}

.panel-title {
    background: #fff none repeat scroll 0 0;
    height: auto;
    margin-left: 20px;
    padding: 3px 5px;
    position: absolute;
    margin-top: -44px;
    border: 1px solid transparent;
}

#shipment_panel.panel {
    margin-top: 27px !important;
}

#shipment_panel .panel-body {
    padding-top: 30px !important;
}

#recipient_summary, #courier_summary {
    font-size: 14px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle !important;
}

.recipient_courier_table thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle !important;
}

.edit_declaration {
    right: 50px;
    margin-top: -52px !important;
}

.upload_image_container {
    margin-left: 15px;
}

.upload_image_container:not(:first-child) {
    margin-left: 0 !important;
}

#i_agree {
    height: 30px;
    width: 16px;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    background-color: #212020 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    margin: 5px 0 0 5px !important;
}

.radio label:not(:first-child), .checkbox label:not(:first-child) {
    padding-left: 20px !important;
}

span#user_id {
    color: red;
    text-decoration: none;
}

#recipient_container .alert {
    border-radius: 0;
}

.checkbox_div:nth-child(4n) {
    clear: both;
}

/*.easy-autocomplete-container ul li.spin {*/
/*text-align: center;*/
/*}*/

/*.easy-autocomplete-container ul li.spin i {*/
/*color: grey;*/
/*}*/

@media (max-width: 768px) {
    #facebook img {
        width: 120px;
    }

    #google img {
        width: 120px;
    }

    .deletePackage {
        top: 0;
        position: absolute;
    }

}

.btn-primary {
    color: #fff;
    background-color: #1ab394;
    border-color: #1ab394;
  }

  .btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
  background-color: #18a689;
  border-color: #18a689;
  color: #FFFFFF;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #18a689;
  border-color: #18a689;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #18a689;
  border-color: #18a689;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.navbar{
    margin-bottom: 0px;
}

.login-box{
    display: flex;
    align-items: center
}

@media (max-width: 768px) {
    .login-box{
        display: block
    }
}

.gray-bg{
  background-color: #f3f3f4;
}