@import 'a-icons.css';
@import 'a-table.css';

* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: segoe;
  src: url(/css/SEGOEUIL.eot);
  src: local(' real FontName '), url(/css/SEGOEUIL.ttf) format('truetype');
}

@font-face {
  font-family: FreeSetC;
  font-weight: normal;
  src: url('/css/FreeSetC.otf') format('opentype');
}

@font-face {
  font-family: FreeSetC;
  font-weight: bold;
  src: url('/css/FreeSetBoldC.otf') format('opentype');
}

@font-face {
  font-family: FreeSetLightC;
  font-weight: normal;
  /*src: url('/css/FreeSetLightC.otf') format("opentype");*/
  src: url('/css/freesetlightc-webfont.eot');
  /* IE9 Compat Modes */
  src: url('/css/FreeSetLightC.otf') format('opentype'),
    /* IE6-IE8 */ url('/css/freesetlightc-webfont.woff') format('woff'),
    /* Modern Browsers */ url('/css/freesetlightc-webfont.ttf')
      format('truetype'),
    /* Safari, Android, iOS */ url('/css/freesetlightc-webfont.svg#svgFontName')
      format('svg');
  /* Legacy iOS */
}

html,
body {
  /*font: normal 14px Arial, sans-serif;*/
  font-family: FreeSetLightC, Arial;
  font-weight: normal;
  font-size: 14px;
  color: #1e2f36;
  margin: 0;
  padding: 0;
  text-align: left;
  background-color: white;
}

html {
  margin-bottom: 50px;
}

acronym, abbr {
  cursor: help;
}

h1,
h2,
h3,
h4 {
  margin: 0;
}

div.driver-car h4.icon-driver {
  width: 88%;
}

/*
ol li, ul li {
  display: block
}
*/

body.min {
  text-align: center;
  margin: auto;
}

a {
  cursor: pointer !important;
}

a:link {
  color: #0a7ec7;
  text-decoration: underline;
}

a:visited {
  color: #540cc2;
  text-decoration: underline;
}

a:hover,
a:active,
a.hover,
span.fixedcolor:hover {
  color: #c2140e !important;
  text-decoration: none;
}

a.fixedcolor:visited,
span.fixedcolor {
  color: #0a7ec7;
}

a img {
  border: none;
}

div.modal {
  border: 6px solid;
  border-color: #cccccc;
  border-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.33);
}

body.min div.modal,
div.modal.enter {
  margin: auto;
  margin-top: 10%;
  width: 210px;
}

div.wrap,
div.insideblock,
input.text,
textarea,
div.message,
div.softholder-wrap,
.softcontenting,
.selectmulti ol,
span.selectedvalue,
fieldset.checkpoint,
.simple-block,
.simple-block fieldset,
div.complexinput,
div.routegroup,
table.routegroup tr.the-route,
div.route-changes,
div.routeview,
div#route-action-full,
div.doctypes,
div.conversation,
p.cloth,
div.softreminder,
form.neat {
  border-radius: 4px;
  /*behavior: url(/js/border-radius.htc);*/
}

div.wrap {
  border-bottom: 1px solid #0e7bad;
  border-top: 1px solid #71c6eb;
  /*box-shadow: 0 -1px 0 #0e7bad inset;*/
  background-color: #4db7e8;
  padding: 5px 4px;
}

div.insideblock {
  background-color: #cbebf7;
  text-align: left;
  padding-bottom: 10px;
}

div.insideblock h2,
div#route-action-full div.softcontenting span.routeprogress {
  background: #b6e0f2 url(/images/parts/inblock-heading-tie-tile.jpg) bottom
    repeat-x;
  padding: 7px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

body.min div.insideblock,
div.modal.enter div.insideblock {
  text-align: center;
}

small.tie {
  display: block;
  height: 7px;
  background: transparent url(/images/parts/action-heading-tie.jpg) center
    no-repeat;
  position: relative;
  top: -2px;
}
.price_action {
  z-index: 5;
  position: absolute;
  top: -35px;
  left: -20px;
  width: 130px;
  transform: rotate(-15deg);
}
.price_action--gorizont {
  z-index: 5;
  width: 100%;
  position: absolute;
  top: -35px;
  left: -13px;
  width: 130px;
  transform: scale(1.6);
}
.relative {
  position: relative;
}

/*border: 5px solid #4db7e8;*/

div.fieldset,
fieldset {
  margin: 10px;
  text-align: left;
  border: none;
}

/**
    The styling was overriden by the JivoSite styles
*/
form {
  margin: 15px 0 8px 0 !important;
}

span.tooltip {
  background-color: #4cb7e6;
  color: white;
  border-radius: 10px;
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
}

div.input {
  max-width: 240px;
  width: 100%;
  display: inline-block;
  margin: 10px 25px 20px 0;
  /*height: 55px;*/
  vertical-align: top;
}

div.input.systemlanguage {
  margin-left: 265px;
  clear: both;
}

form.complexVehicleEntity div.input {
  max-width: 200px;
}

form.complexVehicleEntity div.inputGroup.group2 div.input {
  max-width: 160px;
}

div.input.detailed {
  width: 98% !important;
  max-width: 98% !important;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dddddd;
}

div.input.detailed span.details {
  display: block;
  float: right;
  color: gray;
  font-size: 0.9em;
  margin-top: 10px;
  width: 50%;
}

div.input.inline,
div.input.partners {
  height: auto;
  margin: 0;
  display: inline;
  width: auto;
}

div.selectcategory {
  margin: 8px;
}

div.changed,
span.changed {
  border: 1px dotted #ffa8a8;
  background-color: #f2e3e3;
}

div.gallery.changed {
  padding: 10px;
}

div.input.inline {
  margin-top: 15px;
  display: inline-block;
}

form.low {
  padding-top: 0 !important;
}

div.modal.enter fieldset {
  text-align: center;
}

div.input.userroutenumber,
div.input.userroutenumber-1 {
  width: 130px;
}

body.min div.input,
div.modal.enter div.input {
  margin: 0 0 5px 0;
  height: auto;
  text-align: left;
}

div.modal.enter p {
  font-size: 0.9em;
  margin: 5px 10px;
  text-align: left;
}

label {
  color: #4f6672;
  display: block;
  margin: 6px 0 5px 0;
}

input.text,
textarea,
fieldset.checkpoint div.softholder div.softcontenting input.text,
fieldset.checkpoint div.softholder div.softcontenting textarea {
  border-width: 0;
  border-bottom-width: 1px;
  border-color: #73c8f0;
  border-style: solid;
  border-top: 1px solid #0e7bad;
  height: 25px;
  /*box-shadow: 0 1px 0 #0e7bad inset;*/
  width: 98%;
  max-width: 230px;
  background-color: white;
  /*#f2f5f5*/
  font-size: 1.1em;
  color: #1f3136;
  padding-left: 4px;
  font-family: FreeSetLightC, Arial;
}

#addroute input.text {
  padding-left: 4%;
}

textarea {
  padding-left: 4px;
}

#addroute .simple-block.autodetails textarea {
  width: 99.6% !important;
}

div.chat form div.input.textarea {
  display: block;
}

div.chat form textarea {
  height: 7em !important;
}

/*a.button:hover,*/

button,
.button,
ul.menu #route-adder-link,
ul.menu #freetr-adder-link,
ul.menu #route-adder-link.current {
  border-radius: 15px !important;
  padding: 3px 10px;
  font-family: inherit;
  font-size: 1em;
  font-weight: normal;
  border: none;
  text-shadow: 0 1px 0 #dcdede;
  margin: 11px 10px 0 10px;
  cursor: pointer;
  text-decoration: none !important;
  color: #41575e !important;
  border-bottom: 1px solid #aaadad;
  border-top: 1px solid white;
  background: #cacecf -moz-linear-gradient(top, #e8ebeb, #b0b8b8);
  background: #cacecf -o-linear-gradient(top, #e8ebeb, #b0b8b8);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e8ebeb),
    to(#b0b8b8)
  );
  box-shadow: 0 0 2px #666666;
}

body.admin a#route-adder-link {
  display: none !important;
}
button.iconedbutton {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  background: none;
  box-shadow: none;
}

.opera button {
  white-space: normal;
}

span.button a {
  text-decoration: none;
  color: #41575e;
}

span.btn {
  padding: 6px 20px;
  line-height: 2em;
  font-size: 2em;
}

span.btn.button a {
  color: #c7f5bc !important;
}

span.btn.button a.disabled {
  color: gray !important;
}

.ie .input.inline {
  vertical-align: bottom;
}

.ie .input.inline label,
label.inline {
  display: inline;
  vertical-align: bottom;
}

.ie form.low {
  padding-top: 20px;
}

.ie9 ul.menu #route-adder-link.current {
  background-color: #04912c !important;
}

.button.btn,
button.btn,
ul.menu #route-adder-link,
ul.menu #freetr-adder-link,
ul.menu #route-adder-link.current,
span.btn, a.big-button {
  background: none;
  background-color: #04912c;
  color: #c7f5bc !important;
  text-shadow: 0 -1px 0 #147d37;
  background: -moz-linear-gradient(top, #66bd4a, #04912c) !important;
  background: -o-linear-gradient(top, #66bd4a, #04912c) !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#66bd4a),
    to(#04912c)
  );
  /*box-shadow: 0 1px 0 #9dd48a inset;*/
  box-shadow: 0 0 2px #666666;
  border-bottom: 1px solid #196932;
  border-top: 1px solid #9ed48c;
  min-width: 124px;
}
button.btn.fontSize10 {
  font-size: 10px;
}

ul.menu #route-adder-link,
ul.menu #freetr-adder-link,
ul.menu #route-adder-link.current {
  margin-left: 0;
}

button.btn.short {
  min-width: 0;
  margin-top: 0;
}

.passive,
.passive a,
table.chronos tr td.timeval {
  color: #8da4b0 !important;
}

#aliases-users-widget div.item span.passive {
  margin-left: 0 !important;
  display: inline !important;
}

.red {
  color: #ff3d04 !important;
}

.black {
  color: #405763 !important;
}

small {
  font-size: 0.9em;
  font-family: Tahoma, sans-serif;
}

div.message-wrap {
  display: block;
  border-top: 1px solid transparent;
  margin: 7px 2px 0 4px;
}

.offers .message-wrap {
  position: relative;
  top: -10px;
}

div.message {
  border-style: solid;
  border-width: 1px;
  font-family: Tahoma, sans-serif;
  font-size: 0.81em;
  text-align: left;
  padding: 6px 15px 8px 13px;
  margin: 5px 10px 10px 10px;
  background-color: white;
}

div.message.aj {
  margin: 0;
}

div.message h1 {
  margin-top: 8px;
}

div.message-wrap small.message-sign {
  position: absolute;
  z-index: 1;
  height: 19px;
  width: 19px;
  display: block;
}

div.message.error {
  border-color: #eb1c23;
  color: #8f0d0d;
}

div.message.notify {
  background-color: #f3f4f6;
  border-color: #e9a84c;
  color: #765c4b;
}

div.message.success {
  color: #2ea346;
  background-color: #ebf4ed;
}

div.message.notify span.passive {
  color: #c2b5ab !important;
}

div.message-wrap.notify small.message-sign {
  background-image: url(/images/parts/!_yellow.png);
}

div.message-wrap.success small.message-sign {
  background-image: url(/images/parts/!_green.png);
}

div.message-wrap.error small.message-sign {
  background: transparent url(/images/parts/message-error.png) center no-repeat;
}

#under-top-menu {
  height: 74px;
}

div#top-menu {
  background: #d0e6f2 url(/images/parts/header-tile.jpg) left top repeat;
  width: 100%;
  max-height: 110px;
  position: fixed;
  top: 0;
  margin-top: 0;
  z-index: 997;
}

div.settings-nav {
  height: 28px;
  line-height: 28px;
  color: #697487;
  text-align: center;
  font-size: 0.9em;
  border-bottom: 1px solid #ebf5fa;
  padding: 0 20px;
}

div.settings-nav span {
  display: inline-block;
  margin-left: 30px;
}

div.settings-nav span.first {
  margin-left: 0;
}

div.settings-nav a,
div.settings-nav a:visited {
  text-decoration: none;
  color: #2868a6;
  background-size: 16px;
  background-position: 2px 5px;
}

div.settings-nav a:hover {
  color: #0a7ec7 !important;
}

.icon,
.vis {
  display: inline-block;
  padding-left: 22px !important;
  background-color: transparent;
  background-position: left center;
  background-repeat: no-repeat;
}

td.vis,
th.vis {
  display: table-cell;
}

td.notify {
  width: 100px;
}

td.workstatus {
  width: 70px;
}

td.listing-actions {
  width: 190px;
  overflow: hidden;
  padding-right: 0 !important;
}

td.listing-actions a.button {
  vertical-align: middle;
}

td.listing-actions a.icon-edit.only-icon {
  height: 20px;
  padding-left: 21px !important;
}

div.settings-nav a.current,
div.settings-nav span.current-link {
  text-decoration: none;
  color: #697487;
  font-weight: bold;
}

div.settings-nav a.current:hover {
  color: #697487 !important;
}

div.settings-nav a.current.settings {
  background-image: url(/images/parts/settings_icon_current.png);
}

div.settings-nav a.current.feedback {
  background-image: url(/images/parts/questions_icon_current.png);
}

div#header-holder {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #0e7bad;
}

.min-width {
  display: block;
  width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}

div#header {
  margin: 0 auto;
  width: 1000px;
  text-align: left;
  height: 40px;
  position: relative;
}

div.head {
  display: inline-block;
}

div.main-logo {
  height: 40px;
  width: 133px;
  margin-right: 42px;
  vertical-align: bottom;
}

div.main-logo a {
  display: block;
  padding-top: 3px;
}

div.find-route-form {
  /*float: right;*/
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  display: inline-block;
}

div.find-route-form * {
  margin: 0;
  padding: 0;
}

div.find-route-form form {
  margin-top: 11px;
}

div.find-route-form input.text,
div.context form input.text {
  display: inline-block;
  padding-left: 4px;
  height: 20px;
  margin-right: 3px;
  /*margin-left: 7px;
  background: white url('/images/parts/search_icon.png') 3px 5px no-repeat;*/
  background-color: white;
  color: #1e2f36;
  /*font-family: "Courier New", monospace;*/
  line-height: 20px;
}

div.context form select {
  width: 80px;
}

div.find-route-form select,
div.find-route-form input.text,
div.context form input.text,
div.context form select {
  width: 120px;
  height: 20px;
}

div.context form select,
div.find-route-form select {
  height: 24px;
  width: 125px;
}

div.main-menu {
  margin-bottom: -7px;
}

.opera div.main-menu {
  margin-top: 18px;
}

ul.menu {
  height: 30px;
  overflow: visible;
}

.webkit.safari.mac.js ul.menu {
  height: 29px;
}

.webkit.safari.mac.js div.sub-menu,
.opera.mac div.sub-menu {
  top: 18px;
}

.gecko.ff3.win.js div.sub-menu {
  top: 16px;
}

ul.menu li {
  display: inline-block;
  margin-right: 2px !important;
  margin-top: -30px;
  height: 30px;
  overflow: visible;
}

.main-menu.menu.head ul.menu li,
.sub-menu-holder .sub-menu ul.menu li {
  text-transform: uppercase;
}

.ie1 ul.menu li a,
.ie1 ul.menu li span,
.ie1 div.softmenu span.halflink {
  background-color: #0680cc;
}

ul.menu li a,
ul.menu li span,
div.softmenu span.halflink {
  height: 30px;
  padding: 7px 3px;
  color: #c3ebf7 !important;
  /*background-color: #087cc4;*/
  border-top-left-radius: 3px;
  border-top-right-radius: 10px;
  border-top: 1px solid #4db7e8;
  /*box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.3) inset*/
  text-decoration: none;
  text-shadow: 0 -1px 0 #205080;
  background: #087cc4 -moz-linear-gradient(top, #0680cc, #2968a6);
  background: #087cc4 -o-linear-gradient(top, #0680cc, #2968a6);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#0680cc),
    to(#2968a6)
  );
}

body.admin ul.menu li a,
body.admin ul.menu li span,
body.admin div.softmenu span.halflink {
  font-size: 1em;
}
body.admin ul.menu li a,
body.admin ul.menu li span,
body.admin div.softmenu span.halflink {
  padding: 7px 1px;
  letter-spacing: -2px;
}

body.admin div.find-route-form.head {
}

body.admin div.main-menu.menu.head {
}

div.sub-menu ul.menu span.grid_parent {
  background-color: white;
  border-top: 1px solid #0e7bad;
  border-radius: 3px 3px 0 0;
  margin-top: -8px;
}

div.sub-menu ul.menu a.grid_icon,
div.sub-menu ul.menu span.grid_parent {
  margin-top: -7px;
  position: absolute;
  padding: 5px;
}

div.sub-menu ul.menu a.grid_icon.first,
div.sub-menu ul.menu span.grid_parent.first {
  margin-left: 130px;
}

div.sub-menu ul.menu a.grid_icon.right,
div.sub-menu ul.menu span.grid_parent.right {
  margin-left: 160px;
}
div.sub-menu ul.menu a.grid_icon.left {
  /*margin-left: -40px;*/
}

ul.menu li span.current,
ul.menu li a.parent {
  /*background: #4ab3e0 -moz-linear-gradient(top,   #4ab3e0,   #4ab3e0) !important;*/
  background: none;
  background-color: #4cb7e6;
  color: white !important;
  border-top: 1px solid #0e7bad;
  text-shadow: 0 -1px 0 #067a94;
  height: 34px !important;
  padding: 9px 15px 8px 15px !important;
  font-weight: bold;
}

div.sub-menu ul.menu li span#dashboards img {
  position: relative;
  top: 5px;
}

div.sub-menu-holder {
  background-color: #4cb7e6;
  height: 38px;
  text-align: center;
}

div.sub-menu {
  margin: 0 auto;
  text-align: center;
  width: 1000px;
  height: 40px;
  position: relative;
  top: 17px;
  overflow: visible;
  left: -87px;
}
body.stats.balance.client div.sub-menu {
  /*left: 0 !important*/
}

body.operator div.sub-menu li.index_php_only_mine {
  margin-left: 0px !important;
}

div.sub-menu ul li {
  margin-right: 10px;
}

div.sub-menu ul li.index_php_only_mine {
  margin-left: 160px !important;
}

div.sub-menu ul li.index_php_p_new a {
}

div.sub-menu ul.menu a,
div.softmenu span.halflink {
  background: none;
  background-color: #4cb7e6;
  border: none;
  color: #203966 !important;
  text-shadow: none;
}

div.softmenu span.halflink {
  text-decoration: underline;
  position: relative;
  top: 7px;
}

div.softmenu span.halflink.current {
  top: 8px;
}

div.sub-menu ul.menu a.parent,
div.sub-menu ul.menu span.current,
div.softmenu span.halflink.current {
  /*background: white -moz-linear-gradient(top,   white,   white) !important;
  background: white -o-linear-gradient(top,   white,   white) !important;
  background: white -webkit-gradient(linear, left top, left bottom, from(white), to(white));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff') !important;
           */
  background-color: white !important;
  height: 30px;
  padding: 7px 3px;
  color: #194f8a !important;
  border-top: 1px solid #0e7bad;
  text-shadow: none;
  font-weight: bold;
  text-decoration: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 10px;
}

div.sub-menu ul.menu a.parent,
div.sub-menu ul.menu span.current {
  position: relative;
  z-index: 10;
}

div.sub-menu ul.menu a.parent.added {
  font-weight: normal;
}

div.sub-menu ul.menu li.hasdrop a[id] {
  padding: 9px 25px 8px 15px !important;
}

.ie11 div.softmenu span.halflink {
  background-color: transparent !important;
}

.ie1 div.sub-menu ul.menu a.parent,
.ie1 div.sub-menu ul.menu span.current,
.ie1 div.softmenu span.halflink.current {
  background-color: white !important;
}

div.sub-menu ul.menu a.parent {
  text-decoration: underline;
}

.halflink {
  color: #0a7ec7;
  border-bottom: 1px dashed #0a7ec7;
  cursor: pointer;
  padding-left: 2px;
  padding-right: 2px;
}

div.softholder {
  position: fixed;
  z-index: 999;
  left: 50%;
  top: 100px;
  margin-left: -435px;
  /*margin-top: expression( this.Scrollheight);*/
}

div.softholder2 {
  left: 40% !important;
  top: 40% !important;
}

div.softholder-wrap,
fieldset.checkpoint,
.simple-block,
div.routegroup,
div#route-action-full {
  background-color: #4cb6e8;
  border-bottom: 1px solid #127bb0;
  border-top: 1px solid #73c8f0;
  /*  overflow: hidden; */
  text-align: left;
  padding: 5px 4px 4px 4px;
  /*box-shadow: 0 0 3px black;*/
}

div.softholder-wrap h3,
div.softholder-wrap div.softmenu,
fieldset.checkpoint legend,
.simple-block h4,
div.routegroup h4 {
  height: 30px;
  margin-left: 15px;
}

div.softholder-wrap h3,
div.softholder-wrap h5,
fieldset.checkpoint legend,
.simple-block h4,
div.routegroup h4 {
  font-size: 1.4em;
  text-shadow: 0 -1px 0 #1f3966;
  color: white;
}

div.softholder-wrap h5,
fieldset.checkpoint legend,
.simple-block h4 {
  margin-left: 10px;
  margin-bottom: 6px;
  font-weight: normal;
  font-size: 1.2em;
}

div.softholder-wrap h3 {
  margin-top: 2px;
}

.gecko fieldset.checkpoint legend {
  margin-top: 35px;
}

.gecko fieldset.checkpoint,
.opera fieldset.checkpoint,
.webkit fieldset.checkpoint {
  margin-top: 0;
}

fieldset.checkpoint legend {
  margin-bottom: 0;
  font-weight: normal;
  font-size: 1.2em;
  height: 23px;
  position: relative;
}

fieldset.checkpoint.dir-2 legend,
div.routegroup.attention h4 {
  text-shadow: 0 -1px 0 #96784e;
}

fieldset.checkpoint.dir-2 div.input {
  height: auto;
}

fieldset.checkpoint.dir-1 legend {
  text-shadow: 0 -1px 0 #70874e;
}

div.softnav {
  float: left;
  width: 170px;
}

div.softnav.next,
div.softcatalog {
  border-left: 1px solid #c7c7c7;
}

div.softnav.town {
  border-left: none;
}

div.softnav,
div.softcatalog {
  height: 427px;
}

div.softcatalog {
  margin-left: 341px;
  width: 510px; /* 518px originally */
}

div.softcatalog.templatesholder {
  width: 680px !important;
}

.softcontenting,
.simple-block fieldset,
table.routegroup tr.the-route {
  background-color: white;
  border-top: 1px solid #1179ad;
  border-bottom: 1px solid #73c8f0;
  height: 500px;
  width: 860px;
  /*  overflow: hidden; */
}
.softcontenting2 {
  background-color: white;
  border-top: 1px solid #1179ad;
  border-bottom: 1px solid #73c8f0;
  height: 120px;
  width: 300px;
  text-align: center;
}
small.closer,
div.softholder div.softholder-wrap small.closer {
  cursor: pointer;
  float: right;
  margin-right: 11px;
  margin-top: 6px;
  display: block;
  background: transparent url(/images/parts/X_big.png) center no-repeat;
  height: 14px;
  width: 13px;
}

div#modal-background {
  background-color: black;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0.5;
  z-index: 998;
}

.ie8 div#modal-background {
}

div#modal-background + .ac_results {
  position: fixed !important;
}

div#modal-background + .ac_results ul {
  max-height: 398px !important;
}

div.min-height {
  width: 996px !important;
  margin: 0 auto;
  border: 1px solid red;
}

div.input.to-fill-in .ac_container,
div.input.to-fill-in input,
div.input.to-fill-in textarea,
div.input.to-fill-in select,
form div.input input.reqhighlight {
  border: 2px solid red !important;
  border-color: red !important;
}

div.input.to-fill-in .ac_container input {
  border: none !important;
}

div.input.to-fill-in input.with-aj {
  /*border-bottom-left-radius: 0;
  border-bottom-right-radius: 0*/
}

small.reqinputindicator {
  color: red;
}

div.softnav h4,
div.softcatalog h4 {
  text-align: center;
  font-size: 0.9em;
  color: #c7c7c7;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 5px;
  background-color: white;
}

div.softnav.next h4,
div.softcatalog h4 {
}

div.softnav div {
  padding-left: 4px;
}

div.softnav div span.halflink {
  display: block;
  padding: 6px 9px;
  color: #41555e;
  border: none;
  font-size: 0.96em;
}

div.softnav div span.halflink.current {
  background-color: #c5c7c7;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  text-shadow: 0 1px 0 #d9d9d9;
  color: #203036;
}

div.softnav div span.halflink b {
  font-weight: normal;
}

tt {
  font-family: 'Courier New', monospace;
  color: gray;
}

tt.routeperiodic {
  text-decoration: none;
}

tt.routeperiodic var {
  font-style: normal;
  color: #406671;
}

div.softnav.town,
div.softnav.next,
div.softcatalog {
  overflow: auto;
}

