.myBarMenu {}
.myBarMenu i {display:none}
.myBarMenu ul {display:block; padding:0; margin:0;}
.myBarMenu ul li {display:inline-block; padding:10px 20px 10px 0}

.my_account .banner {border-radius: 10px; background: #fafafa; padding:30px 40px; box-shadow: -4px -3px 9px rgb(0 0 0 / 10%), 4px 3px 10px rgb(0 0 0 / 10%);}
.my_account .banner-services {display:block; height:180px; margin-bottom:2em;}
.my_account .banner .banner-title {padding: 0 0 16px; /* font-size: 1.26em; line-height: 1.4; */ color: #132c64; font-weight: 700; position: relative; margin-bottom:1em}
.my_account .banner .banner-title::after {content: " ";  position: absolute; bottom: 0; left: 0; width: 100px; height: 5px; background: #fe1f5e;}

.my_account .banner .banner-subtitle {padding: 0 0 16px;  font-size: 1.26em; line-height: 1.4;/* */ color: #132c64; font-weight: 700; position: relative;}
.my_account .banner .banner-subtitle::after {content: " ";  position: absolute; bottom: 0; left: 0; width: 100px; height: 3px; background: #fe1f5e;}

.my-title {margin:1.5em 0 1em}
.cargo-item-title {padding: 0 0 16px; margin-bottom:1em;  font-size: 1.26em; line-height: 1.4;/* */ color: #132c64; font-weight: 700; position: relative;}
.cargo-item-title a.reorder {display:inline-block; padding: 0 60px 0 0; text-align:right; font-size: .85em; line-height: 1.6; color: #132c64; font-weight: 400; position: relative; float:right}
.cargo-item-title::after {content: " ";  position: absolute; bottom: 0; left: 0; width: 100px; height: 3px; background: #fe1f5e;}

.search-form {display:block;}
.search-form .search-form-item {display:block; float:left}
.search-form-sender,
.search-form-receiver {max-width:200px}
.search-form-sender select,
.search-form-receiver select {padding-right:20px}
.search-form-start {max-width:140px}
.search-form-end {max-width:140px}
.search-form-route {max-width:140px}
.search-form ::-webkit-calendar-picker-indicator {cursor:pointer; padding:1px; margin:1px;}
.search-form .button.tiny {height:37px}
.cargos {}

.cargo-form .cargo-item .cargo-item-number {min-width:100px}
.cargo-form .cargo-item .cargo-item-date {min-width:100px}
.cargo-form .cargo-item .cargo-item-status {min-width:100px}
.cargo-form .cargo-item .cargo-item-sender,
.cargo-form .cargo-item .cargo-item-receiver {max-width:420px; word-break:normal; white-space: normal}
.cargo-form .cargo-item .cargo-item-count,
.cargo-form .cargo-item .cargo-item-volume,
.cargo-form .cargo-item .cargo-item-weight
{text-align:right}
/* 
.cargos .cargo-item {display:table-row; padding:16px 0; position:relative}
.cargos .cargo-item:hover {background:#bdc3c7; border-bottom:1px solid #000}
.cargos .cargo-item::after {content:''; position:absolute; top:100%; height:1px; border-bottom:1px solid #000}
.cargos .cargo-item .cargo-item-id {display:table-cell; padding:3px; width:12.5%;}
.cargos .cargo-item .cargo-item-date {display:table-cell; padding:3px; width:12.5%}
.cargos .cargo-item .cargo-item-status {display:table-cell; padding:3px; width:15%}
.cargos .cargo-item .cargo-item-sender {display:table-cell; padding:3px; width:27.5%}
.cargos .cargo-item .cargo-item-receiver {display:table-cell; padding:3px; width:27.5%}
.cargos .cargo-item .cargo-item-printingforms {display:table-cell; padding:3px; width:70%}
 */

.get-excel {display:flex}
.get-excel__text {flex-grow:1; font-size:14px; line-height: 1.6; text-rendering: optimizeLegibility; color: #8889a3; }
.get-excel__button {flex-grow:0}
.get-excel__button button {min-width:180px; margin-top:4px;}

.address-form {width:100%}
.address-item .address-item-name {max-width:650px; word-break:normal; white-space: normal}
.address-item .address-item-inn,
.address-item .address-item-phone,
.address-item .address-item-country {width:150px; max-width:150px; min-width:150px; word-break:normal; white-space: normal}

.counteragent-item {}
.counteragent-item .counteragent-item-inn,
.counteragent-item .counteragent-item-country {width:150px; max-width:150px; min-width:150px; word-break:normal; white-space: normal}


.docs-form {min-width:100%}
.navCounteragent {position:relative; font-size: 14px; line-height: 1.6; text-rendering: optimizeLegibility; color: #8889a3; margin-bottom:2px}
.navCounteragentTitle {display:block; position:relative; padding:10px 10px; color:#333}
.showCounteragentList {display:block; float:right; height:22px; width:22px; line-height:22px; margin:0 0 0 10px; text-align:center; color:#333; cursor:pointer;}
.showCounteragentList:hover {color:#1d81d7}
.sign-out {display:block; float:right; height:22px; width:22px; line-height:22px; margin:0 0 0 10px; text-align:center; color:#333}
.sign-out:hover {color:#1d81d7}
.navCounteragentList {display:flex; width:710px; flex-wrap:wrap; color: #8889a3;}
/* .navCounteragent:hover .navCounteragentList {display:flex; width:770px; flex-wrap:wrap; z-index:101} */
.nav_counteragent {width:50%; padding:10px 0;}

.counteragent-popup-block {background: #FFF; padding: 20px 30px; text-align: left; max-width: 770px; margin: 40px auto; position: relative;}
/*  */
fieldset {border:1px solid red; font-size:0.8rem; padding:0 10px; margin:0 0 10px 0 }
fieldset legend {color: red; font-size:0.8rem}

.addressbook {}
.addressbook-wrap {}
.addressbook-wrap .person_type{}
.addressbook-wrap .person_type h2 {position: sticky; position: -webkit-sticky; top:0; background:#fff}
.addressbook-wrap .person_status{}
.addressbook-wrap .person_status h3 {position: sticky; position: -webkit-sticky; top:48px; background:#fff}



.alert-box {border-style: solid; border-width: 1px; display: block; font-size: 0.9rem; font-weight: normal; margin-bottom: 1.11111rem; padding: 0.77778rem 1.33333rem 0.77778rem 0.77778rem; position: relative; transition: opacity 300ms ease-out; background-color: #008CBA; border-color: #0078a0; color: #FFFFFF;}
.alert-box.radius {border-radius: 3px;}
.alert-box.info {background-color: #a0d3e8; border-color: #74bfdd; color: #4f4f4f;}
.alert-box.alert {background-color: #fff; border-color: #fe1f5e; border-width:2px; color: #4f4f4f;}
.alert-box .close { right: 0.22222rem; background: inherit; color:#2a2e3a !important; font-size: 1.22222rem; line-height: .9; margin-top: -0.61111rem; opacity: 0.3; padding: 0 6px 4px; position: absolute; top: 50%; cursor:pointer}

#new_password.error {margin-bottom:1rem !important;}
.password_visible {position:absolute; z-index:2; top:30px; right:20px; cursor:pointer}
.strength-track {background-color: #bbb; color: #fff; text-align: center; font-size: 1em; width: 100%; height:28px; line-height: 28px; position: relative; border-radius:3px; overflow: hidden;}
.strength-bar {width: 0px; height: 28px; position: absolute; left: 0; -moz-transition: background-color 0.75s ease, width 0.25s ease-out; -o-transition: background-color 0.75s ease, width 0.25s ease-out; -webkit-transition: background-color 0.75s ease, width 0.25s ease-out; transition: background-color 0.75s ease, width 0.25s ease-out;}
.strength-text {width: 100%; position: absolute; left: 0; z-index: 1;}


.form.order_form {padding:0}
.order_form {position:relative}
.order_form .repeat_order_title {color: #8889a3; margin:0 !important}
.order_form label{font-size:0.9em; line-height:22px; font-weight:600; color:#003c5c; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.order_form label.note {margin-bottom:.3em}
.order_form textarea.calc,
.order_form input.calc,
.order_form select.calc {font-size:14px; font-weight:600; line-height:22px; color:#8889a3; height:50px; border-radius:5px; padding:0.8em 0.5em 0.8em 1.4em; background-color: #f5f5f5; box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3), -1px -1px 2px rgba(213, 213, 213, 0.5), inset -3px 3px 6px rgba(213, 213, 213, 0.2), inset 3px -3px 6px rgba(213, 213, 213, 0.2), inset -3px -3px 6px rgba(255, 255, 255, 0.9), inset 3px 3px 8px rgba(213, 213, 213, 0.9);  margin: 0 0 1.6rem 0;}
.order_form textarea.calc {height:auto}
.order_form input.scheme_delivery {display:none}
.order_form label.scheme_delivery {display:inline-block; margin: 0 0 1rem 0; font-size:1em; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:50%; text-align:left; font-size:0.875rem; padding:0; position:relative; }
.order_form #from_city option.tariff,
.order_form #to_city option.tariff {font-weight:600}
.order_form #from_city option.storage,
.order_form #to_city option.storage {font-weight:600}
.order_form #scheme_delivery_from_address,
.order_form #scheme_delivery_to_address {display:none}

.order_form .change_direction {margin-top:22px; line-height:50px; cursor:pointer; text-align:center}
.order_form .change_direction.backward {color:#fe1f5e}

.order_form .cargo_size {display:inline-block; width:28%; float:left; } 
.order_form .cargo_size_empty {display:inline-block; width:8%; float:left; } 
.order_form .cargo_size_times {display:inline-block; width:8%; float:left; text-align:center; font-size:22px; margin: 0 0 1rem 0; color:#003C5C; font-weight:700;
 padding: 0.5rem 0; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} 
.order_form label.error,
.order_form .cargo_size label.error,
#cargo_weight-error,
#cargo_doc_type-error {font-size:0.8em; margin-top:-1.4rem; color:#fe1f5e; line-height:1.2; padding-bottom: 10px;}
.order_form label.note .cargo_size,
.order_form label.note .cargo_size_empty {margin-bottom: 0.3em;}

.order_form .cargo_volume {background-color: #f4f5f6 !important;} 
.order_form label.error {padding-bottom:10px} 
.order_form input.error,
.order_form select.error {border-color:#c60f13} 
.order_form label.addservices {display:inline-block; margin: 0 0 1rem 0;} 
.order_form #calc_result {background:#f5f5f5; padding:16px 20px 10px; border-radius:5px; margin-bottom:1em; font-size:14px; line-height:22px; font-weight:600; color:#8889a3}
.order_form #calc_result .comment {}
.order_form #calc_result .cost_components {}
.order_form #calc_result .cost_components .cost_components_item{margin:5px 0; font-size:0.9em; display:flex; justify-content:space-between; }
.order_form #calc_result .cost_components .cost_components_item  .cost_components_item_title {background: #f5f5f5; z-index:1}
.order_form #calc_result .cost_components .cost_components_item  .cost_components_item_cost {text-align:right; background: #f5f5f5; z-index:1}
.order_form #calc_result .cost_components .cost_components_item  .cost_components_item_empty {flex-grow: 1; border-bottom:1px dashed rgba(042,046,058,0.5);}
.order_form #calc_result .cost_components .cost_components_total{margin:10px 0 0;}

.order_form #calc_result .estimated_cost {display:flex; justify-content:space-between; padding-top:10px;}
.order_form #calc_result .estimated_cost .cost_components_total {font-size:1rem; font-weight:400;}
.order_form #calc_result .estimated_cost .estimated_val {font-size:1.2em; font-weight:700; text-align:right}
.order_form #calc_result .estimated_cost .estimated_cost_comment {font-size:0.7rem; font-weight:400;}
.order_form #calc_result .submit_order {display:none; text-transform:uppercase; color:#1d81d7; font-weight:700; font-size:.9em; cursor:pointer;}
.order_form #calculator_submit {display:flex; position:absolute; z-index:3; left:0; top:0; right:0; bottom:0; background:#fff; box-shadow:0 0 20px rgb(0 0 0 / 20%)}
.order_form #calculator_submit.show {display:flex; justify-content: center; align-items: center; }
.order_form #calculator_submit .order_form_submit-message {text-align: center; }
.order_form #calculator_submit .order_form_submit-message .title {font-size:1.4em; font-weight:700; margin-bottom:1em}
.order_form #calculator_submit .order_form_submit-message .text {margin-bottom:1em}
.order_form .button {color:#f7f7f7 !important}
#oversized_cargo {display:none}
.order_form_title {padding: 0 0 16px; /* font-size: 1.26em; line-height: 1.4; */ color: #132c64; font-weight: 700; position: relative; margin-bottom:1em}
.order_form_title::after {content: " ";  position: absolute; bottom: 0; left: 0; width: 100px; height: 5px; background: #fe1f5e;}

label.check_docs {margin: 0 0 1rem 0;}
.order_form input.get_docs,
.order_form textarea.get_docs,
.order_form select.get_docs {font-size:14px; font-weight:600; line-height:22px; color:#8889a3; height:50px; border-radius:5px; padding:0.8em 0.5em 0.8em 1.4em; background-color: #f5f5f5;
box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3), -1px -1px 2px rgba(213, 213, 213, 0.5), inset -3px 3px 6px rgba(213, 213, 213, 0.2), inset 3px -3px 6px rgba(213, 213, 213, 0.2), inset -3px -3px 6px rgba(255, 255, 255, 0.9), inset 3px 3px 8px rgba(213, 213, 213, 0.9);  margin: 0 0 1.6rem 0;}
.order_form textarea.get_docs {min-height:100px}

.cargo_person_status label {display: inline-block;
    margin:1rem 0;
    font-size: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 45%;
    text-align: left;
    font-size: 0.875rem;
    padding: 0;
    position: relative;}

.sidebar-sticky {position: sticky; position: -webkit-sticky; top: 10px;}

#my_loader {display:none; position:fixed; top:0; bottom:0; left:0; right:0; background:center no-repeat url("img/preloader.gif"), radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,.8) 80%);  z-index:9999}
#my_loader .my_loader_text {margin: auto;}
#my_loader .my_loader_text span {display:block; text-align:center; padding-top:70px}

@media only screen and ( max-width: 64em ) /* 1024 */ {
	.navCounteragent:hover .navCounteragentList {display:block; width:auto; left:0; right:0; z-index:101}
	.nav_counteragent {width:100%;}
	
	.myBarMenu {height:42px; position:relative}
	.myBarMenu i {display:block; position:absolute; right:0; height:42px; line-height:42px; bottom:0; cursor:pointer}
	.myBarMenu ul {display:inline-block; height:42px; padding:0; margin:0; overflow:hidden}
	.myBarMenu ul li {display:inline-block; padding:10px 20px 10px 0}
	.myBarMenu ul li.active {display:inline-block;}
	
	.myBarMenu.show {height:auto}
	.myBarMenu.show i {display:block; float:right; top:0}
	.myBarMenu.show ul {display:inline-block; height:auto; padding:0; margin:0; overflow:visible}
  
	.row-flex {display:block}
	
	.address-item .address-item-inn,
	.address-item .address-item-phone,
	.address-item .address-item-country {width:150px; max-width:150px; min-width:150px; word-break:normal; white-space: normal}
}	

@media only screen and ( max-width: 40em ) /* 640 */ {
	.sidebar-sticky {position: relative; position: -webkit-sticky; top: 0;}
	
	.row-flex {display:block}  
	
	.search-form-sender {width:50%}
	.search-form-receiver {width:50%}
	
	.get-excel {display:block}
}

.sent_form {
	background-position:right 20px bottom 11px;
	background-repeat: no-repeat;
	background-image: url("img/sent_form.gif"); 
	padding-right:4rem;
}