div.no-popup.softholder {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

div.softholder-wrap.no-popup label.select_forceclassic {
  display: inline-block;
  float: right;
  width: 500px;
  margin-top: 15px;
}

div#result.softcontenting.no-popup,
div.softholder.no-popup div.softcatalog {
  width: auto !important;
}

div.no-popup div.templatebatch-controls {
  width: 70px;
  float: left;
  height: 75px;
  overflow: hidden;
  margin-right: 10px;
  border-right: 1px solid silver;
}

div.no-popup {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

div.no-popup div.single-template {
  cursor: pointer;
}

div.no-popup div.single-template:hover,
div.no-popup div.single-template.checked {
  background-color: #e6e7e7;
}

div.no-popup span.template-deleter {
  cursor: not-allowed !important;
}

div.no-popup div.single-template p.icon.pin-icon {
  display: block;
  background: none;
}

div.no-popup div.markall {
  margin-left: 23px;
}

div.no-popup div.single-template h5 span,
div.no-popup div.single-template h5 {
  color: #425563;
  text-decoration: none;
  display: inline-block;
  max-width: 680px;
}

input.templatebatch-selector {
  float: left;
  margin-top: 4px;
  margin-right: 6px;
  cursor: pointer;
}
input.templatebatch-quantity {
  width: 25px !important;
  margin-right: 10px;
}

div.no-popup.softcontenting {
  height: auto;
}

div.no-popup div.softcatalog,
div.no-popup div.softnav {
  overflow: inherit !important;
  height: auto;
}

div.softnav div span.halflink tt {
  color: #40555e;
  display: inline-block;
  margin-left: 8px;
}

html.busy,
html.busy * {
  cursor: wait !important;
}

div.softcatalog div.listing {
  margin: 15px;
  border-bottom: 1px solid #dedede;
  overflow: auto;
}

div.listing i.address {
  display: block;
  color: #3e5863;
  height: 26px;
  font-weight: bold;
  font-size: 1.1em;
  font-style: normal;
  padding-left: 26px;
  background-position: 0 2px;
  margin-bottom: 20px;
}

div.softnav.people {
  border-right: 1px solid #c7c7c7;
  padding: 8px 0;
}

div.listing u {
  padding-left: 17px;
  text-decoration: underline;
  color: #0a7ec7;
  cursor: pointer;
  font-size: 0.82em;
  margin-top: 1px;
  margin-left: 9px;
}

small.button {
  font-size: 0.93em;
  padding-right: 12px;
  min-width: 50px;
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd') !important;
}

.ie small.button,
.ie a.button {
  background-color: #dddddd;
}

div.peoplecontacts {
  margin-left: 180px;
}

div.peoplecontact {
  overflow: auto;
}

div.peoplecontact small {
  float: right;
  margin: 3px 4px 0 0;
}

.contact {
  /*font-size : 0.95em;*/
  color: #708791;
}

ul.contacts {
  margin-bottom: 9px;
  margin-top: 7px;
}

ul.contacts li {
  display: block;
  margin-bottom: 3px;
}

.cellnum {
  color: #405661;
  font-size: 0.98em;
}

form#comsearch {
  margin: 5px 9px 20px;
}

p {
  margin: 10px 0;
}

p.result {
  font-style: oblique;
  color: green;
  display: inline-block;
  margin-left: 10px;
}

p.result:before {
  content: ' — ';
}

.email {
  /*cursor: pointer;*/
}

.selectmulti {
  position: absolute;
  z-index: 99;
  width: 230px;
}

.selectmulti .closer {
  background-image: url(/images/parts/X_small.png);
  height: 12px;
  width: 11px;
  margin-top: 4px;
  margin-right: 8px;
}

.selectmulti ol {
  width: auto;
  height: auto;
  max-height: 300px;
  overflow: auto;
  font-size: 0.95em;
}

.selectmulti ol li {
  cursor: pointer;
  min-height: 22px;
  margin: 0;
  padding: 6px 4px 0 4px;
  padding-left: 30px;
  background: transparent url(/images/parts/checkbox-empty.jpg) 11px 4px
    no-repeat;
  color: #415661;
}

.selectmulti#vchasno ol li {
  padding-left: 15px;
  background: transparent;
}

.selectmulti ol li.separator {
  background-image: none;
  border-bottom: 1px solid #eeeeee;
  height: 5px;
  margin-bottom: 10px;
}

.selectmulti ol li i {
  font-style: normal;
}

.selectmulti ol li.selectall {
  border-bottom: 1px solid #dedede;
  padding-left: 26px;
  padding-left: 4px;
  background-position: 7px 4px;
  background-image: none;
  margin: 2px 4px 3px 4px;
  text-decoration: underline;
}

.selectmulti ol li.selected {
  background-color: #d9dedd;
  background-image: url(/images/parts/checkbox-checked.jpg);
}

div.ui {
  margin: 12px 8px;
  text-align: right;
  font-size: 0.9em;
}

div.ui .button {
  color: #425661;
}

div.ui .reset {
  float: left;
  margin-left: 5px;
  border-bottom: 1px dashed #e9f4f7;
  color: #e9f4f7;
  cursor: pointer;
}

div.insert-template div.softnav.town {
  padding-top: 4px;
}

div.insert-template div.softcatalog.templatesholder {
  margin-left: 170px;
}

div.templates div.softcatalog.templatesholder {
  margin-left: 0;
  border-left: none;
}

div.single-template {
  margin: 10px;
  background-color: #f2f5f5;
  border-radius: 10px;
  border-bottom: 1px solid #dedede;
  border-top: 1px solid white;
  padding: 6px 14px;
}

div.single-template h5 {
  margin-left: 0;
  font-size: 1.2em;
  font-style: normal;
  font-weight: normal;
  text-shadow: 0 -1px 0 white;
  cursor: pointer;
}

div.single-template h5 span {
  color: #0a7ec7;
  text-decoration: underline;
}

div.single-template h5 small {
  font-size: 0.8em;
  color: silver;
}

div.single-template p {
  font-size: 0.9em;
  margin: 0 0 3px 0;
  padding-top: 2px;
  padding-bottom: 1px;
  color: gray;
  font-family: Tahoma, sans-serif;
}

p.tip,
p.cloth {
  margin: 15px;
  font-size: 0.9em;
  font-family: Tahoma, sans-serif;
  color: #3a5661;
}

button.disabled {
  color: #8da4b0 !important;
  cursor: default !important;
}

div.selectedvalueholder {
  overflow: auto;
  position: relative;
}

span.selectedvalue {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  padding: 2px 8px 3px 8px;
  background-color: #d9dedd;
  color: #41555e;
  text-shadow: 0 1px 0 white;
  font: normal 0.91em Tahoma, sans-serif;
  border-bottom: 1px solid #b1b3b3;
  border-top: 1px solid white;
}

span.selectedvalue.fits {
  background: #d9dedd url(/images/parts/select_green.png) left center no-repeat;
}

span.selectedvalue .closer,
div.route-changes .closer,
div.welcome-screen .closer,
div.oppositeoffer .closer {
  margin-top: 5px;
  margin-right: 0;
  margin-left: 7px;
  height: 10px;
  width: 9px;
  background-image: url(/images/parts/X_grey.png);
}

div.oppositeoffer .closer {
  margin-top: 8px !important;
  margin-right: -8px !important;
}

div.oppositeoffer {
  clear: both;
}

div.oppositeoffer form.simple {
  display: block;
  float: none;
  box-shadow: 0 4px 4px gray;
  margin-top: 2px;
  padding-top: 0;
}

div.route-changes div.dyn:first {
  border-top: 1px solid silver;
}

.selectmulti ol li:first-letter,
span.selectedvalue i:first-letter,
div.routegroup h4:first-letter,
span.tender var.money:first-letter,
span.routeprogress var:first-letter,
div#route-action-full div.softcontenting span.routeprogress var:first-letter {
  text-transform: uppercase !important;
}

div.aux {
  font-size: 0.94em;
  z-index: 2;
}

div.aux span.passive {
  position: relative;
  left:790px;
}

fieldset.checkpoint {
  margin: 0;
  position: relative;
  top: -22px;
  overflow: visible;
  margin-top: 35px;
  /*box-shadow: 0 0 5px #888;*/
}

fieldset.checkpoint small.closer {
  margin-top: -22px;
}

.ie fieldset.checkpoint small.closer {
  margin-top: 4px !important;
}

.ie fieldset.checkpoint div.softholder small.closer {
  margin-top: 6px;
}

fieldset.checkpoint ins.softcontenting,
.simple-block fieldset,
table.routegroup tr.the-route {
  display: block;
  height: auto;
  width: auto;
  text-decoration: none;
  font-style: normal;
  padding: 0 15px;
}

fieldset.checkpoint span.softtoggler {
  float: right;
  position: absolute;
  /*top: 101px;*/
  right: 20px;
  margin-top: 40px;
}

.doctype div.label {
  height: 2em;
}

.doctype div.label label {
  display: inline;
}

.doctype input.tiny-text-input,
.doctype input.numbers {
  border-color: gray !important;
  background-color: #fcfcfc !important;
  width: 70px;
  height: 1.6em !important;
  float: right;
  color: gray;
  margin-left: 20px;
}

.doctype input.numbers {
  width: 50px;
  height: 1.2em !important;
  margin-left: 0;
}

.doctype input.numbers.sum {
  width: 100px;
  height: 19px !important;
  font-size: 1.1em !important;
}

input.tiny-text-input {
  width: 50px;
  font-size: 0.8em;
}

.oppositeoffer input.tiny-text-input {
  width: 50px !important;
}

div.input small.measureunit {
  padding-left: 3px;
}

#addroute label.minor,
label.minor {
  display: inline-block;
  margin-left: 1px;
  font-size: 0.8em;
}

input.text.short {
  width: 150px;
}

label.minor input {
  margin-right: 1px;
  display: inline-block;
}

.higher {
  position: relative;
  z-index: 1;
}

/*input.readonly, textarea.readonly, */

input.disabled,
input[disabled='disabled'] {
  background-color: #e6e7e9 !important;
  cursor: default !important;
  color: gray !important;
}

input.readonly,
textarea.readonly {
}

ul.menu #route-adder-link,
ul.menu #freetr-adder-link {
  font-size: 0.9em !important;
  position: absolute;
  top: -5px;
  padding-bottom: 4px !important;
  width: 132px !important;
  height: 15px;
  margin-left: 89px;
  display: none;
  /*box-shadow: 0 0 10px black*/
}

form.route-search div.ac_container {
  display: inline-block;
  height: 13px;
}

form.route-search div.ac_container input {
  height: 22px;
}

ul.menu #route-adder-link img,
ul.menu #freetr-adder-link img {
  padding-right: 5px;
}

div.period input.tiny-text-input,
div.dynperiod input.tiny-text-input {
  width: 87px;
  display: inline-block;
  margin-right: 7px;
}

#addroute label {
  font-size: 0.9em;
}

.selectmulti div.softholder-wrap h5 {
  margin-left: 9px;
}

fieldset.checkpoint.dir-1 {
  background-color: #aad461;
  border-bottom-color: #86a84c;
  /*border-top-color: #ceeb9d*/
  border-top: none;
}

fieldset.checkpoint.dir-1 ins.softcontenting {
  background-color: #e5f2d0;
  border-top-color: #86a84c;
  border-bottom-color: #c6eb88;
}

fieldset.checkpoint.dir-1 ins.softcontenting input.text,
select.dir-1 {
  border-top-color: #86a64c;
  border-bottom-color: #ceeb9d;
}

fieldset.checkpoint.dir-1 ins.softcontenting small.measureunit,
#addroute div.payment p label.minor {
  color: #b1bda6 !important;
}

fieldset.checkpoint.dir-1 ins.softcontenting div.hr {
  height: 1px;
  line-height: 1px;
  background-color: #a9d15e;
  border-bottom: 1px solid #ceeb9d;
}

fieldset.checkpoint.dir-2,
div.routegroup.attention {
  background-color: #e8a74d;
  border-bottom-color: #cc9541;
  border-top: none;
}

div.routegroup table.routegroup td.route-action form.normal div.input input.datepicker {
    background-position: 2px 4px !important;
}

fieldset.checkpoint.dir-2 ins.softcontenting,
div.routegroup.attention tr.the-route {
  background-color: #f7e6cb;
  border-top-color: #cc9543;
  border-bottom-color: #f0c56e;
}

div.routegroup tr.the-route.s {
  background-color: white !important;
}

fieldset.checkpoint.dir-2 ins.softcontenting input.text,
select.dir-2 {
  border-top-color: #e8a74d;
  border-bottom-color: #f5d8ae;
}

fieldset.checkpoint.dir-2 .closer {
  background-image: url(/images/parts/X_orange_icon.png);
}

fieldset.checkpoint.dir-1 .closer {
  background-image: url(/images/parts/X_green_icon.png);
}

div.input.shrinked {
  width: 100px;
  text-align: left;
}

div.input.dynperiod label {
  display: inline-block;
}

div.input.dynperiod span.spookshower {
  display: inline-block;
  border-bottom: 1px dashed;
  text-decoration: none;
  clear: left;
}

div.input.quantity_auto {
  width: 100px;
  max-width: 100px;
}

div.input.appropriate_cartype {
  width: 160px;
  max-width: 160px;
}

div.input.chargetype {
  width: 160px;
  max-width: 160px;
}

div.input.dynperiod div.spook-time {
}

span.timesetter small {
  font-size: 0.8em;
  color: silver;
  display: inline-block;
}

span.timesetter {
  margin-left: 0px;
  border-color: silver;
}

center.more-routeparts {
  background-color: #ebf5e4;
  height: 60px;
  position: relative;
  top: -22px;
  line-height: 50px;
  margin-bottom: -29px;
  background: transparent url(/images/parts/more-routes-background.jpg) center -3px
    no-repeat;
  color: #bcc7ad;
  font-size: 0.9em;
}

center.more-routeparts span.charge {
  color: #89a64b;
  border-color: #89a64b;
}

center.more-routeparts span.uncharge {
  color: #e6a94e;
  border-color: #e6a94e;
}

.simple-block,
div.routestatus-2,
div.vacant,
div.archive,
div.participated,
div.routeview,
div.routeviewgps {
  margin-right: 0;
  margin-left: 0;
  background-color: #c3c9c9;
  border-bottom-color: #aeb5b5;
  border-top-color: #dce3e6;
  padding: 4px;
}

.simple-block h4,
div.routestatus-2 h4,
div.vacant h4 {
  text-shadow: 0 -1px 0 #717876;
  margin-bottom: 0;
  line-height: 25px;
}

.simple-block fieldset,
div.routestatus-2 tr.the-route,
div.archive tr.the-route,
div.participated tr.the-route,
div.vacant tr.the-route,
div.routeview table.softcontenting,
div.doctypes,
div.conversation {
  background-color: #e8ebeb;
  margin: 0 0 15px 0;
  border-top-color: #aeb5b5;
  border-bottom-color: #d9dedd;
}

#payment-paymenttype-raiseprice-appropriate_operator input.text {
  padding-left: 4px;
}

input.datepicker {
  background: white url(/images/parts/icon-calendar.png) 5px no-repeat !important;
  padding-left: 10% !important;
  max-height: 180px !important;
  width: 90%;
}

form.low input.datepicker,
fieldset.outsideconfirm input.datepicker {
  padding-left: 22px !important;
}

input.datepicker[disabled],
input.datepicker.disabled {
  background-color: #e6e7e9 !important;
}

input.datepicker.tiny-text-input {
  width: 50px !important;
  padding-left: 23px !important;
}

form.low input.datepicker.tiny-text-input,
form.adder input.datepicker.tiny-text-input {
  width: 70px !important;
}

form.low select {
  width: 220px;
}

form.low small.la {
  display: inline-block;
  width: 120px;
}

form.low td button.btn {
  margin-left: 0;
}

.simple-block input,
.simple-block textarea,
form fieldset div.complexinput input,
form.small input,
form.small textarea,
form#new-message textarea,
div.fleet-data textarea,
div.selectmulti li.link input.text,
div.complex-simpleform input,
div.complex-simpleform textarea,
form.simple input,
form.simple textarea,
div.pre-talk textarea,
fieldset.requisites input,
fieldset.requisites textarea,
select.dir-form {
  border-top-color: #aeb5b5 !important;
  border-bottom-color: #dcdede !important;
}

form fieldset div.complexinput select {
  width: 98%;
  margin-bottom: 4px;
}

div.input.ferryproperty {
  float: right;
  /*height: 100px;*/
  width: 420px;
  max-width: none;
  /*margin-top: 25px*/
  /*position: relative;*/
  left: -40px;
}

div.input ins {
  display: block;
  text-decoration: none;
  float: left;
  clear: left;
  height: 29px;
  white-space: nowrap;
}

div.input.ferryproperty ins.col2 {
  /*margin-left: 50%;
  width: 49%;
  float: right;
  position: relative;
  top: -116px*/
  width: 150px;
}

div.input.ferryproperty ins input.text {
  height: 19px;
  line-height: 19px;
  width: 30px;
}

.ui-datepicker-header .ui-icon {
  width: 16px !important;
}

#ui-datepicker-div {
  z-index: 100;
}

div.input.loadcapacity {
  /*width: 240px*/
}

div.input.loadcapacity input.text {
  width: 40px;
}

div.input.multiselect {
  height: auto;
  overflow: visible;
}

div.input.notrequired small.reqinputindicator {
  display: none;
}

input#town {
  /*width: 160px; margin-left: 10px*/
}

select.putval {
  width: 200px;
}

div.input.payment {
  width: 530px;
  max-width: none;
  height: auto;
  max-height: none;
  float: left;
}

div.input.payment input.tiny-text-input {
  width: 60px;
}

tip {
  display: inline-block;
  padding: 2px 5px 1px 5px;
  border-radius: 10px;
  border: 1px solid #236dad;
  font-size: 0.7em;
  font-weight: bold;
  position: relative;
  top: -2px;
  left: auto;
  cursor: help;
  color: white;
  background-color: #4cb7e6;
}

tip.help {
  color: #7f5213 !important;
  text-shadow: 0 0 3px #7f5213;
  text-decoration: none;
  background-color: white;
  border-radius: 0.9em;
  border: 2px solid #e9a84c;
  box-shadow: 0 0px 0px #7f5213;
  font-size: 10px;
  line-height: 12px;
  font-family: Tahoma;
}

div.input.payment ins {
  float: none;
  height: auto;
  overflow: visible;
}

div.input.payment ins label {
  display: inline-block;
}

#addroute div.input.payment ins p {
  display: block;
  margin: 0 5px 0 18px;
  position: relative;
  top: -4px;
}

#addroute div.input.payment ins p label {
  margin-right: 10px;
}

div.textarea {
  width: 100% !important;
  max-width: none !important;
  height: auto;
  margin-top: 0;
  overflow: visible;
  margin-bottom: 0;
}

div.textarea textarea,
div.softcontenting textarea {
  width: 99% !important;
  height: 5em !important;
  line-height: 1.4em !important;
  max-width: none !important;
}

textarea {
  /*font: normal 1.5em/2em "Courier New", monospace*/
}


button#route-submitter, button.thebutton, button#thebutton {

  font-size: 2em;
  line-height: 2.1em;
  padding-right: 30px;
  padding-left: 30px;
  border-radius: 35px !important;
}

a.big-button {
   font-size: 2em !important;
  line-height: 2.1em !important;
  padding-right: 30px !important;
  padding-left: 30px !important;
  border-radius: 35px !important; 
}

button#thebutton.disabled {
    
}

center.final-route-ui {
  text-align: right;
}

center.final-route-ui a.passive {
  float: left;
  display: block;
  margin-top: 40px;
}

.hidden,
.datahandlecomment,
tr.route-th,
div.routeprogressholder,
span.routeprogress var span.passive,
div.route-changes fieldset legend {
  display: none !important;
}

div.complexinput,
div.route-changes {
  background-color: #dddddd;
  padding: 5px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid gray;
  position: absolute;
  z-index: 2;
  width: 240px;
  height: auto;
  box-shadow: 0 0 9px black;
}

table.tenderreport div.route-changes {
  width: auto;
}

form fieldset div.complexinput input.tiny-text-input {
  width: 80px !important;
  font-size: 0.9em !important;
}

input.search-searchable {
  width: 150px;
}

div.routegroup {
  margin: 20px 0;
  box-shadow: 0 1px 5px gray;
}

table.routegroup {
  width: 100% !important;
  color: #405763;
}

table.routegroup tr.the-route {
  margin-bottom: 3px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

table.routegroup td.route-summary {
  width: 80%;
}

td.route-summary div.accounting {
  font-size: 0.8em;
  margin-bottom: 10px;
}

td.route-summary div.accounting h4 {
  color: black;
  margin-left: 0;
  font-size: 1em;
  text-shadow: none;
  height: auto;
}

table.routegroup td.route-action {
  overflow: hidden;
  width: 300px;
  font-size: 0.9em;
}

table.route-guts {
  float: left;
  overflow-x: scroll;
  margin-right: 10px;
  max-width: 795px;
}

table.route-guts td {
  padding: 5px 6px 5px 14px;
  max-width: 150px;
  overflow: hidden;
}

table.route-guts tr.condensed td {
  max-width: 100px;
}

table.route-guts tr.towns {
}

table.route-guts tr.towns a {
  display: block;
  font-size: 1.4em;
}

table.route-guts tr.towns small {
  font-size: 0.7em;
  line-height: 0.1em !important;
}

table.route-guts td.passive {
  color: #d2d6d6 !important;
  font-size: 20px;
  width: 20px;
}

table.route-guts tr.companies {
  background-color: rgba(0, 0, 0, 0.06);
}

td.route-summary span.holder {
  display: block;
  margin: 0 6px;
  text-align: right;
  float: right;
  font-size: 1em;
}

td.route-summary span.holder div {
  font-size: 0.9em;
  margin-top: 2px;
}

li ol,
li ul {
  margin: 0 0 10px 10px;
}

.currentPriceFor {
  font-weight: bold;
}

span.money {
  display: block;
  padding-left: 15px;
  margin-bottom: 10px;
}

var.money {
  font-size: 0.9em;
  font-style: normal;
}

div.pricequote var.money {
  display: inline-block;
}

var.money var {
  font-style: normal;
}

var.money .first var,
var.money var {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  color: #c9500a;
}

var.money div var {
  color: #888b8f;
  font-size: 1em;
  display: inline;
  font-weight: normal;
}

var.money .first small,
var.money var small {
  font-weight: normal;
  font-size: 0.9em;
}

div.rest {
  margin-top: 7px;
}

var.money div {
  margin-bottom: 5px;
}

span.cargo {
  margin: 5px 5px 5px 15px;
  font-style: italic;
}

span.tender span.passive {
  display: block;
}

span.tender span.passive.in-route {
  display: inline;
  margin-left: 0px;
  width: 200px;
}

span.tender var.money {
  font-size: 1.1em;
}

.winner-select {
  width: 200px !important;
}

select.winner-select {
  width: 170px !important;
}

form.winner-select {
  max-width: 180px;
}

div.routestatus-2 {
}

i.response {
  display: block;
  border-top-left-radius: 14px;
  float: right;
  font-size: 0.9em;
  font-style: normal;
  color: #567382;
  width: auto;
  vertical-align: bottom;
  padding: 10px 10px 10px 40px;
  background: rgba(0, 0, 0, 0.03) url(/images/parts/car_big_icon.png) 14px 14px
    no-repeat;
}

i.response span {
  display: block;
}

td.route-action {
  text-align: center;
  border-left: 1px solid #4cb6e8;
  padding: 5px;
  width: auto;
}

/* td.route-action button {
  font-size: 0.8em
}
td.route-action button.btn {
  font-size: 1em
}
*/

td.route-action * {
}

div.routegroup.attention td.route-action {
  border-left-color: #e8a74d;
}

div.routegroup.routestatus-2 td.route-action,
div.routegroup.vacant td.route-action,
div.routegroup.participated td.route-action,
div.routegroup.archive td.route-action {
  border-left-color: #c3c9c9;
}

td.route-action var {
  font-style: oblique;
  display: block;
}

td.route-action form {
  margin-top: 0;
}

div.routeprogressholder {
  height: 10px;
  width: 100px;
  border: 1px solid gray;
  float: right;
  background-color: #d7f2d7;
}

div.routeprogressholder div {
  background-color: green;
  height: 100%;
}

button.negative {
  border-bottom-color: #91231d;
  border-top-color: #f5b49a;
  background: #d15143 -moz-linear-gradient(top, #e3614f, #b8392e);
  background: #d15143 -o-linear-gradient(top, #e3614f, #b8392e);
  background: #d15143 -webkit-gradient(linear, left top, left bottom, from(#e3614f), to(#b8392e));
  color: #f5b878;
  text-shadow: 0 -1px 0 #b8382c;
}

form.small button {
  margin-bottom: 2px;
}

form.small fieldset {
  margin-top: 0;
}

div.route-changes .closer {
  margin-right: 6px;
}

div.route-changes {
  z-index: 996 !important;
}

td.vis.maincellphone {
  width: 200px;
  /*white-space: pre*/
}

td.vis.natcomid {
  width: 140px;
}

.activecellnumber {
  padding-right: 14px;
  /*background: transparent url('/images/parts/SMS_icon.png') center right no-repeat;*/
  display: inline !important;
  /*color: #2969b3;
  text-decoration: underline;
  cursor: pointer;*/
}

div#route-action-full {
  float: right;
  width: 230px;
}

div.routeview {
  margin-right: 245px;
  border-top-left-radius: 0;
}

div.routeviewgps {
  margin-right: 1px;
  border-top-left-radius: 0;
}

div.routeview.wider {
  margin-right: 0;
}

div.routeview,
div#route-action-full {
}

div#route-action-full > .softcontenting {
  width: auto;
  text-align: center;
  background-color: #caeaf9;
  height: auto;
  padding-bottom: 20px;
}

div#route-action-full > .softcontenting form {
  margin-top: 0;
}

div#route {
}

h1 {
  margin-bottom: 20px;
  margin-top: 20px;
  color: #425563;
}

h1 small.passive {
  font-weight: normal;
  font-family: inherit;
}

div#route-action-full > div.softcontenting span.routeprogress {
  display: block;
  font-size: 1.1em;
  text-align: center;
  /*padding-left: 20px; */
  padding-bottom: 10px;
}

div#route-action-full > div.softcontenting span.routeprogress var {
  font-style: normal;
}

ul.menu.smaller-menu {
  position: relative;
  top: 7px;
}

ul.menu.smaller-menu li a,
ul.menu.smaller-menu li span {
  background: none;
  border: none;
  color: #0a7ec7 !important;
  text-decoration: underline;
  text-shadow: none;
}

ul.menu.smaller-menu li a.parent,
ul.menu.smaller-menu li span.current {
  background-color: #c4c9cc;
  border-top-color: gray;
  text-shadow: 0 -1px 0 gray;
  font-size: 1.1em;
  text-decoration: none;
  color: white !important;
}

/* the ***cking IE11*/

body.ie11 ul.menu li a {
  background-color: #087cc4 !important;
}

body.ie11 ul.menu li a.parent,
body.ie11 ul.menu li span.current {
  background-color: #4cb7e6 !important;
}

body.ie11 div.sub-menu ul.menu li a {
  background-color: #4cb7e6 !important;
}

body.ie11 div.sub-menu ul.menu li a.parent,
body.ie11 div.sub-menu ul.menu li span.current {
  background-color: white !important;
  border-color: white !important;
}

body.ie11 div.simple-menu ul.smaller-menu li a {
  background-color: white !important;
}

body.ie11 div.simple-menu ul.smaller-menu li a.parent,
body.ie11 div.simple-menu ul.smaller-menu li span.current {
  background-color: #c4c9cc !important;
  border-color: #c4c9cc !important;
}

body.ie11 a#route-adder-link,
body.ie11 a#freetr-adder-link {
  background-color: #04912c !important;
  color: #c7f5bc !important;
}

body.ie11 ul.menu.smaller-menu li a,
body.ie11 ul.menu.smaller-menu li span {
  background-color: transparent !important;
}

body.ie11 ul.menu.smaller-menu li a.parent,
body.ie11 ul.menu.smaller-menu li span.current {
  background-color: #c4c9cc !important;
  color: white !important;
}

/* ends */

fieldset.requisites div.input.email,
fieldset.requisites div.input.name {
  margin-left: 265px;
}

fieldset.requisites div.input.avatar {
  height: 0;
  overflow: visible;
  margin-top: -150px;
}

form.small div.input {
  width: 210px;
  margin: 0;
}

form.small div.input.separate {
  margin-bottom: 30px;
}

form.small div.input input.text,
form.small div.input select:not(.timeselectorchild) {
  width: 100%;
}

select.timeselectorchild {
  width: 45px !important;
}

form.small div.input input.text.datepicker {
  width: 90%;
}


form.small div.input input.text.datepicker.shrinked {
  width: 60%;
}

form.small legend {
  display: none;
}

div.routeview table.softcontenting {
  width: 100%;
  background-color: #f3f4f6;
}

div.route-changes {
  text-align: left;
}

div.route-changes div.input.checkbox {
  margin: 0 10px;
}

td.containing {
  padding: 15px;
  width: 50%;
  border: none;
}

div.route-part-detail {
  color: #1e2f36;
  border-bottom: 3px double #dcdede;
  margin-bottom: 15px;
  padding-bottom: 10px;
}

div.route-part-detail.border p.company,
div.route-part-detail.border p.contactperson {
  display: none;
}

div.route-part-detail.complete h3 {
  text-decoration: line-through;
}

div.route-part-detail.complete h3 span {
  text-decoration: none;
}

div.route-part-detail.complete {
  opacity: 0.3;
}

div.route-part-detail h3 {
  border-bottom: 1px solid #dcdede;
  padding-bottom: 6px;
  font-weight: bold;
  padding-left: 22px;
  font-size: 0.9em;
  background: transparent url(/images/parts/out_icon.png) 0 1px no-repeat;
}

div.route-part-detail.charge h3 {
  background-image: url(/images/parts/in_icon.png);
  background-position: 0 0px;
}

div.route-part-detail.customs h3 {
  background-image: url(/images/parts/tamorznia_icon.png);
  background-position: 0 0px;
}

div.route-part-detail.border h3 {
  background-image: url(/images/parts/granica_icon.png);
  background-position: 0 0px;
}

div.route-part-detail h3 > span.date {
  float: right;
  color: gray;
  font-size: 1em;
  font-weight: normal;
  max-width: 256px;
  line-height: 1.4em;
}

input#company.text,
form#company input[name='title_ru'],
input#address.text,
form#partners input[name='title_ru'] {
  padding-left: 21px;
  background: #f2f5f5 url(/images/parts/pop-up_02_dark_grey_icon.png) 6px 7px
    no-repeat !important;
}

form.customs input#company.text {
  background-image: none !important;
  padding-left: 3px !important;
}

p.route-detail {
  margin-left: 25px;
}

p.route-detail.company,
p.route-detail.contactperson huy {
  color: #587280;
  overflow: auto;
  position: relative;
}

p.route-detail.company {
  padding-left: 20px;
}

p.route-detail.contactperson span.icon-person {
  background-position: 0px 1px;
  padding-left: 20px !important;
}

p.route-detail span.icon-cargo {
  padding-left: 20px !important;
}

div#detailedLoadInfo.softholder {
    width: 1024px;
    margin-left: -512px
}

div#detailedLoadInfo.softholder div.softholder-wrap div.softcontenting {
    background-color: #4cb6e8 !important;
    border: none !important;
    height: auto !important;
    min-height: 100px;
    max-height: 550px;
    padding: 0 10px;
    width: 1000px;
    overflow-y: scroll
}

div#detailedLoadInfo.softholder div.softholder-wrap div.softcontenting table {
    width: 100%
}

div#detailedLoadInfo.softholder div.softholder-wrap div.softcontenting th {
    background-color: #4cb6e8 !important;
    color: white !important;
    padding: 5px;
}
div#detailedLoadInfo.softholder div.softholder-wrap div.softcontenting td {
    background-color: white !important;
    padding: 10px 5px
}
div#detailedLoadInfo.softholder div.softholder-wrap div.softcontenting th.total {
    text-align: right !important
}

div#detailedLoadInfo.softholder div.softholder-wrap div.softcontenting table th,
div#detailedLoadInfo.softholder div.softholder-wrap div.softcontenting table td {
    
    text-align: center;
    vertical-align: middle
}

/*span.detailedLoadInfo {
  text-decoration: underline;
  cursor: pointer
}*/

p.route-detail.contactperson huy {
  /*float: right;
  width: 190px*/
}

p.route-detail.contactperson huy span {
  display: block;
}

p.route-detail.contactperson huy small.icon-toggle {
  font-size: 0.8em;
  font-family: Tahoma, sans-serif;
  line-height: 1.2em;
  margin-left: 20px;
}

div.address-value {
  margin-left: 164px;
  margin-top: 10px;
}

div.address-value div.map {
  width: 750px;
  height: 300px;
}

div#map_canvas,
div.map {
  border: 1px solid #808080;
}

div#map_canvas {
  background: transparent url(/images/parts/ajax-loader.gif) 50% 10% no-repeat;
  width: auto;
  height: 200px;
}

.distance b {
  color: #1e2f36;
  font-size: 1.1em;
}

.distance b var {
  font-style: normal;
}

td.route-spec {
  background-color: #eaeef1;
  border-left: 1px solid #dedfe1;
}

td.route-spec div.route-spec-holder {
  background-color: #f3f4f6;
  padding-top: 4px;
  padding-bottom: 4px;
}

td.route-spec div.route-spec-holder div.route-detail-cross.about-money {
  line-height: 1.5em;
}

div.route-detail-cross {
  margin: 12px 12px 20px 20px;
}

div.route-detail-cross.table {
  border-top: 1px solid #dfdfe1;
  border-bottom: 1px solid #dfdfe1;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0px;
}

div.route-detail-cross.table table td {
  padding: 4px 5px 6px 15px !important;
}

div.route-detail-cross.table table td .selectedvalue {
  width: 83%;
}

div.route-detail-cross var.money var {
  display: inline-block;
}

div.route-detail-cross h4,
div.offers h4,
div.fleet h4,
div.doctype h4,
div.pre-talk h4 {
  font-weight: normal;
  margin-bottom: 6px;
}

div.route-detail-cross .selectedvalueholder {
  left: -3px;
}

div.route-spec-holder div.about-money div.remark {
    max-width: 340px !important
}

div.route-detail-cross blockquote,
p.route-detail.remark {
  font-style: italic;
  padding-left: 20px;
  font-family: 'Times New Roman', serif;
  font-size: 1.4em;
  color: #c95008;
}

p.route-detail.remark a,
div.route-detail-cross blockquote a {
  color: #c95008;
}

p.route-detail.remark {
  font-size: 1.2em;
}

div.route-detail-cross.terms blockquote {
  font: normal 0.9em/1.4em Arial;
  color: black;
  padding-left: 0;
}

div.fleet {
  background-color: #eaeef1;
  border-top: 1px solid #dedfe1;
  padding: 4px 15px;
}

div.pricequotes {
  max-height: 350px;
  overflow: auto;
}

div.offers div.fleet {
  border-top: none;
  border-bottom: 1px solid #dedfe1;
}

div.offers.potential,
div.offers.potential div.fleet,
div.offers.potential h4 {
  background-color: #ffe2b2 !important;
}

div.offers h4,
div.fleet h4,
div.doctype h4,
div.offers div.pricequote {
  padding: 10px 20px;
}

div.pricequote.myquote {
  background-color: #caeaf9;
  border-bottom: 1px solid #4cb6e8;
}

div.pricequote.winger {
  background-color: #ecf6ce;
  border-bottom: 1px solid #f2f5a9;
}

div.offers h4 {
  background-color: #eaeef1;
  margin: 0;
}

div.offers h4 span.h {
  margin-left: -5px;
}

.prequotes {
  margin: 0;
  padding: 0 10px 7px 20px;
  background-color: #f3f4f6;
}

form.prequotes {
  padding-left: 20px;
}

div.pricequote {
  border-bottom: 1px solid #dfdfe1;
  color: #5b7480;
  overflow: auto;
}

div.pricequote.sea {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 10px;
}


div.pricequote.minimal {
  background-color: white;
}

button.btn.minimal {
  min-width: 80px !important;
}

div.input.loadquote div {
  color: #5b7480;
}

div.pricequote.partialwinner {
  background-color: #dfefde;
}

div.pricequote.partialwinner form {
}

div.input.pricequote {
  overflow: hidden;
  border: none;
}

div.pricequote.passive var {
  color: inherit !important;
}

div.pricequote span.available,
div.pricequote form,
div.pricequote small.status {
  float: right;
  display: inline-block;
  margin: 0;
  text-align: right;
  clear: right;
}

div.pricequote form button {
  margin: 10px 0 0 0;
}

div.pricequote span.available {
  font-size: 0.9em;
}

div.fleet h4,
div.doctype h4 {
  margin: 0;
}

div.driver-data {
  margin: 0 10px 10px 21px;
  float: left;
  font-size: 0.9em;
  color: #4c636b;
}

div.driver-data span.icon {
  padding-left: 16px !important;
  background-position: 0 4px;
}

div.driver-data var {
  color: #1d3236;
  font-style: normal;
}

div.driver-data span.icon-maincellphone,
div.driver-data span.icon-passportserial {
  background-position: 0 0;
}

div.driver-data span.icon-maincellphone {
  background-position: 1px 0;
}

div.driver-data span.icon-maincellphone {
  padding-bottom: 3px;
}

.items-listing .icon-trailer {
  margin-left: 0 !important;
}

.items-listing span.passive.number-listing {
  display: inline-block;
  width: 35px;
  text-align: center;
}

table.listing-car {
  width: 1000px;
}

table.listing-car th.vis.plain.number {
  /* марка и авто тайтл */
  padding-left: 53px !important;
  width: 230px;
}

table.listing-car th.smollSizeColumn {
  /* вид авто тайтл */
  padding-right: 0;
}

table.listing-car th.vis.plain.vin {
  /* вин тайтл */
  width: 215px !important;
}

table.listing-car th.groupSizeColumn {
  /* группа тайтл */
  width: 168px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

table.listing-car th.trailerSizeColumn {
  /* прицеп тайтл */
  padding-left: 0 !important;
  width: 85px;
}

table.listing-car th.smollSizeColumnWidth {
  /* страховка тайтл */
  padding-left: 0 !important;
  padding-right: 5px !important;
}

table.listing-car td.vehicleclass {
  /* группа строки */
  padding: 0 !important;
  min-width: 144px !important;
  word-wrap: break-word;
}
table.listing-car td.trailer {
  padding-left: 0 !important;
}

table.listing-car td.insurance-group-1 {
  /* страховка иконка */
  padding-right: 0;
  padding-left: 20px;
  width: 30px !important;
}
/* table.listing-car td {;
} */

#fleet-listitems .items-listing.listing-car big.icon.icon-car {
  width: 250px;
}

#fleet-listitems .items-listing.listing-trailer big.icon.icon-trailer {
  background: none;
  padding-left: 0 !important;
  width: 100px;
}

table.listing-trailer th.vis.plain.number {
  width: 130px !important;
  padding-left: 50px !important;
}

#fleet-listitems .items-listing.listing-trailer tr td.listing-title {
  width: 100px !important;
}

table th.vis.plain.carstyle {
  padding-left: 3px !important;
  width: 70px !important;
}

/* table.listing-car th.vis.plain.vin {
  width: 200px !important;
} */

td.marshrut {
  width: 90px;
}

.icon-car i,
.icon-car-dark i {
  display: inline-block;
  margin-right: 38px;
  margin-left: 2px;
  font-style: normal !important;
  color: #4c636b;
  font-size: 0.9em;
}

span.vehicle-number,
.vis.number nobr {
  border-radius: 3px;
  font-size: 0.9em;
  padding: 1px 4px 0px 14px;
  border: 1px solid #728694;
  background: white url(/images/parts/flag_ua.jpg) -12px center no-repeat;
}

.ru span.vehicle-number,
.ru .vis.number nobr {
  background-image: url(/images/parts/flag_ru.jpg);
}

div.accounting {
  padding: 20px;
  border-bottom: 1px solid #c3c9c9;
  margin-bottom: 10px;
}

div.accounting h3 {
}

div.accounting.doctype {
  width: 100%;
}

div.accounting.doctype table td {
  padding: 0 20px 0 0;
}

div.doctypes {
  overflow: auto !important;
  background-color: #f3f4f6;
  margin-bottom: 2px;
}

div.doctype {
  display: inline-block;
  vertical-align: top;
  width: 45%;
  padding: 10px 0 20px 20px;
  overflow: hidden;
}

div.doctype h4 {
  padding: 7px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #dcdede;
  font-size: 1.1em;
}

div.doctypes div.document {
  margin-bottom: 25px;
}

div.listitems.content nobr,
div.listitems.content {
  white-space: normal;
}

div.listitems.contract div.document {
  display: inline-block !important;
  margin-right: 20px;
}

a.document-button {
  display: block;
  margin: 20px 0 5px 0;
  width: 280px;
  padding: 0;
  border-radius: 5px !important;
  color: #1e2f36 !important;
  text-decoration: none !important;
  min-height: 50px;
}

a.document-button i {
  font-style: normal;
  display: block;
  background: transparent url(/images/parts/document-icon.png) 15px 12px
    no-repeat;
  padding: 9px 10px 10px 45px;
  min-height: 26px;
  font-size: 1.1em;
}

a.document-button.incomplete i {
  background-image: url(/images/parts/document-incomplete-icon.png);
}

.document-button span {
  display: block;
  color: #708794 !important;
  font-size: 0.8em;
  margin-top: 3px;
}

.document-button span.passive {
  color: gray !important;
  font-style: oblique;
}

div.chat fieldset {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 70%;
}

div.chat {
  margin-top: 0;
}

div.chat div.input.recepientclient {
  margin-left: 133px;
  margin-bottom: 0;
  width: auto;
  max-width: none;
  height: auto;
  min-height: none;
}

div.chat div.input.recepientclient label,
div.chat div.input.recepientclient select {
  display: inline-block !important;
}

div.chat fieldset legend {
  display: none;
}

div.chat div.input.content {
  margin-left: 170px;
  margin-top: 0;
  width: 400px;
  min-width: none;
  display: inline-block;
  margin-right: 0;
}

div.chat div.input.content label {
  display: none;
}

div.chat button {
  display: block;
  position: relative;
  font-size: 0.9em;
}

div.messages {
  width: auto;
  height: auto;
  padding: 20px 0 15px 0;
  margin: 0;
}

.m-smth {
  background-color: #eaeef1;
  border: 1px solid #dfe4e8;
  border-radius: 5px;
  padding: 5px 10px;
}

span.m-sender {
  width: 100%;
  overflow: hidden;
}

.m-content-snippet.received {
  background-color: white;
}

span.children.m-content-snippet.m-smth {
  border: none !important;
}

span.children div.messages,
span.children div.messages * {
  padding: 0;
  margin: 0;
}

span.children div.messages span.m-content-snippet {
  margin: 0;
}

span.children div.messages .message-clowd-arrow {
  display: none;
}

span.children
  div.messages
  div.messagelisting
  span.m-content-snippet
  small.passive {
  text-align: left;
  margin-left: 20px;
}

span.children div.messages .m-date {
  position: relative;
  right: -120px;
  max-width: 145px;
  top: 6px;
  overflow: hidden;
  padding-left: 10px !important;
}

span.children span.sent.m-date {
  position: relative;
  left: -385px !important;
  float: right !important;
  padding: 3px;
}

span.children div.messages div.messagelisting {
  margin: 0;
}

div.conversation {
  padding-top: 1px;
  margin-bottom: 1px;
}

div.conversation.tenderresults {
  padding: 30px 20px;
}

div.messagelisting {
  margin: 10px 20px;
  height: auto;
  padding-bottom: 10px;
  padding-top: 4px;
}

span.m-date {
  float: left;
  display: block;
  width: 115px;
  font-size: 0.8em;
  text-align: right;
  color: #557280;
  position: relative;
  padding-right: 15px;
  height: 30px;
  overflow: visible;
  line-height: 1em;
}

.children span.m-date.sent {
}

.m-date .m-sender {
  margin-top: 3px !important;
}

span.m-date.received {
  float: right !important;
  text-align: left;
  padding-left: 15px;
  padding-right: 10px;
}

div.messagelisting span.m-date span.datetime {
  display: block;
  color: #b3babd;
  font: normal 0.9em 'Tahoma', sans-serif;
}

/*
small.message-clowd-arrow {
    width: 27px;
    height: 21px;
    display: block;
    background: transparent url(/images/parts/message-clowd-arrow-left.jpg) center no-repeat;
    position: relative;
    z-index: 11;
    left: 120px;
    top: -20px
}
*/

div.messagelisting.received span.m-date small.message-clowd-arrow {
  left: -32px;
  top: -20px;
  background-image: url(/images/parts/Untitled.png);
}

div.messagelisting span.m-content-snippet.received,
div.messagelisting span.m-content-snippet.sent {
  width: 394px;
  display: block;
  margin: 0 155px;
  line-height: 1.3em;
  padding: 0;
  border-top: 1px solid white;
  border-bottom: 1px solid #a3a7a8;
  position: relative;
  /*box-shadow: 0 1px 2px gray*/
}

div.messagelisting span.m-content-snippet.received:after,
div.messagelisting span.m-content-snippet.received:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

div.messagelisting span.m-content-snippet.received:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
}

div.messagelisting span.m-content-snippet.received:before {
  border-color: rgba(223, 228, 232, 0);
  border-left-color: #dfe4e8;
  border-width: 11px;
  margin-top: -11px;
}

div.messagelisting span.m-content-snippet.sent:after,
div.messagelisting span.m-content-snippet.sent:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

div.messagelisting span.m-content-snippet.sent:after {
  border-color: rgba(234, 238, 241, 0);
  border-right-color: #eaeef1;
  border-width: 10px;
  margin-top: -10px;
}

div.messagelisting span.m-content-snippet.sent:before {
  border-color: rgba(223, 228, 232, 0);
  border-right-color: #dfe4e8;
  border-width: 11px;
  margin-top: -11px;
}

.messages span.m-date.m-smth {
  background-color: inherit;
  border: none;
}

div.messages {
  font-size: 0.9em;
}

div.messages div.messages {
  font-size: 1em;
}

div.messagelisting span.m-content-snippet blockquote {
  margin: 0;
  padding: 8px 20px 10px 15px;
  color: #49555c;
  overflow: hidden;
}

div.messagelisting span.m-content-snippet small.passive {
  display: block;
  text-align: right;
  height: 13px;
  line-height: 13px;
  position: relative;
  top: -5px;
  margin-right: 10px;
}

div.messagelisting span.m-content-snippet small.passive a {
  color: #abb3b3 !important;
}

div.messagelisting span.m-content-snippet form.invis {
  margin: 0;
  padding: 0;
  display: inline-block;
}

div.messagelisting span.m-content-snippet form.invis button {
  display: inline;
  font-size: 1.1em;
  margin: 0 10px 10px 0; /*padding: 0;
  background: transparent;
  text-decoration: underline;
  border: none;
  box-shadow: none;
  text-shadow: none;
  margin: 0;
  color: #ABB3B3;
  font-family: Tahoma !important;
  position: static;
  margin-right: 20px*/
}

p.actualroutechanges {
  margin: 3px 0;
  border-left: 1px solid #147d37;
  background-color: #edf4c1;
  padding: 1px 0 6px 0;
}

div.dyn div.input.checkpoint {
  margin: 10px 0;
}

fieldset.checkpoint div.input.readonly * {
  cursor: pointer !important;
}

fieldset.checkpoint div.input.readonly input {
  padding-left: 8px;
}

div.dyn div.input.checkpoint b small {
  font-weight: normal;
}

p.actualroutechanges small.passive {
  float: none !important;
  margin: 0 !important;
  display: inline !important;
  position: static !important;
}

span.routechangeline {
  margin-top: 10px;
}

.haschanges {
  font-weight: bold;
}

.haschanges .passive {
  font-weight: normal;
}

span.routechangeline,
span.changeval {
  display: block;
  margin-left: 15px;
}

div.messagelisting span.m-content-snippet span.m-priority {
  display: block;
  margin: 10px 0 5px 0;
  padding: 8px 15px;
}

span.changes-verdict,
span.m-priority {
  background-color: #edf4c1;
  display: block;
  margin-bottom: 5px;
}

/*div.messagelisting span.m-content-snippet span.m-priority, */

div.fleet-data {
  display: block;
  color: black;
  border: 1px solid silver;
  border-radius: 5px;
  padding: 4px 10px;
  background-color: #f2f5f7;
  margin: 10px 0;
}

div.fleet-data.disabled {
  opacity: 0.5;
}

div.pre-talk-holder {
  overflow: auto;
  border-top: 1px solid #dfdfe1;
  background-color: #f3f4f6;
}

div.pre-talk {
  float: left;
  width: 43%;
  overflow: auto;
  margin-top: 0;
  padding: 20px;
  color: gray;
  height: 100%;
  border-right: 1px solid #dfdfe1;
}

div.pre-talk.righter {
  border: none;
  overflow: hidden;
}

div.pre-talk h4 {
  margin-bottom: 10px;
  font-size: 1.1em;
  padding-bottom: 4px;
  color: #1e2f36;
  border-bottom: 1px solid #dfdfe1;
}

div.fleet-data {
  background-color: #e8ebeb;
}

div.pre-talk textarea {
  background-color: white;
}

div.fleet-data button {
  margin: 10px 0 0 0;
  text-align: left;
}

div.fleet-data textarea {
  width: 99% !important;
  max-width: none;
  height: 60px;
}

div.fleet-data label {
  font-size: 0.9em;
}

div.fleet-data {
  overflow: auto;
}

div.communication-tie {
  background-color: #abb3b3;
  height: 1px;
}

fieldset.checkpoint div.calendricalTimePopup {
  z-index: 99 !important;
}

div.timepicker {
  z-index: 14;
}

div.complex-simpleform form,
fieldset.simple,
form.simple,
form.low,
div.context {
  border: 1px solid silver;
  border-radius: 4px;
  background-color: #eeeeee;
  padding: 10px 20px;
  /*  overflow: hidden; */
  clear: right;
}

form.simple {
  clear: none;
}

div.routeview form.simple {
  margin-top: 0;
}

div.routeview form.simple.customdocs {
  padding-top: 0;
}

div.routeview form.simple.customdocs .gallery {
  margin-top: 10px;
}

div.selectmulti li.link input.text,
.the-documentscan-input input {
  height: 19px;
  line-height: 19px;
  max-width: 100%;
}

div.complex-simpleform fieldset,
form.simple fieldset {
  margin: 0;
}

div.complex-simpleform form button.smaller {
  font-size: 0.8em !important;
}

div.complex-simpleform div.smallbuttonholder {
  text-align: right;
}

div.cloud {
  font-size: 1.4em;
}

div.cloud a.current {
  font-size: 1.4em !important;
  text-decoration: none;
  color: black;
  font-weight: bold;
  padding: 4px 10px;
  background-color: #eeeeee;
  border-top-right-radius: 11px;
}

div.cloud + div.items-listing {
  margin-top: 0;
}

div.complex-simpleform fieldset legend,
form.simple fieldset legend,
div.items-listing veselo b {
  font-size: 1.3em;
  border-bottom: 1px solid #dfdfe1;
  width: 100%;
  padding-bottom: 5px;
  display: block;
}

body.edit.trailer form.simple fieldset legend,
body.edit.car form.simple fieldset legend,
body.edit.driver form.simple fieldset legend {
  width: 85%;
}

div.items-listing veselo {
  display: block;
  margin: 15px 20px 10px 20px;
}

div.items-listing ol {
  list-style: none;
  margin: 0;
}

div.items-listing ol li.level {
  width: 45%;
  margin: 4px 0 5px 10px;
  display: inline-block;
  font-size: 1.1em;
}

div.items-listing ol li.level span.passive {
  white-space: pre;
  font-size: 0.9em;
}

div.items-listing ol li.level ol {
  margin: 5px 0 10px 15px;
  font-size: smaller;
  list-style: circle outside;
  padding-left: 10px;
}

div.complex-simpleform form.form-driver fieldset legend,
div.complex-simpleform fieldset.form-driver legend {
  background: transparent url(/images/parts/driver_icon.png) right center
    no-repeat;
}

div.complex-simpleform form.form-car fieldset legend,
div.complex-simpleform fieldset.form-car legend {
  background: transparent url(/images/parts/car_icon.png) right center no-repeat;
}

div.complex-simpleform form.form-trailer fieldset legend,
div.complex-simpleform fieldset.form-trailer legend {
  background: transparent url(/images/parts/trailer_icon.png) right center
    no-repeat;
}

label.radio {
  width: auto;
  margin-right: 20px;
  display: inline-block;
}

label.radio input {
  margin-right: 5px;
}

div.items-listing {
  background-color: #eeeeee;
  border-radius: 4px;
  border-top: 1px solid white;
  border-bottom: 1px solid gray;
  box-shadow: 0 1px 2px black;
  width: 100%;
  clear: right;
  margin-top: 10px;
}

div.items-listing table {
  margin: 15px 5px;
}

div.items-listing table.listing-partners {
  width: 99%;
}

table.items-listing {
  border-collapse: none;
  border-color: #dfdfe1;
}

table.items-listing td,
table.items-listing th {
  padding: 7px 18px 7px 40px;
}
table.items-listing td.viberstatus.columhWidth22 {
  width: 22%;
}

tr.alignTop {
  vertical-align: top;
}

table.items-listing td.listing-title span {
  margin-left: -40px;
}

table.items-listing th {
  font-size: 1.1em;
  font-weight: normal;
}

.admin table.items-listing td {
  font-size: 0.9em;
}

table.items-listing td.carstyle,
table.items-listing td.cartype,
table.items-listing td.loadcapacity,
table.items-listing td.length,
table.items-listing td.volume {
  width: 50px;
  padding: 0 5px !important;
}

.admin table.items-listing td.carstyle,
.admin table.items-listing td.cartype,
.admin table.items-listing td.loadcapacity,
.admin table.items-listing td.length,
.admin table.items-listing td.volume {
  width: 40px;
}

.admin table.items-listing td.client {
  width: 189px;
  max-width: 189px !important;
}

table.items-listing td big {
  white-space: pre;
}

div.fleet-adder {
  margin-top: -5px;
  float: right;
}

table.items-listing tr.not-ratified a {
  color: #1e2f36;
}

table.items-listing tr.not-ratified td {
  opacity: 0.5;
}

table.items-listing td.notify,
span.m-content-snippet span.notify {
  padding-left: 25px;
  background: transparent url(/images/parts/!_yellow.png) left center no-repeat;
  color: #6f5d49 !important;
}

span.m-content-snippet span.notify {
  padding-top: 3px;
  padding-bottom: 3px;
}

table.items-listing tr.even {
  border-top: 1px solid #dfdfe1;
  border-bottom: 1px solid #dfdfe1;
  background-color: #e6ebef;
}

.calm-down {
  color: green;
}

div.gallery {
  float: right;
  /*clear  : both;*/
  margin: 0 0 20px 20px;
}

.customdocs div.gallery {
  float: none;
  border-top: 1px solid silver;
  padding-top: 10px;
  width: 98%;
  margin-left: 0;
}

.customdocs div.gallery .img {
  float: left;
  margin: 0 10px 10px 0;
}

.customdocs div.gallery,
.requisites div.gallery {
  float: none;
  margin: 0;
}

/*right {
  display: block;
  text-align: right
}*/

table.customdocs div.gallery,
table.routefleet div.gallery {
  float: none;
  margin: 20px 10px;
}

div.gallery div.pic img {
  width: 150px;
  display: block;
}

.customdocs div.gallery .img,
.requisites div.gallery .img {
  width: 150px;
  height: 120px;
  float: left;
  margin: 0 10px 10px 0;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  float: none;
}

.customdocs div.gallery .img {
  height: 165px;
}

.customdocs div.gallery a,
.requisites div.gallery a {
  display: block;
  height: 100px;
  overflow: hidden;
}

.customdocs div.gallery a.direct {
  height: 60px;
}

.customdocs div.gallery .img i.author {
  padding-top: 3px;
}

.customdocs div.gallery .img a.direct,
.requisites div.gallery .img a.direct {
  display: inline;
}

.customdocs div.gallery .img a.direct {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.customdocs div.gallery .img a,
.requisites div.gallery .img a {
  text-align: center;
}

.customdocs div.gallery .img a.direct i,
.requisites div.gallery .img a.direct i {
  height: 13px;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.customdocs div.gallery .img i.author a,
.requisites div.gallery .img i.author a {
  text-decoration: none;
}

/*.requisites div.gallery .img.pic {
  height: auto;
}*/

.customdocs div.gallery .img i.author a i,
.requisites div.gallery .img i.author a i {
  max-height: 3em;
  /*display: inline-block;*/
}

div.gallery .img {
  margin-bottom: 15px;
  padding: 5px;
  border: 1px solid silver;
  background-color: #ffffff;
}

table.routefleet div.gallery div.pic img {
  width: 100px;
}

table.routefleet div.gallery .img {
  display: block;
  width: auto;
  float: left;
  margin-right: 10px;
}

div.gallery .img i {
  display: block;
  font-size: 0.9em;
  padding: 8px 10px 4px 3px;
}

div.gallery .img i.author {
  padding: 0 0 0 3px;
  color: gray;
  font-style: normal;
}

.separ {
  padding-bottom: 5px;
  border-bottom: 1px solid #edecf1;
}

fieldset.simple {
  clear: none;
  margin: 0;
  box-shadow: 0 1px 2px gray;
}

fieldset.simple fieldset.simple {
  box-shadow: none;
  border: none;
  padding: 0;
}

ol.recursive,
ul.recursive {
  margin-left: 40px;
  font-size: 1.3em;
}

ol.recursive ol,
ul.recursive ul {
  font-size: 1em;
}

div.vis {
  display: block;
  margin: 0;
  padding: 6px;
  border-radius: 5px;
}

div.vis .selectedvalueholder {
  display: inline-block;
}

div.vis .selectedvalueholder .selectedvalue {
  margin: 5px 5px 0 0;
}

div.vis:hover {
  background-color: white !important;
}

div.vis span.label1 {
  display: inline-block;
  width: 100%;
}

div.vis span.label {
  display: inline-block;
  width: 160px;
  background: transparent url(/images/parts/dotted-gray-offset.png) 0 bottom
    repeat-x;
  /*background: transparent url(/images/parts/dotted-gray.png) 0 12px repeat-x*/
}

div.vis span.label span {
  background-color: #eeeeee;
}

div.vis:hover span.label span {
  background-color: white;
}

div.input.documentscan {
  overflow: auto;
  height: auto;
  width: auto;
  max-width: none;
}

div.input.documentscan span.halflink {
  font-size: 0.9em;
}

form.changeload div.input {
    width: 40% !important
}

div.scanned-document {
  float: left;
  margin: 0 10px;
}

div.scanned-document input {
  float: left;
}

div.scanned-document img.img {
  width: 60px;
}

div.scanned-document-content {
  margin-left: 20px;
}

div.scanned-document-content img,
div.scanned-document-content i {
  display: block;
  font-size: 0.8em;
}

div.document-scan-holder {
  border: 1px solid silver;
  background-color: #e2e2e2;
  padding: 10px 1px;
  overflow: auto;
  border-radius: 4px;
  margin-bottom: 10px;
  width: auto;
  float: left;
  margin-right: 20px;
}

.the-documentscan-input {
  border: 1px solid silver;
  background-color: #e2e2e2;
  padding: 10px;
  border-radius: 4px;
}

.the-documentscan-input input.text {
  width: 80px;
}

.the-documentscan-input div.input {
  padding: 0;
  margin: 10px 0;
}

input[type='radio'] {
  display: inline-block;
}

div.offers div.fleet h4 {
  clear: left;
  background-color: #eaeef1;
}

div.offers div.fleet h4.bigger {
  padding-left: 4px;
  font-weight: bold;
}

div.offers {
  border-top: 1px solid #dfdfe1;
}

div.driver-car {
  overflow: auto;
}

div.pricequote div.possibledates {
  clear: right;
  font-size: 0.9em;
}

div#personal-info-output div.possibledates ul {
    list-style: none;
    background-color: #f3f4f6;
    padding: 10px;
    margin: 0 0 5px 0;
    border-radius: 4px;
    border: 1px solid #ddd;
}
div#personal-info-output div.possibledates ul li {
    margin: 0;
    border-bottom: 1px solid #ddd;
    padding: 5px 0
}
div#personal-info-output div.possibledates ul li.last {
    border: none
}
div#personal-info-output div.possibledates ul li span {
    
}

div.possibledates span.datetime {
  font-size: 0.9em;
  color: gray;
  font-style: normal;
  text-shadow: 0 -1px 0 white;
}

div.possibledates ul.normal li.changed  i.td span.datetime,
div.possibledates ul.normal li.changed  i.td {
    color: red
}

table.items-listing h4 {
  line-height: 2em;
  border-bottom: 1px solid silver;
  display: block;
}

form.small textarea {
  line-height: 1em;
  height: 4em !important;
}

.tendermin {
  display: block;
}

.tendermin i {
  display: block;
  font-style: normal;
}

.tendermin i span.passive {
  display: inline;
}

/*div.simple-menu ul.menu.smaller-menu {
  position: relative;
  left: -5px
}

div.simple-menu ul.menu.smaller-menu li span, ul.menu.smaller-menu li a {
  background: none !important;
  border: none; !important;
  color: #0a7ec7 !important;
  text-shadow: none !important;
  text-decoration: underline;
  border-radius: 4px !important;
  font-weight: normal;
  padding: 4px 10px !important
}

div.simple-menu ul.menu.smaller-menu li {
  margin-right: 10px
}

div.simple-menu ul.menu.smaller-menu li span.current, ul.menu.smaller-menu li a.parent {
  background-color: #ddd !important;
  font-weight: bold;
  text-decoration: none;
  color: black !important

} */

div.hr {
  background: transparent url(/images/parts/silver-dot.jpg) 0 8px repeat-x;
  margin: 0 10px;
  font-size: 0.8em;
  font-style: italic;
  color: gray;
}

div.hr span {
  background-color: #caeaf9;
  padding: 0 6px;
  position: relative;
  top: 1px;
}

td.route-action div.hr span {
  background-color: white !important;
}

div.route-changes div.hr {
  margin-top: 10px;
}

div.route-changes div.hr span {
  background-color: #dddddd;
}

.prequotes div.hr {
  text-align: center;
  clear: both;
  margin: 0;
}

.prequotes div.hr span {
  background-color: #f3f4f6;
}

.prequotes small.passive {
  display: block;
  margin-top: 8px;
}

form.imcomplete.prequotes button {
  float: right;
  position: relative;
  margin-top: 10px;
}

p.prequotes {
  margin-top: 10px;
}

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

.doctype-accountingdocument input {
  margin-right: 5px;
}

.doctype-accountingdocument br {
  display: none;
}

.doctype-accountingdocument h3 {
  margin-bottom: 10px;
  margin-top: 20px;
}

tr.bordered {
}

table.rules th,
table.rules td {
  padding: 2px 3px;
  font-size: 0.9em;
}

span.value {
  /*color: gray;
  font-style: oblique;
  text-decoration: underline
  */
}

tr.bordered td,
tr.bordered th {
  border-bottom: 1px solid gray;
  border-collapse: separate;
  padding: 4px;
  border-spacing: 0px;
}

tr.bg td,
tr.db th {
  background-color: #f2f2f2;
}

td.blank {
  background-color: white !important;
  border: none !important;
}

table.document.invoice {
  font-size: 0.65em;
}

body.min table.document {
  text-align: left;
}

ol.alpha {
  padding-left: 20px;
  list-style: decimal outside;
}

table.tabulardata {
  margin: 20px 0;
  width: 100%;
  border-color: white;
  border-collapse: collapse;
  background-color: #caeaf9;
  border-top: solid 4px #1775ba;
}

table.tabulardata.gpsClient {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3px;
  margin-bottom: 4px;
}

table.tabulardata td,
table.tabulardata th {
  padding: 6px 10px;
  text-align: left;
}

table.tabulardata td.fl_l,
table.tabulardata th.fl_l {
  padding: 6px 10px;
  text-align: left;
}

table.tabulardata td.fl_r,
table.tabulardata th.fl_r {
  padding: 6px 10px;
  text-align: right;
}

table.tabulardata td.table_unit {
  padding: 6px 10px;
  text-align: center;
}

table.tabulardata td.route.budget,
table.tabulardata td.route.commission {
  text-align: right;
  padding-right: 10px;
}

table.tabulardata th {
  background-color: #4cb7e6;
  text-shadow: 0 1px 0 #1775ba;
  color: white;
  text-align: center;
}

table.tabulardata tr.sumup th {
  background-color: #1775ba;
}

table.table-input tr.even {
  background-color: #e0e0e0;
}

table.table-input td,
table.table-input th {
  padding: 9px 13px;
}

table.table-input th small {
  font-weight: normal;
  font-size: 0.8em;
}

table.table-input th {
  border-bottom: 1px solid silver;
}

table.table-input td.input-title {
  font-size: 1.1em;
}

table.table-input td label {
  margin: 0;
}

form.low,
div.context {
  padding: 0 20px 10px 20px;
  background-color: #c4ebfc;
  border-color: #4cb7e6;
}

html.webkit form.low {
  padding-top: 10px;
}

div.context {
  margin: 15px 0 10px 0;
  /*background-color: #F2F9FC;
  border-color:  #C4EBFC;*/
  padding-top: 10px;
  font-size: 0.9em;
}

form.low p.tip,
div.context p.tip {
  margin: 10px;
  margin-bottom: 0;
}

form.low button {
  font-size: 0.9em;
}

div.context form {
  display: inline;
}

div.context form button {
  margin-top: 0;
}

div.context form input.text {
  width: 130px;
}

div.context span {
  padding-left: 20px;
  font-family: Tahoma;
  color: #1e2f36;
}

form.route-search {
  /*
  padding-left:18px;
  background: transparent url(/images/parts/search-dark-gray.gif) left center no-repeat
  */
}

p.cloth {
  background-color: white;
  margin: 0;
  padding: 10px 15px;
}

div.alarm {
  background-color: red;
  padding: 20px 30px;
  color: white;
  font-size: 1.5em;
  text-align: center;
}

div.alarm a {
  color: #eeeeee !important;
}

div.softreminder {
  padding: 8px 12px;
  background-color: red;
  /*#FFAAAA;*/
  border: 1px solid #ea8181;
  margin-top: 20px;
  color: white;
  border-bottom-color: #af0000;
  border-top-color: #ffd3d3;
  font-size: 0.9em;
  box-shadow: 0 1px 2px gray;
}

div.softreminder a {
  color: inherit !important;
}

div.softreminder span.passive {
  color: inherit !important;
  font-weight: normal;
}

small.new-sparkle {
  display: block;
  height: 14px;
  line-height: 14px;
  width: auto;
  padding: 0 4px;
  position: absolute;
  top: 0;
  margin-left: 5px;
  background-color: #e54242;
  border-radius: 4px;
  font-size: 0.7em;
  color: white;
  text-align: center;
  border: 1px solid #e54242;
  border-bottom-color: #591515;
  border-right-color: #591515;
  text-shadow: 0 -1px 0 #591515;
  opacity: 0.7;
  text-decoration: none;
}

div.settings-nav small.new-sparkle {
  margin-top: 6px;
}

div.sub-menu small.new-sparkle {
  /*top: -16px*/
  z-index: 10 !important;
}

div.node-news.listitems.ru {
  display: none;
}

table.listing-partners th.node-partners.company {
  padding-left: 49px !important;
}

div.node-news.listitems.content {
  padding: 0 !important;
}

div.main-menu ul.menu li small.new-sparkle {
}

ol.normal {
  margin: 10px 10px 10px 30px;
  list-style: decimal;
}

ul.normal {
  margin-left: 20px;
  list-style: circle;
}

ul.normal li {
  margin-bottom: 4px;
}

ul.normal li.changed {
  cursor: help;
}

ul.normal li.changed i.datetime {
    color: red
}

ol.normal li {
  margin-bottom: 4px;
}

ul.normal li .td {
  float: right;
}

.error,
.deletebutton {
  color: red !important;
}

.deletebutton {
  font-size: 0.8em;
}

button.deletebutton {
  padding: 2px 4px;
}

p.clipboard {
  margin: 10px 20px 0 20px;
  font-family: monospace;
  background: #ffffb2 url(/images/parts/1s_icon.png) 10px 50% no-repeat;
  color: #3f4096;
  text-shadow: 0 -1px 0 #ee3338;
  padding: 5px 8px 5px 41px;
}

div.doctype.onesform {
    background-color: #ffffb2;
    width: auto;
    margin: 0 20px;
    display: block;
    border-top: 1px solid orange
}

div.doctype.onesform div.input {
    width: 100% !important;
    max-width: 100%
}

div.doctype.onesform textarea {
    height: 80px;
    width: 95%;
    max-width: 700px;
    border-color: orange
}

table.chronos {
  background-color: #e8ebeb;
  height: auto;
}

table.chronos tr td {
  padding: 4px 10px;
}

table.chronos tr {
  height: 44px;
}

table.chronos tr.others {
  background-color: #eeeeee;
}

table.chronos tr td.author {
  color: gray;
  font-style: normal;
  font-size: 0.9em;
}

/*button.toroutestatus-10 {
  background-image: url(/images/parts/out_icon.png)

}*/

span.usermark {
  cursor: pointer;
  /*border: 1px solid #AD7122;
  background: transparent;
  border-radius: 10px;
  height: 12px;
  width: 12px;
  display: block;
  float: right;
  margin-left: 10px;
  box-shadow: 0 0 2px #9E6317 inset*/
  height: 16px;
  width: 16px;
  display: block;
  margin-left: 10px;
  float: right;
  background-image: url(/images/parts/star-hollow.png);
  background-repeat: no-repeat;
  background-position: center;
}

span.usermark.checked {
  /*background-color: #E8A74D*/
  background-image: url(/images/parts/star-filled.png);
}

button:active,
a.button:active {
  position: relative;
  top: 1px;
}

tr.the-route.partners {
  opacity: 0.4 !important;
  font-size: 0.8em;
}

img.widget-uparrow {
  position: absolute;
  z-index: 11;
}

div.widget {
  background-color: #c4ebfc;
  border: 4px solid #4cb7e6;
  text-align: left;
  position: fixed;
  z-index: 11;
  border-radius: 10px;
  width: 250px;
  max-height: 500px;
  overflow-x: auto;
  box-shadow: 0 5px 5px black;
}

div.widget div.item {
  padding: 5px 12px;
  line-height: 1.2em;
  border-bottom: 1px solid rgba(193, 193, 193, 0.2);
}

div.widget div.item.unread {
  background-color: #9ccfe5;
}

div.widget div.item a:link,
div.widget div.item a:visited {
  color: #444444;
}

/*div.widget div.item a:visited {
  color: #2F007C
}
div.widget div.item.unread {
  color: #333333
}*/

div.widget div.item span.datetime {
  font-size: 0.8em;
  float: right;
  margin: 0;
  color: #999999;
}

div.widget div.item.unread span.datetime {
  color: #888888;
}

div.widget div.item span.time {
  margin: 0;
}

div.messages.widget {
  padding: 0;
}

div.widget div.current {
  background-color: #1378bf;
}

div.widget div.current a {
  color: white !important;
  text-decoration: none;
  font-weight: bold;
  cursor: default;
}

.micro-ui,
.micro-ui * {
  cursor: pointer;
  /*text-decoration: navy dotted underline;*/
}

div.doctype-accountingdocument form {
  margin: 0;
}

div.checkboxgroup {
  margin-bottom: 15px;
}

div.actual-document {
  background-color: white !important;
  padding: 0.4in;
  text-align: left;
}

div.actual-document p,
div.actual-document ul {
  padding-left: 20px;
}

div.actual-document ul
  /*, div.route-part-detail ul*/ {
  margin-left: 30px;
}

div.route-part-detail ul {
  list-style-type: none;
}

div.route-part-detail ul li {
  margin: 5px 0 4px 5px;
}

div.actual-document ul li {
  margin-bottom: 6px;
  font-size: 0.9em;
}

div.actual-document p {
  margin: 20px 0 10px 0;
}

div.actual-document h3,
div.actual-document h4 {
  margin: 20px 0 10px 0;
}

div.pagenav {
  margin-top: 10px;
}

.items-listing .pagenav {
  margin: 10px 20px;
  font-size: 0.9em;
  padding-bottom: 10px;
  border-bottom: 1px solid silver;
}

.singlepagenav {
  display: inline-block;
  font-size: 1.3em;
}

.singlepagenav a {
  padding: 2px 8px;
  display: inline-block;
  margin-right: 5px;
}

.singlepagenav.parent a {
  color: #256bab !important;
  background-color: #c4ebfc;
  text-decoration: none;
  border: #4cb7e6 1px solid;
  border-radius: 20px;
}

ul.simple-pagination {
  list-style: none;
}

.simple-pagination {
  display: block;
  overflow: hidden;
  padding: 0 5px 5px 0;
  margin: 0;
}

.simple-pagination ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
  text-align: center;
}

.simple-pagination li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.simple-pagination a,
.simple-pagination span,
.simple-pagination .next.current,
.simple-pagination .prev.current {
  display: inline-block;
  text-decoration: none;
  color: #666666;
  font-size: 0.9em;
  line-height: 24px;
  font-weight: normal;
  text-align: center;
  border: 1px solid #bbbbbb;
  min-width: 14px;
  padding: 1px 7px 0 7px;
  margin: 0 5px 0 0;
  border-radius: 3px;
  /*box-shadow: 0 1px 2px rgba(0,0,0,0.2);*/
  background: #efefef;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
  /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #efefef)
  );
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
  /* IE10+ */
  background: linear-gradient(top, #ffffff 0%, #efefef 100%);
  /* W3C */
}

.simple-pagination a:hover {
  text-decoration: none;
  background: #fcfcfc;
}

.simple-pagination .current {
  background: #c4ebfc;
  color: #256bab;
  border-color: #4cb7e6;
  font-weight: bold;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
  cursor: default;
}

.simple-pagination .next.current,
.simple-pagination .prev.current {
  color: silver;
  box-shadow: none;
  border-color: silver;
  opacity: 0.5;
}

.simple-pagination .ellipse {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-weight: bold;
  cursor: default;
}

div.actual-document pre em {
  font-style: normal;
}

.avatar small {
  fonts-family: 'FreeSetLightC', Arial;
  font-size: 0.7em;
}

small.helper {
  background-color: #e9a84c;
  border-radius: 0.9em;
  padding: 1px;
  /*border: 1px solid #7F5213;s*/
  box-shadow: 0 1px 1px #7f5213;
}

small.helper a {
  color: white !important;
  text-shadow: 0 0 3px #7f5213;
  text-decoration: none;
}

small.helper a i {
  font-style: normal;
  font-size: 0.9em;
  display: inline-block;
  background-color: white;
  border-radius: 0.7em;
  /*border: 1px solid #7F5213;*/
  width: 1.3em;
  text-align: center;
  color: #7f5213;
}

small.helper.right {
  float: right;
}

.webkit fieldset.checkpoint {
  top: -10px;
}

.webkit fieldset.checkpoint legend {
  height: 43px;
  top: 25px;
}

.webkit center.more-routeparts {
  top: -10px;
  ва®line-height: 60px;
  height: 65px;
}

.opera fieldset.checkpoint legend {
  margin-top: 0;
}

.opera fieldset.checkpoint {
  top: 7px;
}

.opera center.more-routeparts {
  top: 7px;
  height: 90px;
}

.opera fieldset.checkpoint small.closer {
  margin-top: 3px;
  z-index: 99;
  position: relative;
}

.opera form#addroute fieldset.simple-block {
  margin-top: 30px;
}

form.neat {
  border: 1px solid white;
  background-color: #dddddd;
  padding: 10px 20px;
}

td.route-summary div.rest div.accounting table h5 {
  font-size: 1em;
  color: gray;
  margin-top: 10px;
}

td.route-summary div.rest div.accounting table {
  background-color: #ffffe0;
}

td.route-summary div.rest div.accounting table td {
  padding-left: 10px;
  min-width: 200px;
}

td.route-summary div.rest div.accounting table td a {
  color: #939366;
}

small.tonnprice {
  display: block;
}

nav.neighbors {
  list-style: none;
  margin-top: 20px;
  font-size: 0.9em;
}

nav.neighbors li.next {
  float: right;
}

div.listitems.vis.node-news.moment {
  color: gray;
  padding-left: 0 !important;
  font-size: 0.9em !important;
  margin-top: 20px !important;
}

div.routeview form.simple {
  border: none !important;
}

form#addroute div.input.payment label {
  display: none;
}

.naked div.input {
  margin: 0;
}

form#addroute div.input.payment ins label {
  display: inline;
}

img.loadchange {
  position: relative;
  top: 3px;
  margin-left: 10px;
  cursor: pointer;
}

form ins.sub {
  margin-top: 5px;
  margin-left: 20px;
  width: 600px;
}

.payment ins.disabled label b {
  color: silver !important;
  cursor: default;
  border: none;
}

.payment ins label b {
  font-weight: normal;
  color: black;
  text-shadow: 0 1px 0 white;
}

#addroute #remark {
  background-color: white;
}

textarea[disabled] {
  color: gray;
}

#addroute textarea#routeterms {
  width: 450px !important;
  max-width: 600px;
  background: #f2f5f5;
  height: 3em;
}

textarea#routeterms[disabled] {
  background: #e6e7e9;
}

.longterm .money {
  color: brown;
}

li.index_php_display_tender {
  /*border-left: 1px dotted rgba(14,123,173,0.7);*/
}

p.indent {
  text-indent: 2em;
}

.softholder div.softmenu,
.softholder h3,
div.draggable {
  cursor: grab;
}

div.draggable {
  border: 1px outset gray;
  background-color: silver;
}

div.input.inline label {
  margin: 0;
}

div.listitems.vis.node-category.remark nobr {
  white-space: normal;
}

.widget div.item b {
  color: #37a83c;
  font-size: 1.4em;
  margin-top: 20px;
  display: block;
}

.ie8 .more-routeparts {
  z-index: 99;
}

.widget div.item a b {
  color: inherit;
  font-size: 1em;
  margin: auto;
  display: inline;
}

div.welcome-screen {
  background: #fffee8;
  margin: 10px 0;
  border: 1px outset #f4dd9f;
  border-radius: 6px;
  padding: 19px 30px;
  font-size: 1em;
  line-height: 1.4em;
  color: gray;
  text-align: left
}

div.welcome-screen.alarm {
  background: #fff0e8;
}

div.welcome-screen ul {
  padding: 00px 0 00px 20px;
  color: black;
}

div.welcome-screen ul li {
  margin: 17px 0;
  font-size: 1.2em;
  line-height: 1.2em;
}

html.ie8 #route-adder-link,
html.ie8 #freetr-adder-link {
  background: #04912c !important;
  filter: none !important;
}

td.report-weight,
td.report-budget,
td.report-rp,
th.report-weight,
th.report-budget,
th.report-rp {
  text-align: right !important;
  padding-right: 100px !important;
}

tr.total {
  background-color: #1775ba;
  text-shadow: 0 1px 0 #1775ba;
  color: white;
  font-weight: bold;
}

div.routeview.wider fieldset.simple div.items-listing {
  box-shadow: none;
  border: none;
}

body.expeditor table.listing-partners input.text {
  width: 70px;
}

body.expeditor table.listing-partners div.discounttype label {
  display: block;
  margin: 0;
}

body.expeditor table.listing-partners td {
  /*padding: 4px*/
}

table.tabulardata tr.sent td {
  background-color: #f7cad1;
}

div.alarm.welcome-screen a {
  color: #e55e29 !important;
}

.only-ie {
  display: none;
}

html.ie .only-ie,
body.ie .only-ie {
  display: block;
}

div.othercontactinfo nobr {
  white-space: normal;
}

.invoices a.document-button {
  display: inline-block;
  margin: 3px 0 0 0;
  width: 130px;
  min-height: 20px;
  font-size: 0.8em;
}

.invoices a.document-button i {
  background: none;
  padding: 3px 0 0 5px;
  min-height: 10px;
  font-size: 1em;
}

div.paid {
  color: gray !important;
  font-size: 0.9em;
}

div.paid * {
  color: gray !important;
}

small.complextoggler {
  text-indent: -10000;
  display: block;
  cursor: pointer;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
}

small.inputhint {
  display: block;
}

a.hint {
  cursor: help !important;
  border: 1px solid #dddddd;
  border-radius: 10px;
  padding: 1px 4px;
}

sub.under {
  overflow: visible;
  position: relative;
  top: 1em;
  display: inline-block;
  left: -4em;
  font-size: 0.7em;
  font-weight: normal;
  white-space: pre;
}

img.rloader {
  margin-top: 20px;
}

select {
  max-width: 240px !important;
}

.sidebar {
  width: 250px;
  border-right: 1px solid #dddddd;
  padding-right: 15px;
  float: left;
}

div.axisnav h4 small {
  font-size: 0.8em;
  font-weight: normal;
  float: right;
}

div.axisnav ul {
  list-style: none;
}

div.droppable {
  border: 1px inset gray;
}

div.droppable.axis-x {
  height: 20px;
}

div.droppable.axis-y {
  height: 100px;
  width: 40px;
}

div.input.axisnav {
  margin-top: 0;
  margin-bottom: 10px;
}

div.inroutechange div.input {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0;
}

div.inroutechange {
  border-radius: 5px;
  box-shadow: 0 0 5px #c95008;
  padding: 5px 10px 15px 5px;
  background-color: #ffe8db;
}

div.inroutechange form {
  margin: 0;
  padding: 0;
}

div.inroutechange input.liner {
  width: 150px;
  font-size: 0.9em;
}

div.inroutechange small.f {
  display: inline-block;
  width: 70px;
}

table.items-listing.listing-partners td big {
  white-space: normal;
}

/*menudrop start*/

div.menudrop {
  position: absolute;
  width: 200px;
  box-shadow: 0px 0px 20px black;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
  margin-top: 5px;
  z-index: 9;
}

div.menudrop ul {
  text-align: left;
  margin: 0;
  padding: 0;
  background-color: white;
}

div.menudrop ul li {
  float: none;
  background: transparent;
  background-image: none;
  border-radius: 0;
  display: block;
  margin: 0;
  padding: 10px 3px 0px 10px;
  text-align: left;
  line-height: 1.4em;
  border-top: 1px solid #eeeeee;
  text-transform: none !important;
}

div.menudrop ul li.last {
  border-bottom: none;
}

div.sub-menu ul li div.menudrop ul li.current {
  font-weight: bold;
  text-decoration: none !important;
  background-color: #1775bb;
  color: white;
}

div.menudrop ul li:not(.current):hover {
  background-color: #e0f2ff;
  cursor: pointer;
}

body.ie11 div.sub-menu ul li div.menudrop ul li a {
  background-color: white !important;
}

body.ie11 div.menudrop ul li:not(.current):hover a {
  background-color: #e0f2ff !important;
}

body.ie11 div.sub-menu ul li div.menudrop ul li.current a {
  background-color: #1775bb !important;
}

div.sub-menu ul li div.menudrop ul li.current a {
  color: white !important;
  cursor: default !important;
}

div.sub-menu ul li div.menudrop ul li a {
  display: block;
  border: none;
  border-radius: 0;
  padding: 0px 5px;
  background-color: inherit !important;
  line-height: 1.4em !important;
  background-image: none !important;
}

div.sub-menu ul li.hasdrop ul li.child {
  font-size: 0.9em;
  line-height: 1em;
  height: 25px;
  padding-top: 5px;
  overflow: hidden;
}

p.height-contract.extended {
  max-height: none;
}

p.height-contract {
  font-size: 0.9em;
  /* max-height: 45px; */
  overflow: hidden;
}

p.height-contract-cosmetic {
  font-size: 0.9em;
  overflow: hidden;
  position: relative;
}

p.height-contract-cosmetic.active {
  max-height: 45px;
}
p.height-contract-cosmetic.active::before {
  content: '';
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  height: 15px;
  background: linear-gradient(180deg, transparent 0%, #f3f4f6 80%);
}
a.height-contract-cosmetic__btn,
a.height-contract-cosmetic__btn:visited,
a.height-contract-cosmetic__btn:active,
a.height-contract-cosmetic__btn:link,
a.height-contract-cosmetic__toggle,
a.height-contract-cosmetic__toggle:visited,
a.height-contract-cosmetic__toggle:active,
a.height-contract-cosmetic__btn:link {
  color: #0a7ec7;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px dashed;
}

div.sub-menu ul li.hasdrop a,
div.sub-menu ul li.hasdrop span {
  padding-right: 25px !important;
  background: transparent url(/images/parts/darr.svg) right no-repeat !important;
}

div.sub-menu ul li.hasdrop span {
  background-color: white !important;
}

/*
div.sub-menu ul li div.menudrop ul li.attention {
  background-color: #FCF3E8
}

div.sub-menu ul li div.menudrop ul li.work {
  background-color: #E8F6FC
}

div.sub-menu ul li div.menudrop ul li.vacant {
  background-color: #F4F4F4
}
*/

/*menudrop ends*/

div.menudrop var.routesquan {
  float: right;
  display: inline-block;
  color: gray;
  font-style: normal;
  font-size: smaller;
  margin-right: 10px;
}

div.menudrop li.current var.routesquan {
  color: #dddddd;
}

td.ordernumber,
th.ordernumber {
  padding-right: 0px !important;
}

div.route-guts-holder {
  max-width: 795px !important;
  overflow-x: auto;
  float: left;
}

ul li.index_php_only_mine.hasdrop {
  margin-left: 30px !important;
}

fieldset.outsideconfirm input.datepicker {
  width: 140px !important;
}

div.input ins.timeselectorholder {
  display: block;
  margin: 5px 0;
  height: 1em !important;
}

div.moved div.input {
  margin-bottom: 1px;
}

small.mcubeprice, 
small.kmprice, 
small.palletprice, 
small.decaliterprice {
  display: block;
}


div.softnav.people {
  height: auto;
}

form.blank {
  border: none !important;
  background-color: transparent !important;
}

fieldset.wlegend {
  padding: 20px;
  margin: 20px 0;
  display: block;
  clear: right;
}

fieldset.wlegend legend {
  position: relative;
  top: 30px;
  background-color: transparent;
}

div.tenderavailableuntilmoment_time label {
  display: none !important;
}

.moneyoutput {
}

.s_routefooter,
.s_routeheader {
  margin: 3px 14px;
  /*border: 1px solid red;*/
  color: #476570;
}

.s_routefooter {
  margin: 0;
}

.s_routeheader {
  line-height: 35px;
  margin-top: 0;
  margin-bottom: 0;
}

.s_routeheader .usermark {
  float: left;
  margin: 8px 10px 0 15px;
  background-image: url(/images/parts/s/Star_1.png);
}

.s_routeheader .usermark.checked {
  background-image: url(/images/parts/s/Star_2.png);
}

.usermark-bookmark {
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-image: url(/images/parts/bookmark.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.usermark-bookmark.checked {
  background-image: url(/images/parts/bookmark-solid.svg);
}

.s_routeheader .usermark-bookmark {
  float: left;
  margin: 8px 0 0 0px;

}

.route-spec-holder .usermark-bookmark {
  float: right;
  margin: 10px;
}

.s_routeheader .icon-tender {
  background-image: url(/images/parts/s/Tender.png);
  padding-left: 25px !important;
  background-position: 0 10px;
  display: inline-block;
  margin-left: 20px;
}

.s_terms {
  font-size: 10px;
  display: inline;
  height: auto;
}

.s_routeheader .moneyoutput .s_terms,
.s_routeheader .moneyoutput br,
.s_routeheader .moneyoutput .tendermin {
  display: none;
}

.s_routeheader .moneyoutput {
  max-width: 470px;
}

.s_routeheader .moneyoutput span.passive {
  display: inline-block;
}

.s_free,
.s_routeheader .moneyoutput .s_tenderaction {
  margin-left: 120px;
  border-top: 1px solid #d9ddde;
  line-height: 1.6em;
  padding-top: 3px;
  display: block;
}

table.s_routegeo {
  margin: 0;
  padding: 0;
  border-color: #f7f7f7 !important;
  border-top: 1px solid #f7f7f7;
  border-bottom: 1px solid #f7f7f7;
  background-color: white;
  border-collapse: collapse;
  width: 100%;
  font-family: FreeSetLightC, Arial, sans-serif !important;
  max-width: 800px !important;
  overflow: hidden;
}

table.s_routegeo a,
.s_routefooter table a {
  text-decoration: none;
}

/* defaulting */

tr.s-route *:not(tip),
td.route-summary table tr.s_points td a small nobr {
  font-size: 12px !important;
  font-family: FreeSetLightC, Arial !important;
  font-style: normal !important;
  color: #4f6672;
}

tr.s_cal td.first span.distance nobr {
  /*color: silver !important*/
}

tr.s_points td a nobr {
  font-size: 18px !important;
  line-height: 1em;
}

tr.s_points td a small nobr {
  font-size: 13px !important;
}

div.s_routefooter td.s_money span.money span.moneyoutput var.money var,
div.s_routefooter td.s_money span.money span.moneyoutput var.money var small {
  color: #c9500a !important;
  font-size: 16px !important;
  font-weight: normal !important;
}

span.s_providerdetails a,
span.s_providerdetails a code,
div.s_routefooter i.response div.s_car * {
  color: #0a7ec7 !important;
  cursor: pointer;
}

td.route-action button.btn {
  color: #c7f5bc !important;
  font-size: 13px !important;
}

td.route-action button.btn.disabled {
  color: gray !important;
}

div.s_routeheader .route-author {
  font-size: 1.1em !important;
}

td.route-summary table tr.s_points td a nobr {
  color: #0a7ec7 !important;
  font-family: segoe, FreeSetLightC, Arial !important;
  line-height: 1.3em !important;
}

.s_routeheader span.s_tender var,
span.moneyoutput .s_tenderval {
  color: #ad2a2a !important;
  font-size: 1.1em !important;
}

.route-detail-cross var.money small.passive {
  display: block;
}

.newline {
  display: block;
}

.s_routeheader span.s_tender small,
.s_routeheader span.s_tender small.passive {
  font-size: 1.1em !important;
}

/* defaulting ends*/

.s_routefooter table {
  margin: px 0;
}

.s_routefooter table tr td {
  width: 170px;
  border-right: 1px solid #f7f7f7;
  font-size: 0.9em;
  padding: 0 10px 0 0;
  max-height: 70px;
  overflow: hidden;
}

.s_routefooter table tr td.s_response {
  /*min-width: 430px;*/
  width: 50%;
  border-right: none;
}

.s_routefooter table {
  width: 100%;
}

td.s_cargo .cargo {
  margin: 10px 0px 0 15px;
  padding: 3px 0 0 23px !important;
  font-style: normal;
  overflow: hidden;
  min-height: 20px;
  word-break: break-all;
  white-space: normal;
}

.s_routefooter table tr td.s_quarter {
  width: 25%;
}

table.s_routegeo tr.s_cal td {
  height: 25px;
  line-height: 25px;
}

td.s_response i.response {
  background-color: transparent;
  float: none;
  vertical-align: top;
  height: 15px;
  padding-top: 0;
  padding-bottom: 0;
  height: 100%;
  overflow: hidden;
  position: relative;
}

td.s_response i.response div.s_col {
  margin-right: 0;
  display: inline-block;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
}

.s_providerdetails {
  margin-left: 15px;
}

td.s_response i.response div.s_col.s_car {
  border-right: 1px solid #f7f7f7;
  width: 47%;
  padding-right: 0;
}

td.s_response div.s_ttnsender button {
  margin: 0 0 5px -5px;
}

td.s_response i.response div.s_col code {
  display: block;
}

td.s_response i.response div.s_col.s_response {
  max-width: 40%;
  overflow: hidden;
}

td.s_response i.response div.s_col .s_responsedosierlink {
  display: none;
}

table.s_routegeo tr.s_cal td.first {
  background: transparent url(/images/parts/s/cal.png) 15px 4px no-repeat;
  padding-left: 40px;
}

table.s_routegeo tr.s_cal td.last span.dateholder,
table.s_routegeo tr.s_cal td.first span.dateholder {
  font-size: 0.8em;
  color: #868e91;
  display: inline;
}

table.s_routegeo tr.s_cal span.dateholder {
  display: none;
}

table.s_routegeo tr.s_points td {
  height: 60px;
}

div.s_progress {
  height: 3px;
  line-height: 3px;
  background-color: #d1d9dc;
  border-width: 1px 0;
  border-color: white;
  border-style: solid;
  margin-bottom: 5px;
  margin-top: 1px;
  position: relative;
  z-index: 2;
}

div.s_progress.overlay {
  position: absolute;
  background-color: #5dab48;
  z-index: 3;
  width: 43px;
  margin-top: -10px;
}

.complete div.s_progress,
td.menext.last div.s_progress {
  background-color: #5dab48;
}

td.first div.s_progress {
  margin-left: 20px;
}

td.last div.s_progress {
  width: 20px;
}

span.tip-popper {
  display: block;
  position: absolute;
  z-index: 998;
  background-color: #4cb7e6;
  padding: 0.7em 1em;
  color: white !important;
  border-radius: 4px;
  box-shadow: 0 3px 5px gray;
  margin-top: 5px;
}

td.uncharge a,
td.border a,
td.customs a,
td.charge a {
  background-image: url(/images/parts/s/checkpoint-icons/customs.png);
  background-position: 0 1.5px;
  background-repeat: no-repeat;
  position: relative;
  z-index: 4;
}

td.charge a {
  background-image: url(/images/parts/s/checkpoint-icons/charge.png);
}

td.uncharge.last a.sea {
  background-image: url(/images/parts/s/checkpoint-icons/uncharge-sea.png) !important;
}

td.uncharge a {
  background-image: url(/images/parts/s/checkpoint-icons/uncharge.png);
}

td.border a {
  background-image: url(/images/parts/s/checkpoint-icons/border.png);
}

table.s_routegeo td.first.charge a,
table.s_routegeo td.last a {
  background: transparent url(/images/parts/s/checkpoint-icons/charge-big.png)
    0px 7px no-repeat;
  height: 48px !important;
  display: inline-block;
  font-size: 1.5em;
  text-decoration: none;
  padding-left: 30px;
  margin-left: 10px;
  position: relative;
  top: 7px;
  line-height: 0.8em;
  width: auto;
  max-width: 200px;
  text-indent: 0;
}

table.s_routegeo td.uncharge.last a {
  background-image: url(/images/parts/s/checkpoint-icons/uncharge-big.png);
}

td.charge a,
td.uncharge a,
td.customs a,
td.border a {
  width: 34px;
  height: 33px;
  display: inline-block;
  text-indent: -10000px;
  position: relative;
  top: 11px;
}

.webkit td.customs a {
  top: 9px;
}

tr.s_points td {
  /*width: 50px !important;*/
  overflow: hidden;
  text-align: center;
}

tr.s_points td.customs,
tr.s_points td.border {
  width: 50px !important;
}

tr.s_points td.last,
tr.s_points td.first {
  text-align: left;
}

td.charge a small,
td.uncharge a small {
  display: none;
}

table.s_routegeo tr.s_points td.first a small,
table.s_routegeo tr.s_points td.last a small {
  display: block;
  font-size: 0.5em;
  text-shadow: 0px 0px 3px white;
}

td.s_money span.money {
  padding-top: 8px;
  padding-left: 15px;
}

.s_addendum {
  float: right;
  margin-right: 5px;
}

img.useravatar {
  max-width: 100%;
  max-height: 100px;
  border-radius: 10px;
  border: 2px solid #c4c9cc;
}

.settings-nav img.useravatar.thumb {
  max-height: 15px;
  border-width: 1px;
  position: relative;
  top: 4px;
  right: 5px;
}

fieldset.dir-4 div.input,
fieldset.dir-4 input.text {
  display: none;
}

fieldset.dir-4 div.input.bordercrossingat,
fieldset.dir-4 div.input.bordercrossforoperator,
fieldset.dir-4 div.input.duration {
  display: inline-block;
}

fieldset.dir-4 div.input.duration input {
  width: 200px;
  display: block;
}

fieldset.dir-4 .bordercrossingat input.text {
  display: block !important;
  padding-left: 4px !important;
}

fieldset.dir-4 div.input.bordercrossingat,
fieldset.dir-4 input.text {
  width: 400px;
  max-width: 400px;
}

span.labeled {
  display: block;
  /*border-top: 1px dotted silver*/
}

span.labeled label {
  display: inline-block;
  margin: 0;
  width: 110px;
}

span.labeled strong,
span.labeled b {
  font-weight: normal;
}

/**
 * Container
 */

.ac_container {
  margin: 0;
  padding: 0;
  width: auto;
  border: none;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  max-width: 100%;
}

.ac_input {
  border: 1px solid #7799bb;
  border-right: none;
  background-color: white;
  display: block !important;
  padding: 1px 3px 2px;
  margin: 0;
  width: 320px;
  float: left;
  border-radius: 4px 0px 0px 4px;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  max-width: -webkit-calc(100% - 13%);
  max-width: calc(100% - 13%);
  height: 16px;
  min-height: 16px !important;
}

/*html.webkit.mac div.ac_container input.ac_input {
    min-height: 16px !important;
    display: none !important
}*/

.ac_container_open .ac_input {
  border-radius: 4px 0px 0px 0px !important;
}

/**
 * "Get all" button
 */

.ac_button {
  border: 1px solid #7799bb;
  width: 16px;
  text-align: center;
  position: relative;
  cursor: pointer;
  float: left !important;
  clear: none !important;
  padding: 0px !important;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  min-height: 19px;
}

.ac_container_open .ac_button {
  border-bottom-right-radius: 0 !important;
}

.ac_button img {
  position: absolute;
  height: 16px;
  width: 16px;
  top: 2px !important;
  left: 0;
}

.ac_btn_out {
  background: #bbddee;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eeffff', endColorstr='#99aabb');
  background-image: linear-gradient(to bottom, #eeffff, #99aabb);
}

.ac_btn_on {
  background: #ddeeee;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#bbbbcc');
  background-image: linear-gradient(to bottom, #ffffff, #bbbbcc);
}

/**
 * Results
 */

.ac_result_area {
  max-height: 320px;
  overflow: auto;
  background-color: transparent;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  z-index: 100;
  display: none;
  border: 1px solid #7799bb;
  border-top: 0;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.acn_results {
  background-color: white;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ac_results li {
  margin: 0;
  height: auto !important;
  padding: 3px 5px;
  white-space: nowrap;
  color: #000000;
  text-align: left;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  cursor: default !important;
  min-height: 1em
}

.ac_results li[disabled='disabled'] {
  color: gray !important;
}

.ac_selected {
  background-color: #ddeeff;
  font-weight: bold;
}

.ac_over {
  cursor: default;
  background-color: #3366cc;
  color: #ffffff !important;
}

.ac_over[title=' '],
.ac_over[disabled='disabled'] {
  cursor: default;
  background-color: transparent;
  color: gray !important;
  text-shadow: none;
}

/**
 * 選択してないほうの表示を暗くする
 */

.ac_results_off {
  background: rgba(255, 255, 255, 0.8);
}

.ac_input_off {
  background: #eeeeee;
  color: #555555;
}

.ac_hide {
  display: none;
}

/**
 * Navi
 */

.ac_navi {
  background: #eeeeee;
  border-bottom: 1px solid #7799bb;
  margin: 0;
  padding: 4px;
  text-align: right;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  display: none;
}

.ac_navi a:link,
.ac_navi a:visited,
.ac_navi a:hover,
.ac_navi a:active {
  color: blue;
  text-decoration: underline;
  margin: 0px 4px;
  font-weight: normal;
}

.ac_navi p {
  text-align: center;
  color: black;
  padding-top: 4px;
  margin: 0;
}

.ac_navi .current {
  font-weight: bold;
  font-size: 16px;
  color: #0000cc;
}

.ac_navi .page_end {
  color: gray;
  margin: 0px 4px;
  font-weight: normal;
}

.navi_page,
.navi_first,
.navi_prev,
.navi_next,
.navi_last {
  margin: auto 4px !important;
}

.ac_navi .info {
  margin: 0px !important;
  padding: 0px !important;
}

/**
 * Sub-info
 */

.ac_subinfo {
  margin: 0px !important;
  padding: 0px !important;
}

.ac_subinfo dl {
  display: none;
  z-index: 200;
  border: 1px solid #aaaaaa;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  width: 260px;
  margin: 0;
  position: absolute;
  background: #eeeeee;
  color: #000000;
}

.ac_subinfo dt {
  width: 92px;
  word-wrap: break-word;
  clear: both;
  float: left;
  margin: 0;
  padding: 2px 4px;
  font-size: 13px;
  text-align: left;
  font-weight: normal;
  background: #cedff7;
  color: #37486a;
}

.ac_subinfo dt.hide {
  display: none !important;
}

.ac_subinfo dd {
  width: 152px;
  float: left;
  word-wrap: break-word;
  margin: 0;
  padding: 2px 4px;
  font-size: 13px;
}

/**
 * Select only
 */

.ac_container .ac_select_ng {
  background: #ffcccc;
}

/**
 * Simple
 */

.ac_s_input {
  border: 1px solid #7799bb;
  background-color: white;
  display: block !important;
  font-size: 16px;
  padding: 4px;
  margin: 0;
  width: 320px;
  float: left;
  border-radius: 4px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
}

.ac_container_open .ac_s_input {
  border-radius: 4px 4px 0px 0px !important;
}

/**
 * Text Area
 */

.ac_textarea {
  border: 1px solid #7799bb;
  background-color: white;
  font-size: 16px;
  padding: 4px;
  margin: 0;
  border-radius: 4px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
}

div.route-changes form.small div.input select#driver,
div.route-changes form.small div.input select#car,
div.route-changes form.small div.input select#trailer {
  width: 183px;
}

.grouped_phone {
  height: 28px;
}

.grouped_phone input {
  float: left;
  margin-right: 5px;
}

.grouped_phone input.phone_cc {
  width: 3em;
}

.grouped_phone input.phone_rc {
  width: 3em;
}

.grouped_phone input.phone_ph {
  width: 7em;
}

span.distance {
  position: absolute;
  /*margin-left: 46px;*/
  font-weight: normal;
  color: silver !important;
}

tr.s_cal td.first span.dateholder {
  width: 150px;
  display: inline-block !important;
}

div.routegroup div.routegroup {
  box-shadow: none;
  margin: 0px;
  padding: 0px;
  border: none;
}

div.routegroup div.routegroup > h4 {
  display: none;
}

div.routegroup div.routegroup .routeblockau {
  display: none;
}

.routenextblock {
  text-align: center;
  padding: 10px 0;
}

.routenextblock img {
  display: none;
}

div.widgetmodal {
  background-color: black;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 996;
}

#top-menu div.widgetmodal {
  z-index: 10;
  opacity: 0.1;
}

div.driver-car h4.icon-person {
  padding-left: 22px !important;
  background-position: 0 10px;
}

.message address {
  display: inline;
}

body.ua .forru {
  display: none;
}

body.ru .forua {
  display: none;
}

.topic-text img {
  max-width: 995px;
}

#captcha {
  position: relative;
  top: 4px;
}

#payment-paymenttype-raiseprice-appropriate_operator select {
  height: 24px !important;
}

div.input.shrinked select {
  height: 28px;
}

/*#payment-paymenttype-raiseprice-appropriate_operator input.text,*/
div.category select,
div.category input.ac_input {
  height: 13px !important;
}

#payment-paymenttype-raiseprice-appropriate_operator div.input.paymenttype,
#payment-paymenttype-raiseprice-appropriate_operator
  div.input.appropriate_operator {
  width: 320px !important;
  max-width: 320px !important;
}

#payment-paymenttype-raiseprice-appropriate_operator div.input label {
  display: inline-block;
  margin-right: 10px;
}

#payment-paymenttype-raiseprice-appropriate_operator div.input label.minor {
  width: 50px;
}

#payment-paymenttype-raiseprice-appropriate_operator div.input select {
  display: inline-block;
}

#payment-paymenttype-raiseprice-appropriate_operator label.tabled {
  /*background-color: red;*/
  display: inline-block !important;
  width: 180px !important;
}

#payment-paymenttype-raiseprice-appropriate_operator select.tabled-input {
  width: 106px !important;
}

#payment-paymenttype-raiseprice-appropriate_operator input.tabled-input {
  width: 100px !important;
}

#payment-paymenttype-raiseprice-appropriate_operator
  input.tabled-input.datepicker {
  width: 80px !important;
  padding-left: 22px !important;
  font-size: 1em;
  line-height: 1.8em !important;
}

#payment-paymenttype-raiseprice-appropriate_operator div.payment div.input {
  display: block !important;
  margin-top: 10px;
  float: none !important;
}

div.appropriate_operator small {
  display: inline-block;
  position: relative;
  left: -2px;
}

div#tenderdetails {
  /*background-color: red*/
}

#partnerscheckboxes input.search-searchable,
#partnerscheckboxes label.searchable {
  float: left;
  clear: left;
}

.opoffert {
  display: inline-block;
}

fieldset.dir-1 .input.bordercrossingat {
  display: none;
}

.tender-partner-manager {
  margin-left: 0px;
  margin-top: 10px;
}

.tender-partner-manager h4 {
  margin-left: -6px;
}

.tender-partner-manager .icon {
  background-position: 6px 3px;
}

.empty-distance-matrix,
.empty-distance-matrix span.passive {
  color: #ff8168 !important;
}

.distance .checked,
.rp_distance .checked {
  background-color: #5bb847;
  height: 10px;
  width: 10px;
  display: inline-block;
  border-radius: 5px;
  margin: 0 5px;
  opacity: 0.8;
  font-size: 0.5em;
  text-align: center;
  text-transform: capitalize;
  color: white;
  position: relative;
  top: -2px;
}

form.winner-select.inroute select,
form.winner-select.inroute button {
  width: 210px !important;
}

div.paymenttype select#paymenttype,
div.paymenttype select#payorcompany {
  width: 150px !important;
}

form.small div.paymenttype select#paymenttype {
  width: 100%;
}

fieldset.simple-block.autodetails div.paymenttype label {
  width: 95px !important;
}

fieldset.simple-block.autodetails div.paymenttype label.minor {
  width: 50px !important;
}

div.paymenttype.input div.input {
  width: 550px !important;
  max-width: 500px;
}

.input.appropriate_operator {
  float: right;
}

body.expeditor div.doctype.doctype-2 {
  width: 95%;
  vertical-align: top;
}

body.expeditor div.doctype.doctype-2 div.document {
  width: 45%;
  display: inline-block;
  vertical-align: top;
}

button.slimbutton {
  margin: 1px 10px 0px 40px;
}

.checkboxlarge {
  /* All browsers except webkit*/
  transform: scale(1.5);
  /* Webkit browsers*/
  -webkit-transform: scale(1.5);
  margin: 1px 10px 0px 1px;
}

.betweencharts {
  margin: 35px 0 -25px 0;

  height: 3em;
}

#changecontractdata {
  display: none;
}

/* map */

#nd-map-detailed input {
  display: none;
}

#nd-map-detailed {
  /*display: none;*/
  position: relative;
  display: block;
  float: right;
  width: 550px;
  height: 274px;
}

#nd-map-detailed .toggle {
  display: none;
}

#nd-map-content {
  height: 274px;
  background: white url(/images/parts/ajax-loader.gif) center no-repeat;
}

.nd-maptoggle {
  display: none;
}

.nd-map-status {
  display: none;
  position: block;
  top: 0px;
  z-index: 999;
  right: 0;
}

.nd-clarify {
  border-color: yellow;
}

#addroute fieldset.checkpoint div.softholder.checkpoints .softcontenting,
.softholder.checkpoints .softcontenting {
  overflow-y: auto;
  overflow-x: hidden;
}

#addroute
  fieldset.checkpoint
  div.softholder.checkpoints
  form#checkpoint
  .input.town,
.softholder.checkpoints .softcontenting form#checkpoint .input.town {
  margin-bottom: 8px;
}

#addroute
  fieldset.checkpoint
  div.softholder.checkpoints
  form#checkpoint
  .input.town
  label:not(:first-child),
.softholder.checkpoints
  .softcontenting
  form#checkpoint
  .input.town
  label:not(:first-child) {
  margin-top: 20px;
}

/*---------------------------------------------------------------------------------------------------------*/

table.listing-driver {
  table-layout: fixed;
  width: 100%;
  border-spacing: 0;
}

table.listing-driver td {
  word-wrap: break-word;
}

table.listing-driver nobr {
  word-wrap: break-word;
  white-space: normal;
  display: block;
}

table.listing-driver td.workstatus {
  padding: 0;
  text-align: center;
}

table.listing-driver .workstatus form {
  margin: 0;
}

table.listing-driver.items-listing {
  margin: 15px 0px;
}

table.listing-driver .listitems.vis.node-driver.trailer {
  display: table-cell;
}

table.listing-driver .listitems.vis.node-driver.car {
  background-position: 0% 50%;
}

table.listing-driver table.items-listing td big {
  white-space: normal;
  display: inline-block;
}

table.listing-driver .listitems.vis.node-user.status {
  padding-left: 49px !important;
}

table.listing-driver .passive .number-listing {
  white-space: nowrap;
  word-wrap: break-word;
}

table.listing-driver .listitems.vis.node-user.name {
  width: 225px;
}

table.listing-driver .icon.icon-driver {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.25;
  width: 150px;
  white-space: normal;
}

table.listing-driver .passive.number-listing {
  display: inline-block;
  width: 40px;
}

table.listing-driver .listitems.vis.node-user.trailer {
  height: 100%;
  padding-top: 11px;
}
table.listing-driver .listitems.vis.node-user.car {
  padding-top: 4px;
}
table.listing-driver .listitems.vis.node-user.trailer.withoutPaddingTop {
  padding-top: 5px;
}

table.listing-driver .listitems.vis.node-user.trailer.withoutBorder {
  border-top: none;
  border-bottom: none;
}

div.contract-default span.datetime {
  padding-left: 700px;
}

@media print {
  div.contract-default center {
    text-align: left;
  }

  div.contract-default span.user {
    margin-left: 20px;
  }

  div.contract-default table {
    font-size: 9pt;
    margin-left: 20px;
  }

  div.actual-document ul li,
  div.contract-default p,
  div.contract-default h2,
  div.contract-default h1,
  div.contract-default h3,
  div.contract-default span {
    font-size: 9pt;
    margin-bottom: 0;
    margin-top: 0;
    text-align: justify;
  }

  div.contract-default h3 {
    margin-top: 15pt;
    text-align: center;
  }

  div.contract-default h2 {
    text-align: center;
  }

  div.contract-default table {
    font-size: 9pt;
  }

  div.contract-default ul li {
    margin-bottom: 0;
  }

  div.contract-default span.datetime {
    padding-left: 199px;
  }

  #contract-default-header {
    margin-top: 0;
    text-align: center;
  }

  @page {
    margin-left: 10px;
    margin-right: 0;
  }
}

/*-----------------------------------------*/

table.items-listing.listing-car {
  table-layout: fixed;
  width: 100%;
  border-spacing: 0;
  margin-left: 0px;
}

table.items-listing.listing-car .icon-car {
  background-position-y: 50%;
}

table.listing-car .listitems.vis.node-car.trailer {
  width: 80px;
  display: table-cell;
}

table.listing-car .listitems.vis.node-car.craft,
table.listing-car .listitems.vis.node-car.cellnum,
table.listing-car .listitems.vis.node-car.carstyle,
table.listing-car .listitems.vis.node-car.fullpath,
table.listing-car .listitems.vis.node-car.deadpath {
  width: 70px;
  padding-right: 15px;
}

table.listing-car .listitems.vis.node-car.carstyle {
  width: 45px;
}

table.listing-car nobr {
  word-wrap: break-word;
  white-space: normal;
  display: block;
}

table.listing-car .icon.icon-car {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.25;
  width: 150px;
  white-space: normal;
}

table.listing-car .passive.number-listing {
  display: inline-block;
  width: 40px;
}

table.listing-car table.items-listing td big {
  white-space: normal;
  display: inline-block;
}

/**
* In Some forms, the label must be of additional height
*/
/*
div.complex-simpleform .form-driver .passportserial.strtoupper.input.passportserial,
div.complex-simpleform .form-driver .passportissued.input.passportissued,
div.complex-simpleform .form-driver .maincellphone.input.maincellphone,
div.complex-simpleform .form-driver .taxid.input.taxid,
div.complex-simpleform .form-driver .driverlicenseissuedby.input.driverlicenseissuedby,
div.complex-simpleform .form-driver .passportissuedby.input.passportissuedby
*/
body.motherland-ua div.complex-simpleform .form-car .fullpath.input.fullpath,
body.motherland-ua div.complex-simpleform .form-car .deadpath.input.deadpath,
body.motherland-ua div.complex-simpleform .form-car .weight.input.weight {
  margin-top: 26px;
}

#cartype-number-vin-model-chargetype-ferryproperty-group1-loadcapacity-volume-length-width-height-weight-axes-remark-forbidedit-ratify-client-documentscan
  .ferryproperty.multiselect.input.ferryproperty {
  width: 100%;
  float: none;
}

#carstyle-cartype-make-trailer-number-craft-cellnum-loadcapacity-length-volume-vin-forbidedit-ratify-client-deadpath-fullpath-ferryproperty-chargetype-remark-documentscan
  .cellnum.input.cellnum {
  margin-right: 80px;
}

#carstyle-cartype-make-trailer-number-craft-cellnum-loadcapacity-length-volume-vin-forbidedit-ratify-client-deadpath-fullpath-ferryproperty-chargetype-remark-documentscan
  .cartype.input.cartype {
  margin-right: 400px;
}

#carstyle-cartype-make-trailer-number-craft-cellnum-loadcapacity-length-volume-vin-forbidedit-ratify-client-deadpath-fullpath-ferryproperty-chargetype-remark-documentscan
  .trailer.input.trailer {
  margin-right: 400px;
}

#carstyle-cartype-make-trailer-number-craft-cellnum-loadcapacity-length-volume-vin-forbidedit-ratify-client-deadpath-fullpath-ferryproperty-chargetype-remark-documentscan
  legend {
  display: none;
}

.selectmulti-spook-modal {
  background-color: black;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 996;
}

#avtd-embed-link {
  color: white;
  pointer-events: none;
  cursor: default;
}

div.cloud {
  margin-bottom: -6px;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 950px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#left-arrow,
#right-arrow {
  width: 25px;
  height: 20px;
  display: inline-block;
  color: #0a7ec7;
  font-weight: bold;
  font-size: 20px;
  vertical-align: super;
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}

#map-canvas {
  width: 100%;
  height: 400px;
}

.routeviewgps .mainContainer,
.routeviewgps .gm-style .gm-style-iw {
  font-weight: normal;
  font: 9px FreeSetC, Arial;
  background-color: white;
  padding: 5px 4px 5px 7px;
  /*top              : 15px !important;*/
  left: 20 !important;
  border-radius: 7px;
  /*    min-width: 1px !important;*/
  max-width: 175px !important;
}

.gecko .routeviewgps .gm-style .gm-style-iw {
  max-width: 173px !important;
}

.ie11 .routeviewgps .gm-style .gm-style-iw {
  max-width: 172px !important;
}

.routeviewgps .mainContainer button:active,
.routeviewgps .mainContainer a.button:active,
.routeviewgps .gm-style-iw button:active,
.routeviewgps .gm-style-iw a.button:active {
  position: inherit;
}

.routeviewgps .container {
  padding-left: 15px;
}

.routeviewgps .mainContainer p,
.routeviewgps .gm-style-iw p,
.routeviewgps .gm-style-iw button {
  margin: 0;
}

.routeviewgps .mainContainer .company,
.routeviewgps .gm-style-iw .company {
  font-size: 1.3em;
}

.routeviewgps .gm-style-iw button {
  margin-top: 4px;
}

.routeviewgps .mainContainer .price-title,
.routeviewgps .gm-style-iw .price-title {
  color: #666666;
  font-size: 1.3em;
}

.routeviewgps .mainContainer .price,
.routeviewgps .gm-style-iw .price {
  color: #990000;
  font-size: 1.7em;
  display: inline-block;
  text-align: right;
  min-width: 105px;
}

.routeviewgps .gm-style-iw .price span.small {
  font-size: 0.8em;
}

.routeviewgps .gm-style-iw .main-info {
  background-color: #9d9e9e;
  border-radius: 6px;
  padding: 10px;
  margin-top: 4px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 1.1em;
}

.routeviewgps .gm-style-iw .route-done {
  padding-left: 20px;
  padding-right: 20px;
}

.routeviewgps .gm-style-iw .main-info div {
  display: inline-block;
  width: 50%;
  text-align: center;
}

.routeviewgps .gm-style-iw .main-info div:first-child p,
.routeviewgps .gm-style-iw .main-info div:first-child span {
  margin-left: 3px;
}

.routeviewgps .gm-style-iw .main-info div:first-child p,
.routeviewgps .gm-style-iw .main-info div:nth-child(2) p {
  font-family: FreeSetLightC;
}

.routeviewgps .gm-style-iw .main-info div:nth-child(2) p,
.routeviewgps .gm-style-iw .main-info div:nth-child(2) span {
  margin-right: 0px;
  width: 80px;
}

.routeviewgps .gm-style-iw .main-info div:nth-child(2) span,
.routeviewgps .gm-style-iw .main-info div:first-child span {
  padding-top: 2px;
}

.routeviewgps .gm-style-iw .main-info p {
  text-transform: uppercase;
  color: white;
  font-weight: 400;
  padding-bottom: 3px;
  font-size: 1.2em;
}

.routeviewgps .gm-style-iw .main-info span {
  display: inline-block;
  background-color: white;
  font-family: FreeSetLightC;
  border-radius: 5px;
  min-width: 73px;
  font-size: 1.6em;
}

.routeviewgps .gm-style-iw .main-info span.small {
  font-size: 0.8em;
  display: inline;
}

.routeviewgps .main-info .distanceTo {
  width: 80px;
}

.routeviewgps .mainContainer .button,
.routeviewgps .gm-style-iw .button {
  text-transform: uppercase;
  text-shadow: none;
  width: 100%;
  min-width: 124px;
  color: white !important;
  background: #68b436;
  border-radius: 6px !important;
  padding: 7px;
  border: none;
  box-shadow: none;
  font-size: 1.05em;
}

.routeviewgps .avto-inuse {
  width: 130px;
  padding-right: 24px;
  padding-left: 12px;
  text-align: center;
}

.routeviewgps .gm-style-iw form {
  margin: 0;
}

.routeviewgps .gm-style .gm-style-iw .avto {
  text-decoration: none;
  font-size: 1.3em;
}

.routeviewgps .address.input.address .nd-map-status {
  display: none;
  background-color: white;
  border: 1px solid red;
  padding: 5px 5px 3px;
}

.routeviewgps .address.input.address .nd-clarify {
  border-style: solid;
  border-width: 1px;
  font-family: Tahoma, sans-serif;
  font-size: 0.81em;
  text-align: left;
  padding: 6px 15px 8px 13px;
  margin: 0px 0 10px 0;
  background-color: white;
  border-color: #eb1c23;
  position: absolute;
  color: #8f0d0d;
  border-radius: 0 0 4px 4px;
  position: static;
}

.routeviewgps .mainContainer #captcha1 {
  margin-left: 4px;
  width: 80px;
}

.routeviewgps .mainContainer .price {
  font-size: 1.5em;
}

.routeviewgps .formContainer {
  text-align: center;
}

.routeviewgps .formContainer input {
  vertical-align: text-bottom;
  margin-bottom: 5px;
}

.routeviewgps .formContainer form {
  margin: 0;
}

.routeviewgps .mainContainer button {
  margin: 0;
  margin-top: 4px;
}

#town-address-customs-company-natcomid-telnum-faxnum-contactperson-cellnum-email-apicode-remark-datahandlecomment
  #address.text,
#town-address-customs-company-natcomid-telnum-faxnum-contactperson-cellnum-email-apicode-remark-datahandlecomment
  #company.text {
  max-width: 220px;
}

#addroute .company.input.company .companystuff.complexinput,
#addroute .address.input.address .addressstuff.complexinput {
  width: 230px;
}

#addroute .company.input.company button.companystuff,
#addroute .address.input.address button.addressstuff {
  margin: 4px 0 0 10px;
}

#addroute
  .address.input.address
  .addressstuff.complexinput
  .text.addressstuff.ucwords,
#addroute .company.input.company .companystuff.complexinput .text.companystuff {
  width: 215px;
}

#addroute .softholder-wrap button.softsubmit {
  margin-left: 10px;
}

.center {
  text-align: center;
}

.min-width #fleet-listitems div.items-listing {
  margin-top: 0px;
}

#addroute
  .softholder-wrap
  .softcontenting.initial
  #town-address-customs-company-natcomid-telnum-faxnum-contactperson-cellnum-email-apicode-remark-datahandlecomment
  div.addressstuff.complexinput {
  position: static;
}

.softcontenting .route-spec-holder .route-detail-cross.remark {
  width: 340px;
  word-wrap: break-word;
}

div#modal-background + .ac_results {
  top: 280px !important;
}

.routeview.wider .simple.requisites form.simple button.reload {
  margin-left: 0;
  margin-top: 30px;
}

.routeview.wider .simple.requisites form.simple a.passive {
  margin-top: 22px;
}

.wide .tabulardata.tenderreport {
  margin-bottom: 40px;
}

#softholder-1 div.softcatalog {
  width: 500px;
}

.listitems.vis.node-company {
  max-width: 600px;
}

.listitems.vis.node-company nobr {
  max-width: 400px;
}

.listitems.vis span {
  vertical-align: top;
}

.listitems.vis nobr {
  display: inline-block;
  vertical-align: bottom;
  max-width: 735px;
  white-space: normal;
}

#top-menu .settings-nav span.icon.feedback {
  background-size: 17px;
}

.settings-nav span.overdue a:link,
.settings-nav span.overdue a:visited,
.settings-nav span.overdue a:hover {
  text-decoration: none;
  color: #c9500a !important;
}

#top-menu div.sub-menu ul.menu li a {
  padding-bottom: 0px;
}

#top-menu div.sub-menu ul.menu li a.parent,
#top-menu div.sub-menu ul.menu li a.current {
  padding-bottom: 7px;
}

div.context form select,
div.find-route-form select {
  width: 165px;
}

/*-------------------------------- switcher -------------------------------*/

.onoffswitch {
  margin-left: 13px;
  position: relative;
  width: 110px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 15px;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 29px;
  padding: 0;
  line-height: 29px;
  font-size: 13px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  /*    font-weight: bold;*/
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: 'Свободен';
  text-align: left;
  padding-left: 10px;
  background-color: rgb(76, 183, 230);
  color: #ffffff;
}

.onoffswitch-inner:after {
  content: 'Занят';
  padding-right: 25px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 20px;
  margin: 5px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 77px;
  border: 2px solid #ffffff;
  border-radius: 15px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

/*------------------------------------------------------------------------------------------*/

/*-------------------------------- switcher map-------------------------------*/

.onoffswitch-map {
  margin-left: 13px;
  position: relative;
  width: 110px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox-map {
  display: none;
}

.onoffswitch-label-map {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 15px;
}

.onoffswitch-inner-map {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner-map:before,
.onoffswitch-inner-map:after {
  display: block;
  float: left;
  width: 50%;
  height: 29px;
  padding: 0;
  line-height: 29px;
  font-size: 13px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  /*    font-weight: bold;*/
  box-sizing: border-box;
}

.onoffswitch-inner-map:before {
  content: 'Сегодня';
  text-align: left;
  padding-left: 10px;
  background-color: rgb(76, 183, 230);
  color: #ffffff;
}

.onoffswitch-inner-map:after {
  content: '+3 дня';
  padding-right: 25px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  text-align: right;
}

.onoffswitch-switch-map {
  display: block;
  width: 20px;
  margin: 5px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 77px;
  border: 2px solid #ffffff;
  border-radius: 15px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox-map:checked
  + .onoffswitch-label-map
  .onoffswitch-inner-map {
  margin-left: 0;
}

.onoffswitch-checkbox-map:checked
  + .onoffswitch-label-map
  .onoffswitch-switch-map {
  right: 0px;
}

/*------------------------------------------------------------------------------------------*/

table.items-listing.listing-driver .icon.icon-driver,
table.items-listing.listing-driver .trailer,
table.items-listing.listing-driver .car,
table.items-listing.listing-driver .maincellphone,
table.items-listing.listing-driver th.vis.cellnum {
  background-image: none;
  padding-left: 0 !important;
}

/*
table.listing-driver .passive.number-listing,
.items-listing span.passive.number-listing {
    width: 20px;
}*/

table.listing-driver .icon.icon-driver {
  width: 200px;
}

table.items-listing.listing-driver th.vis.cellnum {
  width: 175px;
}

table.items-listing.listing-driver .car {
  width: 180px;
}

table.listing-driver th.listitems.vis.node-user.name {
  padding-left: 50px !important;
}

table.listing-driver th.listitems.vis.node-user.cellnum {
  color: #1e2f36;
}

table.listing-car .icon.icon-car {
  background-image: none;
  padding-left: 0 !important;
  width: 235px;
}

table.listing-car .listitems.vis.node-car.trailer {
  background-image: none;
}

.logo {
  position: fixed;
  z-index: 100;
  right: 1em;
  top: 1em;
}

.routeviewgps.all-roads #map {
  height: 100%;
}

span.onoffswitch-map-description {
  position: relative;
  left: 130px;
  display: inline-block;
  top: -28px;
}

.routeviewgps.all-roads {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#forTable {
  position: relative;
  top: 60.2%;
}

#fleet-listitems
  .items-listing.listing-driver
  .workstatus
  input[name='availabledatetime'] {
  padding-left: 25px !important;
  margin-top: 3px;
  margin-bottom: 3px;
  width: 90px;
  background: white url(/images/parts/icon-calendar.png) 5px 4px no-repeat;
  border-width: 0;
  border-bottom-width: 1px;
  border-color: #73c8f0;
  border-style: solid;
  border-top: 1px solid #0e7bad;
  height: 25px;
  /*    font-size: 1.1em;*/
  color: #1f3136;
  font-family: FreeSetLightC, Arial;
  border-radius: 4px;
}

#fleet-listitems
  .items-listing.listing-driver
  .workstatus
  input[type='submit'] {
  padding: 0 3px 0 3px;
}

#fleet-listitems .items-listing.listing-driver .workstatus {
  padding-top: 2px;
  padding-bottom: 2px;
}

table.softcontenting .offers .driver-car,
table.softcontenting .fleet .driver-car {
  overflow: hidden;
}

.gps-table-right {
  text-align: right !important;
}

/*
#top-menu div.sub-menu {
    height: 23px;

}
*/

a.offersquan.inview {
  text-decoration: none;
  cursor: text !important;
}

#routecontainer .ac_container {
  width: auto !important;
}

#fleet-listitems .items-listing.listing-trailer {
  width: 100%;
  margin-left: 0;
}

#fleet-listitems .items-listing.listing-trailer tr td:first-child {
  width: 290px;
}

#fleet-listitems
  .items-listing.listing-trailer
  .listitems.vis.node-trailer.cartype {
  width: 150px;
}

#fleet-listitems
  .items-listing.listing-trailer
  .listitems.vis.node-trailer.loadcapacity {
  width: 120px;
}

#fleet-listitems
  .items-listing.listing-trailer
  .listitems.vis.node-trailer.length {
  width: 135px;
}

#fleet-listitems
  .items-listing.listing-trailer
  .listitems.vis.node-trailer.volume {
  width: 105px;
}

#fleet-listitems .items-listing.listing-car .icon.icon-car {
  width: 150px;
}

#fleet-listitems .items-listing.listing-car tr td:first-child {
  width: 200px;
  padding-right: 0;
}

#fleet-listitems .items-listing.listing-car .listitems.vis.node-car.trailer,
#fleet-listitems .items-listing.listing-car .listitems.vis.node-car.deadpath,
#fleet-listitems
  .items-listing.listing-car
  .listitems.vis.node-car.minrouteprice,
#fleet-listitems .items-listing.listing-car .listitems.vis.node-car.fullpath,
#fleet-listitems .items-listing.listing-car .listitems.vis.node-car.gpsid {
  padding-right: 0;
}

#fleet-listitems .items-listing.listing-car .listitems.vis.node-car.cellnum {
  padding-right: 5px;
}

#fleet-listitems .items-listing.listing-car .listitems.vis.node-car.deadpath,
#fleet-listitems .items-listing.listing-car .listitems.vis.node-car.fullpath,
#fleet-listitems
  .items-listing.listing-car
  .listitems.vis.node-car.minrouteprice {
  width: 75px;
}

#fleet-listitems .items-listing.listing-car .listitems.vis.node-car.gpsid {
  width: 95px;
}

#fleet-listitems .items-listing.listing-car nobr {
  word-break: break-all;
}

#table_balance table.tabulardata.balance {
  margin-bottom: 40px;
}

.routeviewgps.routeview-client {
  background-color: #ffffff;
  border-bottom-color: #ffffff;
  border-top-color: #ffffff;
  border: 1px solid #908e8e;
  padding: 0;
}

form.simple .input.select select[name='operator'] {
  max-width: 175px !important;
}

.routeview.wider .simple.requisites .message-wrap.notify .notify.message {
  margin-top: 15px;
}

#addroute
  .softholder-wrap
  .softcontenting.initial
  #town-address-customs-company-natcomid-telnum-faxnum-contactperson-cellnum-email-apicode-remark-datahandlecomment
  div.companystuff.complexinput {
  position: static;
}

.driver2 {
  /*opacity: 0.5*/
}

.routeview.routeview-client
  .driver-car
  h4.icon.icon-driver
  small.halflink.simpletoggler {
  float: none !important;
}

#route
  .routeview.routeview-client
  .route-spec-holder
  .driver-car.possibledates
  i.td
  span.datetime
  span.date {
  padding-left: 5px;
}

#route
  .routeview.routeview-client
  .route-spec-holder
  .offers
  .driver-car.possibledates
  ul.normal
  li:after {
  content: '';
  display: table;
  clear: both;
}

#changecontractdata {
  width: 550px;
}

#changecontractdata .text {
  width: 168px;
}

#changecontractdata .datepicker {
  width: 105px;
  padding-left: 30px !important;
}

#changecontractdatakey a.halflink,
#changecontractdatakey a.halflink:hover,
#changecontractdatakey a.halflink:visited {
  text-decoration: none;
  color: #0a7ec7 !important;
}

body.expeditor #header-holder #header .find-route-form.head select {
  width: 140px;
}

body.expeditor
  fieldset.simple.company
  .expeditor-pay
  .listitems.vis.node-company.discountquantity
  span.passive.label.pay {
  margin-top: 24px;
}

body.expeditor
  fieldset.simple.company
  .expeditor-pay
  .listitems.vis.node-company.discountquantity
  span.passive.label {
  margin-top: 6px;
}

body.expeditor
  fieldset.simple.company
  .expeditor-pay
  .listitems.vis.node-company.discountquantity
  .virgin.input {
  margin-bottom: 0;
}

body.expeditor
  .items-listing
  table.items-listing.listing-car
  .listitems.vis.node-car.client {
  padding-right: 0;
}

body.expeditor .items-listing table.items-listing.listing-car .icon.icon-car,
body.expeditor
  .items-listing
  table.items-listing.listing-car
  .listitems.vis.node-car.client
  nobr {
  word-break: normal !important;
}

.expeditor-pay {
  border: 1px solid silver;
  border-radius: 4px;
  padding: 10px 20px;
  width: 600px;
  padding-left: 5px;
}

body.expeditor .expeditor-pay,
.expeditor-pay div.vis span.label span {
  background-color: #e8e8e8;
}

.expeditor-pay div.vis:hover span.label span {
  background-color: white;
}

body.fleet.company .gallery {
  clear: right;
}

.gallery .img {
  width: 150px;
}

.gallery .img i.author a.direct i {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

div.sub-menu {
  height: 20px;
}

body.expeditor
  table.items-listing.listing-driver
  .listitems.vis.node-user.name {
  width: 205px;
}

body.expeditor
  table.items-listing.listing-driver
  .listitems.vis.node-user.cellnum {
  width: 105px;
}

body.expeditor table.items-listing.listing-driver .listitems.vis.node-user.car {
  width: 170px;
}

body.expeditor table.items-listing.listing-driver .trailer {
  padding-left: 40px !important;
  padding-right: 0 !important;
}

.m-content-snippet.m-smth.children {
  display: inline-block;
  position: relative;
  background-color: inherit;
  padding-top: 0;
  margin-left: 145px;
}

.m-content-snippet.m-smth.children .m-date.m-smth.sent.sublimetitles,
.m-content-snippet.m-smth.children .m-date.m-smth.sent {
  left: -425px !important;
}

.m-content-snippet.m-smth.children .m-date.m-smth.received,
.m-content-snippet.m-smth.children .m-date.m-smth.sent {
  right: -145px;
}

.p.m.sovtes.contact div#header {
  height: 39px;
}

/*#weight-or-volume {*/
/*position: absolute;*/
/*top: 328px;*/
/*font-size: 0.9em;*/
/*color: rgb(226, 53, 29);*/
/*right: 545px;*/
/*}*/
/*form#addroute {*/
/*position: relative;*/
/*}*/

div.fleet h4.driver-firstname,
div.fleet h4.driver-patronymic {
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 22px;
}

div.ForCustomRenderingInputs {
  display: block;
  max-width: 100%;
}

.ForCustomRenderingInputs label {
  display: inline-block;
  width: 250px;
  padding-right: 20px;
  background: transparent url(/images/parts/dotted-gray-offset.png) 0 bottom
    repeat-x;
  margin-bottom: 0;
  vertical-align: bottom;
}

div.ForCustomRenderingInputs.hired label:not(:first-child) {
  background: none !important;
  width: 50px;
}

.ForCustomRenderingInputs .datepicker {
  padding-left: 25px !important;
}

.ForCustomRenderingInputs.carstyle.input.carstyle label {
  width: auto;
}

.ForCustomRenderingInputs.carstyle.input.carstyle label:first-child {
  width: 250px;
}

.ForCustomRenderingInputs > div {
  display: inline-block;
}

.ForCustomRenderingInputs.chargetype.multiselect.input.chargetype,
.ForCustomRenderingInputs.ferryproperty.multiselect.input.ferryproperty {
  display: block;
  max-width: 100%;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.ForCustomRenderingInputs.chargetype.multiselect.input.chargetype
  .selectmultiholder,
.ForCustomRenderingInputs.ferryproperty.multiselect.input.ferryproperty
  .selectmultiholder {
  width: 580px;
  display: inline-block;
}

body.edit
  .ForCustomRenderingInputs.chargetype.multiselect.input.chargetype
  .selectmultiholder
  .selectedvalueholder,
body.edit
  .ForCustomRenderingInputs.ferryproperty.multiselect.input.ferryproperty
  .selectmultiholder
  .selectedvalueholder {
  /*display      : inline-block;
  width        : 395px;*/
  padding-top: 10px;
}

.ForCustomRenderingInputs.chargetype.multiselect.input.chargetype label,
.ForCustomRenderingInputs.ferryproperty.multiselect.input.ferryproperty label {
  vertical-align: top;
}

.ForCustomRenderingInputs.shrinked.input {
  width: 100%;
}

.ForCustomRenderingInputs.shrinked.input.loadcapacity label,
.ForCustomRenderingInputs.shrinked.input.length label,
.ForCustomRenderingInputs.shrinked.input.volume label {
  margin-bottom: 5px;
}

.ForCustomRenderingInputs.ferryproperty.multiselect.input.ferryproperty {
  float: none;
}

.ForCustomRenderingInputs.remark.input.remark.textarea textarea {
  width: 600px !important;
  height: 2em !important;
  resize: none;
}

.ForCustomRenderingInputs label.radio {
  background: none;
}

.ForCustomRenderingInputs label span {
  background-color: #eeeeee;
}

.ForCustomRenderingInputs .selectmultitoggler {
  vertical-align: top;
  padding-right: 0px;
}

.ForCustomRenderingInputs input.text,
.ForCustomRenderingInputs select {
  width: 170px;
}

.ForCustomRenderingInputs .selectmultiholder li input.text {
  width: 30px;
}

.ForCustomRenderingInputs #make {
  width: 175px;
}

.ForCustomRenderingInputs #loadcapacity,
.ForCustomRenderingInputs #length,
.ForCustomRenderingInputs #volume,
.ForCustomRenderingInputs #height,
.ForCustomRenderingInputs #width {
  width: 150px;
}

.ForCustomRenderingInputs .ac_container > .ac_input {
  width: 100% !important;
}

.ForCustomRenderingInputs p small.passive {
  width: 252px;
  line-height: 1px;
  display: inline-block;
  margin-left: 270px;
}

.ForCustomRenderingInputs.documentscan p {
  margin-top: 0;
}

.ForCustomRenderingInputs.documentscan p small.passive {
  line-height: normal;
  width: 800px;
}

.ForCustomRenderingInputs input.text {
  width: 170px;
}

.ForCustomRenderingInputs #make {
  width: 175px;
}

.ForCustomRenderingInputs #loadcapacity,
.ForCustomRenderingInputs #length,
.ForCustomRenderingInputs #volume {
  width: 150px;
}

.ForCustomRenderingInputs:not([class*="body_type"]) .ac_container {
  width: 175px !important;
}

.ForCustomRenderingInputs .ac_container > .ac_input {
  width: 100% !important;
}

.ForCustomRenderingInputs p small.passive {
  width: 252px;
  display: inline-block;
  margin-left: 270px;
}

span.filter-cartype {
  margin-bottom: 15px;
}

#novaposhta-wrapper-main {
  position: fixed;
  overflow: auto;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  display: none;
  z-index: 998;
  /*padding-top: 1%;*/
}

#novaposhta-btn {
  margin-top: 40px;
  display: block;
  width: 50px;
  height: 35px;
  background: url('/images/novaposhta/logo.png') no-repeat;
  background-position: 8px 0;
  background-size: contain;
}

#enjoyhint-init {
  margin-top: 40px;
  display: block;
  width: 50px;
  height: 35px;
  background-position: 8px 0;
  background-size: contain;
}

#novaposhta-loader {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-top: 300px;
  z-index: 999;
  background: url('/images/parts/ajax-loader-big.gif') no-repeat;
  background-color: white;
  border-radius: 30px;
  background-position: center center;
}

.icon.icon-telnum {
  width: 90%;
}

.icon.icon-faxnum {
  width: 90%;
}

.icon.icon-email {
  width: 90%;
}

/*.spook.route-changes {*/
/*z-index: 995 !important;*/
/*}*/

.insurance-container {
  display: none;
  background: #ffffff;
  position: absolute;
  width: 150px;
  /*height:145px;*/
  z-index: 20;
  margin-bottom: 50px;
  right: 17px;
  top: 70px;
  box-shadow: 0 5px 5px silver;
  border-radius: 10px;
}

.insurance-container:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 18px;
  margin-left: -18px;
}

.insurance-done {
  padding-bottom: 10px;
}

.insurance-exclamation {
  padding: 10px;
  right: 7px;
}

.insurance-container.insurance-exclamation .date-to {
  margin-bottom: 10px;
}

.insurance-container.insurance-done .success-text {
  color: green;
}

.insurance-container.insurance-done .date-to {
  margin-bottom: 0;
}

.insurance-container.insurance-exclamation center {
  margin-bottom: 5px;
}

.JA-V-SHOKE-insurance.indicator {
  cursor: pointer;
}

.JA-V-SHOKE-insurance.pop center {
  margin-bottom: 50px;
}

.JA-V-SHOKE-insurance.pop {
  background: transparent url(/images/parts/uarr-white.svg) top center no-repeat;
  width: 170px;
  height: 145px;
  z-index: 20;
  position: absolute;
  padding-top: 15px;
  margin-left: -75px;
  font-size: 0.9em;
}

.JA-V-SHOKE-insurance.pop center {
  background-color: white;
  border-radius: 10px;
  padding: 5px;
  box-shadow: 0 5px 5px silver;
}

.JA-V-SHOKE-insurance.pop a {
  display: block;
  margin: 6px;
}

.JA-V-SHOKE-insurance.pop a.more {
  margin-bottom: 0;
}

.JA-V-SHOKE-insurance.link {
  color: green !important;
}

.JA-V-SHOKE-insurance.halflink {
  color: green !important;
  border-bottom: 1px dashed green;
  cursor: pointer;
  margin-left: 20px;
  margin-right: 20px;
}

.JA-V-SHOKE-insurance.button {
  border-radius: 4px !important;
  background: #009c33 !important;
  border: none;
  border-bottom: 1px solid #004c20;
  box-shadow: none;
  color: white !important;
  font-size: 1em;
  text-shadow: 0 1px 0 #005522;
}

.JA-V-SHOKE-insurance.button:hover {
  background: #00a937 !important;
}

.JA-V-SHOKE-insurance.button:active {
  background: #00802a !important;
}

.JA-V-SHOKE-insurance.pop small.passive {
  font-family: FreeSetLightC;
}

input.JA-V-SHOKE-insurance.datepicker.tiny-text-input {
  width: 90px !important;
  padding-left: 23px !important;
}

/* Bug fix ST-98 */
#documentscan {
  height: 25px;
}

/* Bug fix ST-235 */

.p.id.m.view.shipping .spook.route-changes {
  margin-bottom: 50px;
}

/* Bug fix ST-91 part 1*/

.s_routegeo .s_cal td.last span.dateholder span.datetime {
  margin-left: 25px;
}

#global_messenger #mg_route .s_routegeo td.last {
  text-align: right;
  padding-right: 20px;
}

#mg_messenger
  #mg_RightColumnContent
  table.routegroup
  td.route-summary
  .s_routeheader {
  margin-right: 30px;
}

.softholder.spook.classic.modal.ui-draggable div.softmenu span.halflink {
  background-color: inherit;
}

/* ST 265 */

#addroute .expeditor-select-client {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  border: 1px solid silver;
  border-radius: 4px;
  background-color: #eeeeee;
  padding: 20px 20px;
  clear: right;
}

#addroute .expeditor-select-client label {
  display: inline-block;
  margin-right: 10px;
}

#addroute .expeditor-select-client .passive.inputhint {
  display: inline-block;
  margin-left: 10px;
}

tr.the-route.s-route.s span.tendermin {
  display: none !important;
}

/* ST 85 */

.what.fleet .gallery {
  float: none;
}

.what.fleet div.gallery .img {
  width: 150px;
  height: 120px;
  float: left;
  text-align: center;
  margin: 0 10px 10px 0;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  float: none;
}

.what.fleet div.gallery a {
  display: block;
  height: 100px;
  overflow: hidden;
}

#partners-documents {
  padding: 10px 0 10px 20px;
}

#partners-documents-href {
  float: right;
}

#partners-documents-href:hover {
  color: #0a7ec7 !important;
}

.partners .listitems.vis.node-partners.contract {
  max-width: 800px;
}

/* ST 86 */

.expeditor-pay .listitems.vis.node-company.discountquantity:hover,
.expeditor-pay .listitems.vis.node-company.discountquantity:hover,
.expeditor-pay .listitems.vis.node-company.discountquantity:hover {
  background-color: inherit !important;
}

.expeditor-pay div.vis:hover span.label span {
  background-color: rgb(232, 232, 232);
}

.attention.child.current {
  font-weight: 100 !important;
}

/* ST 290 */

.s_routegeo .s_cal td.last span.dateholder span.datetime:nth-child(2) {
  margin-left: 0;
}

/* ST 320 - 321 */ /* ST 329 */

.what.driver.p.fleet fieldset.simple.driver .vis.listitems.node-driver,
.what.car.p.fleet fieldset.simple.car .vis.listitems.node-car,
.what.trailer.p.fleet fieldset.simple.trailer .vis.node-trailer.listitems {
  display: table;
}

.simple.driver form.small {
  clear: right;
}

/* ST 287 */

#addroute
  .date.dynperiod.datepicker.input.notrequired
  input[disabled='disabled'] {
  color: #e6e7e9 !important;
}

/* ST 348 */

.p.stats.m.providerreport form.simple div.input {
  max-width: 440px;
}

/* ST 346 */

#route-action-full ol.expeditor-itl {
  margin-left: 43px;
}

/* ST 350 */

.gallery .delete-image {
  cursor: pointer;
  text-align: right;
  width: 10px;
  float: right;
}

/* ST 352 */

.expeditor-contacts {
  padding-left: 20px;
}

.p.stats.m.providerreport .tabulardata {
  max-width: 2000px;
  table-layout: fixed;
}

.p.stats.m.providerreport .tabulardata th:first-child {
  width: 30px;
}

.p.stats.m.providerreport .tabulardata .reject3 {
  width: 285px;
}

.p.stats.m.providerreport .tabulardata .reject2 {
  width: 180px;
}

.p.stats.m.providerreport .tabulardata .reject1,
.p.stats.m.providerreport .tabulardata .reject,
.p.stats.m.providerreport .tabulardata .weight,
.p.stats.m.providerreport .tabulardata .routes,
.p.stats.m.providerreport .tabulardata .carrier {
  width: 125px;
}

.p.stats.m.providerreport .tabulardata .value-no-nds,
.p.stats.m.providerreport .tabulardata .value-nds,
.p.stats.m.providerreport .tabulardata .weight-km {
  width: 210px;
}

.p.stats.m.providerreport .tabulardata .km {
  width: 140px;
}

.p.stats.m.providerreport .tabulardata nobr {
  white-space: normal;
}

#checkpoint .addressstuff.complexinput,
#checkpoint .companystuff.complexinput {
  position: static;
}

/* ST 401 */

.contact-for-expeditor {
  padding-left: 215px;
  margin-bottom: 10px;
}

.contact-for-expeditor-route {
  margin-left: 20px;
}

/* ST 401 */

/* http://stackoverflow.com/questions/3542090/how-to-make-div-fill-td-height */
/* garbage hack */

/*
.s_routefooter table td:nth-child(3){
  height: 1px;
}*/

.s_routefooter table td .s_col.s_car {
  height: 100%;
}

.exp-h4 {
  background-color: #eaeef1;
  margin: 0;
  font-weight: normal;
  padding: 10px 15px;
}

.p.view.m.shipping .fleet {
  border-top: none;
}

/* ST 335 */

#payment-paymenttype-raiseprice-appropriate_operator
  .operator.input.appropriate_operator {
  width: 937px !important;
  max-width: 100% !important;
}

#payment-paymenttype-raiseprice-appropriate_operator
  .operator.input.appropriate_operator
  .search-searchable.text.tiny-text-input {
  float: none;
  clear: both;
  display: block;
}

#payment-paymenttype-raiseprice-appropriate_operator
  .operator.input.appropriate_operator
  label.searchable {
  width: 32%;
  clear: none;
}

div.prepaypack {
  display: block;
  background-color: white;
  box-shadow: 0 0 5px gray;
  width: 200px;
  min-height: 240px;
  border-radius: 8px;
}

div.prepaypack h3 {
  background-color: #1676bb;
  color: white;
  text-shadow: 0 1px 0 black;
  line-height: 3em;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 1px solid #0c5e7f;
  font-size: 1.4em;
  margin-bottom: 1em;
}
div.prepaypack p {
  margin-top: 1em;
  font-size: 0.9em;
  color: gray;
  min-height: 1em;
  padding-right: 10px;
  padding-left: 10px;
}

div.prepaypack button {
  margin-bottom: 10px !important;
}

div.newpayment {
  /*background-color: white;*/
  padding: 20px;
}
table.tabs td.active {
  background-color: white;
}
table.tabs td.active button {
  display: none;
}

table.tabs td {
  padding-top: 20px;
  padding-bottom: 20px;
}

div.document.tariffbutton {
}

table.tabs span.passive {
  font-size: 1.1em;
  color: black !important;
}

table.tabs h2 {
  font-size: 1.2em;
  color: #236dad;
  margin-top: 10px;
  font-weight: normal;
}

var.money var strike {
  color: gray;
  font-weight: normal;
}

small.tobadge {
  display: block !important;
  position: absolute;
  margin-left: 180px;
  margin-top: -20px;
}

small.tobadge small {
  position: absolute;
  margin-left: -35px;
  color: white;
  margin-top: 12px;
}

.inlineminortabs a.parent {
  font-weight: bold;
  color: black;
  text-decoration: none;
  cursor: text;
}

/* ST 123 */

table.s_routegeo tr.s_points td.customs a nobr,
table.s_routegeo tr.s_points td.uncharge:not(.last) a nobr,
table.s_routegeo tr.s_points td.charge:not(.first) a nobr,
table.s_routegeo tr.s_points td.border a nobr,
table.s_routegeo tr.s_points td.customs a small.passive {
  display: none;
}

table.s_routegeo tr.s_points td.first.charge a {
  /* ====== Removed this styling for bug # 607 */
  /*height: 52px !important;
  background-position-y: 11px;*/
}

table.s_routegeo tr.s_points td.customs a {
  background-position-y: 3px;
}

div.input.carstyle label.radio {
  margin-right: 15px;
}

div.input.hrer {
  clear: left;
  display: block;
  margin: 20px 25px 0 0;
  font-size: 1.2em;
}

div.input.hrer.carextender {
  margin: 10px 0 20px 0;
  max-width: 300px !important;
}

.super-admin-form {
  position: absolute;
  right: 0;
}

.admin-form-holder {
  position: relative;
}

/* body.p.fleet.what.car table.listing-car th.vis.plain.vin {
  width: 170px !important;
} */

body.p.fleet.what.trailer td.listing-title {
  padding-right: 0;
}

.itl-responsible {
  display: inline-block;
  width: 16px;
  height: 16px;
  top: 5px;
  position: relative;
  background: url(/images/parts/men_icon.png);
  background-size: cover;
  cursor: pointer;
  margin-right: 5px;
}

.route-filter {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/images/parts/filter-gray.png?v=1) no-repeat center bottom;
}

.filter-on {
  background: url(/images/parts/filter-blue.png) no-repeat center bottom;
}

.route-part-detail p.route-detail.remark {
  word-wrap: break-word;
  width: 295px;
}

.xls-xlsx-files {
  width: 100px;
  height: 100px;
}

#freetr-blocker {
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  display: none;
  z-index: -1;
}

.addlink {
  color: green;
}

#adder {
  overflow-y: auto;
  overflow-x: hidden;
  height: 53%;
  padding-left: 35px;
}

#freetrbuttons {
  height: 40px;
  padding-left: 60px;
  margin-bottom: 15px;
}

#freetrmap {
  height: 36%;
  width: 100%;
}
.mapautocomplete {
  width: 300px;
}

#proposalslist {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.rainbow {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #f22),
    color-stop(0.15, #f2f),
    color-stop(0.3, #22f),
    color-stop(0.45, #2ff),
    color-stop(0.6, #2f2),
    color-stop(0.75, #2f2),
    color-stop(0.9, #ff2),
    color-stop(1, #f22)
  );
  background-image: gradient(
    linear,
    left top,
    right top,
    color-stop(0, #f22),
    color-stop(0.15, #f2f),
    color-stop(0.3, #22f),
    color-stop(0.45, #2ff),
    color-stop(0.6, #2f2),
    color-stop(0.75, #2f2),
    color-stop(0.9, #ff2),
    color-stop(1, #f22)
  );
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;

  left: 15%;
  top: 40%;
  position: absolute;
  font-size: 36px;
}

.changetop {
  top: 6px !important;
}

#driver-car-trailer {
  margin-left: 1px !important;
}

.removeUnload {
  cursor: pointer;
}
.fill-it {
  border: 2px solid red !important;
  border-color: red !important;
}

.proplistitem {
  border: 1px solid silver;
  margin: 5px;
}

.propitemheader {
  height: 25px;
  border-bottom: 1px solid silver;

  background: rgba(255, 255, 255, 1);
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(222, 222, 222, 1) 49%,
    rgba(222, 222, 222, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(255, 255, 255, 1)),
    color-stop(49%, rgba(222, 222, 222, 1)),
    color-stop(100%, rgba(222, 222, 222, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(222, 222, 222, 1) 49%,
    rgba(222, 222, 222, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(222, 222, 222, 1) 49%,
    rgba(222, 222, 222, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(222, 222, 222, 1) 49%,
    rgba(222, 222, 222, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(222, 222, 222, 1) 49%,
    rgba(222, 222, 222, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede', GradientType=0 );
}

.spanbutton {
  width: 10px;
  height: 10px;
  cursor: pointer;
}

.propitemheader .removeUnload {
  /*margin: 5px;*/
  height: 15px;
}

.propitemheader {
  justify-content: center;
}
.propitemheader div {
  display: inline-block;
}

.unloaditembody {
  min-height: 26px;
  max-height: 26px;
  height: 26px;
  border-bottom: 1px solid silver;
}
.unloaditems :last-child {
  border-bottom: none !important;
}

.unloaditemaddress,
.unloaditemprices,
.unloaditembuttons {
  display: inline-block;
  justify-content: center;
}

.unloaditemaddress {
  width: 55.7%;
  float: left;
}

.unloaditemaddress span {
  margin: 5px;
  float: left;
}

.unloaditembuttons {
  width: 5%;
  float: right;
}

.unloaditembuttons img {
  margin: 5px;
}
.unloaditemprices1 {
  width: 16%;
  float: left;
}
.unloaditemprices2 {
  width: 16%;
  float: left;
}

.unloaditemprices1 span {
  /*margin-left: 3px;*/
  margin: 5px;
  float: right;
}
.unloaditemprices2 span {
  /*margin-left: 3px;*/
  margin: 5px;
  float: right;
}

.adder td select,
.adder td input {
  max-width: none !important;
}

.firsttd {
  width: 1%;
}
.firsttd select {
  width: 304px;
}

.secondtd {
  width: 12%;
}

.secondtd select,
.secondtd input {
  width: 93%;
}

.thirdtd {
  width: 12%;
}

.thirdtd select,
.thirdtd input {
  width: 94%;
}

.routeslistsdiv {
  font-size: 13px;
  min-height: 40px;
  max-height: 40px;
  height: 40px;
  border-bottom: 1px solid silver;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  margin: 0px 10px 0px 10px;
}

.routeslistsdiv div {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
}

.routeslistsdiv:nth-of-type(1) {
  border-top: 1px solid silver;
}

.routeslistsdiv .date {
  width: 10%;
  margin-left: 5px;
}

.routeslistsdiv .countries {
  width: 10%;
  font-weight: bold;
}

.routeslistsdiv .towns {
  text-align: left;
  width: 33%;
}

.routeslistsdiv .distance {
  width: 8%;
  text-align: right;
  margin-left: 20px;
}

.routeslistsdiv .price {
  width: 13%;
  text-align: right;
}

.routeslistsdiv .budget {
  color: rgba(221, 65, 44, 1);
  font-weight: bold;
  text-align: right;

  width: 10%;
}

.routeslistsdiv .details {
  margin-left: 20px;
  width: 5%;
}

span.s_providerdetails small.label,
div#accredication-wrap span.approved {
  padding: 2px 7px;
  border-radius: 5px;
  background-color: #5bb847;
  color: white !important;
}

span.s_providerdetails small.label.danger,
div#accredication-wrap span.approved.danger {
  background-color: #fe5f6f;
}

div#accredication-wrap,
div#paymentterm-form {
  float: right;
  clear: right;
  width: 250px;
  margin: 30px 20px;
  padding: 20px;
  border-left: 1px solid #ddd;
}

div#accredication-wrap form button {
  margin: 0;
}

#new-notice textarea {
  min-width: 300px;
  height: 70px;
  resize: none;
  margin-top: 20px;
}

img.wopen.gmaps {
  cursor: pointer;
  border: 1px solid #dcdede;
}

small.legDistanceDynamic {
  position: absolute;
  left: 100px;
}

em.highlighted {
  background-color: yellow;
  font-style: normal;
}

kbd.copyToClipboard {
  float: left;
  margin-right: 5px;
}

button.crossDeleter {
  background: white;
  border: none;
  box-shadow: none;
}

form.irrelevantForm {
  float: right;
}

form.irrelevantForm,
form.irrelevantForm button {
  margin: 0 !important;
  padding: 0 !important;
}

.b-callback-icon-container {
  cursor: pointer;
  position: fixed;
  z-index: 99999;
  bottom: 150px;
  right: 50px;
  animation: callbackAnim 400ms;
}

.crm-widget-button-mobile .b-callback-icon-container {
  display: none;
}

.flag-container {
  overflow: hidden !important;
}

@keyframes callbackAnim {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

#payor-shipping {
  display: inline-block;
  float: right;
  width: 40%;
  word-wrap: break-word;
  word-break: break-word;
  font-size: 0.8em;
  line-height: 1.5em;
  margin-top: 12px;
}
#payor-shipping span {
  color: #c9500a !important;
  font-size: 1.1em;
}

#payor-routelist {
  color: #c9500a !important;
  font-size: 1em !important;
}

.filter-toggler {
  display: inline-flex;
  flex-direction: row;

  justify-content: baseline;
  align-items: center;

  margin: 15px 0;
  cursor: pointer;
}

.filter-toggler__btn {
  padding: 3px 0;
  margin: 0 10px;

  text-decoration: none;
  border-bottom: 1px dashed #194f8a; /* Or whatever color you want */
  text-decoration: none;
  color: #194f8a;
}

.filter-toggler__icon {
  width: 12px;
  height: 12px;
}

.filter-toggler__cross {
  transition: transform 400ms ease;
  transform: rotate(45deg) scale(1.1);
}

.filter-toggler__cross_active {
  transform: rotate(0deg) scale(1.1);
}

.min-width {
  position: relative;
}

#left-arrow {
  position: absolute;
  left: 8px;
}

.tender-planning {
  margin: 15px 0;
  display: inline-block;
  overflow: hidden;
  font-size: 0;
  cursor: pointer;
}

.tender-planning span:not(.tip-popper) {
  display: inline-block;
  padding: 5px 0;
  width: 180px !important;
  height: 15px;
  text-align: center;
  font-size: 12px;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: rgb(245, 245, 245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all 0.218s ease 0s;
}

.tender-planning span:hover {
  color: rgb(24, 24, 24);
  border: 1px solid rgb(198, 198, 198);
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.tender-planning > .active {
  color: rgb(51, 51, 51);
  border: 1px solid rgb(204, 204, 204);
  background: rgb(184, 245, 168)
    linear-gradient(rgb(184, 245, 168), rgb(210, 250, 199)) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.tender-planning-datetime {
  display: none;
  position: absolute;
  margin: 15px;
}

.g-hide-content {
  visibility: hidden;
}

#dashboards {
  padding: 7px 10px;
  left: -10px;
}

.routeviewbutton {
  display: block;
  background: linear-gradient(180deg, #c1dcff 0%, #ffffff 0.01%, #eff6ff 100%);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
  border: 1px solid #b8b8b8;
  border-radius: 15px;
  text-decoration: none !important;
  color: #b8b8b8;
  margin: 11px 15px 0 15px;
  padding: 5px;
}

.cancelledPricequote var.money var {
  color: silver;
}

.cancelledPricequote form.status {
  color: #c9500a;
}

div.singlequoteBlindtender {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-gap: 2vw;
  margin-top: 10px;
  margin-bottom: 10px;
}

.singlequoteBlindtender span.halflink.simpletoggler {
  border-bottom: 1px solid #0a7ec7;
}

.to-many-logins {
  width: 150px;
  margin: 200px auto;
}

.not-editing-car-rule {
  margin-left: -20px;
}

.driver-form-charge {
  float: right;
  margin: 10px;
  width: 250px;
  border: 1px solid silver;
  background-color: #ddd;
  padding-bottom: 10px;
  border-radius: 4px;
}

.partners-chagecontract {
  padding-left: 0 !important;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.our-country-value {
  font-weight: bold;
}

.border-for-partnerscheckbox {
  border-top: 1px solid #ddd;
}

.raiseprice-block-height {
  height: 24px !important;
}

.correct-position-by-other-inputs {
  position: relative;
  left: 3px;
}

.blindtender-momentaviable {
  display: inline-block;
  max-width: 600px;
  width: 600px;
}

.alight-to-rigth {
  float: right;
}

.fix-width {
  width: 260px !important;
}

.auto-margining {
  margin: auto !important;
}

.border-for-winners {
  border-top: 1px solid #dcdede;
  height: 5px;
}

.list-tooltip-none-style {
  list-style: none !important;
}

.list-tooltip-margin {
  margin: 5px 0 10px 25px !important;
}

.list-tooltip-margin li {
  line-height: 1.2;
  background-color: #ddd;
}

.border-none {
  border: 0;
}

tt small.lower-text-small {
  font-size: 0.9em !important;
}

table.blank th.ylabel {
  text-align: left;
}

table.blank td {
  text-align: center !important;
}

table.blank td.addedIncome,
table.blank td.resellPriceKm,
table.blank td.resellPrice {
  text-align: right !important;
}

table.blank {
  margin: 20px 0;
  width: 100%;
  border-color: #d1efff;
  border-collapse: collapse;
  background-color: white;
  border-radius: 4px;
}

table.blank col.winner,
table.blank td.winner,
table.blank th.winner {
  background-color: rgba(139, 242, 130, 0.25) !important;
}

table.blank tr.odd td,
table.blank tr.odd th {
  background-color: #f4faff;
}
table.blank th,
table.blank td {
  padding: 10px;
  color: #3c6da6;
  font-weight: normal;
}

table.blank td {
  padding: 20px;
}

table.blank th {
  color: #323232;
}

table.blank th.title {
  color: #323232;
  font-weight: bold;
  text-align: center;
}
div.pricequote.bcgGrey {
  background-color: #f5fbff !important;
}
.flexWrp {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
.alignItemsStart {
  align-items: flex-start !important;
}
.inlineBlock {
  display: inline-block !important;
}
.alignTop {
  vertical-align: top;
}
.textAlignLeft {
  text-align: left;
}
.textAlignRight {
  text-align: right;
}
.iconBox {
  width: 14px;
  height: 14px;
}
.width60 {
  width: 60px;
}

.flexWrpCol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left !important;
}

.flexWrpCol > div {
  justify-self: baseline;
}

.notWrap-overflow {
  word-break: break-word !important;
}

.width110 {
  width: 110px !important;
}
.widthPercent40 {
  width: 40% !important;
}
.widthPercent50 {
  width: 50% !important;
}
.widthPercent55 {
  width: 55% !important;
}
.widthPercent66 {
  width: 66% !important;
}
.widthPercent90 {
  width: 90% !important;
}
.widthPercent100 {
  width: 100% !important;
}
.heightAuto {
  height: auto !important;
  top: 0 !important;
}
.maxHeightAuto {
  max-height: unset !important;
}
.top20 {
  top: 20px !important;
}
span.forFormToggler {
  margin: 10px 0;
}


.marginTop0 {
  margin-top: 0px !important;
}
.marginTop5 {
  margin-top: 5px !important;
}
.marginTop10 {
  margin-top: 10px !important;
}
.marginTop20 {
  margin-top: 20px !important;
}
.marginTop50 {
  margin-top: 50px;
}
.marginBottom0 {
  margin-bottom: 0 !important;
}
.marginBottom5 {
  margin-bottom: 5px;
}
.marginBottom10 {
  margin-bottom: 10px !important;
}
.marginBottom20 {
  margin-bottom: 20px !important;
}

.marginLeft22 {
  margin-left: 22px !important;
}
.marginLeft25 {
  margin-left: 25px !important;
}

.marginLeft0 {
 margin-left: 0px !important;
}

.marginRight60 {
  margin-right: 60px !important;
}

.marginRigth20 {
  margin-right: 20px !important;
}
.paddingTop10 {
  padding-top: 10px !important;
}

.paddingTop7 {
  padding-top: 7px !important;
}

.paddingTop5 {
  padding-top: 5px !important;
}

.paddingTop14 {
  padding-top: 14px !important;
}

.paddingTop20 {
  padding-top: 20px !important;
}
.paddingLeft5 {
  padding-left: 5px !important;
}
.paddingLeft20 {
  padding-left: 20px !important;
}
.paddingLeft22 {
  padding-left: 22px !important;
}
.paddingLeft25 {
  padding-left: 50px !important;
}
.paddingRight5 {
  padding-right: 5px !important;
}
.paddingRight20 {
  padding-right: 20px !important;
}
.paddingRight25 {
  padding-right: 25px !important;
}

.selectLikeInputForm {
  width: 98%;
  max-width: 230px;
  height: 27px;
  padding-left: 4%;
  cursor: pointer !important;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  border-left: none;
  border-right: none;
  background-color: white;
  font-size: 1.1em;
  color: #1f3136;
  font-family: FreeSetLightC, Arial;
}
.separateLineForForm {
  width: 100%;
  height: 1px;
  margin: 0 auto;
  background-color: #d9dedd;
}
.separateRightLine {
  border-right: 1px solid #d9dedd;
}
.withoutBorder {
  border: none !important;
}
.fontWeight900 {
  font-weight: 900 !important;
}
.fontSize16 {
  font-size: 16px;
}
.textLikeLabel {
  color: #4f6672 !important;
  margin-top: 10px;
  margin-left: 0 !important;
}
.bcgWhite {
  background-color: white !important;
}


.driver-load-form-container {
  position: absolute;
  right: 20px;
  margin: 15px;
}

.driver-viber-status {
  display: inline-block;
  margin-left: 15px;

}

.client-card-to-right {
  display: block;
  float: right !important;
}


.template-button-to-right {
  position:relative;
  left: 780px;
}

.tender-type {
  display: flex;
  position: relative;
  top:18px;
}

.tender-type .car-type, .sea-type {
  display: block;
  width: 96px !important;
  height:25px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
  font-size: 14px;
  text-align: center;
  background: rgb(255, 255, 255) linear-gradient(#ffffff, #fdfdfd);
  cursor:pointer;
}

.tender-type .tender-type-view {
  position: relative;
  top: 4px;
}

.tender-type .icon-tender-type-view {
  position: relative;
  top:6px;
}

.tender-type .car-type {
  border-radius: 5px 0 0 5px;
}

.tender-type .sea-type {
  border-radius: 0 5px 5px 0;
}

.tender-type .active {
  box-shadow: 0 1px 2px rgb(0 0 0 / 10%) inset;
  background: rgb(184, 245, 168) linear-gradient(rgb(184, 245, 168), rgb(210, 250, 199));
  cursor:inherit;

}

.driver-load-form-container {
  position: absolute;
  right: 20px;
  margin: 15px;
}

.driver-viber-status {
  display: inline-block;
  margin-left: 15px;

}

.color-blockquote{
  color:#c95008;
}

.seatender-beta-test {
  background-image: url(/images/seatender-beta-test-2.png);
  background-repeat: no-repeat;
  background-size: 100px 21px;
  display: block !important;
  width: 100px !important;
  height: 21px !important;
  min-width: 100px !important;
  margin-top: 4px !important;
  margin-left: 5px !important;
}

.provider-beta-test{
  margin-left: 0 !important;
  margin-top: 0 !important;
  position: relative;
  top: -7px !important;
}

div.routegroup tr.the-route.s_seatender,
div.routegroup tr.the-route.s_seatender td {
  background-color: #EBF9FF !important;
}

.paddingLeft300 {
  padding-left: 300px !important;
}

.paddingTop12 {
  padding-top: 12px !important;
}

.tendercounter-color {
  color: #D60A0A !important;
}

.attention-title {
  font-size: 16px !important;
  color: #D42D2D !important;
  word-wrap: normal !important;
}

.attetion-content {
  color: #44515B !important;
  font-size: 14px !important;
}

.paddingTop2 {
  padding-top: 2px !important;
}

.width240 {
  width: 240px !important;
}

div.input.to-fill-in input[type=checkbox] {
  outline: 2px solid red;
}

.min-quote {
  color: #AD2A2A !important;
}

.full_route_name {
  max-width: 400px;
  min-width: 400px;
}

.expedition_remark {
  max-width: 280px;
  min-width: 220px;
}

.full_route_name nobr,
.expedition_remark nobr {
  white-space: normal;
  height: auto;
  word-wrap: break-word;
}

.rowReverse {
  flex-direction: row-reverse !important;
}

.button-link {
  background: none !important;
  border: none;
  padding: 0!important;
  text-decoration: underline !important;
  cursor: pointer;
  box-shadow: none !important;
}

.float-right {
  float: right;
  font-weight: bold;
}

.colorDarkGreen {
  color: #1CD777;
}

.route-action-full {
  float:right;
  width: 230px;
}

span.hint {
  cursor: pointer !important;
  border: 1px solid #dddddd;
  border-radius: 10px;
  padding: 1px 4px;
}

.ForCustomRenderingInputs.trailerbodytype [orname="body_type"]{
  width:240px;
  min-width:210px;
}

.ForCustomRenderingInputs.carbodytype [orname="body_type"]{
  width:260px !important;
  min-width:230px !important;
}


span.inputLoader {
  width:20px;
  height: 20px;
  display:block;
  visibility: hidden;
  border-radius:15px 15px 0 0;
  border: 3px solid #3A95D7;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  position: relative;
  left: 298px;
  top:-44px;
  margin-bottom: -23px;
}

span.inputLoader.rotation {
  visibility: unset;
  transform: rotate(360deg);
  transition: 1.2s linear;
}

div.input.detailed input.error {
  color: unset !important;
  border: 1px solid red;
  border-top-color: red !important;
  border-bottom-color: red !important;
}

<<<<<<< HEAD

span.highlight-min-quotes {
    font-weight: bold
}

span.highlight-min-quotes.have-expeditor-quotes {
    color: green;
}

span.highlight-min-quotes.have-winger-quotes {
    color: red !important;
}

span.userExpManager {
    font-weight: bold;
    padding-left: 15px;
    line-height: 1.3em;
    background: transparent url(/images/parts/men_icon.png) 0 -1px no-repeat;
    color: green !important

}

#t-sorting {
  cursor: pointer;
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 10px 0;
}

#t-sorting .sorting-text {
  height: 25px;
  line-height: 25px;
  text-decoration: underline;
}

#t-sorting .sorting-icon {
  position: relative;
  width: 25px;
  height: 25px;
  background-image: url('/images/sorting_info.svg');
  background-position: right 0;
  background-repeat: no-repeat;
}


.all-tenders-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}

.tender-wrapper {
  width: 485px;
  position: relative;
  display: flex;
  flex-direction: column;
  color: #204376;
}

.t-error {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(4px);
  z-index: 999;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.15);
  color: red;
}

.t-close-error {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.t-close-finished {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 20px;
  cursor: pointer;
}

.t-final {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.t-final div {
  background: rgba(199, 199, 199, 0.8);
  border-radius: 5px;
  padding: 15px;
  font-size: 36px;
  font-weight: bold;
  font-variant:small-caps;
  margin: 20px;
  text-align: center;
}

.s-deleted .t-final div {
  color: black;
}

.s-deleted .t-final {
  background: rgba(0, 0, 0, 0.2);
}

/* .s-ended .t-final div {
  color: black;
} */

/* .s-ended .t-final {
  background: rgba(0, 0, 0, 0.2);
} */

.s-finished .t-final div {
  background: none;
  color: #f4e855;
}

.s-finished .t-final {
  background: rgba(84, 79, 79, 0.75);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.s-won .t-final div {
  color: green;
}

.s-won .t-final {
  background: rgba(43, 255, 0, 0.2);
}

.s-lost .t-final {
  background: rgba(255, 0, 0, 0.3);
}

.s-lost .t-final div {
  color: red;
}

.t-main-wrapper {
  display: flex;
  flex-direction: row;
}

.t-main {
  flex: 1;
  padding: 0 5px;
}

.t-main-header {
  padding-top: 5px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
}

.t-main-header .bookmark {
  width: 15px;
  background-image: url('/images/parts/bookmark.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position-y: top;
  margin-right: 5px;
  cursor: pointer;
}

.t-main-header .bookmark.checked {
  background-image: url('/images/parts/bookmark-solid.svg');
}

.t-main-header-title {
  line-height: 19px;
}

.t-locations-wrapper {
  display: flex;
  flex-direction: row;
}

.t-map-icon {
  width: 30px;
  margin-right: 5px;
  background: url("/images/map-icon@2x.png");
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position-y: center;
}

.t-locations-list {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.t-location {
  display: flex;
  flex-direction: row;
  height: 20px;
}

.t-location-icon {
  width: 12px;
  -webkit-mask: url('/images/triangle.svg') no-repeat 50% 50%/12px 12px;
  mask: url('/images/triangle.svg') no-repeat 50% 50%/12px 12px;
}

.t-location-date,
.t-location-title {
  padding-left: 5px;
  line-height: 23px;
}

.t-location-parts {
  height: 15px;
  width: 12px;
  text-align: center;
  line-height: 18px;
}

.rotate180 {
  transform: rotate(180deg);
}

.color-red {
  background-color: red;
}

.color-green {
  background-color: green;
}

.red {
  color: red;
}

.red svg {
  fill: red;
}

.t-main-right-wrapper {
  display: flex;
  flex-direction: column;
  width: 110px;
}

.t-main-right {
  display: flex;
  align-items: center;
  height: 33px;
  font-size: 12px;
  padding: 0 5px;
  line-height: 12px;
}

.t-main-right.center {
  justify-content: center; 
}

.t-main-right svg {
  margin-right: 5px;
}

.t-bottom {
  height: 33px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 5px;
  line-height: 32px;
}

.t-bottom .t-bottom-icons {
  display: flex;
  flex-direction: row;
}

.t-bottom-form {
  display: flex;
  flex-direction: row;
}

.t-bottom-form input {
  margin: 5px;
  width: 40px;
  text-align: right;
}


.blue-bg {
  background-color: #EAF8FF;
}

.blue-border {
  border: 2px solid #BDEBFF;
  border-radius: 5px;
}

.funds {
  display: fle;
  justify-content: left;
}

.funds div {
  width: 100%;
  text-align: center;
}

.funds svg {
  width: 18px;
  height: 18px;
}

.funds.loosing-color svg {
  fill: red;
}

.funds.winning-color svg {
  fill: green;
}

.truck {
  width: 25px;
  background-image: url("/images/truck.svg");
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position-y: center;
  margin-right: 10px;
}

.box {
  width: 25px;
  background-image: url("/images/box.svg");
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position-y: center;
}

.t-bottom-button {
  display: flex;
  align-items: center;
}

.t-button {
  height: 25px;
  line-height: 27px;
  padding: 0;
  border-radius: 5px !important;
  width: 100px;
  background: #1A8FDD;
  margin: 0;
  text-shadow: none;
  box-shadow: none;
  border: none;
  color: white !important;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none !important;
  text-align: center;
}

.t-button:disabled {
  background: #cccccc !important;
  cursor: not-allowed;
}

a.t-button:hover {
  color: white !important;
}

.tender-form {
  margin: 0 !important;
}

.i-am-winning {
  background-color: green !important;
  background-image: url('/images/thumbs_up.svg');
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: default;
}

.i-am-loosing {
  background: red !important;
}

.winning-color {
  color: green !important;
}

.loosing-color {
  color: red !important;
}

.s-deleted .t-wrapper-filter{
  filter: grayscale(100%) brightness(0.9);
}

/* .s-ended .t-wrapper-filter{
  filter: grayscale(100%) brightness(0.9);
} */

.s-won .t-wrapper-filter{
  /* filter: grayscale(100%) sepia(100%) brightness(0.9) hue-rotate(60deg); */
  filter: grayscale(100%) brightness(0.9);
}

.s-lost .t-wrapper-filter {
  filter: grayscale(100%) brightness(0.9);
}

.hover-text {
  position: relative;
  display: inline-block;
}

.tooltip-text {
  top: -8px;
  left: 120%;
  visibility: hidden;
  position: absolute;
  z-index: 2;
  width: 400px;
  color: #204376;
  font-size: 14px;
  background-color: white;
  border-radius: 5px;
  padding: 5px 10px 5px 10px;
  line-height: 20px;
  box-shadow: 0 4px 4px hsla(0, 0%, 0%, 0.2), 0 12px 12px hsla(0, 0%, 0%, 0.15);
  }

  .tooltip-text.small {
    width: 100px;
  }

  .tooltip-text::before {
    top: 35%;
    left: -1%;
  content: "";
  position: absolute;
  transform: rotate(45deg);
  background-color: white;
  padding: 5px;
  z-index: 1;
}

.hover-text:hover .tooltip-text {
  visibility: visible;
}
            
.discount-popup-content {
  font-size: 1.3em;
  padding: 120px 160px 0 160px;
  text-align: center;
}  

.discount-popup-time-left {
  font-weight: bold;
  padding-bottom: 20px;
}

.discount-popup-description {
  font-weight: bold;
  color: #B9B100;
}

.discount-popup-tariff-link {
  padding-top: 40px;
}

.popup-background-blocker {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 998;
}

.t-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  font-family: FreeSetC, sans-serif;
  margin-bottom: 30px;
}

.t-header > div {
  flex: 1;
  text-align: center;
}

.t-header h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  padding-bottom: 15px;
}

.t-header .t-current {
  font-size: 16px;
  font-weight: 600;
  color: #1675BA;
}

.tariff-table-wrapper {
  margin-top: 20px;
  border-radius: 10px;
  border: 1px solid #A7E4FF;
}

.tariff-table-wrapper td, .tariff-table-wrapper th {
  padding: 10px;
}

table.tariff-table  {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  font-family: FreeSetC, sans-serif;
}   

.tariff-table td {
  width: 15%;
  text-align: center;
}

.tariff-table-wrapper td {
  border-top: 1px solid #A7E4FF;
}

.tariff-table tr:nth-child(even) {
  background-color: #f5fafe;
}

.tariff-table th {
  width: 15%;
  text-align: center;
}

.tariff-table .tariff-table-first {
  text-align: left;
  width: 55%;
  padding-left: 30px;
} 

.tariff-table th {
  font-weight: bold;
  color: #B9B100;
}  

.tariff-table th.tariff-table-first {
  color: #000;
}   

.tariff-buttons {
  margin:0 0 10px 0
}

.tariff-buttons a {
  display: inline-block;
}

.tariff-prices {
  color: #1675BA;
  font-weight: bold;
}

#prolong-block {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 0 50px;
  font-family: FreeSetC, sans-serif;
}

#prolong-block > div {
  position: relative;
  width: 204px;
  height: 244px;
  border: 1px solid #1576BB;
}

#prolong-block .prolong-option-title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 61px;
  background-color: #1576BB;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}

#prolong-block .prolong-option-price {
  padding: 60px 0 30px;
  text-align: center;
  color: #C9500A;
  font-weight: bold;
  font-size: 28px;
}

#prolong-block .prolong-option-button {
  display: flex;
  justify-content: center;
}

#prolong-block .prolong-discount {
  position: absolute;
  top: -18px;
  right: -37px;
  background-color: #C9500A;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  width: 74px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border-radius: 3px;
}

.discount-block {
  font-family: FreeSetC, sans-serif;
  text-align: center;
  padding-bottom: 30px;
}