/* RESETTERS
    -------------------------------------------------- */
iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}

html,
body {
  height: 100%
}

body {
  font-size: 14px;
  line-height: 22px;
  font-family: 'Open Sans', sans-serif;
  text-rendering: optimizeLegibility;
  overflow-y: scroll;
}

body.project-settings {
  background-color: #F9F9F8;
}

body > input[type="file"] {
  top: -100px;
  left: -300px;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
.table th,
.table th label {
  font-weight: 600
}

.bold {
  font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 140%;
}

h3 {
  font-size: 21px;
}

h6 {
  font-weight: 300;
  font-size: 12px;
  color: #717171;
  text-transform: uppercase;
  letter-spacing: 1px;
}

h6 > label.checkbox {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  min-height: 0;
}

h6 > label.checkbox input {
  margin-top: 2px;
}

h6.with-side-lines {
  border-top: 1px solid #e9ede4;
  box-shadow: inset 0 1px 0px rgba(255,255,255,.5);
  background: inherit;
  text-align: center;
  margin-bottom: 0;
  margin-top: 10px;
  line-height: 24px;
}

h6.with-side-lines span {
  margin-top:-20px;
  padding: 5px 15px;
  background: inherit;
  position: relative;
  top: -13px;
}

.header-light {
  font-weight: 300;
  color: #777;
}

dt,
dd {
  line-height: 22px
}

pre {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

li {
  line-height: 22px;
}

select,
textarea,
.input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 6px 8px;
  font-family: 'Open Sans', sans-serif;
}

.input {
  background-color: #ffffff;
  border: 1px solid #cfd3cc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
  margin-bottom: 10px;
}

.input:focus,
.input.focus {
  border-color: rgba(181, 188, 68, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(181, 188, 68, 0.6);
  outline: 0 none;
}

.control-group.error .input {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.error .input.focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

select.danger-value {
  color: #b94a48;
}

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

input::-ms-clear {
  display: none;
}

.input-block-level {
  min-height: 34px
}

select,
input[type="file"] {
  height: 34px;
  line-height: 34px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: default
}

input.invisible-input {
  padding: 0;
  margin: 0;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  line-height: inherit;
  font-size: inherit;
  vertical-align: top;
  width: auto;
  height: auto;
}

.input .preset {
  color: #aaa;
  white-space: nowrap;
}

.input td {
  padding: 0;
}

.inline-label-before-radio-inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
  margin-right: 10px;
  font-weight: 600;
}

.radio-inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
  padding-left: 20px;
  margin-left: 15px;
}

.radio-inline:first-child {
  margin-left: 0;
}

.radio-inline input[type="radio"] {
  float: left;
  margin-left: -20px;
}

ul.list li,
ol.list li {
  margin-bottom: 10px;
  line-height: 22px;
}

ul.list-square {
  list-style-type: square;
}

ul.list-square li {
  line-height: 22px;
}

optgroup.hide option {
  display: none;
}

a.transparent,
i.transparent,
.filter-list-toolbar i.transparent {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

a > h5,
a > strong {
  color: black
}

a.transparent:hover,
a.transparent:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

a.link-muted, .link-muted {
  color: #999;
  cursor: pointer;
}

a.link-muted:hover, .link-muted:hover {
  color: #333;
}

.text-disabled {
  color: #C2C2C2;
}

.link-black {
  color: #333
}

.link-black:hover {
  color: black;
}

label,
input,
button,
select,
textarea {
  font-family: 'Open Sans', sans-serif
}

legend {
  font-size: 19px;
  font-weight: 600;
}

legend .static-icon {
  margin-top: 3px;
}

.no-padding {
  padding: 0px !important
}

.block {
  display: block;
}

.font-normal {
  font-weight: 400 !important
}

.placeholder {
  color: #999;
}

.placeholderFocus {
  color: #000;
}

.profile-page-content .nav-pills > li > a {
  line-height: 18px;
}

.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}

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

.relative {
  position: relative;
}

.overflow-x {
  overflow-x: auto;
  overflow-y: visible;
}

html.overflow,
body.overflow {
  overflow:hidden;
  position: relative;
}

.inline-block {
  display: inline-block;
  *display:inline;
  *zoom:1;
}

.inline-block-top {
  display: inline-block;
  vertical-align: top;
}

.visible-lg {
  display: block !important;
}
.visible-xs {
  display: none !important;
}

.visible-mobile {
  display: none;
}

.hidden-mobile {
  display: block;
}

.hidden-mobile-inline-ib {
  display:inline-block;
}

.hidden-mobile-inline {
  display: inline;
}

.mini-container {
  padding: 0 15px
}

.section {
  padding: 30px 0;
  clear: both;
}

.section + .section {
  padding: 0px 0 30px 0
}

.pull-none {
  float: none!important;
}

.modal.modal-confirm {
  width: 360px;
  margin-left: -180px;
}

.modal.modal-confirm .modal-footer {
  padding: 5px 20px 15px;
  border-top: 0px none;
}

.modal.modal-confirm .modal-body {
  padding: 15px 20px;
  font-size: 13px;
  line-height: 18px;
  word-wrap: break-word;
}

.modal.modal-confirm .modal-body li {
  font-size: 13px;
  line-height: 18px;
}

table.full-width,
.full-width {
  width: 100%
}

table.thead tr:first-child td {
  border: none
}

table.valign-middle td {
  vertical-align: middle;
}

a,
.btn-link {
  color: #85ae52
}

a.hover {
  text-decoration: underline;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #cccccc;
    content: "/\00a0";
}

.mobile-render a.hover,
.mobile-render a:hover,
.mobile-render a.hover,
.mobile-render .btn-link:hover {
  text-decoration: none;
}

a:hover,
a.hover,
.btn-link:hover {
  color: #5d7a39
}

.mobile-render a:hover,
.tablet-render a:hover,
.mobile-render a.hover,
.tablet-render a.hover,
.mobile-render .btn-link:hover,
.tablet-render .btn-link:hover {
  color: #85ae52;
}

a.thumbnail:hover {
  box-shadow: 0 0 4px rgba(181, 188, 68, 0.6)
}

.btn-mini .caret, .btn-small .caret, .btn-large .caret {
  margin-top: 8px;
}

.btn-group .btn .caret {
  opacity: .5;
  filter: alpha(opacity=50);
}

.btn-group .btn:hover .caret,
.btn-group.open .btn .caret {
  opacity: .8;
  filter: alpha(opacity=80);
}

.btn-group .btn[disabled]:hover .caret,
.btn-group .btn.disabled:hover .caret {
  opacity: .5;
  filter: alpha(opacity=50);
}

a.ajax-link {
  border-bottom: 1px dashed rgba(126,146,10,.4)
}

a.ajax-link:hover {
  text-decoration: none;
  border-bottom: 1px dashed rgba(88,102,10,.6);
  cursor: pointer;
}

a.active_suggestion_delete_button:hover,
a.ignore_report:hover {
  cursor: pointer;
}

.dropdown-menu {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.dropdown-submenu > .dropdown-menu {
  border-radius: 0 2px 2px 2px;
  -webkit-border-radius: 0 2px 2px 2px;
  -moz-border-radius: 0 2px 2px 2px;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a,
.drop-down-icon:hover + a {
  background-color: #E6E7E4;
  color: black;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  background-color: #dadada;
  color: black;
}

.drop-down-icon a {
  display: block;
  width: 24px;
  height: 24px;
}

.dropdown-menu li.checked > a {
  background-image: url('/images/editor/checkmark.png');
  background-image: url('/images/editor/checkmark.svg'), none;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 18px;
}

.dropdown-menu .static-icon {
  margin-left: -9px;
  margin-right: 7px;
  margin-top: -1px;
}

.drop-down-icon .static-icon {
  margin:0;
}

.dropdown-menu li {
  position: relative
}

.dropdown-menu li .drop-down-icon {
  position: absolute;
  z-index: 100;
  right: 10px;
  top: 3px;
  display: none;
  margin: 0px !important;
}

.dropdown-menu li:hover .drop-down-icon {
  display: block;
}

.dropdown-menu li:hover .drop-down-icon a {
  cursor: pointer;
}

.dropdown-menu span.menu-group-title {
  color: #999;
  padding: 3px 20px;
  font-size: 12px;
  display: block;
  cursor: default;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.margin-right {
  margin-right: 15px
}

.fit-flexigrid {
  padding: 0!important;
}

.tooltip {
  text-shadow: none !important
}

.tooltip .tooltip-inner {
  line-height: 16px;
  white-space: normal;
}

.alert {
  color: #8a6d3b;
  background-color: #fcf8e3;
  -webkit-box-shadow: 0 1px 2px rgba(138, 109, 59, .35);
  box-shadow: 0 1px 2px rgba(138, 109, 59, .35);
}

.disabled-feature {
  border-left: 3px solid #D3A856;
  padding: 0 10px;
  color: #a57f3c;
  font-size: 13px;
}
.disabled-feature .btn {
  vertical-align: top;
}
.alert .alert-link,
.system-message .alert-link,
.disabled-feature .alert-link {
  font-weight: bold;
  color: #8D6621;
  text-decoration: underline;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info .alert-link {
  color: #245269;
}

.system-message-error .alert-link,
.alert-error .alert-link {
  color: #843534;
}

.alert-gray .alert-link {
  color: #3c3c3c;
}

.alert h4 {
  margin-bottom: 5px
}

.alert,
.alert h4 {
  color: #a57f3c
}

.alert-success {
  background-color: #dff0d8;
  color: #468847;
  -webkit-box-shadow: 0 1px 2px rgba(60, 118, 61, .35);
  box-shadow: 0 1px 2px rgba(60, 118, 61, .35);
}

.alert-success h4 {
  color: #468847
}

.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  -webkit-box-shadow: 0 1px 2px rgba(49, 112, 143, .35);
  box-shadow: 0 1px 2px rgba(49, 112, 143, .35);
}

.alert-info h4 {
  color: #3a87ad
}

.alert-gray {
  color: #555;
  background-color: #eff0ed;
  -webkit-box-shadow: 0 1px 2px rgba(85, 85, 85, .35);
  box-shadow: 0 1px 2px rgba(85, 85, 85, .35);
}

.alert-white {
  background-color: #fff;
  border-color: #f0f0f0;
  color: #515151;
}

.alert-gray h4 {
  color: #515151
}

.text-danger {
  color: #a94442;
}

.text-danger-red {
  color: #D03734;
}

.italic {
  font-style: italic;
}

#reload_msg {
  position: fixed;
  width: 350px;
  top: 20px;
  left: 50%;
  margin-left: -185px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 10px 40px rgba(0, 0, 0, 0.3);
  z-index: 1000001;
  padding: 20px;
}

.dialog-full-width-block {
  margin: auto -20px;
}

.dialog-full-width-block.bordered {
  border: 1px solid #eff0ed;
  border-left: none;
  border-right: none;
}

.dialog-full-width-block > div {
  padding: 20px;
  box-sizing: border-box;
}

/********************404*****************************/
.suggest-link {
  font-size: 16px;
}

.text-small {
  font-size: 13px;
  line-height: 150%;
}

.suggest-icon {
  width:48px;
  height:48px;
  margin-right: 10px
}

.not-found-header, .removed_user {
  padding: 80px 0;
  padding-right: 250px;
  position: relative;
}

.not-found-header {

}
.image-404 {
  width: 414px;
  height: 173px;
  padding-top: 88px;
}
.error-page {
  overflow: hidden;
  position: relative;
}
.error-exit > div {
  display: inline-block;
  vertical-align: top;
}
.error-page > * {
  position: relative;
  z-index: 10;
}
.error-page .bg {
  background:url(/images/content/404/bg-desert.png) no-repeat center 0;
  -webkit-background-size: 1009px 190px;
  background-size: 1009px 190px;
  width: 1009px;
  height: 190px;
  left: 50%;
  top: 115px;
  margin-left: -504px;
  position: absolute;
  z-index: 5;
}

.error-page:after,
.error-page:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 0;
}
.error-page:before {
  height: 190px;
  background: #eff0ed ;
  z-index: 1;
}
.error-page .page-heading {
  background: none;
  padding: 44px 0;
}
.error-page .container.content {
  background: none;
}

.error-page .error-number > div {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.error-number .four:first-child {
  z-index: 10;
}
.error-number .null {
  position: relative;
  bottom: -15px;
}

.error-page .table {
  margin: 0 -15px;
}
.error-page .table-cell {
  padding: 0 15px;
  width: 1%;
  max-width: 300px;
}

.error-page .lizard {
  position: relative;
}
.error-page .lizard .eye {
  -webkit-transition: -webkit-transform 800ms ease;
          transition: transform 800ms ease;
}
.error-page .lizard #eye-container {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 53px;
  top: 39px;
  z-index: 10;
}
object.tumbleweed.mozilla,
.mozilla-detected object.tumbleweed {
  display: none;
}
.mozilla-detected object.tumbleweed.mozilla {
  display: block;
}
.error-page .lizard #eye-left {
  margin-right: 20px;
}

.error-page .lizard #eye-left,
.error-page .lizard #eye-right {
  width: 100px;
  height: 50px;
  float: left;
}

.error-page .lizard #eye-container.n .eye {
  -ms-transform: translate(0, -5px);
  -webkit-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.error-page .lizard #eye-container.ne .eye {
  -ms-transform: translate(5px, -5px);
  -webkit-transform: translate(5px, -5px);
  transform: translate(5px, -5px);
}
.error-page .lizard #eye-container.e .eye {
  -ms-transform: translate(5px, 0);
  -webkit-transform: translate(5px, 0);
  transform: translate(5px, 0);
}
.error-page .lizard #eye-container.se .eye {
  -ms-transform: translate(5px, 5px);
  -webkit-transform: translate(5px, 5px);
  transform: translate(5px, 5px);
}
.error-page .lizard #eye-container.s .eye {
  -ms-transform: translate(0, 5px);
  -webkit-transform: translate(0, 5px);
  transform: translate(0, 5px);
}
.error-page .lizard #eye-container.sw .eye {
  -ms-transform: translate(-5px, 5px);
  -webkit-transform: translate(-5px, 5px);
  transform: translate(-5px, 5px);
}
.error-page .lizard #eye-container.w .eye {
  -ms-transform: translate(-5px, 0);
  -webkit-transform: translate(-5px, 0);
  transform: translate(-5px, 0);
}
.error-page .lizard #eye-container.nw .eye {
  -ms-transform: translate(-5px, -5px);
  -webkit-transform: translate(-5px, -5px);
  transform: translate(-5px, -5px);
}

.not-found-header h1,
.removed_user h1,
 .error-page h1,
 .error-page h2 {
  font-weight: 300;
  color: #717171;
}

.error-page h2 {
  font-size: 22px;
}

/*blinking eye*/
.ojo {
  position: absolute;
  background: transparent;
  margin: 0 auto;
  -moz-border-radius: 1000px;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 53px;
  top: 39px;
  z-index: 20;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.parpado {
  position: relative;
  background: transparent;
  border-radius: 25px;
  height: 25px;
  width: 25px;
  border: 0;
  border-bottom: 0px solid #A4BF82;
  border-top: 0px solid #A4BF82;
  color: whitesmoke;
  margin: 0px auto;
  -moz-box-shadow: #1abc9c 0px 0px 0px 5px;
  -webkit-box-shadow: #A4BF82 0px 0px 0px 5px;
  box-shadow: #A4BF82 0px 0px 0px 1px;
  transition: border .5s;
  z-index: 2;
  animation-name: blink;
  animation-duration: 4s;
  animation-timing-function: ease;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  -webkit-animation-name: blink;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 2s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blink;
  -moz-animation-duration: 4s;
  -moz-animation-timing-function: ease;
  -moz-animation-delay: 2s;
  -moz-animation-iteration-count: infinite;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@keyframes blink {
  0% {
    border-bottom: 0px solid #A4BF82;
    border-top: 0px solid #A4BF82;
  }
  5% {
    border-bottom: 11px solid #A4BF82;
    border-top: 11px solid #A4BF82;
  }
  15% {
    border-bottom: 11px solid #A4BF82;
    border-top: 11px solid #A4BF82;
  }
  20% {
    border-bottom: 0px solid #A4BF82;
    border-top: 0px solid #A4BF82;
  }
  100% {
    border-bottom: 0px solid #A4BF82;
    border-top: 0px solid #A4BF82;
  }
}
@-webkit-keyframes blink {
  0% {
    border-bottom: 0px solid #A4BF82;
    border-top: 0px solid #A4BF82;
  }
  5% {
    border-bottom: 11px solid #A4BF82;
    border-top: 11px solid #A4BF82;
  }
  15% {
    border-bottom: 11px solid #A4BF82;
    border-top: 11px solid #A4BF82;
  }
  20% {
    border-bottom: 0px solid #A4BF82;
    border-top: 0px solid #A4BF82;
  }
  100% {
    border-bottom: 0px solid #A4BF82;
    border-top: 0px solid #A4BF82;
  }
}
@-moz-keyframes blink {
  0% {
    border-bottom: 0px solid #A4BF82;
    border-top: 0px solid #A4BF82;
  }
  5% {
    border-bottom: 11px solid #A4BF82;
    border-top: 11px solid #A4BF82;
  }
  15% {
    border-bottom: 11px solid #A4BF82;
    border-top: 11px solid #A4BF82;
  }
  20% {
    border-bottom: 0px solid #A4BF82;
    border-top: 0px solid #A4BF82;
  }
  100% {
    border-bottom: 0px solid #A4BF82;
    border-top: 0px solid #A4BF82;
  }
}

/*****************BUTTONS**********************/

.bar_button a,
.btn {
  padding: 6px 15px;
  color: #333333;
  text-shadow: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid;
  border-color:#d0d0d0;
  border-color:rgba(79, 87, 72, 0.23);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 1px transparent;
  -moz-box-shadow: 0 0 1px transparent;
  box-shadow: 0 0 1px transparent;
  background-clip:padding-box;
  -webkit-background-clip: padding-box;
}

.bar_button a:hover,
.btn:hover {
  border: 1px solid;
  background-color: #E6E7E4;
  border-color:#cfd3cc;
  border-color:rgba(79, 87, 72,.28);
  background-color: #eae6d9;
  -webkit-box-shadow: 0 0 1px transparent;
  -moz-box-shadow: 0 0 1px transparent;
  box-shadow: 0 0 1px transparent;
  color: black;
  background-position: 0 0;
  text-decoration:none;
}

.bar_button a:active,
.btn.active,
.btn:active {
  background-color: #eae6d9;
  border-color:#cfd3cc;
  border-color:rgba(79, 87, 72,.33);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 6px rgba(0,0,0,.15), 0 0 1px transparent;
  -moz-box-shadow: inset 0 1px 6px rgba(0,0,0,.15), 0 0 1px transparent;
  box-shadow: inset 0 1px 6px rgba(0,0,0,.15), 0 0 1px transparent;
}

.btn.disabled,
.btn[disabled],
.btn.disabled:hover,
.btn[disabled]:hover {
  background-color: #E6E7E4;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  box-shadow: none;
  border: 1px solid;
  border-color: #d0d0d0 #cacaca #c5c5c5;
  border-color: rgba(79, 87, 72, 0.23);
  color: #333;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px
}

.btn-small {
  padding: 3px 10px;
  font-size: 13px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 2px
}

.btn-small [class^="static-icon-"],
.btn-small [class*=" static-icon-"] {
  margin-top: -1px
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.btn-nav {
  padding: 4px 12px;
  font-size: 14px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75)
}

.btn-danger {
  color: #fff;
  background-color: #cc6152;
  border-color: #c64a39;
  border-color: rgba(117,25,12,.7);
}

.btn-danger:hover {
  color: #fff;
  background-color: #b64d3f;
  border-color: #b93625;
  border-color: rgba(117,25,12,.8);

}

.btn-danger:active,
.btn-danger.active {
  background-color: #b64d3f;
  border-color: #b93625;
  border-color: rgba(117,25,12,.9);
  color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-image: none;
  -webkit-box-shadow: inset 0 1px 6px rgba(0,0,0,.15), 0 1px 0 rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0 1px 6px rgba(0,0,0,.15), 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 6px rgba(0,0,0,.15), 0 1px 0 rgba(255, 255, 255, 0.4);
}

.btn-danger.disabled,
.btn-danger[disabled],
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover {
  color: #fff;
  background-color: #de6c5d;
  border-color: #c64a39;
}

.btn-primary {
  color: #fff;
  background-color: #a4bf82;
  border-color: #98b671;
  border-color: rgba(117, 142, 86, .7);
}

.btn-primary:hover {
  color: #fff;
  background-color: #98b671;
  border-color: #72914a;
  border-color: rgba(74, 94, 48, .7);
}

.btn-primary:active,
.btn-primary.active {
  color: #fff;
  background-color: #98b671;
  border-color: #72914a;
  border-color: rgba(74, 94, 48, .7);
}

.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover {
  background-color: #a4bf82;
  border-color: #98b671;
  border-color: rgba(100, 128, 66, .7);
  color: rgba(255, 255, 255, 0.7);
}

.btn-inverse {
  color: #fff;
  border-color: #111 #111 #000000;
  border-color: rgba(0, 0, 0, .9);
  background-color: #222;
}

.btn-inverse:hover {
  color: #fff;
  background-color: #111;
  border-color: #111;
  border-color: rgba(0, 0, 0, 0.8);
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #111;
  border-color: #111;
  border-color: rgba(0, 0, 0, 0.9);
}

.btn-inverse.disabled,
.btn-inverse[disabled],
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover {
  color: #fff;
  background-color: #363636;
  border-color: #111;
}

.btn-large:active,
.btn-large.active {
  -webkit-box-shadow: inset 0 1px 15px rgba(0,0,0,.25);
  -moz-box-shadow: inset 0 1px 15px rgba(0,0,0,.25);
  box-shadow: inset 0 1px 15px rgba(0,0,0,.25);
}

.btn-large {
  padding: 13px 25px;
  font-size: 18px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.btn-large:hover {
  background-position: 0 -25px
}

.navbar .btn-navbar {
  background-color: #E6E7E4;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background-image: none;
  background-repeat: repeat-x;
  border: none;
  color: #333;
  display: none;
  float: right;
  margin-left: -11px;
  margin-right: 0px;
  margin-top: 0px;
  padding: 13px 15px 14px;
  text-shadow: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  position: relative;
  z-index: 1;
}

.navbar .btn-navbar.btn-text {
  margin: 0px;
  color: #555;
  float: left;
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 0 1px rgba(255,255,255,.5);
}

.navbar .btn-navbar.btn-text:hover {
  color: #000;
}

.navbar .btn-navbar.collapsed {
  background-color: transparent;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #555;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.navbar .btn-navbar:hover .icon-bar {
  background-color: #000;
}

/********************end-BUTTONS********************************/

.btn-link {
  border-color: transparent;
  color: #a4bf82;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-link:hover {
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-color: transparent;
  text-decoration: underline;
  box-shadow: none;
  filter: none;
  color: #5d7a39;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  box-shadow: none;
}

.btn-link:active,
.btn-link.active {
  border: 1px solid #cfd3cc;
}

.btn-link.disabled,
.btn-link[disabled],
.btn-link.disabled:hover,
.btn-link[disabled]:hover,
.btn-link.disabled:active,
.btn-link[disabled]:active {
  color: #999;
  background-color: transparent;
  border-color: transparent;
  opacity: 0.30;
  filter: alpha(opacity=30);
}

.btn-link-2 {
  border-color: transparent;
  color: #333;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  box-shadow: none;
}

.btn-link-2:hover {

}

.btn-link-2,
.btn-link-2:active,
.btn-link-2[disabled] {

}

.btn-link-2.disabled,
.btn-link-2[disabled],
.btn-link-2.disabled:hover,
.btn-link-2[disabled]:hover {
  background-color: transparent;
  border-color: transparent;
  opacity: 0.30;
  filter: alpha(opacity=30);
}

.btn-group.open .btn.dropdown-toggle.btn-link-2 {
  border-color: #cfd3cc #b5b5b5 #b0b0b0;
  border-color: rgba(0,0,0,.28);
}

.btn > i,
.btn.disabled > i,
.btn[disabled] > i,
.btn.disabled:hover > i,
.btn[disabled]:hover > i,
.mobile-render .saving-text i {
  opacity: 0.6;
  filter: alpha(opacity="60");
}

.btn:hover > i {
  opacity: 1;
  filter: alpha(opacity="100");
}

.btn-small {
  font-size: 13px
}

.btn-group .btn-small {
  font-size: 13px
}

.btn-toolbar .btn-small {
  font-size: 13px
}

.btn-icon,
.btn-icon:hover,
.btn-icon:active,
.btn-icon.active,
.btn-group.open .btn-icon.dropdown-toggle {
  padding: 0;
  border: 1px solid transparent;
  background: none;
  filter: none;
  box-shadow: none;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
}

.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}

.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 4px 2px;
  border-radius: 0 0 2px 2px;
}

i.btn-divider {
  width: 20px;
  height: 0px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 10px
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #9CCA63;
  outline: 0;
  -webkit-box-shadow: 0 0 4px rgba(133, 174, 82, .4);
  box-shadow: 0 0 4px rgba(133, 174, 82, .4);
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: #333;
}

.width-limit {
  max-width: 600px
}

.width-limit-xl {
  max-width: 750px
}

.white {
  background: white
}

.well.light {
  box-shadow: none;
  background-color: #F6F7F5;
}

.text-indent {
  text-indent: -15px;
  margin-left: 15px;
}

.hr-no-color {
  border: none
}

.gray {
  background: none repeat scroll 0 0 #f9f9f8;
  text-shadow: 0 1px 0 rgba(255, 255, 255,.6);
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #F6F7F5
}

.table tbody tr.gray td {
  background-color: #eee
}

.table-bordered {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child {
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child {
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child {
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
}
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child {
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
}

.border-top-light-grey {
  border-top: solid 1px #eee
}

.hr-section-divide {
  margin: 30px 0
}

.hr-small {
  margin: 10px 0
}

.center,
.text-center,
table td.center,
table th.center {
  text-align: center
}

.text-right, td.text-right, th.text-right {
  text-align: right
}

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

.nomargin-bottom {
  margin-bottom: 0px
}

.no-margin-bottom {
  margin-bottom: 0px
}

.no-margin {
  margin: 0px !important
}

.no-margin-top {
  margin-top: 0px !important
}

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

.margin-left {
  margin-left: 20px;
}

.margin-right {
  margin-right: 20px;
}

.b-margin-top {
  margin-top: 40px
}

.b-margin-bottom {
  margin-bottom: 40px
}

.s-margin-left {
  margin-left: 7px
}

.s-margin-top {
  margin-top: 7px
}

.s-margin-bottom {
  margin-bottom: 7px
}

.s-margin-right {
  margin-right: 7px
}

.margin-right {
  margin-right: 20px
}

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

.padding-left {
  padding-left: 20px
}

.container .margin-top2 {
  margin-top: 30px
}

.lr-container {
  margin: 0 20px
}

.heading {
  margin-bottom: 1em
}

.rounded-corners {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.lead {
  font-size: 19px
}

.hanging-punctuation-left {
  text-indent: -0.5em
}

img.responsive {
  max-width: 100%
}

.accordion-group {
  border: none
}

label.disabled {
  cursor: default;
}

.label[title] {
  cursor: help;
}

.qa-autocheck-status .label {
  cursor: pointer;
}

#qa_settings_dialog #spellcheck_info i {
  margin-top: 3px;
  opacity: 0.7;
}

.label-large {
  font-size: 13px;
  padding: 3px 10px;
  background: #eff0ed;
  color: #999;
  text-shadow:none;
  background: rgba(0,0,0,.03);
  line-height: 22px;
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.label + .label {
  margin-left: 5px
}

.btn-group + .btn-group {
  margin-left: 10px
}

.popover-content > div + div {
  margin-top: 10px
}

#files_tree h3.popover-title,
#build_completed_details h3.popover-title,
#translation_progress h3.popover-title {
  display: none
}

#build_completed_details .popover {
  width: auto;
}

.form-project-settings pre {
  border: 0px none;
  background: #f6f7f5;
  font-size: 12px;
  line-height: 18px;
  color: #B54949;
}

.form-project-settings .control-group {
  margin-bottom: 20px
}

.form-project-settings fieldset {
  margin: 0 auto;
  width: 650px;
}

.project-settings .thin-content {
  margin: 0 auto;
  width: 750px;
}

#project-settings-jipt .control-group {
  margin-bottom: 30px;
}


#project-settings-badges .control-group {
  margin-bottom: 10px;
}

.form-project-settings fieldset + fieldset {
  margin-top: 30px
}

.form-project-settings fieldset > legend {
  margin-bottom: 0
}

.form-project-settings .create-project-hint {
  visibility: hidden;
}

.create-project .form-project-settings .create-project-hint {
  visibility: visible;
}

.control-group.error .help-link,
.control-group.has-error .help-link {
  font-weight: bold;
  color: #843534;
  text-decoration: underline;
}

.control-group.error .help-link.ajax-link,
.control-group.has-error .help-link.ajax-link {
  text-decoration: none;
  border-bottom-color: #843534;
}

.help-block.small {
  font-size: 85%;
  line-height: 1.4;
}

.help-block.small p {
  margin-bottom: 5px
}

.help-block.small ul {
  margin-bottom: 10px
}

.help-block.small ul > li {
  line-height: 1.4;
}

.loader-space {
  position: absolute;
  left: 100%;
  top: 6px;
}

.update-btn-space {
  position: absolute;
  left: 100%;
  padding-left: 10px;
  top: 0px;
}

.mobile-render .update-btn-space {
  position: relative;
  left: 0;
  padding-left: 0;
  top: 0px;
}

.saving-text {
  margin-left: 10px;
}

.profile-saving-text {
  margin-left: 10px;
  position: relative;
  bottom: 6px;
}

.labels-wrapper {
  padding: 5px 10px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
}

.labels-wrapper.disabled {
  opacity: 0.5
}

.labels-wrapper-primary {
  background-color: #F6F7F5
}

.text-with-btn {
  padding: 5px 0
}

h5 > img {
  margin-right: 10px
}

.img-rounded-2 {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
}

.img-rounded-3 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
}

.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nowrap {
  white-space: nowrap;
}

.simple-table {
  width: 100%;
  border-collapse: collapse;
}

.simple-table tbody tr:nth-child(even) {
  background: #fbfbfb
}

.simple-table tfoot td {
  background: #eee
}

.simple-table td {
  padding: 7px;
  border: 1px solid #cfd3cc;
}

.simple-table th {
  padding: 7px;
  border: 1px solid #cfd3cc;
  background: #d6e6d6;
  font-weight: 600;
}

/* grid for settings */

.row-cols {
  margin-right: -15px;
  margin-left: -15px;
}
.col-six,
.col-seven,
.col-eight {
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-six {
  width: 50%;
}

.col-seven {
  width: 58.33333333%;
}

.col-eight {
  width: 66.66666667%;
}


/* NAVIGATION
    -------------------------------------------------- */

.navbar-inner.application-navbar {
  box-shadow: none;
  /*background-image: linear-gradient(to bottom, #FFFFFF, #F6F6F7);*/
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.navbar-search .search-query {
  font-family: 'Open Sans', sans-serif;
}

input.search-query-application-navbar {
  margin-bottom: 0;
  font-size: 13px;
  padding: 4px 6px;
  background-repeat: no-repeat;
  padding-right: 25px !important;
  padding: 6px 25px 6px 14px;
}

.search-query-application-navbar-icon {
  background: transparent url("/images/application-icons/search-icon.png") center center no-repeat;
  background: transparent url("/images/application-icons/svg/search-icon.svg") center center no-repeat;
  background-size: auto;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  border: 0px none;
  padding: 0;
  opacity: 0.5;
}

.navbar .application-navbar .nav > li > a {
  color: black;
  text-shadow: none;
}
.project-settings-wrapper .application-navbar {
  background-color: #fff;
  border-radius: 3px 3px 0 0;
}
.project-settings-wrapper .application-navbar .nav > li > a {
  border: 1px solid transparent;
  border-bottom: none;
  color: #555;
}
.project-settings-wrapper .application-navbar .nav .active > a {
  border-color: #D6D8D4;
  color:#222;
}
.navbar .nav > li > a.primary {
  background-color: #c5da9c;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  background-color: #f0f0f0;
  color: #000;
}

.navbar .nav > li > a.primary:hover,
.navbar .nav > li > a.primary:focus {
  background-color: #bed296;
}

.navbar .divider-vertical {
  border-left: 1px solid #eff0ed;
  border-right:none;
  height: 42px;
  margin: 0;
}

.navbar-search {
  margin-right: 10px;
}

.navbar .divider-vertical.first {
  margin-left: 0;
  margin-right: -2px;
}

.navbar .nav .dropdown-toggle .caret {
  margin-top: 9px;
}

.navbar .nav > li > a.application-navbar-user {
  margin: 0;
  padding: 9px;
}

.navbar .nav > li > a.navbar-icon {
  padding-left: 10px;
  padding-right: 10px;
}

.navbar .nav > li > a.notification-link,
.navbar .nav > li > a.mail-link {
  position: relative;
}

.navbar .nav > li > a.navbar-icon.application-navbar-settings {
  margin: 0;
  padding: 10px 9px;
  border-radius: 2px;
}

.navbar .nav > li > a .static-icon {
  opacity: .6;
  filter: alpha(opacity=60);
  vertical-align: top;
}

.navbar .nav > li.open > a .static-icon,
.navbar .nav > li.active > a .static-icon,
.navbar .nav > li > a:hover .static-icon {
  opacity: .9;
  filter: alpha(opacity=90);
}

.navbar-profile-settings {
  margin-left: 10px
}

.new-baloon {
  background: #F04F4F;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  color: #fff;
  display: inline-block;
  font-size: 9px;
  text-align: center;
  line-height: 16px;
  top: 5px;
  right: 2px;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  border: 1px solid #f9f9f8;
  font-weight: 600;
  text-decoration: none;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
    -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  -o-transform: scale(.9);
  transform: scale(.9);
  -webkit-transition: -webkit-transform 200ms ease;
  -o-transition: -o-transform 200ms ease;
  transition: transform 200ms ease;
}

.new-baloon.small {
  width: 8px;
  height: 8px;
  top: 9px;
  right: 6px;
}

a:hover .new-baloon {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.new-baloon.extra-big {
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 18px;
  right: 0px;
  top: 4px;
}

.application-navbar a.application-navbar-user img {
  height: 24px;
  width: auto;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
}

.application-navbar li.application-navbar-user a {
  padding: 8px 5px
}

.navbar .open .dropdown-toggle,
.nav .navbar > li.dropdown.open.active > a:hover {
  background-color: #E6E7E4;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
  color: #000;
  text-decoration: none;
}

.navbar  .nav > li > .dropdown-menu:after {
  display: none
}

.navbar .nav > li > .dropdown-menu:before {
  display: none
}

.nav .dropdown-menu {
  -webkit-border-radius: 0px 0px 2px 2px;
  -moz-border-radius-topleft: 0px 0px 2px 2px;
  border-radius: 0px 0px 2px 2px;
  box-shadow: 0 0 1px rgba(76,86,103,.25),0 2px 18px rgba(31,37,50,.32);
  margin: 0;
}

  /*LEFT SIDE MENU*/

.mobile-menu-mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 200;
  background: rgba(0,0,0,0.0);
  transition: background 0.4s ease;
  z-index: -1;
}

.modal-menu-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: opacity 0.4s ease;
  -webkit-tap-highlight-color: transparent;
}

.modal-menu-mask.active {
    opacity: 1;
    visibility: visible;
    z-index: 900;
}

.mobile-list-divider {
  border-top: 1px solid #e5e5e5;
  margin: 10px 0
}

.active-mobile-menu .modal-menu-mask {
  position: absolute;
}
.active-mobile-menu {
  overflow: hidden!important;
  height: 100%!important;
}

.active-mobile-menu .mobile-menu-mask,
.modal-mobile-menu-active .mobile-menu-mask {
  background: rgba(50,50,50,0.16);
  z-index: 900;
}



.mobile-menu-button {
  position: relative;
  padding: 9px 10px;
  margin-top: 4px;
  background-color: transparent;
  background-image: none;
  border: 1px solid #e9ede4;
  border-radius: 2px;
}
.mobile-menu-button .bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #888;
}

.mobile-menu-button .bar + .bar {
    margin-top: 4px;
}

.mobile-slidemenu {
	background: #F6F7F5;
	position: absolute;
}

.mobile-slidemenu h3 {
	color: #afdefa;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #EFF0ED;
}

.mobile-slidemenu a,
.mobile-slidemenu a:active,
.mobile-slidemenu a:focus {
	display: block;
	color: #666;
  text-decoration:none;
}

/* Orientation-dependent styles for the content of the menu */

.mobile-slidemenu-vertical {
	width: 80%;
  max-width: 280px;
	bottom: 0;
	top: 0;
	z-index: 1000;
}

.mobile-slidemenu-vertical a {
  padding: 10px 15px;
}

.mobile-slidemenu .mobile-logo-holder {
  width: 100%;
  height: 43px;
  background: #F9F9F8;
  border-bottom: 1px solid #D6D8D4;
  position: relative;
}

.mobile-slidemenu button {
  position: absolute;
  top: 5px;
  right: 15px;
  z-index: 10;
}

.mobile-slidemenu .mobile-logo-holder .logo {
  padding: 0;
  height: 100%;
  top: 0;
  margin: 0 auto;
  margin-right: 55px;
  float: none;

}
.mobile-slidemenu .mobile-logo-holder .logo a {
  padding: 5px 5px 5px 15px;
}

/* Vertical menu that slides from the left or right */

.mobile-slidemenu-left {
  -webkit-transform: translateX(-280px);
  -ms-transform: translateX(-280px);
  transform: translateX(-280px);
}

.mobile-slidemenu-left.is-active-mobile-menu {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

/* Push classes applied to the body */

.mobile-slidemenu-push #wrap,
.mobile-slidemenu-push #footer {
	overflow-x: hidden;
	position: relative;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.mobile-slidemenu-push-toright {
  overflow-x: hidden;

}

/* Transitions */

.mobile-slidemenu {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

	.mobile-slidemenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.mobile-slidemenu-top {
		top: -110px;
	}

	.mobile-slidemenu-bottom {
		bottom: -110px;
	}
}


/*modal mobile menus*/

/*.modal-mobile-menu-active {
    overflow: hidden;
    height: 100%;
}*/

.mobile-dropdown.open .dropdown-menu {
  z-index: 20;
}
.mobile-dropdown-mask {
  position: fixed;
  z-index: 10;
  background: none;
  -webkit-user-select: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#quick-search-drop-down {
  left: 0;
  right: auto;
  min-width: 199px;
  max-width: 349px;
}

#quick-search-drop-down li a {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown-menu li > a {
  line-height: 24px;
  padding: 3px 20px;
}

.dropdown-menu li > a > span.text-overflow {
  max-width: 250px;
  display: block;
}
.dropdown-menu li > a.logout > span {
  padding-right: 10px;
}

.dropdown-menu .divider {
  height: 0px;
  border-top: 1px solid #e5e5e5;
}

#header-projects-list {
  min-width: 240px;
}

.mobile-slidemenu .nav > li > a {
  line-height: 30px;
  font-weight: 600;
}

.mobile-slidemenu .nav > li.open > a {
  background-color: #999;
  color: #fff;
}

.mobile-slidemenu .nav .dropdown-menu .filter-list-toolbar a.header-filter {
  top: 7px;
  right: 0;
}
.mobile-slidemenu .nav .dropdown-menu {
  box-shadow:none;
}

.mobile-slidemenu #header-projects-list {
  max-width: 280px;
}

.mobile-slidemenu .nav .dropdown-toggle .caret {
  margin-top: 0;
  vertical-align:middle;
}
.mobile-slidemenu #header-projects-list .drop-down-btns {
  display: none;
}

#header-projects-list,
#resources-menu {
  padding: 7px 0;
  display: block;
  margin-top:1px;
}

.mobile-slidemenu #header-projects-list,
.mobile-slidemenu #resources-menu {
  width: 100%;
}

.open > #header-projects-list,
.open #resources-menu {
  opacity: 1;
}

.nav .dropdown-menu {
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}

.slide-menu .caret {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  vertical-align: middle;
  margin-left: 5px;
}

.slide-menu .back .caret {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.slide-menu .slide-submenu,
.slide-menu .back-holder {
  margin-left: 0;
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #F6F7F5;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}

.slide-menu.opened .back-holder,
.slide-menu.opened .slide-submenu {
  z-index: 100;
  opacity: 1;
}
.slide-menu .back-holder {
  width: 100%;
  height: 43px;
  background: #F9F9F8;
  border-bottom: 1px solid #D6D8D4;
}

.slide-menu #header-projects-list,
.slide-menu #resources-menu {
  padding: 0;
  margin-top: 43px;
  height: calc(100% - 43px);
  overflow-y: auto;
}

.slide-menu .filter-list-toolbar a.header-filter {
  padding: 7px;
}
.slide-menu .slide-submenu .project-row .settings {
  float:right;
  opacity: 0.6;
}

input.edit-template {
  padding-right: 30px;
}

.scrollable-menu{
  width: 300px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  overflow-scrolling: touch;
  max-height: 400px;
}

.spreadsheet-templates .dropup-menu {
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transform-origin: bottom;
}

.dropdown-menu {
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transition-property: -ms-transform, opacity, height;
  -o-transition-property: -o-transform, opacity, height;
  transition-property: transform, opacity, height;
  -webkit-transition-duration: 200ms;
     -moz-transition-duration: 200ms;
       -o-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
}

.dropdown-menu > * {
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
  -webkit-transition: opacity 100ms linear;
  -o-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
}

.is-showing.dropdown-menu > *,
.open > .dropdown-menu > *,
.dropdown-menu.shown > * {
  opacity: 1;
}

.is-showing.dropdown-menu,
.open > .dropdown-menu,
.dropdown-menu.shown {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
  display: block;
}

#header-projects-list li > a {
  padding-right: 40px
}

.mobile-render #header-projects-list li > a,
.mobile-render #resources-menu li > a {
  font-size:13px;
  line-height: 28px;
}

.mobile-render #header-projects-list li > a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 22px;
  padding: 10px 15px;
}

.drop-down-form {
  margin: 0px 11px 10px
}

.drop-down-btns {
  position: relative;
  top: 7px;
  margin-left: -1px;
  margin-right: -1px;
}

.btn-group.btn-block {
  display: table;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.btn-group-justified .btn {
  display: table-cell;
  float: none;
  width: 1%;
  position: static;
}

/* safari hack*/
.btn-group {
  letter-spacing : -4px;
}

.btn-group * {
  letter-spacing : 0px;
}
/* end of safari hack */

.drop-down-btns > .btn-group > .btn:first-child {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 0px;
}

.drop-down-btns > .btn-group > .btn {
  padding-top: 6px;
  padding-bottom: 8px;
}

.drop-down-btns > .btn-group > .btn:last-child {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 0px;
}

.drop-down-btns > .btn-group {
  margin-top: 4px
}

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}

.input-append .add-on, .input-prepend .add-on {
  padding: 6px 8px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}

.nav-tabs-alternate {
  background-color: #eff0ed
}

.nav-tabs-alternate > li > a {
  padding-top: 12px;
  padding-bottom: 14px;
  color: #666;
  margin-top: 0;
  margin-bottom: 0;
  border: none;
  border-radius: 0;
}

.nav-tabs-alternate > .active > a,
.nav-tabs-alternate > .active > a:hover {
  font-weight: 600;
  border: none;
  background-color: transparent;
}

.nav-tabs-alternate > li > a:hover {
  border: none;
  background-color: transparent;
  color: black;
}

.settings-navbar {
  padding-left: 0;
  padding-right: 0;
}

/* HEADER
    -------------------------------------------------- */

#back-end-header  .container {
  position: relative
}

#back-end-header .logo,
.mobile-slidemenu .logo {
  height: 32px;
  margin: 0 10px 0 0;
  padding: 0;
  position: relative;
  top: 5px;
  max-width: 210px;
  float: left;
}

.mobile-slidemenu .logo-small {
  display:none;
}

#back-end-header .logo-icon {
  display: none
}

#back-end-header .logo img,
.mobile-slidemenu .logo img {
  max-height: 33px
}

#back-end-header .logo a,
.mobile-slidemenu .logo a {
  display: block;
  height: 32px;
}

.ajax-loader-icon {
  background-image: url(/images/loading.gif);
  background-repeat:no-repeat;
}

/*MOBILE MENU*/

.open > .user-menu-dropdown {
  margin-top: 1px;
}

/* FOOTER
    -------------------------------------------------- */

/* Wrapper for page content to push down footer */

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -53px;
  min-width: 979px;
}

/* Set the fixed height of the footer here */

#push {
  height: 53px;
}

#footer {
  color: #999;
  min-width: 979px;
  position: relative;
  padding: 10px 0;
  height: 32px;
}

#footer .container {
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
}

/* custom language */

.create-project .target-languages-checklist,
#settings-languages .target-languages-checklist {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  overflow: hidden;
}

.target-languages-checklist .left,
.target-languages-checklist .right {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 10px;
  width: 50%;
}

.form-profile-settings {
  max-width: 650px;
}

#settings-languages .target-languages-checklist .left {
  width: 47%;
}

#settings-languages .target-languages-checklist .right {
  width: 53%;
}

#settings-languages .checklist-js-result li .native-checker {
  border-left: 1px solid #e5e5e5;
}

.native-language-radio {
  width: 40px;
  height: 30px;
  margin-left: 10px;
  margin-bottom: 0;
  border-radius: 30px;
}

.native-language-radio:hover {
  background: white;
}

.native-language-radio input[type="radio"] {
  float: none !important;
  margin-top: 6px;
}

.target-languages-checklist .right {
  background-color: #f9f9f9;
}

#selected_languages_count,
.selected_languages_info {
  margin-bottom: 11px;
  padding: 6px 10px;
  min-height: 19px;
  color: #999;
}

.selected_languages_info {
  margin-bottom: 13px;
}

#native_language_hint {
  width: 40px;
  text-align: center;
  cursor: default;
}

#footer ul.footer-menu {
  margin: 0;
  overflow: hidden;
  height: 22px;
}

#footer ul.footer-menu li {
  padding-right: 10px;
  display: inline-block;
  white-space: nowrap;
  *display: inline;
  zoom: 1;
}

#footer ul.footer-menu li + li:before {
  content: '\2022\a0';
  padding-right: 10px;
  color: #cfd3cc;
}

#footer ul.footer-menu li a,
#footer_powered_by a,
#footer_powered_by {
  color: #666;
  font-size: 13px;
}

#footer_powered_by a svg {
  opacity: 0.7;
  vertical-align: top;
}

#footer_powered_by a:hover svg {
  opacity: 1;
}

#footer ul.footer-menu li a:hover {
  color: #333
}

/* ICONS
    -------------------------------------------------- */

.icon-formats-64 {
  background: url("/images/formats-64.png");
  background-repeat: no-repeat;
  height: 48px;
  line-height: 48px;
  width: 48px;
}

.icon-social {
  background: url(/images/icons-social.png) no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}

.btn .icon-social {
  margin-left: 6px;
  margin-right: 6px;
  margin-top: -2px;
}

.circle-icon-wrapper {
  height: 40px;
  width: 40px;
  border-radius: 25px 25px 25px 25px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
  background-color: #99B010;
  text-align: center;
}

.circle-icon-wrapper i.i16 {
  margin-top: 12px
}

.icon-social.icon-facebook {
  background-position: 0px -16px
}

.icon-social.icon-google {
  background-position: 0px -32px
}

.icon-social.icon-twitter {
  background-position: 0px 0px
}

.icon-social.icon-facebook.dark {
  background-position: -16px -16px
}

.icon-social.icon-google.dark {
  background-position: -16px -32px
}

.icon-social.icon-twitter.dark {
  background-position: -16px 0px
}

h3.with-icon-feature {
  line-height: 50px;
  margin: 0 0 15px 0px;
  color: #444;
}

h5.with-icon-process {
  color: #85990f;
  font-weight: normal;
}

.formats-icons {
  border-top: 1px solid #cecece
}

.btn .media {
  text-align: left;
  padding: 0 10px;
}
.btn .media .static-icon {
  margin: 4px 8px 4px 4px;
  float: left;
}

.link-with-icon-text {
  padding-left: 5px
}

.link-with-icon-tagline {
  font-size: 85%;
  line-height: 130%;
  color: #999;
  text-shadow: none;
  color: rgba(0,0,0,.45);
  text-decoration: none;
  margin-top: 2px;
}
.btn-primary .link-with-icon-tagline {
  color: #fff;
  color: rgba(255, 255, 255, 0.80);
}

.nav-header {
  font-weight: 600
}

span.pictogram {
  color: #333333;
  font-family: "entypo";
  font-size: 3.1em;
  line-height: 0.5em;
  cursor: default;
  text-shadow: 0 1px 0 rgba(255, 255, 255,.9);
}

span.pictogram a {
  color: #666
}

span.pictogram a:hover {
  color: #000;
  text-decoration: none;
}

.static-icon {
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: text-top;
}

.static-icon.muted:hover,
.static-icon.muted {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.static-icon.transparent {
  opacity: .6;
  filter: alpha(opacity=60);
}

.static-icon.transparent:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.static-icon-32 {
  width: 32px;
  height: 32px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: text-top;
  margin-top: -1px;
  margin-bottom: -2px;
}

i.static-icon,
i.static-icon-32,
i.static-icon-36 {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.static-icon-36 {
  width: 36px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: text-top;
}


.navbar .static-icon {
  height: 22px;
  width: 22px;
}

.static-icon-gray {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

i.static-icon-gray.static-icon-circled-help {
  opacity: 0.1;
  filter: alpha(opacity=10);
  transition: all 1s ease;
}

i.static-icon-gray.static-icon-circled-help:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
  transition: all 0.5s ease;
}

.static-icon-alarm {
  background-image: url("/images/application-icons/bell-o.png");
  background-image: url("/images/application-icons/svg/bell-o.svg"), none;
}

.static-icon-mail {
  background-image: url("/images/application-icons/mail.png");
  background-image: url("/images/application-icons/svg/mail.svg"), none;
}

.static-icon-crowdin {
  background-image: url("/images/application-icons/crowdin.png");
  background-image: url("/images/application-icons/svg/crowdin.svg"), none;
}

.static-icon-mail-read {
  background-image: url("/images/application-icons/mail-read.png");
  background-image: url("/images/application-icons/svg/mail-read.svg"), none;
}

.btn-primary .static-icon-mail {
  background-image: url("/images/application-icons/svg/mail-white.svg"), none;
  opacity: 0.9;
  filter: alpha(opacity="90");
}

.static-icon-attention {
  background-image: url("/images/application-icons/attention.png");
}

.static-icon-cog {
  background-image: url("/images/application-icons/cog.png");
  background-image: url("/images/application-icons/svg/cog.svg"), none;
}

.static-icon-download-upload-cloud {
  background-image: url("/images/application-icons/download-upload-cloud.png");
  background-image: url("/images/application-icons/svg/download-upload-cloud.svg"), none;
}

.static-icon-automation-translation {
  background-image: url("/images/application-icons/automation-translation.png");
  background-image: url("/images/application-icons/svg/automation-translation.svg"), none;
}

.static-icon-github {
  background-image: url("/images/application-icons/github-circle.png");
  background-image: url("/images/application-icons/svg/github-circle.svg"), none;
}

.static-icon-bitbucket {
  background-image: url("/images/application-icons/bitbucket.png");
  background-image: url("/images/application-icons/svg/bitbucket.svg"), none;
}

.static-icon-sync {
  background-image: url("/images/application-icons/sync.png");
  background-image: url("/images/application-icons/svg/sync.svg"), none;
}

.static-icon-calendar {
  background-image: url("/images/application-icons/calendar.png");
  background-image: url("/images/application-icons/svg/calendar.svg"), none;
}

.static-icon-sync.live {
  animation: sunc 3s linear infinite;
}

@keyframes sunc {
  0% {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(-360deg); /* IE 9 */
    -webkit-transform: rotate(-360deg); /* Safari */
    transform: rotate(-360deg);
  }
}

.static-icon-sync-off {
  background-image: url("/images/application-icons/sync-off.png");
  background-image: url("/images/application-icons/svg/sync-off.svg"), none;
}

.static-icon-sync-alert-red {
  background-image: url("/images/application-icons/sync-alert-red.png");
  background-image: url("/images/application-icons/svg/sync-alert-red.svg"), none;
}

.static-icon-check-circle-outline-green {
  background-image: url("/images/application-icons/check-circle-outline-green.png");
  background-image: url("/images/application-icons/svg/check-circle-outline-green.svg"), none;
}

.static-icon-configure {
  background-image: url(/images/application-icons/configure.png);
  background-image: url(/images/application-icons/svg/configure.svg), none;
}

.static-icon-close {
  background-image: url(/images/application-icons/close.png);
  background-image: url(/images/application-icons/svg/close.svg), none;
}

.static-icon-workflow {
  background-image: url("/images/application-icons/workflow.png");
  background-image: url("/images/application-icons/svg/workflow.svg"), none;
}

.static-icon-heart {
  background-image: url("/images/application-icons/heart.png");
  background-image: url("/images/application-icons/svg/heart.svg"), none;
}

.static-icon-sort {
  background-image: url("/images/application-icons/sort.png");
  background-image: url("/images/application-icons/svg/sort.svg"), none;
}

.static-icon-sort-ab {
  background-image: url("/images/application-icons/sort-alphabetical.png");
  background-image: url("/images/application-icons/svg/sort-alphabetical.svg"), none;
}

.static-icon-workflow-arrow {
  background-image: url("/images/application-icons/workflow-arrow.png")
}

.static-icon-christ32 {
  background-image: url("/images/application-icons/christ32.png")
}

.static-icon-user-settings {
  background-image: url("/images/application-icons/user-settings.png")
}

.static-icon-node {
  background-image: url("/images/application-icons/node.png")
}

.static-icon-home {
  background-image: url("/images/application-icons/home.png")
}

.static-icon-add-to-list {
  background-image: url("/images/application-icons/add-to-list.png");
  background-image: url("/images/application-icons/svg/add-to-list.svg"), none;
}

.btn-primary .static-icon-add-to-list {
  background-image: url("/images/application-icons/add-to-list-white.png");
  opacity: 0.9;
  filter: alpha(opacity="90");
}

.static-icon-add-comment {
  background-image: url("/images/application-icons/add-comment.png");
  background-image: url("/images/application-icons/svg/add-comment.svg"), none;
}

.static-icon-copy {
  background-image: url("/images/application-icons/copy.png")
}

.static-icon-copy-source {
  background-image: url("/images/application-icons/copy-source.png")
}

.static-icon-save {
  background-image: url("/images/application-icons/save.png")
}

.static-icon-line-graph {
  background-image: url("/images/application-icons/line-graph.png");
  background-image: url("/images/application-icons/svg/line-graph.svg"), none;
}

.static-icon-area-graph {
  background-image: url("/images/application-icons/area-graph.png");
  background-image: url("/images/application-icons/svg/area-graph.svg"), none;
}

.static-icon-ff {
  background-image: url("/images/application-icons/ff.png")
}

.static-icon-fb {
  background-image: url("/images/application-icons/fb.png")
}

.static-icon-cross {
  background-image: url("/images/application-icons/cross.png")
}

.static-icon-csv {
  background-image: url("/images/application-icons/csv.png")
}

.static-icon-export {
  background-image: url("/images/application-icons/export.png")
}

.static-icon-chevron-load {
  background-image: url(/images/loading.gif);
}

.static-icon-chevron-up {
  background-image: url("/images/application-icons/chevron-up.png")
}

.static-icon-chevron-down {
  background-image: url("/images/application-icons/chevron-down.png")
}

.static-icon-chevron-left {
  background-image: url("/images/application-icons/chevron-left.png")
}

.static-icon-chevron-right {
  background-image: url("/images/application-icons/chevron-right.png");
  background-image: url("/images/application-icons/svg/chevron-right.svg"), none;
}

.btn-primary .static-icon-chevron-right {
  background-image: url("/images/application-icons/chevron-right-white.png");
  background-image: url("/images/application-icons/svg/chevron-right-white.svg"), none;
  opacity: 0.9;
  filter: alpha(opacity="90");
}

.static-icon-to-start {
  background-image: url("/images/application-icons/to-start.png")
}

.static-icon-to-end {
  background-image: url("/images/application-icons/to-end.png")
}

.static-icon-chevron-thin-right {
  background-image: url("/images/application-icons/chevron-thin-right.png")
}

.static-icon-check-all {
  background-image: url("/images/application-icons/check-all.png")
}

.static-icon-cross-list {
  background-image: url("/images/application-icons/cross-list.png")
}

.static-icon-info {
  background-image: url("/images/application-icons/info.png")
}

.static-icon-information-outline {
  background-image: url("/images/application-icons/information-outline.png");
  background-image: url("/images/application-icons/svg/information-outline.svg"), none;
}

.static-icon-information-outline-white {
  background-image: url("/images/application-icons/information-outline-white.png");
  background-image: url("/images/application-icons/svg/information-outline-white.svg"), none;
}

.static-icon-plus {
  background-image: url("/images/application-icons/plus.png");
  background-image: url("/images/application-icons/svg/plus.svg"),none;
}

.static-icon-plus-white {
  background-image: url("/images/application-icons/plus-white.png");
  background-image: url("/images/application-icons/svg/plus-white.svg"),none;
}

.static-icon-owner {
  background-image: url("/images/application-icons/owner.png");
  background-image: url("/images/application-icons/svg/owner.svg"),none;
}

.static-icon-proofreader {
  background-image: url("/images/application-icons/goggles.png");
}

.static-icon-minus {
  background-image: url("/images/application-icons/minus.png");
}

.static-icon-warning {
  background-image: url("/images/application-icons/warning.png");
}

.static-icon-warning-deleted {
  background-image: url("/images/application-icons/warning-deleted.png");
  background-image: url("/images/application-icons/svg/warning-deleted.svg"), none;
}

.static-icon-lifebuoy {
  background-image: url("/images/application-icons/lifebuoy.png");
}

.static-icon-text-doc {
  background-image: url("/images/application-icons/text-doc.png");
}

.static-icon-book {
  background-image: url("/images/application-icons/book.png");
  background-image: url("/images/application-icons/svg/book.svg"), none;
}

.static-icon-pull-top {
  background-image: url("/images/application-icons/pull-top.png");
  background-image: url("/images/application-icons/svg/pull-top.svg"), none;
}

.static-icon-pull-down {
  background-image: url("/images/application-icons/pull-down.png");
  background-image: url("/images/application-icons/svg/pull-down.svg"), none;
}

.static-icon-pull-top.static-icon-warning,
.static-icon-pull-down.static-icon-warning {
  background-image: url("/images/application-icons/warning.png");
}

.static-icon-pull-right {
  background-image: url("/images/application-icons/pull-right.png")
}

.static-icon-download {
  background-image: url("/images/application-icons/download.png");
  background-image: url("/images/application-icons/svg/download.svg"), none;
}

.btn-primary .static-icon-download {
  background-image: url("/images/application-icons/download-white.png");
  background-image: url("/images/application-icons/svg/download-white.svg"), none;
  opacity: 0.9;
  filter: alpha(opacity="90");
}

.static-icon-upload-cloud {
  background-image: url("/images/application-icons/upload-cloud.png");
  background-image: url("/images/application-icons/svg/upload-cloud.svg"), none;
}

.static-icon-link-variant {
  background-image: url("/images/application-icons/link-variant.png");
  background-image: url("/images/application-icons/svg/link-variant.svg"), none;
}

.static-icon-copy-link {
  background-image: url("/images/application-icons/copy-link.png");
  background-image: url("/images/application-icons/svg/copy-link.svg"), none;
}

.static-icon-download-xml {
  background-image: url("/images/application-icons/download-xml.png");
  background-image: url("/images/application-icons/svg/download-xml.svg"), none;
}

.static-icon-upload-xml {
  background-image: url("/images/application-icons/upload-xml.png");
  background-image: url("/images/application-icons/svg/upload-xml.svg"), none;
}

.static-icon-edit-custom-lang {
  background-image: url("/images/application-icons/static-icon-edit-custom-lang.png")
}

.static-icon-delete-custom-lang {
  background-image: url("/images/application-icons/static-icon-delete-custom-lang.png")
}

.static-icon-search {
  background-image: url("/images/application-icons/search.png");
  background-image: url("/images/application-icons/svg/search.svg"), none;
}

.static-icon-zoom-in {
  background-image: url("/images/application-icons/zoom-in.png")
}

.static-icon-zoom-out {
  background-image: url("/images/application-icons/zoom-out.png")
}

.static-icon-help {
  background-image: url("/images/application-icons/help.png")
}

.static-icon-circled-help {
  background-image: url("/images/application-icons/circled-help.png")
}

.static-icon-circled-help-outline {
  background-image: url("/images/application-icons/help-circle-outline.png");
  background-image: url("/images/application-icons/svg/help-circle-outline.svg"), none;  
}

.static-icon-cycle {
  background-image: url("/images/application-icons/cycle.png");
  background-image: url("/images/application-icons/svg/cycle.svg"), none;
}

.static-icon-eye {
  background-image: url("/images/application-icons/eye.png");
  background-image: url("/images/application-icons/svg/eye.svg"), none;
}

.static-icon-eye-closed {
  background-image: url("/images/application-icons/eye-off.png");
  background-image: url("/images/application-icons/svg/eye-off.svg"), none;
}

.static-icon-edit {
  background-image: url("/images/application-icons/edit.png")
}

.static-icon-edit-block {
  background-image: url("/images/application-icons/edit-block.png");
  background-image: url("/images/application-icons/svg/edit-block.svg"), none;
}

.static-icon-edit-block-white {
  background-image: url("/images/application-icons/edit-block-white.png");
  background-image: url("/images/application-icons/svg/edit-block-white.svg"), none;
}

.static-icon-replace {
  background-image: url("/images/application-icons/replace.png")
}

.static-icon-trash {
  background-image: url("/images/application-icons/trash.png");
  background-image: url("/images/application-icons/svg/trash.svg"), none;
}

.static-icon-trash-white {
  background-image: url("/images/application-icons/trash-white.png")
}

.static-icon-check {
  background-image: url("/images/application-icons/check.png")
}

.static-icon-check32 {
  background-image: url("/images/application-icons/check32.png")
}

.static-icon-checkmark32-white {
  background-image: url("/images/application-icons/checkmark32-white.png")
}

.static-icon-checkmark {
  background-image: url("/images/application-icons/checkmark.png")
}

.static-icon-checkmark-green {
  background-image: url("/images/application-icons/checkmark-green.png")
}

.static-icon-more-option-green {
  background-image: url("/images/application-icons/more-option-green.png")
}

.static-icon-keyboard {
  background-image: url("/images/application-icons/keyboard.png")
}

.static-icon-database {
  background-image: url("/images/application-icons/database.png");
  background-image: url("/images/application-icons/svg/database.svg"), none;
}

.static-icon-processor {
  background-image: url("/images/application-icons/processor.png")
}

.static-icon-cog32 {
  background-image: url("/images/application-icons/cog32.png");
  background-image: url("/images/application-icons/svg/cog.svg"), none;
  -webkit-background-size: 32px;
  background-size: 32px;
}

.static-icon-cog32-white {
  background-image: url("/images/application-icons/cog32-white.png")
}

.static-icon-memory32-white {
  background-image: url("/images/application-icons/memory32-white.png")
}

.static-icon-machine-translation32-white {
  background-image: url("/images/application-icons/machine-translation32-white.png")
}

.static-icon-chart24 {
  background-image: url("/images/application-icons/chart24.png")
}

.static-icon-delete24 {
  background-image: url("/images/application-icons/delete24.png")
}

.static-icon-trash24 {
  background-image: url("/images/application-icons/trash24.png")
}

.static-icon-download32 {
  background-image: url("/images/application-icons/download32.png");
  background-image: url("/images/application-icons/svg/download.svg"), none;
  -webkit-background-size: 30px;
  background-size: 30px;

}

.static-icon-add-to-list32 {
  background-image: url("/images/application-icons/add-to-list32.png");
  background-image: url("/images/application-icons/svg/add-to-list32.svg"), none;
}

.btn-primary .static-icon-add-to-list32 {
  background-image: url("/images/application-icons/add-to-list32-white.png");
  background-image: url("/images/application-icons/svg/add-to-list32-white.svg"), none;
}

.static-icon-languages32 {
  background-image: url("/images/application-icons/languages32.png")
}

.static-icon-languages32-white {
  background-image: url("/images/application-icons/languages32-white.png")
}

.static-icon-goggles32 {
  background-image: url("/images/application-icons/goggles32.png")
}

.static-icon-goggles32-white {
  background-image: url("/images/application-icons/goggles32-white.png")
}

.static-icon-search32 {
  background-image: url("/images/application-icons/search32.png")
}

.static-icon-filter32 {
  background-image: url("/images/application-icons/filter32.png")
}

.static-icon-project-details36 {
  background-image: url("/images/application-icons/project-details36.png");
  background-image: url("/images/application-icons/svg/project-details36.svg"), none;
}

.static-icon-project-analytics36 {
  background-image: url("/images/application-icons/project-analytics36.png");
  background-image: url("/images/application-icons/svg/project-analytics36.svg"), none;
}

.static-icon-translation-costs36 {
  background-image: url("/images/application-icons/translation-costs36.png");
  background-image: url("/images/application-icons/svg/translation-costs36.svg"), none;
}

.static-icon-tm-match36 {
  background-image: url("/images/application-icons/tm-match36.png");
  background-image: url("/images/application-icons/svg/tm-match36.svg"), none;
}

.static-icon-abuse-reports36 {
  background-image: url("/images/application-icons/abuse-reports36.png");
  background-image: url("/images/application-icons/svg/abuse-reports36.svg"), none;
}

.static-icon-custom-reports36 {
  background-image: url("/images/application-icons/custom-reports36.png");
  background-image: url("/images/application-icons/svg/custom-reports36.svg"), none;
}

.static-icon-logout {
  background-image: url("/images/application-icons/logout.png");
  background-image: url("/images/application-icons/svg/logout.svg"), none;
}

.static-icon-folder {
  background-image: url("/images/application-icons/folder.png");
  background-image: url("/images/application-icons/svg/folder.svg"), none;
}

.static-icon-hourglass {
  background-image: url("/images/application-icons/hourglass.png")
}

.btn-primary .static-icon-hourglass {
  background-image: url("/images/application-icons/hourglass-white.png");
  opacity: 0.9;
  filter: alpha(opacity="90");
}

.static-icon-rss {
  background-image: url("/images/application-icons/rss.png");
  background-image: url("/images/application-icons/svg/rss.svg");
}

.static-icon-lang {
  background-image: url("/images/application-icons/languages.png");
  background-image: url("/images/application-icons/svg/languages.svg"), none;
}

.static-icon-unsaved-suggestions {
  background-image: url("/images/application-icons/unsaved-suggestions.png")
}

.static-icon-goggles {
  background-image: url("/images/application-icons/goggles.png")
}

.static-icon-chat {
  background-image: url("/images/application-icons/chat.png");
  background-image: url("/images/application-icons/svg/chat.svg"), none;
}

.static-icon-numbered-list {
  background-image: url("/images/application-icons/numbered-list.png");
  background-image: url("/images/application-icons/svg/numbered-list.svg"), none;
}

.static-icon-users {
  background-image: url("/images/application-icons/users.png");
  background-image: url("/images/application-icons/svg/users.svg");
}

.static-icon-change-role {
  background-image: url("/images/application-icons/change-role.png");
  background-image: url("/images/application-icons/svg/change-role.svg");
}

.static-icon-add-manager {
  background-image: url("/images/application-icons/add-manager.png");
  background-image: url("/images/application-icons/svg/add-manager.svg");
}

.static-icon-user-leave {
  background-image: url("/images/application-icons/user-leave.png");
  background-image: url("/images/application-icons/svg/user-leave.svg");
}

.static-icon-vcard {
  background-image: url("/images/application-icons/vcard.png")
}

.static-icon-add-user {
  background-image: url("/images/application-icons/add-user.png");
  background-image: url("/images/application-icons/svg/add-user.svg"), none;
}

.static-icon-user-accepted {
  background-image: url("/images/application-icons/add-user-accepted.png");
  background-image: url("/images/application-icons/svg/add-user-accepted.svg"), none;
}

.static-icon-user-refused {
  background-image: url("/images/application-icons/add-user-refused.png");
  background-image: url("/images/application-icons/svg/add-user-refused.svg"), none;
}

.static-icon-task-created {
  background-image: url("/images/application-icons/task-created.png");
  background-image: url("/images/application-icons/svg/task-created.svg"), none;
}

.static-icon-task-deleted {
  background-image: url("/images/application-icons/task-deleted.png");
  background-image: url("/images/application-icons/svg/task-deleted.svg"), none;
}

.static-icon-task-done {
  background-image: url("/images/application-icons/task-done.png");
  background-image: url("/images/application-icons/svg/task-done.svg"), none;
}

.static-icon-task-changed-deadline {
  background-image: url("/images/application-icons/task-changed-deadline.png");
  background-image: url("/images/application-icons/svg/task-changed-deadline.svg"), none;
}

.static-icon-task-overdue {
  background-image: url("/images/application-icons/task-overdue.png");
  background-image: url("/images/application-icons/svg/task-overdue.svg"), none;
}

.btn-primary .static-icon-add-user,
.static-icon-add-user-white {
  background-image: url("/images/application-icons/add-user-white.png");
  background-image: url("/images/application-icons/svg/add-user-white.svg"), none;
  opacity: 0.9;
  filter: alpha(opacity="90");
}

.static-icon-add-folder {
  background-image: url("/images/application-icons/add-folder.png");
  background-image: url("/images/application-icons/svg/add-folder.svg"), none;
}

.static-icon-create-project {
  background-image: url("/images/application-icons/create-project.png");
  background-image: url("/images/application-icons/svg/create-project.svg"), none;
}

.static-icon-branch {
  background-image: url("/images/application-icons/branch.png");
}

.static-icon-build-project {
  background-image: url("/images/application-icons/cycle.png");
  background-image: url("/images/application-icons/svg/cycle.svg"), none;
}

.static-icon-squared-cross {
  background-image: url("/images/application-icons/squared-cross.png")
}

.static-icon-list {
  background-image: url("/images/application-icons/list.png")
}

.static-icon-flag {
  background-image: url("/images/application-icons/flag.png")
}

.static-icon-g {
  background-image: url("/images/application-icons/g.png")
}

.static-icon-comment {
  background-image: url("/images/application-icons/comment.png")
}

.static-icon-thumbs-up {
  background-image: url("/images/application-icons/thumbs-up.png");
  background-image: url("/images/application-icons/svg/thumbs-up.svg"), none;
}

.static-icon-thumbs-down {
  background-image: url("/images/application-icons/thunbs-down.png");
  background-image: url("/images/application-icons/svg/thumbs-down.svg"), none;
}

.static-icon-circled-minus {
  background-image: url("/images/application-icons/circled-minus.png")
}

.static-icon-clock {
  background-image: url("/images/application-icons/clock.png");
  background-image: url("/images/application-icons/svg/clock.svg")
}

.static-icon-tools {
  background-image: url("/images/application-icons/tools.png")
}

.static-icon-popup {
  background-image: url("/images/application-icons/popup.png")
}

.static-icon-green-dot {
  background-image: url("/images/application-icons/green-dot.png")
}

.static-icon-green-check {
  background-image: url("/images/application-icons/green-check.png")
}

.static-icon-history {
  background-image: url("/images/application-icons/history.png")
}

.static-icon-revision-revert {
  background-image: url("/images/application-icons/revision-revert.png")
}

.static-icon-revert {
  background-image: url("/images/application-icons/revision.png");
  background-image: url("/images/application-icons/svg/revision.svg"), none;
}

.static-icon-create-file {
  background-image: url("/images/application-icons/create-file.png");
  background-image: url("/images/application-icons/svg/create-file.svg"), none;
}

.static-icon-high-priority {
  background-image: url("/images/application-icons/priority-high.png");
  background-image: url("/images/application-icons/svg/priority-high.svg"), none;
}

.static-icon-normal-priority {
  background-image: url("/images/application-icons/priority-normal.png");
  background-image: url("/images/application-icons/svg/priority-normal.svg"), none;
}

.static-icon-low-priority {
  background-image: url("/images/application-icons/priority-low.png");
  background-image: url("/images/application-icons/svg/priority-low.svg"), none;
}

.static-icon-slider {
  background-image: url("/images/application-icons/slider.png");
  background-image: url("/images/application-icons/svg/slider.svg"), none;
}

.static-icon-browser {
  background-image: url("/images/application-icons/browser.png");
  background-image: url("/images/application-icons/svg/browser.svg"), none;
}

.static-icon-get-content {
  background-image: url("/images/application-icons/get-content.png")
}

.static-icon-ggl {
  background-image: url("/images/application-icons/g+.png")
}

.static-icon-twtr {
  background-image: url("/images/application-icons/twtr.png")
}

.static-icon-fcbk {
  background-image: url("/images/application-icons/fcbk.png")
}

.static-icon-lnkdn {
  background-image: url("/images/application-icons/lnkdn.png")
}

.static-icon-cross-white {
  background-image: url("/images/application-icons/cross-white.png")
}

.static-icon-return-white {
  background-image: url("/images/application-icons/return-white.png")
}

.static-icon-ocr {
  background-image: url("/images/application-icons/ocr.png")
}

.static-icon-drag-hand {
  background-image: url("/images/application-icons/drag-hand.png")
}

.static-icon-move {
  background-image: url("/images/application-icons/move.png")
}

.static-icon-resolve-issue {
  background-image: url("/images/application-icons/resolve-issue.png")
}

.static-icon-download-drive {
  background-image: url("/images/application-icons/drive-download.png");
  background-image: url("/images/application-icons/svg/drive-download.svg"), none;
}

.static-icon-upload-drive {
  background-image: url("/images/application-icons/drive-upload.png");
  background-image: url("/images/application-icons/svg/drive-upload.svg"), none;
}

.static-icon-clear-drive {
  background-image: url("/images/application-icons/drive-clear.png");
  background-image: url("/images/application-icons/svg/drive-clear.svg"), none;
}

.static-icon-download-glossary {
  background-image: url("/images/application-icons/glossary-download.png");
  background-image: url("/images/application-icons/svg/glossary-download.svg"), none;
}

.static-icon-upload-glossary {
  background-image: url("/images/application-icons/glossary-upload.png");
  background-image: url("/images/application-icons/svg/glossary-upload.svg"), none;
}

.static-icon-arrow-active {
  width: 19px;
  height: 19px;
  background-image: url("/images/application-icons/arrows-activity.png")
}

.static-icon-glasses {
  background-image: url("/images/application-icons/glasses.png")
}

.static-icon-dots-horizontal {
  background-image: url("/images/application-icons/dots-horizontal.png");
  background-image: url("/images/application-icons/svg/dots-horizontal.svg"), none;
}

.static-icon-dots-horizontal-white {
  background-image: url("/images/application-icons/dots-horizontal-white.png")
}

.positive .static-icon-arrow-active{
  background-position: 0 0;
}

.negative .static-icon-arrow-active{
  background-position: 0 -19px;
}

.icon24-with-text {
  font-size: 13px;
  line-height: 150%;
  margin: 5px 0;
}

.icon24-div {
  float: left;
  width: 24px;
  height: 24px;
}

.icon24-text {
  margin-left: 32px
}

.i-margin-right {
  margin-right: 6px !important
}

.i-margin-left {
  margin-left: 6px !important
}


/*MESSAGES*/

.discussions .compose-holder {
  width: 180px;
  float: left;
}

.discussions .compose-holder {
  margin-left: 0;
}

.discussions .search-holder {
  margin-bottom: 0;
}

.mobile-render .discussions .compose-holder,
.mobile-render .messages .compose-holder {
  margin-left: 0;
  margin-right: 10px;
}

.tablet-render .messages .compose-holder {
  z-index: 1;
  position: relative;
}

.tablet-render .messages .controls-holder {
  padding-bottom: 40px;
  position: relative;
}

.tablet-render .messages .controls-holder .mails-search {
  position: absolute;
  bottom: 0;
  left: 47px;
  margin-left: 0;
}

.tablet-render .messages .controls-holder .filter-form-links {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 0;
}

.messages .tasks-content .pages-toolbar > div {
  margin-left: 0;
}

.logged .discussions .compose-holder + div:not(.back-holder) {
    margin-left: 200px;
    margin-right: 15px;
}

.tablet-render .messages .filter-form-links {
  margin-left: 47px;
  float: left;
  margin-right: 0;
  clear: right;
  margin-top: 10px;
}

 /*DISCUSSIONS*/

 .mobile-render .discussions .messages-section > .nav-tabs {
  display: block;
  white-space: nowrap;
  overflow-x: auto;
  margin-bottom: 15px;
  height: 43px;
}

.mobile-render .discussions .messages-section > .nav-tabs > * {
  display: inline-block;
  text-align: center;
  border-bottom: 3px solid transparent;
}

.mobile-render .discussions .messages-section > .nav-tabs > * .tabs-left-ul-hr {
  display: none;
}

.mobile-render .discussions .messages-section > .nav-tabs > *.active {
  border-bottom: 3px solid #DADADA;
}

.mobile-render .discussions .messages-section > .nav-tabs > * a {
  border: none;
}

/* SORT
-------------------------------------------------- */

.sortable {
  position: relative;
  margin-right: 12px;
  padding-right: 10px;
}

.sortable:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid #e9ede4;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  right: -12px;
  top: 2px;
}

.sortable:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #e9ede4;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  right: -12px;
  top: 12px;
}

.sortable.az:before {
  border-bottom: 6px solid #777
}

.sortable.za:after {
  border-top: 6px solid #777
}

/* PAGE-HEADING
    -------------------------------------------------- */

.page-heading {
  background-color: #F6F7F5
}

.page-heading h1,
.page-heading h2 {
  color: #333;
  text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
  margin: 0.5em 0;
}

h2.username {
  margin-top: 0;
  color: #333;
}

h2.username a {
  text-decoration: none
}

h2.username img {
  margin-right: 10px;
  height: 48px;
  width: auto;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

h2.username small {
  margin-top: 0;
  letter-spacing: normal;
  font-size: 14px;
  color: #333;
}

.avatar-holder {
  width: 170px;
}
#avatar-delete {
  background-color: rgba(255, 255, 255, 0.7);
  border-bottom-left-radius: 10px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
}

#avatar-delete:hover {
  background-color: rgba(255, 255, 255, 1);
}

.user-avatar {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.user-section {
  margin-bottom: 20px
}

.profile-page-content {
  position: relative;
}

.profile-page-content .user-picture-and-info-holder {
  position: absolute;
  top: 0;
  right: 100%;
  width: calc(16.666666666666664% + 15px);
  padding-right: 15px;
}

.profile-page-content .user-about {
  margin-top: 15px;
}


.profile-page-content .tabs-left > .nav-tabs > li > a,
.messages-section.tabs-left > .nav-tabs > li > a {
  background: none;
  border-color: transparent;
  border-radius: 2px 0 0 2px;
}

.profile-page-content .tabs-left > .nav-tabs > li.active > a,
.messages-section.tabs-left > .nav-tabs > li.active > a {
  border-color: #e9ede4 #fff #e9ede4 #e9ede4;
}

/* MESSAGES */

.mobile-render .messages-section > .tab-content {
  overflow: visible;
}

.mobile-render .messages-section > .nav-tabs {
  float: none;
  margin: 0;
  width: 100%;
  min-height: 0;
  border-right: none;
}
.mobile-render .messages-section > .nav-tabs {
  display: table;
}

.mobile-render .messages-section > .nav-tabs > * {
  display: table-cell;
}
.mobile-render .messages-section > .nav-tabs > *.active {
  border-bottom: 3px solid #DADADA;
}

.mobile-render .messages-section > .nav-tabs > * a {
  border: none;
}

/* SYSTEM-MESSAGES
    -------------------------------------------------- */

.system-message {
  font-size: 13px;
  padding: 5px 20px 5px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}

.system-message div span {
  vertical-align: middle;
}

.system-message .btn {
  padding: 5px;
  line-height: 10px;
  box-sizing: content-box;
  vertical-align: middle;
}

.system-message-warning {
  background-color: #FCF8E3;
  color: #C09853;
}

.system-message-info {
  background-color: #D9EDF7;
  color: #3A87AD;
}

.system-message-error {
  background-color: #F2DEDE;
  color: #B94A48;
}

.system-message-success {
  background-color: #DFF0D8;
  color: #468847;
}

.system-message-attention {
  color: #846126;
  background-color: #FAE692;
  border: 1px solid #F2E187;
  -webkit-box-shadow: inset 0 0 1px #FFF;
  box-shadow: inset 0 0 1px #FFF;
  padding: 10px 20px 5px;

}

.system-message-holder {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 111111;
  display: none;
  width: 100%;
  padding: 10px 0!important;
  background: #eff0ed;
  border-bottom: 1px solid #e9ede4;
}

.system-message-holder .system-message-attention i,
.system-message-holder .system-message-attention p {
  font-size: 13px;
  line-height: 1.4;
  vertical-align: middle;
}

.system-message-holder .system-message-attention p a {
  text-decoration: underline;
}

.system-message-holder .system-message-attention p,
.system-message-holder .system-message-attention h5{
  margin: 0 0 5px 30px;
}

.system-message-holder .system-message-attention h5 {
  color: #35270F;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 8px;
}

.system-message-holder .system-message-attention .alert-link {
  top: 1px;
  left: 5px;
  text-decoration: underline;
  cursor: pointer;
}

/* BREADCRUMBS
	------------------------------------------------------------------*/

.project-breadcrumb {
  background: none;
  padding: 0;
  margin-bottom: 20px;
}

.project-breadcrumb a {
  color: #666
}

.project-breadcrumb a:hover {
  color: #000
}

.project-breadcrumb .active {
  color: #cfd3cc
}

/* PAGES
	------------------------------------------------------------------*/

.crowdin-ajax-loader {
  position: absolute;
  top: 2px;
  left: 50%;
  margin-left: -70px;
  width: 130px;
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  padding: 5px;
  border-radius: 3px;
  background-color: #777;
  background-color: rgba(120,120,120,.9);
  color: white;
  box-shadow: 0 5px 20px rgba(0,0,0,.1);
}

.project-description {
  word-break: break-word;
}

.rich-description * {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.rich-description strong {
  font-weight: bold;
}

.rich-description p {
  margin: 0px;
}

.rich-description table {
  width: 100%;
  margin-bottom: 10px;
}

.rich-description table th,
.rich-description table td {
  padding: 4px;
  line-height: 20px;
  vertical-align: top;
  border-top: 1px solid #e9ede4;
}

.rich-description table th {
  border-top: 0px none;
  text-align: left;
}

.rich-description table th[align="right"] {
  text-align: right;
}

.rich-description h1,
.rich-description h2,
.rich-description h3,
.rich-description h4,
.rich-description h5,
.rich-description h6 {
  line-height: 120%;
  text-transform: none;
  font-weight: 600;
  color: #333;
  margin: 10px 0 5px;
}

.rich-description h1:first-child,
.rich-description h2:first-child,
.rich-description h3:first-child,
.rich-description h4:first-child,
.rich-description h5:first-child,
.rich-description h6:first-child {
  margin-top: 0;
}

.rich-description h1 {
  font-size: 30px;
}

.rich-description h2 {
  font-size: 27px;
}

.rich-description h3 {
  font-size: 24px;
}

.rich-description h4 {
  font-size: 21px;
}

.rich-description h5 {
  font-size: 17px;
}

.rich-description h6 {
  font-size: 14px;
  font-weight: bold;
}

x-share {
  display: none;
}

.rich-description .fb-like,
.rich-description .fb_iframe_widget {
  line-height: 20px;
  vertical-align: top !important;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
}

.rich-description .g-plusone-wrapper {
  vertical-align: top !important;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
}

.rich-description .g-plusone-wrapper > div {
  vertical-align: top !important;
}

.rich-description .twitter-tweet-btn {
  vertical-align: top !important;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
}

.rich-description .IN-widget {
  vertical-align: top !important;
  height: 20px;
  margin-bottom: 5px;
  margin-right: 5px;
}

.rich-description .vk_share_button {
  vertical-align: top !important;
  margin-bottom: 5px;
  margin-right: 5px;
  display: inline-block;
}

.rich-description .vk_share_button > table {
  margin: 0;
  width: auto;
}

.rich-description .vk_share_button > table td {
  padding: 0;
  border: 0px none;
}

.project-description-wrapper {
  position: relative;
}

.project-description-wrapper .project-description-mode-btn {
  position: absolute;
  bottom: -42px;
  right: 0;
  padding: 6px;
}

.filter-form {
  margin-top: -10px;
  padding-bottom: 10px;
  margin-bottom: 0px;
}

.filter-form input {
  margin: 0px
}

.filter-form-links {
  line-height: 20px;
  padding: 4px 0;
  display: inline-block;
}

.filter-form-links > span {
  color: #aaa;
  margin-right: 20px;
}

.filter-form-links a {
  padding: 3px 8px;
  display: inline-block;
}

.filter-form-links a + a {
  margin-left: 10px
}

.filter-form-links a.active,
.filter-form-links a.active:hover {
  color: black;
  text-decoration: none;
  cursor: default;
  background: #eff0ed;
  border-radius: 3px;
}

.grey-holder .filter-form-links a.active,
.grey-holder .filter-form-links a.active:hover {
  background: #E3E4DF;
}

.pages-toolbar {
  margin-bottom: 10px;
  margin-top: -10px;
}

.pages-toolbar .btn-toolbar-alt > .btn + .btn {
  margin-left: 5px
}

.translation-table .btn-toolbar {
  white-space: nowrap
}

td.no-padding .select-mails {
  display: block;
  margin: 0;
  padding: 13px 8px 20px 16px;
}

.tabs-left-ul {
  width: 180px;
  min-height: 290px;
}

.tabs-left-ul-hr {
  margin-right: 10px
}

.checkbox.select-all-mails {
  padding: 7px 10px;
  padding-left: 36px;
  margin-bottom: 0;
}

.mail-table {
  border-top: 4px solid #dadada;
}

.mail-table tr.unread td {
  background: #ffffff
}

.mail-table td {
  vertical-align: middle;
  background-color: #F6F7F5;
}

img.mail-table-avatar {
  height: 32px;
  width: auto;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.mail-table-checkboxes {
  width: 30px
}

.mail-table-avatars {
  width: 48px;
}

.mail-table-messages {
  min-width:1%;
}

.processing {
  margin-top: 7px;
}

.mobile-render .prolile-conversation-message-box {
  padding: 7px 10px;
  border-radius: 3px;
  background: #F9F9F8;
}

.mobile-render .owner-message .prolile-conversation-message-box {
  background: #eff0ed;
}

.prolile-conversation-message-body div {
  clear: both;
  padding: 0px !important;
}

.prolile-conversation-message-body div.bar_button {
  padding: 10px 0!important;
  display: block;
  float: left;
  margin: 0 10px 0 0 !important;
  clear: none !important;
}

.prolile-conversation-message-body .bar_button a {
  display: block;
  white-space: normal;
}

.mail-table-date {
  width: 100px;
  text-align: right;
}

.message-table-mail-subject,
.message-table-topic-subject {
  margin: 0 0 2px;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 750px;
  font-weight: 400;
  display: block;
  min-height: 22px;
}

@media (max-width: 1199px) {
  .message-table-mail-subject,
  .message-table-topic-subject {
    max-width: 560px;
  }

  .discussions .compose-holder,
  .messages .compose-holder {
    width: auto;
  }

  .logged .discussions .compose-holder + div:not(.back-holder) {
    margin-left: 160px;
  }

}


.message-table-mail-subject a:hover,
.message-table-topic-subject a:hover {
  text-decoration: none;
}

.message-table-mail-subject a,
.message-table-topic-subject a {
  outline: none;
  color: #666 !important;
  display: block;
  min-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.unread .message-table-mail-subject a,
.unread .message-table-topic-subject a {
  font-weight: 600;
  color: #333!important;
}

.message-table-mail-author {
  font-size: 85%;
  color: #999;
}

.conversation-count {
  color: #333;
}

.message-table-topic-author {
  font-size: 85%
}

.message-table-language {
  text-align: right
}

.message-author-image {
  min-width: 32px;
}

.mobile-render .message-author-image,
.tablet-render .message-author-image {
  min-width: 46px;
}

.message-mail-subject {
  max-width: 0;
  width: 100%;
}

.delete-discussion-btn {
  float: right
}

.pagination-count {
  float: right;
  margin-right: 8px;
  margin-top: 4px;
}

.pagination ul > li > a {
  padding: 6px 8px;
}

.pagination ul > li > input {
  float: left;
  width: 30px;
  border-radius: 0;
  margin-bottom: 0;
  text-align: center;
  padding: 6px 8px;
  margin-left: -1px;
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);
}

.compose-message.form-horizontal .control-label {
  width: 100px
}

.compose-message.form-horizontal  .controls {
  margin-left: 120px
}

.mobile-render .compose-message.form-horizontal .control-group {
  margin-bottom: 10px;
}

.mobile-render .compose-message.form-horizontal .control-label {
  display:block;
  width: auto;
}

.mobile-render .discussions .compose-message.form-horizontal .control-label {
  float: none;
  text-align: left;
}

.mobile-render  .compose-message.form-horizontal .controls {
  margin-left: auto;
}


textarea {
  resize: vertical
}

.profile-conversation {
  margin-bottom: 20px
}

.profile-conversation + .compose-message.form-horizontal  .controls {
  margin-left: 68px
}

.prolile-conversation-message .close {
  float: right;
  position: relative;
  left: 15px;
  top: 2px;
}

.prolile-conversation-message {
  padding: 10px 20px 10px 0
}
.mobile-render .prolile-conversation-message {
  padding: 10px 0px 10px 0
}

.profile-message-receivers {
  width: 150px;
  line-height: 22px;
}

.prolile-conversation-message + .prolile-conversation-message {
  border-top: 1px solid #E6E7E4
}

.mobile-render .prolile-conversation-message + .prolile-conversation-message {
  border-top: none;
}

.profile-conversation-subject {
  margin-top: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.messages .profile-conversation-subject,
.discussions .profile-conversation-subject {
  overflow: visible;
  white-space: normal;
}

.prolile-conversation-message-avatar {
  float: left;
  width: 48px;
}

.prolile-conversation-message-avatar img {
  width: 48px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.prolile-conversation-message-box {
  margin-left: 68px
}

.prolile-conversation-message-username {
  margin: 0 0 10px 0;
  font-weight: 600;
}

.prolile-conversation-message-date {
  font-size: 85%;
  color: #999;
}

.discussions-post-delete {
  text-align: right
}

.compose-message legend {
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
}

.message-settings .static-icon {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.message-settings .static-icon:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.message-settings > ul {
  left: auto;
  right: 0;
}

/* PROJECT-LIST
	--------------------------------------------------------------------*/

.profile-no-projects {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  min-height: 100px;
  background: #f6f7f5;
}

.profile-no-projects-cases {
  padding: 10px 20px 20px;
  font-size: 13px;
  line-height: 22px;
}

.profile-no-projects-cases h3,
.profile-no-projects-cases h4 {
  margin-top: 0;
}

.table-icons {
  width: 150px;
}

.project-table {
  border-bottom: 1px solid #eff0ed;
}

.project-table .label-large {
  border:none;
  text-transform: none;
  cursor: pointer;
}
.project-table > td {
  padding: 10px;
  border-top: 1px solid #eff0ed;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
}

.project-table .languages-holder {
  width: 20%;
}


.project-table .buttons-here {
  padding-right: 8px;
  width:10%;
  white-space: nowrap;
}

#profile-projects-list .project-table-project {
  position: relative;
}

#profile-projects-list a.project-name {
  display: block;
}

#profile-projects-list a.project-name span {
  padding: 2px 0;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  display: block;
}

#profile-projects-list a.project-name span {
  display: block;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project-table-project .label-group {
  margin-left: 10px;
  margin-top: -2px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

#profile-projects-list .project-languages-block {
  position: absolute;
  left: -14px;
  top: -8px;
  z-index: 1000;
  background: white;
  padding: 0 0 7px;
  border: 1px solid #cfd3cc;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 1px;
  box-shadow: 0px 2px 5px rgba(0,0,0,.15);
  background-clip: padding-box;
  cursor: default;
  display: block;
}

#profile-projects-list .project-languages-block-title {
  padding: 7px 13px 7px;
  border-bottom: 1px solid #eff0ed;
  margin-bottom: 7px;
}

.project-row > .project-row-holder  {
  padding: 0;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #e9ede4;
}

.project-row .project-row-link {
  display: block;
  padding: 10px;
}

.project-row .project-row-link:hover a.project-name {
    color: #5d7a39;
}

.project-row .project-row-link .table-cell {
  border-top: none;
  padding: 0 5px;
  vertical-align: middle;
}

.project-row .project-row-link .table-cell:first-child {
  padding-left: 0;
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-row .project-row-link .buttons-here {
  text-align: right;
}

#user-projects-list .project-row-body .label-large i,
#profile-projects-list .project-row .label-large i {
  opacity: 0.6;
}

#profile-projects-list .project-row.locked td,
#profile-projects-list .project-row.locked td,
#profile-projects-list.active .project-row:hover td,
#profile-projects-list.active .project-row:hover .project-row-holder,
#profile-projects-list .project-row.locked .table-cell,
#profile-projects-list.active .project-row:hover .table-cell {
  background: #fcfcfc;
}

#profile-projects-list .project-actions > ul {
  text-align: left;
  left: auto;
  right: 0;
}

.project-table-accessed {
  color: #999;
  font-size: 13px;
  padding: 4px 0px;
}

.tablet-render .project-table-accessed {
  font-size: 12px;
}

.project-table-translations {
  font-size: 13px;
  padding: 4px 0px;
  white-space: nowrap;
}

.project-table-languages {
  position: relative;
  display: inline-block;

}

.project-table-languages a.project-table-translations-info {
  cursor: default;
  z-index: 10;
  position: relative;
}

a.project-table-lang-holder {
  display: block;
  line-height: 24px;
  padding: 1px 13px;
}

a.project-table-lang-holder img {
  vertical-align: top;
  max-width: 24px;
}

.mobile-modal-menu .project-languages-block-title,
.mobile-modal-menu a.project-table-lang-holder {
  margin-bottom: 8px;
}

.mobile-modal-menu a.project-table-lang-holder:nth-last-child(1) {
  margin-bottom: 0;
}

#user-projects-list {
  margin-bottom: 20px;
  /*overflow: hidden;*/
}

#user-projects-list > li {
  display: block;
  border-top: 1px solid #E6E7E4;
  margin-top: -1px;
  /*overflow: hidden;*/
}

#user-projects-list .project-row-body {
  position: relative;
  /*overflow: hidden;*/
  padding-bottom: 14px;
  padding-top: 14px;
}

#user-projects-list .project-row-body .btn-toolbar {
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: right;
}

#user-projects-list .project-row-body h4 {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0;
  margin-top: 0px;
}

#user-projects-list .project-row-body .label-large {
  border: none;
}

.project-row-body .holder-indicator {
  position: absolute;
  top: 0px;
  right: 0px;
  border-top: 1px dashed #e9ede4;
  min-width: 22px;
  font-size: 10px;
  color: #cfd3cc;
  text-align: right;
}

#user-projects-list li.project-row .visible-hover,
#user-projects-list li.project-row:hover .hidden-hover {
  display: none;
  visibility: hidden;
}

#user-projects-list li.project-row:hover .visible-hover {
  display: block;
  visibility: visible;
}

#user-projects-list li.project-row .hover-show {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s ease;
}

#user-projects-list li.project-row:hover .hover-show {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.3s ease;
}

#user-projects-list .project-table-project-descriprion {
  margin-top: 5px;
}

#user-projects-list .project-table-project-descriprion.shortened {
  max-height: 66px;
  overflow: hidden;
}

#user-projects-list .project-table-project-last-activity {
  color: #999;
  font-size: 13px;
}

#user-projects-list .project-row-recomendations {
  border-top: 1px solid #E6E7E4
}

.user-cover {
  border-radius: 2px;
  overflow: hidden;
}

.user-cover .username {
  font-weight: normal;
  color: #fff;
  text-align: center;
  margin: 10px auto 0;
}
.user-cover .user-cover-image-right,
.user-cover .user-cover-image-left {
  height: 315px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 851px auto;
  background-color: #cfd3cc;
}

.user-cover .user-cover-image-left {
  display: table;
  width: 100%;
  position: relative;
  background-color: #aaa
}

.user-cover .user-cover-image-right > div {
  padding: 20px;
}

.user-cover .user-cover-image-left > div {
  vertical-align: middle;
  display: table-cell;
  overflow: hidden;
}

.user-cover .user-cover-picture {
  float: right;
  width: 851px;
}

.user-cover .user-cover-info {
  overflow: hidden;
  position:relative;
}

.show-mobile-user-desc,
.user-cover .user-cover-info .show-mobile-user-desc {
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 10px;
  padding: 3px 4px;
}

.profile-page-content .show-mobile-user-desc {
  position: relative;
  display: inline-block;
  left: 5px;
}

.user-cover .user-cover-info .show-mobile-user-desc {
  top: 20px;
  left: 20px;
}

.user-cover .userlogin {
  color: whitesmoke;
  color: rgba(255,255,255,.7)
}

@media (max-width: 1199px) {
  .user-cover .user-cover-image-right,
  .user-cover .user-cover-image-left {
    height: 252px;
    background-size: 680px auto;
  }

  .user-cover .user-cover-picture {
    width: 680px;
  }
}

.project-filter-holder {
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.project-details-wrapper {
  margin: -1px 10px 40px;
  border: 1px solid;
  border-color: transparent #e9ede4 #e9ede4;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 15px;
  box-shadow: 0 5px 15px -12px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 15px -12px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 5px 15px -12px rgba(0, 0, 0, 0.3);
}

.avatar-thumbnail {
  transition: none;
  -webkit-transition: none;
  margin-bottom: 10px;
  margin-left: 25px;
}

.user-prefered-languages {
  border-style: solid;
  border-color: #E6E7E4;
  border-width: 1px 0 0px;
}

.user-prefered-languages li {
  color: #666;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 18px;
  padding: 5px 0;
}

.mobile-render .user-prefered-languages li {
  float:left;
  font-size: 12px;
  line-height: 14px;
}

.mobile-render .user-prefered-languages li.pref-langs:before {
  content: ' • ';
  display:inline;
  margin: 0 1px 0 3px;
}

.mobile-render .user-prefered-languages > li.pref-langs:first-child:before {
  display: none;
}

.user-prefered-languages li img {
  margin-right: 10px
}

.user-prefered-languages li div {
  height: 40px
}

.mobile-render .user-picture-and-info {
  width: 75px;
  margin-right: 15px;
}

.mobile-render .profile-main .profile-page-content h2.username,
.mobile-render .profile-main .profile-page-content h2.username + div,
.mobile-render .profile-main .userpage-userinfo {
  margin-left: 95px;
}

.user-section h2.username,
.user-section h2.username > *,
.mobile-render .profile-main .profile-page-content h2.username {
  white-space: normal;
  word-wrap: break-word;
}

.mobile-render .messages .profile-page-content h2.username {
  float:left;
}

.mobile-render.logged .discussions .pages-toolbar .compose-holder + .search-holder,
.mobile-render.logged .messages .search-holder {
  margin-left: 10px;
  margin-bottom: 0;
}

.mobile-render .userpage-userinfo h5 {
  font-size: 12px;
  margin: 10px 0 3px;
  line-height: 14px;
}

.page-navigation {
  position: relative
}

.page-navigation > .btn-toolbar {
  position: absolute;
  right: 0px;
  top: 0px;
  margin: 0 0 0 10px;
}

.nav-tabs strong {
  margin-top: 0;
  margin-bottom: 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
  display: block;
  font-size: 14px;
}

.nav-tabs strong span {
  font-weight: 600;
  vertical-align: bottom;
}

strong.with-static-icon i.static-icon {
  vertical-align: middle;
  line-height: 24px;
  margin-top: -0.3em;
}

strong.with-static-icon > span {
  margin-left: 12px;
}

strong.with-static-icon {
  line-height: 24px;
  margin-top: -1px;
  margin-bottom: -1px;
}

strong.with-static-icon  .heading-with-static-icon-tagline {
  display: block;
  font-size: 85%;
  color: #666;
}

.nav-tabs .active h5,
.nav-tabs .active strong,
.nav-tabs a:hover h5,
.nav-tabs a:hover strong {
  opacity: 1;
  filter: alpha(opacity=100);
}

.nav-tabs .active h5,
.nav-tabs .active strong {
  font-weight: 600
}

.tag_screenshot_right_inner .btn,
.tag_screenshot_right_inner .dropdown-menu,
.tag_screenshot_right_inner .filter-list-toolbar,
.tag_screenshot_right_inner .input {
  z-index: 10000000;
}

.tag_screenshot_right_inner .btn {
  z-index: 10000001 !important;
}

.tag_screenshot_help {
  z-index: 10000003 !important;
}

#screenshot_select_file,
#screenshot_files_list {
  width: 309px;
  z-index: 10000002 !important;
}

#screenshot_result_files_list {
  max-width: 260px;
}

#ps_files_list {
  width: 500px;
}

#ps_files_list li {
  font-size: 13px;
  line-height: 18px;
  padding: 5px 11px;
  white-space: normal;
}

#button_select_users {
  padding: 4px 15px;
  line-height: 24px;
}

#button_select_users .caret {
  margin-top: 10px;
}

.filter-by-user .dropdown-menu,
.filter-by-project .dropdown-menu {
  width: 270px;
}

.filter-by-user .dropdown-menu li,
.filter-by-project .dropdown-menu li {
  line-height: 24px;
}

.filter-by-user,
.filter-by-project {
  margin-left: 10px;
}

.users_list_img {
  width: 24px;
  height: auto;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  vertical-align: top;
}

.activity-details {
  overflow: auto;
  margin-top: 15px;
  padding-right: 30px;
}

.mobile-render .activity-details {
  padding-right: 0;
}

ul.list-activity li {
  font-size: 13px;
  line-height: 18px;
  color: #444;
}

ul.list-activity > li .filename,
.list-activity-action .user-link b,
.list-activity-action a b {
  font-weight: 600;
  color:#444;
}
ul.list-activity > li,
ul.sub-list-acitity li {
  clear: both;
  padding: .7em 0;
}

ul.list-activity > li {
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 12px;
}

ul.list-activity .line-activities-date {
  padding-left: 0px;
  padding-right: 0px;
}

.line-activities div {
  position:relative;
}

.line-activities div:before {
  display: block;
  height: 1px;
  position: absolute;
  content: '';
  background: #e7e9e5;
  left: 0;
  top:50%;
  width: 100%;
}

#cache_warning {
  padding-top: 20px;
  font-size: 13px;
  line-height: 18px;
}

.mobile-render ul.list-activity > li:not(.opened) {
  padding: 0;
}

ul.list-activity > li.build_project:not(.opened),
ul.list-activity > li.build_project:not(.opened):hover {
  background-color: #d4ebf5;
  border:1px solid #b8d7e7;
  color: #547d92;
}

ul.list-activity > li.build_project.opened,
ul.list-activity > li.build_project.opened:hover {
  background-color: #fff;
  border:1px solid #fff;
  color: #444;
}

ul.list-activity > li.create_project,
ul.list-activity > li.create_project:hover {
  background-color: #fcf8e3;
  border:1px solid #f4efd3;
  color: #beae59;
}

ul.list-activity > li.build_project .activity-date {
  color: #547d92;
}

ul.list-activity > li.create_project .activity-date,
ul.list-activity > li.create_project a,
ul.list-activity > li.create_project a b,
ul.list-activity > li.create_project i.deleted-project {
  color: #beae59;
}

.mobile-render ul.list-activity > li.build_project,
.mobile-render ul.list-activity > li.create_project {
  padding: 6px!important;
}

ul.list-activity li:hover	.static-icon-gray.static-icon-create-project,
ul.list-activity li	.static-icon-gray.static-icon-create-project {
  opacity: 1;
}

ul.list-activity ul {
  padding: .5em 0 .5em 1.0em
}

#list-notification:not(.notification-dropdown-body) .nothing_display,
ul.list-activity .nothing_display {
  padding: 100px 0px 105px 0px;
}

ul.list-activity .nothing_display_after_activities {
  padding: 20px 0px 0px 0px;
}

.since_date_highlight {
  color: #444;
}

ul.list-activity .nothing_display_after_activities span,
ul.list-activity .nothing_display span {
  -webkit-transition: color 200ms;
  transition: color 200ms;
}

ul.list-activity h6,
ul.list-notification h6 {
  text-transform: none;
  color:#444444;
  font-size: 13px;
  text-align: center;
  font-weight: 600;
  position:relative;
}

ul.list-notification h6 {
  margin: 15px 0;
}

ul.list-activity h6 span,
ul.list-notification h6 span {
  background: #fff;
  z-index: 1;
  position: relative;
  padding: 0 5px;
  letter-spacing: 0;
}

ul.list-notification h6:before,
ul.list-activity h6:before {
  display: block;
  height: 1px;
  position: absolute;
  content: '';
  background: #e7e9e5;
  left: 0;
  top:50%;
  width: 100%;
}

ul.list-activity li:first-child h6:before {
  background: transparent;
}

ul.list-activity li.opened	.static-icon-gray,
ul.list-activity li:hover	.static-icon-gray {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

table.sub-list-acitity {
  padding: 10px;
  border: 1px solid #E9EDE4;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  border-radius: 2px;
}

.sub-list-acitity {
  word-wrap: break-word;
  padding-left: 35px;
  padding-top: 15px;
  padding-right: 25px;
}

.sub-list-acitity .table {
  table-layout: fixed;
}

.mobile-render .sub-list-acitity .table {
  table-layout: auto;
}

.mobile-render .sub-list-acitity {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.sub-list-acitity td {
  font-size: 13px;
  line-height: 18px;
}

.sub-list-acitity tr .td-revision {
  max-width: 0;
  width: 15%;
}

.mobile-render .sub-list-acitity tr .td-revision {
  max-width: none;
  width: auto;
}

.sub-list-acitity tr td.deleted,
.sub-list-acitity tr td.added,
.sub-list-acitity tr td.changed {
  width: 15%;
}

.mobile-render .sub-list-acitity tr .deleted,
.mobile-render .sub-list-acitity tr .added,
.mobile-render .sub-list-acitity tr .changed {
  white-space: nowrap;
}

.sub-list-acitity td a:hover {
  text-decoration: none;
}

.sub-list-acitity th,
.sub-list-acitity td.sub-list-acitity-time {
  white-space: nowrap;
}

.sub-list-acitity .sub-list-acitity-voting {
  width: 40px;
}

.sub-list-acitity thead th.deleted {
  color: #f14f4f;
}

.sub-list-acitity thead th.added {
  color:#3cb878;
}

.sub-list-acitity thead th.deleted {
  color: #f14f4f;
}

.sub-list-acitity span.deleted {
  color: #aaa
}

.sub-list-acitity a b {
  font-weight: normal;
}

.sub-list-acitity-voting {
  vertical-align: middle
}

.sub-list-acitity-file {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 20%;
}

.sub-list-acitity-file.no-width {
  width: inherit !important;
}

.sub-list-acitity-language {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 15%;
}

.sub-list-acitity-time {
  width: 80px;
  max-width: 80px;
}

.revision-preview {
  width: 5%;
  text-align: right!important;
}

.revision_btn {
  text-transform: uppercase;
}

.revision_btn.btn {
  text-transform: none;
}

.more_details_activity {
  padding-left: 5px;
}

.notification-icon,
.activity-icon {
  float: left;
  margin-top: 2px;
}

.notification-icon {
  margin-right: 15px;
}

.list-activity-container {
  margin-left: 40px
}

.mobile-render .list-activity-container {
  margin-left: 30px;
}

.list-activity-avatar {
  float: left;
}

.mobile-render .list-activity-avatar {
  margin-right: 10px;
}

.list-activity-avatar img {
  width: 24px;
  height: auto;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.list-activity-container-inner {
  margin-left: 40px
}

.list-notification-action,
.list-activity-action {
  overflow: hidden;
  padding-right: 20px;
  position: relative;
  top: 2px;
  word-wrap: break-word;
}

.mobile-render .list-activity-action {
  padding-right: 0;
}

.list-activity-action .user-link {
  text-decoration: none;
  color: #444;
  font-weight: 600;
}

.list-notification-container i,
.list-activity-action em,
.list-activity-action i {
  font-style: normal;
}

.list-notification-container i.deleted-project,
.list-activity-action i.deleted-project {
  text-decoration: line-through;
  color: #999;
}

.notification-date,
.activity-date,
.list-activity-date {
  font-size: 11px;
  color: #aaa;
  vertical-align: top;
}

.list-activity-date {
  padding-right: 30px;
  position: relative;
  margin-top: 2px;
}

.mobile-render .list-activity-date {
  padding-right: 24px;
}

.notification-loader {
  padding: 20px 0px;
}

.mobile-render .notification-date {
  margin-right: 10px;
}

.general_activity_item {
  transition: box-shadow 200ms ease;
  border-color: #fff;
}

.general_activity_item .details_btn {
  position: absolute;
  right: -5px;
  height: 30px;
  width: 30px;
  top: -8px;
}

.unclickable_button_details {
  pointer-events: none;
}

.general_activity_item .details_btn > i {
  position: absolute;
  top: 6px;
  left: 5px;
}
  
.general_activity_item:not(.opened):hover {
  background-color: #f9f9f8;
  border-color: #f9f9f8;
}

.mobile-render .general_activity_item:not(.opened):hover {
  background-color: transparent;
  border-color: transparent;
}

.general_activity_item.opened {
  margin: 0 0 30px;
  border-color: #e9ede4;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.13);
}

.mobile-render .general_activity_item.opened {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1000;
  left: 0;
  right: 0;
  box-shadow: none;
  border-radius: 0;
  border:none;
  background: #fff;
  margin: 0;
  overflow-y: scroll;
}

.general_activity_item .undo_btn {
  text-transform: uppercase;
  transition: opacity 200ms ease;
  vertical-align: top;
}

.general_activity_item.opened .details_btn i {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.mobile-render .general_activity_item.opened .details_btn i.static-icon-chevron-down {
  background-image: url('/images/application-icons/cross.png');
}
.mobile-render .general_activity_item.opened .activity-icon {
  display: none;
}

.mobile-render .general_activity_item.opened .list-activity-container {
  margin-left: 0;
}

.mobile-render .general_activity_item.opened .list-activity-container .title-holder {
  position: fixed;
  background: #fff;
  left: 0;
  top: 0;
  right: 0;
  padding: 12px;
  box-shadow: 0 1px 7px 3px rgba(0, 0, 0, 0.1);
  min-height: 60px;
}

.activity-actions-mobile {
  padding-top: 3px;
}

.list-activity-details-link.collapsed span {
  display: none
}

.application .daterangepicker {
  border-radius: 2px;
  padding: 7px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; 
}

.application .daterangepicker * {
  box-sizing: border-box;
}

.application .daterangepicker .ranges {
  margin:0;
}

.application .daterangepicker:after,
.application .daterangepicker:before {
  display: none!important;
}

.application .daterangepicker .calendar {
  margin: 0px 10px 10px; 
}

.application .daterangepicker .calendar.right {
  margin-right: 20px;
}

.application .daterangepicker td.in-range {
  background-color: #eff0ed;
  color: #717171;
}

.application .daterangepicker .calendar th i {
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: text-top;
  display: block;
  
}
.application .daterangepicker .calendar th.next i {
  background-image: url("/images/application-icons/chevron-right.png");
  background-image: url("/images/application-icons/svg/chevron-right.svg"), none;
}

.application .daterangepicker .calendar th.prev i {
  background-image: url("/images/application-icons/chevron-left.png");
}
  

.application .daterangepicker .calendar th {
  font-size: 12px;
}

.application .daterangepicker .calendar td {
  font-size: 11px;
  transition: all 200ms ease;
}

.application .daterangepicker td.active,
.application .daterangepicker td.active:hover {
  background-color: #a4bf82;
  color: #fff;
}

.application .daterangepicker .ranges ul {
  min-width: 200px;
}

.application .daterangepicker .ranges li {
  border:none;
  background:none;
  color: #444;
  border-radius: 0;
  margin-bottom: 0;
  line-height: 24px;
  padding: 3px 20px;
}

.application .daterangepicker .ranges li:hover,
.application .daterangepicker .ranges li.active {
  background: #E6E7E4;
  color: #444;
}

.application .daterangepicker.show-calendar .ranges li:hover,
.application .daterangepicker.show-calendar .ranges li.active {
  border-radius: 2px;
}

.application .daterangepicker .range_inputs {
  padding: 0 20px;
}

.application .daterangepicker .range_inputs  .btn:last-child {
  margin-left: 10px;
}

.application .daterangepicker .input-mini {
  padding: 0 6px;
}

.application .daterangepicker .input-mini.form-control {
  box-sizing: border-box;
}

.application .daterangepicker .input-mini.active {
  border-color: #9CCA63;
  outline: 0;
  -webkit-box-shadow: 0 0 4px rgba(133, 174, 82, .4);
  box-shadow: 0 0 4px rgba(133, 174, 82, .4);
}

.application .chosen-results .chose-image-list,
.application .chosen-single .chose-image-small {
  width: 22px;
  height: 22px;
  border-radius: 2px;
  margin-right: 8px;
  margin-bottom: 4px;
}
  
.checklist-selected-items-caption {
  margin: 4px 0 8px
}

.application .more-activity {
  box-sizing: border-box;
}

.tab-content.account-settings-content {
  overflow: visible
}

.account-settings-content > div > h4,
.project-settings-content > div > h4 {
  margin-top: 10px;
  margin-bottom: 20px;
}

.settings-avatar > .change-avatar-help {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 10px;
}

#project-settings-screenshots {
  margin-top: 0px;
}

.img-provider-connect {
  margin: 1px 10px 1px 0;
}

.settings-openid .btn {
  min-width: 120px;
}

/* notifications */

.list-notification {
  margin: 0 auto;
}

.list-notification .item-add-context,
.list-notification .item-reply {
  margin-top: 10px;
  display: none;
}

.list-notification .add-context-active .item-actions,
.list-notification .reply-active .item-actions {
  display: none;
}

.list-notification .add-context-active .item-add-context,
.list-notification .reply-active .item-reply {
  display: block;
}

.list-notification .item-add-context textarea,
.list-notification .item-reply textarea {
  max-width: 500px;
}

.list-notification-container .title-holder {
  min-height: 24px;
}

.list-notification-container .msg .label {
  margin: 3px 0px 3px 0px;
}

.list-notification-container .msg a {
  font-weight: 600;
  color: #444;
}

.list-notification-container .description,
.list-notification-container .string,
.list-notification-container .quote {
  font-size: 13px;
  line-height: 18px;
  color: #777;
  margin-top: 3px;
}

.list-notification-container li {
  line-height: 18px;
}

.list-notification-container .quote {
  border-left: 2px solid rgba(0,0,0,0.2);
  padding-left: 10px;
}

.list-notification-container .msg a:hover {
  color: #222;
}

.general_notification_item .btn-toolbar {
  margin-bottom: 0;
}

.general_notification_item.opened .static-icon-chevron-down {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.notification-dropdown-body {
  padding: 10px 0;
}

.notification-dropdown-body .general_notification_item:not(.opened) .info {
  display: none;
  visibility: hidden;
}

.list-notification-container .btn-toolbar > div {
  display: inline-block;
  border-radius: 2px;
  background: rgba(0,0,0,.02);
}

.general_notification_item .btn-toolbar > div .label {
  margin: 6px;
}

.general_notification_item {
  padding: 10px;
  padding-left: 15px;
  border-radius: 3px;
}

.general_notification_item .btn {
  margin-top: 0;
}

.mobile-render .general_notification_item {
  padding: 10px 0 10px 10px;
}

.notification-date {
  font-weight: normal;
  padding-left: 20px;
}

.notification-dropdown {
  padding: 0;
}

.notification-dropdown-body {
  width: 540px;
  min-height: 100px;
  max-height: 400px;
  overflow: auto;
}

.notification-dropdown-body .nothing_display {
  font-size: 13px;
  line-height: 18px;
  padding: 30px 0;
}

.notification-dropdown .dropdown-title {
  border-bottom: 1px solid #e7e9e5;
  padding: 7px 15px 7px;
  font-size: 13px;
  line-height: 18px;
  cursor: default;
}

.notification-dropdown .notification-footer {
  border-top: 1px solid #e7e9e5;
  padding: 7px 15px 7px;
  font-size: 13px;
  line-height: 18px;
}

.notification-dropdown .general_notification_item {
  padding: 10px 15px;
}

.notification-dropdown .static-icon {
  margin-left: 0;
}

#notification_loader {
  display: inline-block;
  width: 34px;
  height: 34px;
}

/* vendors list */

.ps-vendors-tab {
  padding: 0 20px 0 0;
}

#translations-vendors {
  padding: 0 20px;
}

.vendors-list-holder {
  padding: 20px;
  background: #fff;
  border-right: 1px solid #D5D5D5;
}

.sort-holder-main {
  width: 190px;
  padding-bottom: 20px;
}

.sort-holder, .vendors-filter {
  width: 170px;
  padding-left: 20px;
}

.vendors-filter label,
.sort-holder label {
  color: #999;
}

.vendors-filter .select-target-languages {
  width: 170px;
}

.vendors-filter select option {
  padding: 0;
}

.vendors-filter select optgroup {
  font-size: 13px;
  line-height: 22px;
  color: #666;
  margin: 0;
}

.vendors-filter .search-lang {
  margin: 0 0 10px 10px;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
  display: none;
}

.vendors-filter .search-lang li {
  float: left;
  list-style: none;
}

.vendors-filter .search-lang .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.vendors-filter .search-lang .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  box-shadow        : none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.vendors-filter .search-lang .search-field .default {
  color: #999;
}

.vendors-filter .search-lang .search-choice {
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #f6f7f5;
  filter: progid:DXImageTransform.Microsoft.gradient( enabled = false );
  background-image: none;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow   : 0 1px 0 rgba(0,0,0,0.05);
  box-shadow        : 0 1px 0 rgba(0,0,0,0.05);
  color: #333;
  border: 1px solid #cacaca;
  font-size: 13px;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 5px 3px 0;
  position: relative;
  cursor: default;
}

.vendors-filter .search-lang .search-choice.search-choice-disabled {
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
  border: 1px solid #cccccc;
  padding-right: 5px;
}

.vendors-filter .search-lang .search-choice-focus {
  background: #d4d4d4;
}

.vendors-filter .search-lang .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url('/images/chosen-sprite.png') right top no-repeat;
}

.vendors-filter .search-lang .search-choice .search-choice-close:hover {
  background-position: right -11px;
}

.vendors-filter .search-lang .search-choice-focus .search-choice-close {
  background-position: right -11px;
}

.translations-vendors-list .translation-vendor {
  padding: 20px 0 30px;
  border-top: 1px solid #E6E7E4;
}

.translations-vendors-list .translation-vendor:first-child {
  border-top: none;
  padding-top: 0;
}

.translations-vendors-list .translation-vendor:last-child {
  padding-bottom: 0;
}

.translations-vendors-list .translation-vendor.selected-vendor {
  padding: 15px;
  border: none;
  width: 937px;
  margin-left: -10px;
  margin-right:-10px;
  background-color: #f9f9f8;
  border: 1px solid #E6E7E4;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 11px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 0 1px transparent, inset 0 0px 1px #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 0 1px transparent, inset 0 0px 1px #fff;
}

.translations-vendors-list .translation-vendor.selected-vendor h4 a {
  font-size: 20px;
  font-weight: 700;
}
.translations-vendors-list .translation-vendor.selected-vendor + li:not(.selected-vendor) {
  border-top: none;
}
.translations-vendors-list .translation-vendor .benefits {
  max-width: 668px;
  float: left;
}

.translations-vendors-list .translation-vendor .benefits .col {
  max-width: 334px;
  min-width: 195px;
}

.translations-vendors-list .translation-vendor .benefits .col-left {
  float: left;
}

.translations-vendors-list .translation-vendor .benefits .col-right {
  float: right;
}

.translations-vendors-list .translation-vendor .benefits .col ul {
  margin-left: 50px;
}

.translations-vendors-list .translation-vendor .logo {
  width: 230px;
  text-align: center;
}

.translations-vendors-list .translation-vendor .actions {
  text-align: right;
}

.actions .vendor-price-rating .holder > * {
  padding: 0 8px 0 0;
}

.rating-holder .star {
  display: block;
  height: 13px;
  width: 13px;
  background: url(/images/application-icons/star.svg) no-repeat 0 0;
}

.rating-holder .big .star {
  width: 26px;
  height: 24px;
  margin:0 3px;
}

.stars-holder.big {
  margin: 0 auto;
  width: 160px;
}

 .rating-holder .star.full {
  background: url(/images/application-icons/star-full.svg) no-repeat 0 0;
}

.rating-holder .star.half {
  background: url(/images/application-icons/star-half.svg) no-repeat 0 0;
}

.price-holder .price-range,
.price-holder .price-range.price-1 {
  display: block;
  height: 22px;
  width: 24px;
  background: url(/images/application-icons/price-1.svg) no-repeat center center;
}

.price-holder .price-range.price-2 {
  background-image: url(/images/application-icons/price-2.svg);
}

.price-holder .price-range.price-3 {
  background-image: url(/images/application-icons/price-3.svg);
}

.price-holder .price-range.price-4 {
  background-image: url(/images/application-icons/price-4.svg);
}
.price-holder .price-range > * {
  height: 100%;
}

.translations-vendors-list .translation-vendor h4 a {
  color: #333;
}

.translations-vendors-list .translation-vendor h4 a i {
  height: 24px;
  opacity: 0.6;
}


.translations-vendors-list .translation-vendor .moreinfo,
.actions .vendor-price-rating .holder > span {
  font-size: 12px;
  cursor: default;
}

.translations-vendors-list .translation-vendor .moreinfo,
.translations-vendors-list .translation-vendor .currency,
.translations-vendors-list .translation-vendor .price-text {
  font-size: 13px;
  line-height: 22px;
}


.translations-vendors-list .translation-vendor .vendor-image {
  margin-bottom: 10px;
}

.vendor-benefits {
  margin-bottom: 0;
}

.vendor-benefits li {
  list-style-type: none;
  position: relative;
  font-size: 12px;
}

.translations-vendors-list .vendor-benefits li abbr[title],
  .translations-vendors-list .vendor-benefits li abbr[data-original-title] {
  border-bottom: none;
}

.vendor-benefits li:before {
  content: '';
  width: 9px;
  height: 9px;
  background: #999999;
  display: block;
  border: 1px solid #999999;
  position: absolute;
  top: 7px;
  left: -20px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.vendor-benefits li.not-provided {
  color: #999;
  border-bottom: none;
}

.vendor-benefits li.not-provided:before {
  border-right-color: #999999;
  background: #fff;
}

.datepicker-input {
  position: relative;
  display: inline-block;
}

.datepicker-input img.datepicker-ico {
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 5px;
}

/* rating */

.rating-holder {
  display: inline-block;
  clear: both;
  vertical-align: middle;
  vertical-align: top;
  margin-top: 5px;  
}

.rating-holder .star {
  display: block;
  width: 13px;
  margin-left: 3px;
}

.rating-holder .star:first-child {
  margin-left: 0;
}

.general-info .rating-holder .star {
  width: 26px;
  height: 26px;
  background-size: 100%;
}

.general-info .price-holder .price-range,
.general-info .price-holder .price-range.price-1 {
  height: 30px;
  width: 36px;
  -webkit-background-size: auto;
  background-size: auto;
background-position: 50%;
}

.general-info .price-holder .price-desc {
  font-size: 13px;
  display: block;
  margin-left: 40px;
  line-height: 16px;
}
.general-info .price-holder .price-desc .price {
  font-size: 14px;
}

.get-quote-page .review-info .review-create  {
  border:1px dotted #ccc;
  border-width: 1px 0;
}
.review-info .review-create .btn-toolbar {
  line-height: 41px;
}

.review-info .table-cell {
  vertical-align: middle;
  padding: 10px 25px;
  text-align: center;
}
.get-quote-page .review-info .table-cell {
  padding: 10px 0;
}

.review-rating,
 .table-cell.review-create{
  width: 170px;
}

.review-rating .main-count {
  color:#666666;
  font-size: 50px;
  display: block;
  clear: both;
}

/*review-chart */

.review-histogram {
   list-style: none;
   margin: 0;
   min-width: 250px;
}

.review-chart  li {
  clear: both;
}

.review-chart .star-count {
  color: #666666;
  width: 37px;
  margin-left: 10px;
  font-size: 13px;
  line-height: 100%;
}

.review-chart .star-name {
  color: #4a4a4a;
  width: 74px;
  margin-right: 10px;
  text-align: right;
  font-size: 13px;
  line-height: 100%;
}

.review-chart .star-line-holder {
  margin: 0 0 8px;
  height: 100%;
  overflow: hidden;
}

.review-chart .line {
  height: 12px;
  width: 100%;
  background-color: #e9e9e9;
  border-radius: 2px;
  overflow: hidden;
}

.review-chart .line .fill {
  background-color: #b7cb34;
  height: inherit;
}

/* write review form */

.star-rating {
  vertical-align: middle;
}
.star-rating fieldset {
  border: none;
  display: inline-block;
  vertical-align: middle;
}
.star-rating fieldset:not(:checked) > input {
  position: absolute;
  visibility: hidden;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}
.star-rating fieldset:not(:checked) > label {
  float: right;
  width: 26px;
  height: 26px;
  padding: 0 2px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 200%;
  color: #16a085;
  line-height: 200%;
  margin: 0;
}
.star-rating fieldset:not(:checked) > label:before {
  content: '';
  display: block;
  width: 26px;
  height: 24px;
  background: url(/images/application-icons/star.svg) no-repeat 0 0;
}
.star-rating fieldset:not(:checked) > label:hover,
.star-rating fieldset:not(:checked) > label:hover ~ label {
  color: #1abc9c;
  text-shadow: 0 0 3px #1abc9c;
}
.star-rating fieldset:not(:checked) > label:hover:before,
.star-rating fieldset:not(:checked) > label:hover ~ label:before,
.star-rating fieldset > input:checked ~ label:before {
  background: url(/images/application-icons/star-full.svg) no-repeat 0 0;
}
.star-rating fieldset > label:active {
  position: relative;
  top: 2px;
}

/* reviews list */

.review-list .review-list-holder {
  list-style: none;
  margin: 0;
}

.vendor-page .review-list .review-list-holder {
    border: 1px dotted #ccc;
    border-width: 1px 0 0 0;
}
.review-list .review-list-holder .review-item {
    border: 1px dotted #ccc;
    border-width: 1px 0 0 0;
    padding: 20px 0;
}
.review-list .review-list-holder .review-item:first-child,
.vendor-page .get-quote-page .review-list .review-list-holder {
  border-top:none;
}

.review-list .review-list-holder .review-item.user .review-action {
  display: inline-block!important;
  vertical-align: middle;
}

.review-list .review-list-holder .review-item.user .review-action .delimiter {
  width: 1px;
  background-color: #ccc;
  height: 14px;
  margin: 0 8px;
  line-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.review-list .review-list-holder .review-item.user .review-action a {
  font-size: 13px;
}

.review-list .review-list-holder .review-item .media-object {
  padding: 5px 0 15px;
  margin-right: 10px;
}
.review-item .review-footer .review-date {
  font-size: 12px;
}

/*
	================PROJECT-PAGE=====================
	*/
  .project-page .alert .alert-text {
    margin-right: 160px;
  }
  .project-page .alert .join-btn{
    padding-right: 70px;
    padding-left: 70px;
  }
#project-invitation-block .popover {
  color: #333;
  width: 270px;
  font-size: 13px;
  line-height: 18px;
}

#project-invitation-block .popover-title {
  display: none;
}

#project-invitation-block .popover-content {
  margin-right: 17px;
}

.btn.highlight {
  border-color: black;
}

.project-logo,
.mobile-project-logo {
  text-align: center
}

.project-logo img {
  max-height: 100px
}

.mobile-project-logo img {
  max-height: 80px;
}

.project-details,
.grey-holder {
  background: #F6F7F5;
  padding: 15px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  font-size: 13px;
  line-height: 18px;
}

.tasks-holder.grey-holder {
  padding-top: 10px;
}

.project-details strong {
  font-size: 14px;
  font-weight: 600;
  display: block;
}

.project-details hr {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.project-target-languages + .project-target-languages {
  border-top: 1px solid #e9ede4
}

.project-languages-filter,
.project-activities-filter,
.profile-activities-filter {
  border-bottom: 1px solid #e9ede4;
  margin-bottom: 15px;
}

#filter_by_activity_type {
  width: 208px;
}

.tablet-render .project-activities-filter > .filter-list-toolbar .input-xlarge,
.tablet-render .profile-activities-filter > .filter-list-toolbar .input-xlarge {
  width: 170px;
}

.mobile-render #filter_by_user_chosen,
.mobile-render #filter_by_project_chosen {
  margin-left: 0px;
}

#filter_by_user,
#filter_by_user_chosen,
#filter_by_project,
#filter_by_project_chosen {
  width: 270px;
  margin-left: 10px;
}

.application .daterangepicker .ranges ul {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
  
.project-target-languages > strong {
  display: block;
  margin: 10px 0;
}

.project-target-languages .alt-thumbnail .language-inner {
  cursor: pointer
}

.project-target-languages .alt-thumbnail .language-inner.invited-language {
  background: whitesmoke;
  border-radius: 5px;
}

.project-target-languages .alt-thumbnail .language-inner > a {
  display: block;
}

.project-target-languages .alt-thumbnail .language-inner img {
  width: 48px;
  height: 48px;
}

.project-target-languages .alt-thumbnails {
  font-size: 0;
  text-rendering: optimizeSpeed; /* fix for ubuntu chrome(28) font bug*/
}

.alt-thumbnails {
  text-align: left;
  margin-left: -20px;
  margin-top: -20px;
  margin-bottom: 30px;
}

.alt-thumbnail {
  text-decoration: none;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-top: 25px;
  margin-left: 0px;
  width: 16.666666666666664%;
}

.alt-thumbnail .r:hover h5 {
  text-decoration: underline;
}

.alt-thumbnail .r {
  overflow: hidden;
  padding-left: 20px;
  padding-top: 5px;
}

.alt-thumbnail .r strong {
  font-weight: 400;
  line-height: 18px;
  margin: 5px 0px 0px;
  font-size: 14px;
  display: block;
}

@media (max-width: 1199px) {
  .alt-thumbnail {
    width: 20%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .alt-thumbnail {
    width: 16.666666666666664%;
  }
}

.format-ext {
  display: block;
  font-weight: 300;
  font-size: 13px;
  line-height: 19px;
}

.sidebar-user {
  padding: 5px 0;
  overflow: hidden;
}

.sidebar-user a.img {
  width: 48px;
  float: left;
  margin-right: 10px;
}

.sidebar-user  img {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}

.sidebar-user > div {
  overflow: hidden;
}

.username-link {
  color: #333;
  font-weight: 600;
}

table.sidebar-language tr td {
  vertical-align: middle
}

table.sidebar-language tr td.img {
  width: 58px
}

table.sidebar-language tr td.img img {
  max-width: 48px;
}

.translation-table tr td {
  vertical-align: middle;
  transition: background-color 1s ease;
}

.translation-file,
.translation-language {
  width: 45%
}

.translation-progress {
  width: 25%
}

.translation-translators {
  width: 15%
}

.translation-progress-text {
  width: 10%
}

.translation-table .progress {
  margin: 3px 0;
}

.popover {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.popover-title {
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
}

#tm-legend-div .popover {
  width: auto;
}

#rp_tm_matching .popover {
  width: auto;
}

#tm-legend-div .popover-content,
#rp_tm_matching .popover-content {
  padding:20px 14px 14px;
}

.tm-match-range{
  cursor: pointer;
  border-bottom: 1px dashed #999;
}

.popover-translation-progress {
  font-size: 85%;
  line-height: 140%;
}

.popover-translation-progress .approved {
  margin-top: 10px
}

.popover-translation-progress.asset-progress .popover-translation-group {
  display: table-row;
}

.popover-translation-progress.asset-progress .popover-translation-label,
.popover-translation-progress.asset-progress .popover-translation-content {
  display: table-cell;
}

.popover-translation-progress.asset-progress .popover-translation-content {
  padding-left: 5px;
}

.popover-translation-progress.asset-progress .popover-translation-group.approved .popover-translation-label,
.popover-translation-progress.asset-progress .popover-translation-group.approved .popover-translation-content {
  padding-top: 10px;
}

.popover-translation-progress .translated > .popover-translation-label {
  color: #4ca8ff;
}

.popover-translation-progress .approved > .popover-translation-label {
  color: #99cc33;
}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #F6F7F5;
  background-color: rgba(0,0,0,.05);
  background-image: none;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.progress-striped .bar-gray {
  background-color: #CFCFCF;
}

.progress-translate .bar,
.progress .bar-translate {
  background-color: #4ca8ff;
  background-image: -moz-linear-gradient(top, #4ca8ff, #45a1e8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4ca8ff), to(#45a1e8));
  background-image: -webkit-linear-gradient(top, #4ca8ff, #45a1e8);
  background-image: -o-linear-gradient(top, #4ca8ff, #45a1e8);
  background-image: linear-gradient(to bottom, #4ca8ff, #45a1e8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4ca8ff', endColorstr='#ff45a1e8',GradientType=0 );
}

.progress-validate .bar,
.progress .bar-validate {
  background-color: #99cc33;
  background-image: -moz-linear-gradient(top, #99cc33, #8fbf00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#99cc33), to(#8fbf00));
  background-image: -webkit-linear-gradient(top, #99cc33, #8fbf00);
  background-image: -o-linear-gradient(top, #99cc33, #8fbf00);
  background-image: linear-gradient(to bottom, #99cc33, #8fbf00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff99cc33', endColorstr='#ff8fbf00', GradientType=0);
}

.mobile-render .settings-left-pills .ul-wrapper button {
  position: absolute;
  left: 0;
  top: 0;
  height: 52px;
  padding: 0 5px;
  z-index: 10;
  border: none;
  opacity: 1;
  -webkit-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff;
  border-right: 1px solid #D6D8D4;
}

.mobile-render .settings-left-pills .ul-wrapper button.invisible {
  opacity:0;
}

.mobile-render .settings-left-pills .ul-wrapper button + button {
  left: auto;
  right: 0;
  border-right:none;
  border-left: 1px solid #D6D8D4;
}

.mobile-render .settings-left-pills .ul-wrapper button img {
  display: block;
  width: auto;
  height: 100%;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  background-color: #EFF0ED;
  color: black;
}

.nav-pills > li > a {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.nav-pills > li > a:hover {
  background-color: #F6F7F5;
  color: black;
}

.pricing-info {
    padding: 20px;
    background: #f6f7f5;
    border-radius: 4px;
}

.project-settings-wrapper {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  box-shadow: 0 -1px 0 #DFE2DA, 0 -1px 4px -2px rgba(69, 92, 44, 0.25), 0 1px 2px rgba(69, 92, 44, 0.35);
  background-color: #fff;
}

.project-settings-downloads-statistics-legend,
.project-settings-downloads-statistics-value {
  font-size: 13px
}

.project-settings-downloads-statistics-legend {
  padding-right: 1em;
  font-weight: 600;
}

table.project-settings-recent-api-calls td.recent-api-calls-date,
table.project-settings-recent-webhook-calls td.recent-webhook-calls-date {
  width: 1%;
  white-space: nowrap;
  padding-right: 30px;
}

.recent-api-calls-ip, .recent-webhook-calls-details {
  width: 1%;
  white-space: nowrap;
}

#webhooks-details-dialog .control-group {
  margin-bottom: 10px;
}

#webhooks-details-dialog .form-horizontal .control-label {
  width: 140px;
  margin: 0;
  padding: 0;
  padding-right: 15px;
}

#webhooks-details-dialog .form-horizontal .controls {
  margin-left: 155px;
}

#webhooks-details-dialog #webhook_url, #webhooks-details-dialog #webhook_parameters {
  word-break: break-all;
}

.calls-pager {
  position: absolute;
  top: -48px;
  right: 20px;
}

.tab-content .table-full-width {
  margin: 0px -20px;
}

#ps-api .items-js thead {
  border-top: 1px solid #e5e5e5;
}

td.recent-api-calls-response {
  max-width: 500px;
  word-wrap: break-word;
}

@media (max-width: 1199px){
  .project-settings-wrapper #ps-api .items-js-pager .items-js-displayed {
    position: relative;
    right: 0px;
    top: 0px;
    z-index: 1;
  }
}

/*Api details dialog*/

#api-details {
  word-break: break-all;
}

#api-details .error{
  color: rgb(255, 0, 0);
}

#api-details .success{
  color: rgb(0, 128, 0);
}


#api-details .control-group {
  margin-bottom: 15px;
}

#api-details .sub-control-group {
  margin-bottom: 5px;
}

#api-details .form-horizontal .control-label {
  width: 196px;
  margin: 0;
  padding: 0;
  padding-right: 15px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#api-details .form-horizontal .controls {
  margin-left: 211px;
}

#api-details .form-horizontal .title-block{
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 15px;
}

.file-block.clickable {
  cursor:pointer;
}

.file-block > .hide {
  margin-bottom: 15px;
}

.file-block.clickable:hover {
  color: black;
  border-bottom-color: black;
}

.file-block.clickable:hover .ajax-link-black {
  color: black;
  border-bottom-color: black;
}

.file-name.clickable > .pull-left {
  padding-right: 20px;
  background-position: right center;
  background-repeat: no-repeat;
}

.file-name.clickable:hover > .pull-left {
  background-image: url(/images/application-icons/chevron-down-light.png)
}

.file-name.clickable.opened:hover  > .pull-left {
  background-image: url(/images/application-icons/chevron-up-light.png)
}

#onboarding-dialog h4 {
  cursor: pointer;
  font-weight: normal;
  color: #555;
  margin: 20px 0 10px;
}

#onboarding-dialog h4 .static-icon {
  margin-top: 3px;
  margin-left: 10px;
  opacity: .3;  
  transition: transform 0.2s ease;
}

#onboarding-dialog h4:hover .static-icon {
  opacity: .5;  
}

#onboarding-dialog h4.active .static-icon {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);  
}

#onboarding-dialog li {
  list-style-type: none;
  position: relative;
  padding: 0 0 0 10px;
}

#onboarding-dialog li:before {
  content: " ";
  display: block;
  border: solid 4px #d5d5d5;
  border-radius: 4px;
  height: 0;
  width: 0;
  position: absolute;
  left: -12px;
  top: 7px;
}

#onboarding-dialog li.done:before {
  border: solid 8px #a4bf82;
  border-radius: 8px;
  left: -16px;
  top: 3px;
}

#onboarding-dialog li.done:after {
  content: " ";
  display: block;
  width: 3px;
  height: 6px;
  border: solid white;
  border-width: 0 2px 2px 0;
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);  
}

li.promoted-item > a {
  background-color: #D0E2B9;  
}
li.promoted-item > a:hover {
  background-color: #c9dab4;  
}

/*Webhook details dialog*/

#web-hook-details {
  word-break: break-all;
}

#web-hook-details .control-group {
  margin-bottom: 15px;
}

#web-hook-details .sub-control-group {
  margin-bottom: 5px;
}

#web-hook-details .form-horizontal .control-label {
  width: 130px;
  margin: 0;
  padding: 0;
  padding-right: 15px;
  text-align: left;
}

#web-hook-details .form-horizontal .controls {
  margin-left: 145px;
}

#web-hook-details .form-horizontal .title-block{
  margin-bottom: 15px;
  font-weight: 400;
}

#web-hook-details .error{
  color: rgb(255, 0, 0);
}

#web-hook-details .success{
  color: rgb(0, 128, 0);
}

.project-settings-content > div {
  margin: 0;
  padding: 30px 20px 40px;
}

.project-settings-content > .ajax-tab {
  min-height: 300px;
  position: relative;
}

.project-settings-recent-api-calls-caption {
  margin-left: -20px;
  margin-right: -20px;
  font-weight: 600;
  padding: 4px 24px;
  background: #eff0ed;
  border-top: 1px solid #cfd3cc; /* ex #d4d4d4 */
  border-bottom: 1px solid #cfd3cc;
}

.recent-webhook-file > div {
  word-wrap: break-word;
  max-width: 600px;
}

@media (max-width: 1199px) {
  .recent-webhook-file > div{
    max-width: 400px;
  }
}

#ps-translations,
#ps-translations-vendors{
  margin: 0;
  padding: 0;
}


.project-settings-logo {
  padding: 10px 0;
}

.translation-table-language-link img {
  margin-right: 0.4em;
  max-width: 24px;
}

.project_files_header {
  word-wrap: break-word;
  font-size: 32px;
}

.project_files_header > span {
  font-size: 22px;
  font-weight: 400;
  display: block;
  color: #666;
}

.numbered-control-group, .numbered-label {
  position: relative;
}

.numbered-control-group:before, .numbered-label:before {
  display: block;
  position: absolute;
  top: 0px;
  left: -38px;
  width: 22px;
  text-align: center;
  content: attr(data-number);
  padding: 3px;
  background: #f9f9f8;
  border-radius: 3px;
  color: #999;
  text-shadow: 0 1px white;
  font-size: 14px;
  line-height: 22px;
}

#code_link {
  font-family: monospace;
  font-size: 12px;
  background: white
}

#code_link[disabled] {
  background: #eeeeee;
}

.jipt-language.bold {
  font-weight: bold;
}

.language-codes-table {
  margin: 5px 0 10px;
  font-size: 13px;
  line-height: 160%
}

.project_file_wrapper .file-name,
.project_directory_wrapper .file-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  margin: 4px 0;
}

.tm-range-slider,
#length_transformation {
  height: 7px!important;
  box-shadow: none;
  background: #E6E7E4 !important;
  border: none!important;
  background-clip: border-box !important;
  border-radius: 2px;
}

.tm-range-slider .ui-slider-range {
  background: #BFE292 !important;

  top: -1px !important;
  height: 7px !important;
  background-clip: content-box !important;
  border:none!important;
}

.tm-range-slider .ui-slider-handle,
#length_transformation .ui-slider-handle {
  border-radius: 50% !important;
  top: -7px !important;
  width: 20px !important;
  height: 20px !important;
  box-shadow: none!important;
  background: #A4BF82!important;
  border: none!important;
  -webkit-transition: -webkit-transform 200ms ease, left 50ms linear;
  -o-transition: -o-transform 200ms ease, left 50ms linear;
  transition: transform 200ms ease, left 50ms linear;
  -webkit-transform: scale(.7,.7);
  -ms-transform: scale(.7,.7);
  -o-transform: scale(.7,.7);
  transform: scale(.7,.7);
}

.tm-range-slider a.ui-slider-handle:hover:not(.ui-state-active),
#length_transformation a.ui-slider-handle:hover:not(.ui-state-active)  {
   -webkit-transform: scale(.9,.9);
  -ms-transform: scale(.9,.9);
  -o-transform: scale(.9,.9);
  transform: scale(.9,.9);
}
.tm-range-slider a.ui-state-active,
#length_transformation a.ui-state-active {
  background:#98b671 !important;
  box-shadow:none !important;
    -webkit-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
}

#ps-reports {
  padding: 0;
}

#ps-reports .table {
  margin-bottom: 0;
}

#ps-reports .tab-content > .active {
  padding: 20px;
  overflow: hidden;
}

#ps-reports .rp-reports-list {
  position: relative;
}
#ps-reports .rp-reports-list:before {
  content: '';
  display: block;
  width: 85px;
  left: 0;
  top:0;
  height: 100% ;
  position: absolute;
  box-shadow: inset -1px 0 2px rgba(213, 213, 213, 0.42);
  background: #fff;
}
#ps-reports .nav-tabs {
  font-size: 13px;
  position: relative;
  border-bottom: none;
  padding: 0;
  margin-bottom: 0;
  position: relative;
}
#ps-reports .rp-reports-list > .content {
  float: left;
  width:85px;
}

#ps-reports .reports_tabs_wrapper.affix {
  position: fixed;
  top: 0;
  z-index:10;
}

#ps-reports .rp-report-area {
  margin-left: 85px;
  min-height: 592px;
}

#ps-reports .nav-tabs > li {
  width: 100%;
  margin-bottom: 0;
}

#ps-reports .nav-tabs > li:hover {
  background: #f0f0f0;
}

#ps-reports .nav-tabs > li > a {
  border:none;
  margin:0;
  background: none;
  color:#666;
  padding: 8px;
}
#ps-reports .nav-tabs > li > a span {
  line-height: 14px;
  font-size: 12px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

#ps-reports .nav-tabs > li i {
  margin: 5px auto;
  opacity: 0.5;
}

#ps-reports .nav-tabs > .active,
#ps-reports .nav-tabs > .active:hover {
  color: #555555;
  background-color: #E6E7E4;
  border: 0;
  border-bottom-color: transparent;
  cursor: default;
  border-radius: 0;
}

#ps-reports .nav-tabs > .active a,
#ps-reports .nav-tabs > li:hover a {
    color:#333;
    position: relative;
}
#ps-reports .nav-tabs > .active a:before {
  content: '';
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  z-index: 100;
  top: 50%;
  right: -1px;
  bottom: auto;
  border-width: 10px 10px 10px 0;
  border-color: transparent #fff;
  margin-top: -10px;
}

#ps-reports .nav-tabs > .active i,
#ps-reports .nav-tabs > li:hover i {
  opacity: 1;
}

/* PROFILE SETTINGS
  -------------------------------------------------- */

.user-order-invoice {
  width: 20px;
}

#payments_list .tooltip .tooltip-inner {text-align: center!important;}

#user-profile-payments .btn-toolbar > .btn.hidden + .btn {
 margin-left: 0;
}

/*bata-features*/

#features-block .bold {
  font-weight: bold;
}

#features-block img {
  opacity: .6;
  filter: alpha(opacity=60);
}

#user-profile-email td select {
  padding: 4px;
  height: 30px;
  min-height: 30px;
  margin: 0;
  font-size: 13px;
  line-height: 18px;
}

/* PROFILE TASKS
  -------------------------------------------------- */

#tasks_list_block .status_completed {
  color: #090
}

#task_details_dialog #files_tree {
  overflow: auto
}

#task_details_dialog #files_tree a:hover {
  text-decoration: underline
}

.profile-page-content .tasks-holder > div + div:not(.additional-controls) {
  margin-left: 10px;
}

.task-details-holder.left {
  width: 60%;
}

.task-details-holder.right {
  width: 40%;
}

#user_tasks_table {
  min-height: auto;
}

#user_tasks_table table {
  width: 100%;
}

#user_tasks_table table th {
  margin: 0;
  vertical-align: top;
  border-bottom: 1px solid #cfd3cc;
  border-left: 1px solid #cfd3cc;
}

#user_tasks_table table th > div,
#user_tasks_table table th:first-child,
#user_tasks_table table tr td:first-child {
  border-left:none;
}

#user_tasks_table table tbody tr:last-child td {
  border-bottom:none;
}

#user_tasks_table table th.text-right div { text-align: left;}


#user_tasks_table table .user-tasks-actions > div {
  overflow: visible;
  text-overflow:inherit;
}

.user-tasks-filter {
  margin-top: 10px;
}
.user-tasks-filter .filter-list-toolbar {
  float: left;
  margin-right: 10px;
}

/* PROFILE CREATE TASK
  -------------------------------------------------- */

#job_files .treeTable tr td a.expander {
  background-image: none !important
}

#job_files tr.expanded div.project_type {
  background: url(/images/tree_table_down.png);
  float: left;
  width: 16px;
  height: 16px;
  margin: 4px 0 0 3px;
}

#job_files tr.collapsed div.project_type {
  background: url(/images/tree_table_right.png);
  float: left;
  width: 16px;
  height: 16px;
  margin: 4px 0 0 3px;
}

#job_files div.directory_type {
  background: url(/images/folder.png);
  float: left;
  width: 16px;
  height: 16px;
  margin: 4px 3px 0 3px;
}

#job_files div.file_type {
  margin: 4px 3px 0 3px
}

#job_files {
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}

#job_files tr.hover {
  background: #eff0ed
}

#job_files input {
  cursor: default;
  margin: 1px 4px;
}

#job_files ul,
#job_files li {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#job_files ul ul {
  padding-left: 20px
}

.treeTable tr td a.expander:focus {
  outline: none
}

#job_files tr td {
  border-top: 1px dashed #e9ede4
}

#tasks_block .add-task-box {
  padding: 3px 20px 20px;
  border-top: 0px;
  margin-top: -3px;
}

.task_block {
  padding: 20px;
  margin-bottom: 0px;
}

.task_block + .task_block {
  margin-top: 20px
}

.task_block .datepicker-ico {
  cursor: pointer
}

.task_block form {
  margin-bottom: 0
}

.task_block .form-horizontal .control-label {
  padding-top: 8px
}

.task_block .control-group {
  margin-bottom: 10px
}

.task_block .control-label {
  width: 110px;
  cursor: default;
}

.task_block .controls {
  margin-left: 130px
}

.task-datepicker {
  position: relative
}

.task-datepicker img.datepicker-ico {
  position: absolute;
  right: 6px;
  top: 5px;
  opacity:0.6;
}

.task-datepicker img.datepicker-ico:hover {
  opacity: 1;
}

/* PROJECT FILES
  -------------------------------------------------- */
#project-files-wrapper {
  position: relative;
}

.project-files-manager {
  border-top: 1px solid #e9ede4;
}

.project-files-manager .dropdown-menu {
  z-index: 20000;
}

.project-files-manager .node-inner {
  display: block;
  clear: both;
  white-space: nowrap;
}

.project-files-manager .node_hidden {
  display: none;
}

.project-files-manager.show-hidden .node_hidden {
  display: block;
}

.project-files-manager .node_hidden .title a {
  color: #999;
}

.project-files-manager .node-inner:before,
.project-files-manager .node-inner:after {
  display: table;
  content: "";
  line-height: 0;
}

.project-files-manager .node-inner:after {
  clear: both;
}

.project-files-manager .node-inner.even {
  background: #f9f9f8;
}

.project-files-manager .node > .node-inner > .title {
  overflow: hidden;
  position: relative;
}

.project-files-manager .node > .node-inner > .title > .file-name {
  display: block;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 8px;
  padding-left: 8px;
}

.project-files-manager .node > .node-inner > .crowdin-progress {
  float: right;
  width: 250px;
  padding: 6px 8px;
  box-sizing: border-box;
}

.project-files-manager .node > .node-inner > .crowdin-progress-text {
  float: right;
  width: 40px;
  padding: 10px 0px;
  font-size: 12px;
  line-height: 20px;
  color: #bcbcbc;
  color: rgba(0,0,0,.35);
  box-sizing: border-box;
}

.project-files-manager .node > .node-inner > .crowdin-progress > .muted {
  line-height: 18px;
  padding-top: 3px;
  padding-bottom: 7px;
}

.project-files-manager .node > .node-inner > .actions {
  float: right;
  width: 86px;
  padding: 5px 8px;
  box-sizing: border-box;
  text-align: right;
}

.project-files-manager .collapsed > .node-childs {
  display: none;
}

.filter-form-options {
  padding-left: 15px;
}

.filter-form-options label {
  margin: 8px 0 8px;
  min-height: 18px;
}

.filter-form-options .btn-toolbar {
  margin: 0;
}

.files-empty-message {
  padding:30px;
  background-color: #f9f9f9;
}

.project-files-manager .crowdin-node-priority {
  float: left;
  width: 20px;
  height: 20px;
  padding: 4px;
}

.project-files-manager .crowdin-node-priority i,
.files-js-container .file-priority i {
  opacity: .4;
  filter: alpha(opacity=40);
  vertical-align: top;
}

@media (max-width: 1229px) {
  .project-files-manager .node > .node-inner > .crowdin-progress {
    width: 200px;
  }
}

@media (max-width: 991px) {
  .project-files-manager .node > .node-inner > .crowdin-progress {
    width: 150px;
  }

  .translation-table .progress {
    height: 6px;
    border-radius: 3px;
    margin: 10px 0;
  }

  .spacer-md {
    display: block;
    margin: 10px auto;
    width: 100%;
  }
}

@media (max-width: 620px) {
  .project-files-manager .node > .node-inner > .crowdin-progress {
    max-width: 150px;
    width: 20%;
  }

  .project-settings-btn, .translations-upload-download {
    display: none;
  }
}

@media (max-width: 547px) {
  #download-language-pack {
    display: none;
  }
}

.project-files-manager .folder-toggler {
  display: inline-block;
  height: 40px;
  width: 30px;
  min-width: 30px;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 30px 20px;
  opacity: .4;
  filter: alpha(opacity=40);
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.project-files-manager .expanded > .node-inner .folder-toggler {
  background-image: url(/images/application-icons/triangle-down.png);
}

.project-files-manager .collapsed  > .node-inner .folder-toggler {
  background-image: url(/images/application-icons/triangle-right.png);
}

.project-files-manager .expanded  > .node-inner .crowdin-progress,
.project-files-manager .expanded  > .node-inner .crowdin-progress-text {
  visibility: hidden;
}

.files-js-container .btn-group {
  vertical-align: top;
}

@media
  screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (   min--moz-device-pixel-ratio: 2),
  screen and (     -o-min-device-pixel-ratio: 2/1),
  screen and (        min-device-pixel-ratio: 2),
  screen and (                min-resolution: 2dppx) {
    .project-files-manager .expanded > .node-inner .folder-toggler {
      background-image: url('/images/application-icons/triangle-down@2x.png');
    }

    .project-files-manager .collapsed  > .node-inner .folder-toggler {
      background-image: url('/images/application-icons/triangle-right@2x.png');
    }
  }

/* diff revision */

#revision_dialog ins{
  background-color: #a6f3a6;
  text-decoration: none;
}

#revision_dialog del{
  background-color: #f8cbcb;
  text-decoration: none;
}

#revision_dialog .dialog-full-width-block div {
  padding: 0;
  margin: 0;
}

#revision_dialog h4 {
  margin-left: 20px;
}

#revision_dialog .panel-title {
  position: absolute;
  padding: 6px 20px;
  background: #f0f0f0;
  border-color: #f0f0f0;
  border-style: solid;
  border-width: 1px 0 1px 0;
  left: 0;
  right: 0;
  font-weight: bold;
}

#revision_dialog tr {
  word-wrap: break-word;
}

#revision_dialog td {
  padding-left: 20px;
  max-width: 100px;
}

#revision_dialog .empty-message {
    max-width: 600px;
    margin: 40px auto;
    text-align: center;
}

/* FILTER LIST
  -------------------------------------------------- */

.filter-list-toolbar {
  position: relative;
}

.profile-page-content .filter-list-toolbar > input,
.projects-list .filter-list-toolbar > input,
.project-page .filter-list-toolbar > input {
  width: 100%;
  box-sizing: border-box;
  height: 34px;
}

.mobile-slidemenu .filter-list-toolbar {
  display: block;
}

.filter-list-toolbar-width {
  width: 220px;
}

.filter-list-toolbar input {
  padding-right: 30px;
}

.tablet-render .filter-list-toolbar input,
.mobile-render .filter-list-toolbar input {
  width: 100%;
  font-size: 16px;
}

.filter-list-toolbar i {
  margin: 0px !important;
  opacity: 0.8;
  filter: alpha(opacity=80);
  vertical-align: top;
}

.filter-list-toolbar a {
  line-height: 20px;
  position: absolute;
  top: 7px;
  right: 7px;
}

.filter-list-toolbar a.header-filter {
  top: 10px;
  right: 5px;
}

/* PROJECT SETTINGS
  -------------------------------------------------- */

.project-settings-wrapper .tab-content {
  overflow: visible;
}

.project-settings-wrapper .get-quote-page .tab-content,
.project-settings-wrapper .tab-visible {
  overflow: visible;
}

.build-progress-bar {
  padding: 6px 15px;
  border-radius: 2px;
  border: 1px solid #cfd3cc;
  border-color: rgba(0,0,0,.17);
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}

.build-progress-bar .progress {
  width: 280px !important;
  height: 15px !important;
  overflow: hidden;
  margin: 2px 0 2px 0px !important;
}

.build-progress-bar .progress.pull-right {
  margin: 2px 0 2px 15px !important;
}

#export_status_in_background {
  position: fixed;
  z-index: 1001;
  bottom: 10px;
  right: 10px;
  text-align: center;
  cursor: pointer;
  font-size: 13px;
  line-height: 18px;
  color: whitesmoke;
  background: #777;
  background: rgba(0,0,0,.7);
  border: 0px none;
  box-shadow: 0 5px 20px rgba(0,0,0,.2);
}

/*invite people*/

#invite_translators_dialog .dialog-full-width-block {
margin-top: -20px;
transform-origin: top;
border-bottom: 1px solid #e6e7e4;
}

#invite_translators_dialog .dialog-full-width-block > .holder {
  padding: 10px 20px 20px;
}

#invite_translators_dialog  .dialog-full-width-block .holder:first-child {
  padding-bottom: 0;
  padding-top: 20px;
}

.invite-as-holder {
  width: 300px;
}

.invite-as-holder + div {
  margin-left: 300px;
}


.copy-api-button,
#invite_translators_dialog button.copy-translation-url,
.mobile-render #save-custom-sso-data {
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  margin-left: -1px;
}

.api-key-input,
#invite_translators_dialog .invite_url {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#invite_translators_dialog + .ui-dialog-buttonpane button,
#invite_translators_dialog + .ui-dialog-buttonpane .ui-button-text {
  line-height:20px;
}

/* file manager */
#ps-files .files-js-container {
  min-height: 496px;
}

#project_files_list {
  position: relative;
}

.expanded > .node-inner > .node-strings {
  visibility: hidden;
}

.no_files_placeholder .title,
.profile-no-projects-cases .title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  padding: 100px 0 10px;
  color: #555;
}

.profile-no-projects-cases .title {
  padding: 10px 0;
}

.no_files_placeholder .subtitle {
  font-size: 14px;
  line-height: 22px;
  color: #999;
  padding: 0 0 40px;
  background-image: url('/images/arrow-down.png');
  background-image: url('/images/arrow-down.svg'), none;
  background-position: center 40px;
  background-repeat: no-repeat;

}

.no_files_placeholder .options {
  margin: 50px;
  font-size: 14px;
  line-height: 22px;
  padding: 30px 20px;
  border-radius: 10px;
  background: #f6f7f5;
}

.no_files_placeholder .options .description {
  margin: 0;
}

.no_files_placeholder .simple-option {
  color: #333;
  display: block;
  padding: 6px;
}

@media (max-width: 1199px) {
  .no_files_placeholder .options {
    margin: 50px 30px;
  }
}

.no_files_placeholder .options .description {
  font-size: 12px;
  line-height: 18px;
  color: #999;
}

.no_files_placeholder .options > div {
  width: 25%;
}

.no_files_placeholder .options p {
  padding: 0 10px;
}

/* screenshots */

#screenshots-list {
  margin: 0;
  font-size: 0;
  min-height: 250px;
  padding-bottom: 20px;
}

.screenshot-item {
  width: 267px;
  display: inline-block;
  margin: 20px 0 0 20px;
  overflow: hidden;
  position: relative;
  vertical-align: bottom;
}

@media (max-width: 1199px) {
  .screenshot-item {
    margin: 20px 0 0 34px;
  }
}

.screenshot-item .actions {
  font-size: 13px;
  line-height: 18px;
  color: white;
  color: rgba(255,255,255,.9);
  position: absolute;
  top: 0px;
  right: 0px;
}

.screenshot-item .actions .item.tags {
  border-bottom-left-radius: 3px;
}

.screenshot-item.no-tags .actions .item.tags {
  background: rgb(240, 125, 125);
  background: rgba(196,0,0,.5);
}

.screenshot-item.unsaved .actions .item.tags {
  background: rgb(220, 35, 35);
  background: rgba(196,0,0,.9);
}

.screenshot-item.saving .actions .item.tags {
  background: rgb(40, 165, 0);
  background: rgba(24, 151, 0, 0.9);
}

.screenshot-item .actions .item {
  background: #555;
  background: rgba(0,0,0,.5);
  padding: 2px 10px;
  display: inline-block;
  vertical-align: top;
}

.screenshot-item .actions .item.delete-screenshot {
  padding: 1px;
}

.screenshot-item .actions .item.delete-screenshot:hover {
  background: rgba(0,0,0,.7);
}

.screenshot-item .actions .item + .item {
  margin-left: 3px;
}

.screenshot-item .actions .item.delete-screenshot .static-icon {
  opacity: .8;
  filter: alpha(opacity=80);
}

.screenshot-item .actions .item.delete-screenshot:hover .static-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}

.screenshot-item-top {
  width: 267px;
  height: 220px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  background: #f9f9f8;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}

.screenshot-item-top img {
  max-height: 220px;
  max-width: 267px;
}

.screenshot-item {
  cursor: pointer
}

.screenshot-item-bottom {
  padding: 8px;
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  color: #717171;
}

.screenshot-strings-loading {
  height: 0;
  overflow: visible;
  text-align: center;
}

.screenshot-strings-loading span {
  margin-top: 5px;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 2px;
  font-size: 13px;
  line-height: 18px;
  color: whitesmoke;
  background: #777;
  background: rgba(0,0,0,.7);
  position: relative;
  z-index: 1;
}

#screenshots-help {
  padding: 100px 50px 50px;
  font-size: 14px;
}

#screenshots_project_files_filter + .btn-group button {
  position: relative;
}

#screenshots_project_files_filter + .btn-group .multiselect-container {
  width: 100%;
  box-sizing: border-box;
}

#drop-screenshots-box .qq-uploader {
  border-width: 0px 0px 1px 0px;
  border-bottom-style: solid;
  border-bottom-color: #E9EDE4;
}

.help-search-screenshots {
  cursor:help;
  line-height: 33px;
  margin-left: 7px;
  opacity: .2;
  display: inline-block;
}

.help-search-screenshots:hover {
  opacity: .3;
}

.loader-screenshots {
  width: 35px;
  height: 35px;
  margin-top: 0px;
}

.clear_filter_screenshot {
  line-height: 20px;
  position: relative;
  top: 7px;
  right: 30px;
}

.no-screenshot-msg {
  padding: 110px 50px 50px;
  font-size: 14px;
  cursor: default;
}

input.screenshot-input {
  margin: -2px 0;
  font-size: 13px;
  line-height: 18px;
  padding: 1px 5px;
  vertical-align: top;
  height: 18px;
  background: rgba(255,255,255,.5);
}

/* Translations */

.language-details-wrapper, uploaded-translations-wrapper {
  margin: -9px 2px 40px;
  border: 1px solid;
  border-color: transparent #e9ede4 #e9ede4;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 10px;
  box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.3);
}

.uploaded-translations-wrapper {
  margin: -9px 10px 0px;
  border: 1px solid;
  border-color: transparent #e9ede4 #e9ede4;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 10px;
  box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.3);
}

.language-details-wrapper table.project_reports_language th {
  font-weight: 300;
  font-size: 12px;
  color: #717171;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 140%;
}

/* file manager */

.jstree-grid-toolbar-buttons span {
  position: relative;
}

.jstree-grid-toolbar-buttons span:before {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: text-top;
  left: 6px;
  top: 50%;
  margin-top: -10px;
  opacity: 0.6;
}


.tlbutton:hover span:before {
  opacity: 1;
}

.tlbutton.disabled:hover span:before {
  opacity: 0.6;
}

#update_source_info_dialog .revisions_dialog_table tr {
  text-align: center
}

#update_source_info_dialog .revisions_dialog_table tr a {
  font-weight: 600
}

#add_file_block {
  padding: 20px
}

.advanced_settings_block .help-inline {
  vertical-align: top
}

.advanced_settings_block ins {
  text-decoration: none;
  background-color: #fbb;
}

a.show_file_revisions_action {
  display: block !important;
  border-radius: 20px;
  border: 1px solid transparent;
  text-align: center;
  position: relative;
  margin-top: -1px;
  margin-bottom: -1px;
  padding: 0 !important;
  background-color: rgba(0,0,0,.03);
}

a.show_file_revisions_action:hover {
  border-color: rgba(0,0,0,.1);
  text-decoration: none !important;
}

.node-inner > .files-js-col.file-actions {
  padding: 5px 10px;
}

.node-inner > .files-js-col.file-actions button {
  vertical-align: top;
}

/* tm & glossary */

.assign_tm_block ul,
.assign-glossary-block ul {
  padding: 0;
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
}

.assign_tm_block li select {
  margin:5px;
  padding: 2px;
  height: 28px;
  line-height: 22px;
}

.assign_tm_block li label,
.assign-glossary-block li label {
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 30px;
  margin-bottom: 0px;
  border-bottom: 1px #f0f0f0 solid;
  display: block
}

.assign_tm_block li input[type="checkbox"],
.assign-glossary-block li input[type="checkbox"] {
  margin-left: -30px;
}

.assign_tm_block_legend,
.assign-glossary-block-legend {
  border-bottom:1px solid #ddd;
  box-shadow: 0 5px 5px -5px rgba(0,0,0,.1)
}

.assign_tm_block_legend label,
.assign_tm_block_legend div,
.assign-glossary-block-legend label {
  margin-bottom: 0;
  padding-bottom: 9px;
  padding-top: 9px;
  padding-left: 30px;
  line-height: 20px;
  font-weight: 600;
}

.assign_tm_block_legend input[type="checkbox"],
.assign-glossary-block-legend input[type="checkbox"] {
  margin-left: -30px;
}

.input-clear {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.2;
  filter: alpha(opacity=10);
  border: 0px none;
  background-color: transparent;
  padding: 5;
  box-shadow: none !important;
  outline: 0px !important;
}

.input-clear.delete-record{
  background-image: url('/images/application-icons/cross.png');
}

.input-clear.restore-record{
  background-image: url("/images/application-icons/restore.png")
}

.input-clear:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.crossed {
  text-decoration: line-through;
}

.language-block + .language-block {
  margin-top: 20px;
}

.language-name.clickable {
  cursor:pointer;
}

.language-name.clickable:hover {
  color: black;
  border-bottom-color: black;
}

.ajax-link-black {
  color:black;
  border-bottom: 1px dashed #999;
  cursor: pointer;
}

.ajax-link-black:hover {
  text-decoration: none;
  color: black;
  border-bottom-color: black;
}

.language-name.clickable:hover .ajax-link-black {
  color: black;
  border-bottom-color: black;
}

.language-name.clickable > .pull-left {
  padding-right: 20px;
  background-position: right center;
  background-repeat: no-repeat;
}

.language-name.clickable:hover > .pull-left {
  background-image: url(/images/application-icons/chevron-down-light.png)
}

.language-name.clickable.opened:hover  > .pull-left {
  background-image: url(/images/application-icons/chevron-up-light.png)
}

#terms_editor legend {
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  border: 0px none;
}

#terms_editor legend + .control-group {
  margin-top: 10px;
}

#terms_editor .term-target {
  margin-top: 30px;
}

/*integration*/

.app-log-details {
  word-break: break-all;
}

.integration-item {
  list-style: none;
  display: block;
  border-bottom:1px solid #e6e7e4 ;

}

.integration-item:first-child {
  padding-bottom: 33px;
}

.integration-item:last-child {
  border-bottom:0;
}

.integration-item + li {
  padding: 37px 0 33px;
}

.integration-item.waiting {
  position: relative;
}

.integration-item.waiting .btn {
  display: none;
}

.integration-item.waiting:before {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.6;
  z-index: 1;
}

.integration-item .brand {
  float: left;
}

.integration-item .description {
  margin-left: 75px;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 30px;
  position: relative;
}

.integration-item .description:before {
  position: absolute;
  content: '';
  display: block;
  right: 10px;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url("/images/application-icons/chevron-down.png") no-repeat 0 0;
  opacity: 0;
  -webkit-transition: 200ms ease opacity;
  -moz-transition: 200ms ease opacity;
  -o-transition: 200ms ease opacity;
  transition: 200ms ease opacity;
}

.integration-item.opened .description:before {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.integration-item .description h3 .label {
  margin-top: 6px;
  margin-left: 5px;
}

.integration-item .brand:hover + .description:before,
.integration-item .description:hover:before {
  opacity: 0.6;
}

.integration-item .integration-details {
  margin-top: 7px;
  margin-left: 75px;
}

.integration-item .brand {
  width: 75px;
  margin-top: 15px;
  cursor:pointer;
}

.integration-item .brand .brand-icon {
  width: 44px;
  height: 44px;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  margin-left: 7px;
}

.integration-item.cli .brand .brand-icon {
  background-image: url(/images/integrations/crowdin.png);
  background-image: url(/images/integrations/svg/crowdin.svg), none;
}

.integration-item.fci .brand .brand-icon {
  background-image: url(/images/integrations/fci.png);
  background-image: url(/images/integrations/svg/fci.svg), none;
}

.integration-item.zci .brand .brand-icon {
  background-image: url(/images/integrations/zci.png);
  background-image: url(/images/integrations/svg/zci.svg), none;
}

.integration-item.github .brand .brand-icon {
  background-image: url(/images/integrations/github.png);
  background-image: url(/images/integrations/svg/github.svg), none;
}

.integration-item.bitbucket .brand .brand-icon {
  background-image: url(/images/integrations/bitbucket.png);
  background-image: url(/images/integrations/svg/bitbucket.svg), none;
}

.integration-item.desk .brand .brand-icon {
  width: 60px;
  background-image: url(/images/integrations/desk.png);
  background-image: url(/images/integrations/svg/desk.svg), none;
  margin-left: 0px;
}

.integration-item.wordpress .brand .brand-icon {
  background-image: url(/images/integrations/wordpress.png);
  background-image: url(/images/integrations/svg/wordpress.svg), none;
}

.integration-item.gitlab .brand .brand-icon {
  background-image: url(/images/integrations/gitlab.png);
  background-image: url(/images/integrations/svg/gitlab.svg), none;
}

.integration-item.box .brand .brand-icon {
  width: 60px;
  background-image: url(/images/integrations/box.png);
  margin-left: 0px;
}

.integration-item.custom .brand .brand-icon {
  width: 60px;
  background-image: url(/images/integrations/custom.png);
  background-image: url(/images/integrations/svg/custom.svg), none;
  margin-left: 0px;
}

#tree_integration_dialog {
  padding: 0px;
  margin: 0px;
}

.label-styled {
  padding: 5px 10px;
  white-space: nowrap;
  background-color: #f6f7f5;
  border: 1px solid #eff0ed;
  border-radius: 2px;
}

.user-avatar-label {
  display: inline-block;
  padding: 4px 15px;
  min-width: 200px;
  height: 24px;
  vertical-align: top;
}

#edit_integration_dialog .user-avatar-label img.user-avatar{
  width: 24px;
  height: 24px;
  margin-top: -3px;
}

#edit_integration_dialog .user-avatar-label span.user-login{
  display: inline-block;
  margin: 2px 0 2px 7px;
}

#edit_integration_dialog .checklist-js {
  height: 240px;
}

#edit_integration_dialog .checklist-js-result {
  height: 247px;
}

#edit_integration_dialog .dialog-full-width-block {
  width: 900px;
}

#edit_integration_dialog .dialog-full-width-block > div {
  height: 320px;
}

#edit_integration_dialog .dialog-full-width-block > div .table-cell {
  padding: 6px 0;
}

#integration_loader {
  margin-left: 20px;
}

#translable_branches div.tooltip {
  position: fixed;
}

#translable_branches li section span{
  display: block;
}

#edit_integration_dialog .control-group .numbered-label {
  display: block;
  position: relative;
  left: 30px;
  width: 95%;
  top: -2px;
  padding: 1px;
}

#edit_integration_dialog .control-group .numbered-label:before {
  left: -30px;
  padding: 0;
}

#edit_integration_dialog .dropdown-menu {
  z-index: 10000000;
}

#configuration_dialog {
  padding: 0px 20px;
}

#configuration_dialog .dialog-full-width-block,
#configuration_dialog .dialog-full-width-block > div {
  height: 100%;
  padding: 0;
}

.integration_configurator .config {
  margin-bottom: 10px;
  padding: 10px;
  cursor: pointer;
  background: white;
  border: 1px solid white;
  border-radius: 2px;
}

.integration_configurator .config:hover {
  border-color: #e5e5e5;
}

.integration_configurator .config ul {
  list-style: none;
  margin-left: 5px;
}

.integration_configurator .config ul ul {
  margin-left: 20px;
}

.integration_configurator .delete-group {
  opacity: 0.3;
  cursor: pointer;
  position: relative;
  left: 5px;
  top: -5px;
}

.integration_configurator .delete-group:hover {
  opacity: 0.7;
}

#integration-inner-tabs {
  margin-bottom: 0;
}

#integration-inner-tabs a {
  line-height: 24px;
  height: 24px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0;
  color: #000;
}

#integration-inner-tabs span {
  cursor: pointer;
}

.integration_configurator .control-groups .record:last-child {
  margin-bottom: 0;
}

#configuration_dialog .empty-message {
  width: 400px;
}

#configuration_dialog .empty-message .create-filter-group {
  font-size: 17.5px;
  line-height: 24.5px;
}

#configuration_dialog .header {
  padding: 10px 20px;
  background: white;
  border-bottom: 1px solid #e5e5e5;
  z-index: 100010;
  position: relative;
}

#configuration_dialog .header > span {
  padding: 5px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
}

#configuration_dialog .config-group {
  padding: 10px 20px;
  overflow-y: auto;
  box-sizing: border-box;
}

#configuration_dialog .control-group .ajax-link {
  font-size: 13px;
  line-height: 18px;
}

#configuration_dialog .popover{
  font-size: 13px;
  line-height: 150%;
}

#configuration_dialog .popover-title{
  display: none;
}

#configuration_dialog .popover{
  position: fixed;
  z-index: 100100;
}

#app-log-details-dialog .control-group{
  margin-bottom: 10px;
}

/* translators */

.dropdown-toolbar {
  float:none !important;
  padding: 0px !important;
  margin: 5px 15px 10px;
}

.languages_list span {
  float: none !important;
  display: inline !important;
}

.translator_info_btn {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  background: url(/images/application-icons/chevron-right.png) no-repeat center center;
}

.pro-translator-block {
  background: #eff0ed;
  padding:20px;
  border-radius:2px;
}

.cu-value {
  color: #717171;
  font-size: 34px;
  font-weight: 300;
  height: 44px;
  line-height: 60px;
  padding-left: 11px;
}
.cu-value span {
  font-size:14px;
}

.engine-icon {
  background-position: top center;
  background-repeat: no-repeat;
  vertical-align: text-top;
  display: inline-block;
  width: 24px;
  height: 24px;
}

.muted .engine-icon {
  background-position: bottom center;
}

.engine-icon.engine-icon-gt {
  background-image: url(/images/logo/google-translate-sprite.png);
}

.engine-icon.engine-icon-yt {
  background-image: url(/images/logo/yandex-translate-sprite.png);
}

.engine-icon.engine-icon-mst {
  background-image: url(/images/logo/microsoft-translator-sprite.png);
}

.translation-engines-wrapper label.muted,
#target_languages .muted > label,
#pre_translate_languages_wrapper .muted > label {
  cursor: default;
}

.project-settings label > ins {
  text-decoration: none;
  background-color: #D1ECBC;
}

.project-settings label > del {
  text-decoration: none;
  background-color: #F7CFCF;
}

#strings_quota {
  padding: 8px;
  border-bottom: 1px solid #E9EDE4;
  text-align: center;
}

#strings_quota .progress {
  height: 10px;
  margin-bottom: 8px;
}

#strings_quota .help-text {
  font-size: 12px;
  line-height: 16px;
}

/* strings */

#project_strings_toolbar select.project_file + div button {
  text-align: left;
  position: relative;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#project_strings_toolbar select.project_file + div button .caret,
#screenshots_project_files_filter + .btn-group button .caret {
  position: absolute;
  top: 7px;
  right: 7px;
}

#project_strings_toolbar .multiselect-container {
  width: 420px;
}

.tag_screenshot_right_inner .multiselect-container { z-index: 1000002 }

#project_strings_toolbar .multiselect-container input[type=radio],
.tag_screenshot_right_inner .multiselect-container input[type=radio] {
  visibility: hidden;
  width: 0;
  height: 0;
  position: absolute;
  margin: 0;
}
#project_strings_toolbar .multiselect-container label,
.tag_screenshot_right_inner .multiselect-container label {
  padding-left: 20px;
  white-space: normal;
  font-size: 13px;
  word-wrap: break-word;
}
#project_strings_toolbar .multiselect-container .input-group,
.tag_screenshot_right_inner .multiselect-container .input-group {
  position: relative;
}
.multiselect-container .input-group input.multiselect-search {
  margin-bottom: 0;
  width: auto;
  min-width: 270px;
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding-right: 30px;
}
.multiselect-container .input-group span.input-group-btn {
  border-radius: 0 2px 2px 0;
  margin-left: -1px;
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
}
.multiselect-container .input-group span.input-group-btn button {
  display: inline-block;
  border: none;
  margin: 0;
  padding: 0;
}
.multiselect-clear-filter i {
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: text-top;
  display: block;
  background-image: url(/images/application-icons/squared-cross.png);
}

.hidden_string {
  color: #afafaf
}

.ps-members-name img,
.rs-manager-name img,
.translators-members-name img,
.abuse-suggestion img,
.abuse-report-user img {
  vertical-align: top;
  margin-right: 10px;
  border-radius: 2px;
  margin-top: -2px;
  margin-bottom: -2px;
}

.ps-members-name > div,
.translators-members-name > div {
  width: 778px;
}

.ps-members-role > div,
.translators-members-role > div {
  width: 180px;
}

.ps-string-text > div,
.ps-string-context > div {
  width: 418px;
}

.ps-string-visibility > div {
  width: 102px;
}

.ps-glossary-term > div,
.ps-glossary-description > div {
  width: 478px;
}

.ps-tm-phrase > div {
  width: 778px;
}

.ps-tm-tm > div {
  width: 186px;
}

.items-js-content .ps-tm-tm {
  color: #999;
}

.translators-members-actions > div,
.rs-manager-actions > div,
.ps-members-actions > div,
.ps-glossary-actions > div,
.ps-tm-actions > div,
.ps-string-actions > div {
  width: 108px;
}

.ps-toolbar .rs-upload-progress-bar {
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  padding: 0 8px;
}

.ps-toolbar .rs-upload-progress-bar .progress {
  width: 90px;
  height: 14px;
  margin: 6px 0;
}

.ps-toolbar .rs-upload-progress-bar .rs-cancel-upload {
  display: inline-block;
  padding: 2px;
}

.items-js .rs-upload-progress-bar .progress {
  width: 92px;
  height: 13px;
  margin: 4px 0;
}

.rs-manager-name > div {
  width: 298px;
}

.rs-manager-projects > div {
  width: 700px;
}

.rs-tm-name > div,
.rs-glossary-name > div {
  width: 260px;
}

.rs-tm-languages > div,
.rs-glossary-languages > div {
  width: 290px;
}

.rs-tm-segments > div,
.rs-glossary-terms > div {
  width: 100px;
}

.rs-tm-projects > div,
.rs-glossary-projects > div {
  width: 270px;
}

.rs-manager-actions > div {
  border-left: none!important;
}
.rs-tm-actions > div,
.rs-glossary-actions > div {
  width: 150px;
  border-left: none!important;
}

.rs-actions > div a,
.rs-actions > div span {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 8px;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 200ms ease opacity;
     -moz-transition: 200ms ease opacity;
       -o-transition: 200ms ease opacity;
          transition: 200ms ease opacity;
}

tr:hover .rs-actions a,
tr.checked .rs-actions a,
tr:hover .rs-actions span,
tr.checked .rs-actions span {
  visibility: visible;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

tr .rs-actions a:hover,
tr .rs-actions span:hover,
tr .rs-actions a:hover,
tr .rs-actions span:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

tr .rs-actions span.muted,
tr .rs-actions span.muted {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

#references_context_menu {
  z-index: 1000000;
}

.user-tasks-project > div {
  width: 150px;
}

.user-tasks-type > div,
.user-tasks-progress > div {
  width: 80px;
}

.user-tasks-deadline > div {
  width: 120px;
}

.user-tasks-reporter > div,
.user-tasks-assignee > div {
  width: 181px;
}

.user-tasks-status > div {
  width: 90px;
}



.abuse-suggestion > div {
  width: 617px;
}

.abuse-report-count > div,
.abuse-suggestion-author > div {
  width: 179px;
}

.abuse-report-actions > div{
  width: 150px;
}

.abuse-suggestions > div,
.abuse-reports > div {
  width: 220px;
}

.abuse-report-user > div {
  width: 610px;
}

.items-js-simple {
  border: 1px solid #cfd3cc;
}

.items-js-light {
  border-top: 1px solid #cfd3cc;
}

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

.ps-scope li.active a {
  cursor: default;
}

@media(max-width: 1199px) {
  .ps-members-name > div,
  .translators-members-name > div {
    width: 548px;
  }

  .ps-tm-phrase > div {
    width: 548px;
  }

  .ps-string-text > div,
  .ps-string-context > div {
    width: 302px;
  }

  .ps-glossary-term > div,
  .ps-glossary-description > div {
    width: 364px;
  }

  .rs-manager-name > div {
    width: 298px;
  }

  .rs-manager-projects > div {
    width: 470px;
  }

  .rs-tm-name > div,
  .rs-glossary-name > div {
    width: 190px;
  }

  .rs-tm-languages > div,
  .rs-glossary-languages > div {
    width: 200px;
  }

  .rs-tm-projects > div,
  .rs-glossary-projects > div {
    width: 200px;
  }

  .user-tasks-project > div {
    width: 100px;
  }

  .user-tasks-type > div,
  .user-tasks-progress > div {
    width: 80px;
  }

  .user-tasks-reporter > div,
  .user-tasks-assignee > div {
    width: 98px;
  }

  .user-tasks-status > div {
    width: 75px;
  }

  .abuse-suggestion > div {
    width: 386px;
  }

  .abuse-report-count > div,
  .abuse-suggestion-author > div,
  .abuse-suggestions > div,
  .abuse-reports > div {
    width: 180px;
  }

  .abuse-report-user > div {
    width: 415px;
  }

  .project-settings-wrapper .items-js-pager .items-js-displayed {
    position: absolute;
    right: 0;
    top: 47px;
    z-index: 1;
  }

  #integration-errors .items-js-pager .items-js-displayed,
  #ps-reports .items-js-pager .items-js-displayed,
  #ps-members .items-js-pager .items-js-displayed {
    position: static;
  }
}

#edit_string_dialog .singular-text-block, #edit_string_dialog .plurals-text-block {
  position: relative;
}

#edit_string_dialog .plurals-text-block textarea {
  padding-top: 25px;
}

#edit_string_dialog .source-phrase-plural-name {
  position: absolute;
  top: 6px;
  left: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #999999;
}

#edit_string_dialog .source-phrase-plural-length {
  position: absolute;
  top: 6px;
  right: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #999999;
}

/* vendors */

#ps-translations-vendors > .gray {
  padding: 10px 20px;
  border-bottom: 1px solid #E9EDE4;
}

#ps-translations-vendors > .gray .static-icon {
  opacity: 0.6;
}

#ps-translations-vendors > .gray p {
  font-size: 13px;
  line-height: 20px;
  margin: 0;
}

.ps-toolbar {
  font-size: 13px;
  background: #fff;
  position: relative;
  border-bottom: 1px solid #E9EDE4;
  padding: 8px;
}

.ps-toolbar.ps-toolbar-simple {
  font-size: 13px;
  background: transparent;
  position: relative;
  border-bottom: 0px none;
  padding: 8px 0;
}

.ps-toolbar .btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.vendor-page {
  padding: 20px;
  min-height: 400px;
}

.vendor-page .vendor-benefits li abbr[title],
.vendor-page .vendor-benefits li abbr[data-original-title] {
  border-bottom: none;

}
.vendor-page .vendor-benefits li {
  font-size: 14px;
}

.vendor-page .general-info {
  margin-bottom: 20px;
}
.vendor-page .general-info .holder > div {
  vertical-align: top;
  padding-left: 50px;
}
.vendor-page .general-info .holder > div.vendor-logo {
  padding-left: 0;
  vertical-align: middle;
}
.vendor-page .general-info div[class^="vendor-"] > * {
  display: block;
  font-size: 13px;
}

.vendor-page .general-info div[class^="vendor-"] .reviews-info {
  white-space: nowrap;
  font-size: 12px;
}

.vendor-page .general-info div[class^="vendor-"] > div {
  height: 30px;
  position: relative;
  vertical-align: middle;
  line-height: 40px;
  padding: 5px 0;
  width: 160px;
}
.vendor-page .general-info .holder > div > div:before {
  content: '';
  display: block;
  position: absolute;
  height: 50px;
  width: 1px;
  top: 50%;
  background: #cccccc;
  left: -25px;
  margin-top: -25px;
}

.vendor-page .general-info .vendor-reviews > div {
  padding: 5px 0;
}


.vendor-page .half-desc {
  float: left;
  min-height: 1px;
  margin-left: 30px;
  width: 47%;
  max-width: 540px;
}
.vendor-page .get-quote-page .half-desc {
  width: 100%;
  margin-left: 0;
}
.vendor-page .col-left {
  width: 50%;
}


#vendors-wrapper .progress {
  overflow: hidden;
  margin:0;
}

#vendors-wrapper .label-large {
  color: #333;
  border: 1px solid transparent;
  padding: 2px 9px;
}

#vendors-wrapper .status-wrapper .label-large:hover {
  cursor: pointer;
  background: white;
  border-color: #999999;
}

#vendors-wrapper .input-append .add-on.add-on-small {
  padding: 3px 5px;
  background: white;
}

#vendors-wrapper .input-prepend .add-on.add-on-small {
  padding: 3px 5px;
  background: white;
}

.professional_translations_data, #order_details {
  position: relative;
  max-height:494px;
  overflow:auto;
  border-top: none;
  border-bottom: 1px solid #e9ede4;
  box-shadow: inset 0 -10px 10px -13px rgba(0,0,0,.1), inset 0 10px 10px -13px rgba(0,0,0,.1);
}

.professional_translations_data tr.gray label {
  cursor: default;
}

.professional_translations_legend {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  background: #999;
}

.professional_translations_legend th{
  color: white;
}

#vendors-wrapper .small-flag {
  margin-top: -3px;
  margin-bottom: -1px;
  max-width: 24px;
}

#vendors-wrapper .unsupported {
  font-size: 13px;
  line-height: 150%;
}

#vendors-wrapper .table tbody tr.gray td {
  background-color: #f9f9f8;
}

#vendors-wrapper .form-horizontal .control-label {
  padding-top: 7px;
}

#vendors-wrapper .form-horizontal .control-group.expertise {
  margin-bottom: 10px;
}

#trans_data_wrap td {
  vertical-align: middle;
}

#trans_data_wrap td label {
  margin: 0px;
  white-space: nowrap;
}

#order_details_wrap td label {
  margin: 0px;
  white-space: nowrap;
}

#trans_data_wrap tr > *:nth-child(1) { width: 430px; }
#trans_data_wrap tr > *:nth-child(2) { width: 355px; }
#trans_data_wrap tr > *:nth-child(3) { text-align: right; width: 200px}
#trans_data_wrap tr > *:nth-child(4) { text-align: right;}

#order_details_wrap tr > *:nth-child(1) { width: 620px; }
#order_details_wrap tr > *:nth-child(2) { width: 100px; text-align: center; }
#order_details_wrap tr > *:nth-child(3) { width: 200px; text-align: center; }
#order_details_wrap tr > *:nth-child(4) { text-align: right; }

#vendors-wrapper .order_details_total {
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}

#vendors-wrapper .oht-box table td {
  vertical-align: middle;
}

#project_files_dialog .treeTable tr td a.expander {
  background-image: none !important;
}

#project_files_dialog div.directory_type {
  background: url(/images/folder.png);
  float: left;
  width: 16px;
  height: 16px;
  margin: 3px 3px 0 3px;
}

#project_files_dialog div.file_type {
  margin: 3px 3px 0 3px;
}

#project_files_dialog .node_file {
  cursor: pointer;
}

#project_files_dialog { padding: 5px; margin: 5px; }
  #project_files_dialog tr.hover { background: #f8f8f8; }
  #project_files_dialog table input { cursor: default; margin: 0px 4px 1px; }
  #project_files_dialog ul, #project_files_dialog li { display: block; margin: 0; padding: 0; list-style-type: none; }
  #project_files_dialog ul ul { padding-left: 20px; }

#project_files_dialog .TableTree td {
  padding: 4px 0;
  border-top: 1px dashed #e9ede4;
}

#project_files_dialog .TableTree tr:first-child td {
  border-top: none;
}

#comments_dialog {
  background: #f9f9f9;
}

#comments_dialog .pt_comments-area {
  border-bottom: 1px solid #e9ede4;
  margin-bottom: 20px;
}

#comments_dialog .comment_time {
  font-size: 13px;
  line-height: 18px;
}

#regular_expertise_details ul {
  list-style-type: square;
}

@media (max-width: 1200px) {
  #trans_data_wrap tr > *:nth-child(1) { width: 340px; }
  #trans_data_wrap tr > *:nth-child(2) { width: 245px; }
  #order_details_wrap tr > *:nth-child(1) { width: 380px; }
}

#insufficient_credits_dialog .credits_amount {
  font-weight: bold;
}

/* dialogs */

#invite_message_frame, #contact_message_frame {
  border-top: 1px solid #ddd;
}

#translator_info_dialog h4 {
  margin: 0 0 15px
}

#user_info_statistic_contribution_table {
  font-size: 13px
}

.avatar_def_big {
  width: 128px
}

#translator-info-block-left-part {
  float: left;
  width: 500px;
}

#translator-info-block-left-part-primary {
  width: 352px;
  max-width: 352px;
}

#translator-info-block-translator-access {
  width: 300px;
  margin-left: 520px;
  padding: 15px;
}

.translator-languages-access-wrapper {
  height: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 5px 5px -5px rgba(0,0,0,.1) inset;
  margin: 0;
}

#translator-languages-access > li {
  padding: 5px;
}

#translator-languages-access > li + li {
  border-top: 1px solid #E6E7E4
}

.language-access-left-block {
  max-width: 185px;
}

.language-access-select {
  font-size: 12px;
  line-height: 16px;
  padding: 2px 3px;
  height: 22px;
  width: 100px;
}

#term-entry .accordion-heading .accordion-toggle {
  cursor: default;
}

ul.rit-result-translations > li {
  cursor: pointer;
  padding: 10px 10px;
  font-size: 13px;
  clear: both;
}

ul.rit-result-translations > li:hover {
  background: #f9f9f9
}

ul.rit-result-translations > li > input {
  margin: 4px 10px 10px 0 !important;
  float: left;
}

ul.rit-result-translations > li > span {
  margin-left: 20px;
  display: block;
}

#pre_translate_languages_wrapper {
  border: 1px solid #cfd3cc;
  width: 240px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 5px;
}

#pre_translate_languages {
  width: 240px;
}

#pre_translate_files_wrapper {
  border: 1px solid #cfd3cc;
  padding: 5px 5px 5px 5px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  font-size: 13px;
  width: 374px;
}

#pre_translate_files {
  padding: 0px 0px 0px 2px;
  height: 240px;
  overflow: hidden;
}

#pre_translate_files .files-js-container {
  height: 240px;
  padding: 0;
  overflow: auto;
}

#pre_translate_files .node-inner .file-name {
  padding: 3px 0;
}

#pre_translate_files .files-js-container .folder-toggler {
  height: 26px;
}

#pre_translate_files .node-inner {
  border-left: 3px solid transparent;
  transition: background 0.1s ease;
  border-bottom: 0px none;
}

#pre_translate_files .node-inner.checked {
  background: none;
}

#pre_translate_files .files-js-container:focus .node-inner.checked {
  border-left: 3px solid #C8E6B3;
}

#pre_translate_files .node-inner:hover {
  background: #f9f9f9;
}

#pre_translate_files .project_file_wrapper, #pre_translate_files .project_directory_wrapper {
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
}

.treeTable input[type="checkbox"] {
  margin: 0 5px 3px 5px
}

table td.full-width > label {
  margin-bottom: 11px
}

.languages-block {
  width: 175px;
  height: 400px;
  overflow-y: auto;
  text-align: center;
  border-right: 1px solid;
  padding-right: 10px;
}

#total-strings-translated-msg {
  margin: 20px;
}

#pre-translate-report-content {
  height: calc(100% - 63px);
  border-top: 1px solid #dadada;
}

.pre-tranlate-report-hierarchy {
  height: 400px;
  overflow-y: auto;
}

.languages-block li {
  height: 30px;
}

.focused {
  background-color: lightblue;
  color: #333;
}

.langauge-report-tab a {
  text-decoration: none;
  color: black;
}

.language-report-table td {
  padding-right: 5px;
}

#my_managers ul {
  margin: -10px 0 0 -10px;
}

#my_managers li {
  margin: 10px 0 0 10px;
}

#my_managers li, .user-label {
  white-space: nowrap;
  background-color: #f6f7f5;
  border: 1px solid #eff0ed;
  border-radius: 2px;
}

#my_managers li img {
  border-radius: 2px;
}

#my_managers li * {
  vertical-align: top;
}

#my_managers li input {
  margin-top: 6px;
}

#my_managers li label {
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 0;
  padding: 2px 5px 2px 25px;
}

a.configure_file {
  margin: -7px 5px;
}

.current_file {
  cursor: default;
}

.edit-manager-user-link {
  line-height: 26px;
}

.edit-manager-user-link > a,
.edit-manager-user-link > span {
  max-width: 300px;  
  padding: 4px;
  padding-right: 8px;
  display: inline-block;
  vertical-align: top;
}

.edit-manager-user-link > a > img {
  margin-right: 10px;
  display: inline-block;
  border-radius: 2px;
}

/* PRE TRANSLATE REPORT DIALOGS
----------------------------------------------------------*/

#pre_translate_report_dialog {}


#pre_translate_report_dialog .pre-tranlate-report-hierarchy  {
  height: 100%;
  padding: 5px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#pre_translate_report_dialog .pre-tranlate-report-hierarchy table tr.parent td div.project_directory_wrapper span,
#pre_translate_report_dialog .pre-tranlate-report-hierarchy table tr.contain_file td {
  color: #333;
}

#pre_translate_report_dialog .pre-tranlate-report-hierarchy table tr.parent td div.project_directory_wrapper span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 235px;
}

#pre_translate_report_dialog .pre-tranlate-report-hierarchy table tr td {
  border-top: none;
  padding: 1px 10px 1px 0;
  font-size:13px;
  height:24px;
  line-height:22px;
}

#pre_translate_report_dialog .pre-tranlate-report-hierarchy table thead th  {
  vertical-align: bottom;
  border-bottom: 1px solid #e9ede4;
}

#pre_translate_report_dialog .pre-tranlate-report-hierarchy table tbody tr:first-child td {
  padding-top: 8px;
}

#pre_translate_report_dialog .pre-tranlate-report-hierarchy table tbody tr.parent:first-child td,
#pre_translate_report_dialog .pre-tranlate-report-hierarchy table tr.folder_tr td  {
  color: #A8A8A8;
}

#pre_translate_report_dialog .languages-block  {
  text-align: left;
  width: auto;
  height: 100%;
  min-width: 220px;
  border-right:1px solid #dadada;
  padding-right: 0;
}

#pre_translate_report_dialog .languages-block li {
  padding:0;
}

#pre_translate_report_dialog .languages-block li a {
  padding: 5px 20px;
  outline: none;
  cursor: pointer;
  height: auto;
  color: #555;
}

#pre_translate_report_dialog .languages-block li a:hover {
  background-color: #F6F7F5;
}

#pre_translate_report_dialog .languages-block li a.focused {
  background: #E6E7E4;
  color: black;
}

/* UPLOAD FILE CONFIGURATION DIALOGS
----------------------------------------------------------*/
.file_configuration_dialog .form-inline .checkbox + .checkbox {
  margin-left: 20px;
}

.file_configuration_dialog .form-inline .checkbox input[type="checkbox"] {
  margin-right: 5px;
}

.general_spreadsheet_info {
  margin-left: 20px;
  font-size: 13px;
}

.scheme_column td {
  padding: 3px 2px 3px 3px;
}

.first_line td {
  border-top: 4px solid #e9ede4;
}

.scheme_column td select {
  border: 0;
  padding: 4px;
  height: 30px;
  min-height: 30px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  margin: 0;
  color:black;
}

.scheme_column td select option {
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 3px;
  font-family: 'open sans', sans-serif;
}

.scheme_column td select optgroup {
  margin: 6px;
  font-family: 'open sans', sans-serif;
  font-style: normal;
}

.csv-xlsx-preview .inactive {
  color:#999;
}

.toolbar-group > .btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.csv-xlsx-preview {
  overflow: auto;
  max-height: 350px;
}

.toolbar-group > .btn-group + .btn-group {
  margin: 0 0 0 -1px;
}

.toolbar-group > .btn-group:first-child > .btn {
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
}

.toolbar-group > .btn-group:last-child > .btn {
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
}

.scheme_block td {
  height: 20px;
  font-size: 13px;
}

.scheme_block td.selected {
  background: #eff0ed;
}

.scheme_block .scheme_column td.selected {
  background: white;
}

.scheme_block .first_line td.selected {
  border-top-color: #a5a5a5;
}


/* translation activity */

#ps-reports .nav-holder {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  display:block;
  list-style: none;
  text-align: right;
  overflow: hidden;
  box-shadow: 0 -1px 0 0 #E6E7E4 inset;
}

#ps-reports .nav-holder .nav-tab {
  display: inline-block;
  position: relative;
  padding: 0 30px;
  outline: 0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  height: 36px;
  line-height: 36px;
}

#ps-reports .nav-holder span.nav-tab {
  padding: 0 20px;
}

#ps-reports .nav-holder .nav-tab:hover {
  background-color: #eeeeee;
}

#ps-reports .nav-holder .nav-tab.disabled,
#ps-reports .nav-holder .nav-tab.disabled:hover {
  background-color: transparent;
  cursor: default;
  opacity: 0.6;
  filter: alpha(opacity="60");
}

#ps-reports .nav-holder .nav-tab.current {
  cursor: default;
  border-bottom-color: #85ae52;
  background-color: #fff;
}

#ps-reports .nav-holder .nav-tab > i {
  opacity: 0.6;
  filter: alpha(opacity="60");
}

#ps-reports #analytics-control.affix-top {
  position: relative;
  z-index: 1;
}
#ps-reports #analytics-control.affix {
  top:0;
  background: #fff;
  z-index: 10;
}
.current .analytics-period {
  font-weight: 600;
}

.chart-block {
  -webkit-transition:300ms ease all;
   -moz-transition:300ms ease all;
     -o-transition:300ms ease all;
        transition:300ms ease all;
}
.chart {
  position: relative;
}
#translators-forecast .chart {
  height: 250px;
  padding-left: 15px;
}

.forecast-table .language img {
  max-width: 24px;
}

.axe-y {
  font-size: 12px;
  color: #777;
}

table.dotted-chart {
  width: 100%;
}


table.dotted-chart>tbody>tr>td,
table.dotted-chart>tfoot>tr>td {
  vertical-align: middle;
  border: 1px dashed #E2E2E2;
  border-left: none;
  border-top:none;
  text-align: center;
}

table.dotted-chart tbody tr.last-row td{
  border-bottom: none;
}

table.dotted-chart tbody td u {
  line-height: 40px;
  vertical-align: middle;
  display: inline-block;
  height: 40px;
}

table.dotted-chart .end-blank{
  border-right: none;
  border-left: 1px solid #eff0ed;
  width: 20px;
}

table.dotted-chart .label-x {
  font-size: 12px;
  color:#777;
}

table.dotted-chart .label-x.muted {
  color:#adadad;
}

table.dotted-chart td.axe-y {
  border-right:1px solid #929292;
}

table.dotted-chart>tfoot>tr>td.end-blank,
table.dotted-chart>tfoot>tr>td.axe-y,
table.dotted-chart>tfoot>tr>td {
  border:none;
  border-top:1px solid #cfd3cc;

}

#ps-reports #languages-activity .circle circle {
  fill: rgba(135, 210, 160, 0.7);
  stroke: #87d2a0;
}

#ps-reports #languages-activity .circle circle:hover {
  fill:#87d2a0;
}

/* strings-translated-chart */

#ps-reports .c3 path,
#ps-reports .c3 line {
  stroke: #929292;
}

#ps-reports .c3 .c3-chart-line path.c3-line {
  stroke-width: 2px;
}

#ps-reports #punchcard .rule,
#ps-reports .label-x,
#ps-reports .c3-axis-x,
#ps-reports .c3-axis-y2-label,
#ps-reports .c3-axis-y-label,
#ps-reports .c3 .c3-axis-y text,
#ps-reports .c3 .c3-axis-y2 text {
  font: 10px 'Open Sans', sans-serif;
  fill: #aaa;
  color:#aaa;
}

#ps-reports .c3 .c3-axis-y2 .c3-axis-y2-label {
  fill:#f17f49;
  color: #f17f49;
}

#ps-reports .c3-axis-x g.tick {
  fill:#aaa;
}

#ps-reports .c3 .c3-chart-lines .c3-circles .c3-circle  {
  stroke-width:2px;
  stroke:#fff;
}
#ps-reports .c3 .c3-grid line {
  stroke: #E2E2E2;
}

#ps-reports #strings-activity-legend  .btn {
  margin: 0 5px;
}

#ps-reports .c3-tooltip {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #cfd3cc;
  border: 1px solid rgba(0, 0, 0, 0.2);
 }

#ps-reports .c3-tooltip tr {
  border: none;
}

#ps-reports .c3-tooltip th {
  background-color: #F6F7F5;
  color: #444;
  font-size: 12px;
  font-weight: normal;
}
#ps-reports .c3-tooltip td.value  {
 font-weight: 600;
}
#ps-reports .c3-tooltip td {
  border-left:none;
  font-size: 12px;
  color: #333;
  padding: 3px 8px;
}
#ps-reports .c3-tooltip b {
  font-weight: normal;
  color:#777;
}

#ps-reports .legend span > div {
  position: relative;
  padding-left: 24px;
}

#ps-reports .legend-holder .legend-item {
  display: inline-block;
  font-size: 12px;
  margin: 0 10px;
  cursor: pointer;
  color:#C7C7C7;
  padding:5px 8px;
}

#ps-reports .legend-holder .legend-item.active {
  color:#333;
}

#ps-reports .legend-holder .legend-item:hover {
  color:#777;
}

#ps-reports .legend span > div > e {
  display: block;
  width: 10px;
  height: 2px;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 5px;
}

/* last month charts */

#last-month-deltas .table-cell > div {
  margin: 0 0 0 15px;
  padding: 8px 0;
}

#last-month-deltas .table-cell:first-child > div {
  margin-left: 0;
}

#last-month-deltas hr  {
  margin: 10px 0;
}

#last-month-deltas .real-data  {
  margin-bottom: 0;
  color: #777;
}

#last-month-deltas .label {
  background: none;
  text-shadow: none;
  color: #aaa;
  display: block;
  border:none;
}

#last-month-deltas .negative,
#last-month-deltas .positive {
  position: relative;
  float: left;
  padding-right: 20px;
}

#last-month-deltas .static-icon-arrow-active {
  position: absolute;
  right: 0;
}

#last-month-deltas .negative .static-icon-arrow-active {
  bottom:0;
}

#last-month-deltas .count {
  display: block;
  float: left;
  margin-right: 5px;
  font-size: 40px;
  font-weight: 600;
  line-height: 32px;
}
#last-month-deltas .negative.issues .count,
#last-month-deltas .positive .count {
  color: #87D2A0;
}

#last-month-deltas .positive.issues .count,
#last-month-deltas .negative .count {
  color: #EA5656;;
}

#last-month-deltas  .negative.issues .static-icon-arrow-active {
  background-position: 0 -57px;
}
#last-month-deltas .positive.issues  .static-icon-arrow-active {
   background-position: 0 -38px;
}

#punchcard #ls-inactive-languages-block .list-block ul {
  padding-left: 8px;
}

#punchcard #ls-inactive-languages-block .list-block ul li {
  font-size: 12px;
  color: #777;
  width: 33.333%;
  float:left;
}

#punchcard #ls-inactive-languages-block .list-block ul li img {
  margin-right: 5px;
  max-width: 24px;
}

.forecast-table  {
  margin-bottom: 0;
  overflow: hidden;
  border-collapse: separate;
}

ul.table,
div.table {
  display: table;
  margin-bottom: 0;
}

.table-row-group {
  display: table-row-group;
  margin: 0;
  padding: 0;
}

li.table-row,
div.table-row,
a.table-row {
  display: table-row;
}

li.table-cell,
div.table-cell,
a.table-cell,
span.table-cell {
  display: table-cell;
  vertical-align: top;
}

.forecast-table thead th {
  border-bottom: 1px solid #929292;
  font-size: 12px;
  color:#333;
  font-weight: normal;
  padding: 3px;
}

.forecast-table thead th.th-headers {
  padding-left: 0;
}

.forecast-table thead .perioad-header {
  margin-bottom: 0;
}

.forecast-table  .sortable:after {
  right: -6px;
  border-left-width: 3px;
  border-right-width: 3px;
  border-top-width: 4px;
}

.forecast-table  .sortable:before {
  right: -6px;
  top: 5px;
  border-left-width: 3px;
  border-right-width: 3px;
  border-bottom-width: 4px;
}

.forecast-table thead th.th-headers ul li {
  position: relative;
}

.forecast-table thead th.th-headers ul li:before {
  content: '';
  display: block;
  position: absolute;
  height: 10000%;
  width: 0;
  border-left: 1px solid #cfd3cc;
}

.forecast-table thead th.th-headers ul li span {
  display: block;
  padding: 0 4px;
  cursor: pointer;
}

.forecast-table tbody td {
  font-size:12px;
  border-top:none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
  border:1px solid #fff;
  border-width: 1px 0;
  vertical-align: middle;
}

.forecast-table tbody tr:first-child td {
  padding-top: 10px;
  vertical-align: middle;
}
.forecast-table tbody td.language {
  padding-right: 0;
}
.forecast-table tbody td.forecast-progress {
  padding-left: 17px;
}
.forecast-table tbody td.language {
  width: 140px;
  color:#777;
}

.forecast-table tbody td span {
  cursor: default;
  display: block;
  height: 22px;
  padding-right: 5px;
}
.forecast-table tbody td img {
  margin-right: 5px;
}

.forecast-table tbody td.forecast-progress .progress-bar {
  display: block;
  height: 12px;
  opacity: 0.5;
  background: -moz-linear-gradient(left,  #87d2a0 1%, #c9dca4 10%, #f17f49 80%, #ffffff 100%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#87d2a0), color-stop(10%,#c9dca4), color-stop(80%,#f17f49), color-stop(100%,#ffffff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(left,  #87d2a0 1%,#c9dca4 10%,#f17f49 90%,#ffffff 100%,#ffffff 100%);
  background: -o-linear-gradient(left,  #87d2a0 1%,#c9dca4 10%,#f17f49 80%,#ffffff 100%,#ffffff 100%);
  background: -ms-linear-gradient(left,  #87d2a0 1%,#c9dca4 10%,#f17f49 80%,#ffffff 100%,#ffffff 100%);
  background: linear-gradient(to right,  #87d2a0 1%,#c9dca4 10%,#f17f49 80%,#ffffff 100%,#ffffff 100%);
  -webkit-transition: all linear .2s;
  -moz-transition: all linear .2s;
  -o-transition: all linear .2s;
  transition: all linear .2s;
  border-radius: 5px 0 0 5px;
  position: relative;
}

.forecast-table tbody td.forecast-progress .progress-bar:before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  background: #51AD70;
  border-radius: 50%;
  left: -7px;
}

.forecast-table tbody tr:hover td {
  color:#333;
}
.forecast-table tbody tr:hover td .progress-bar {
  opacity: 0.9;
}

.forecast-table tbody td.forecast-progress .progress-bar.today,
.forecast-table tbody td.forecast-progress .progress-bar.tomorrow,
.forecast-table tbody td.forecast-progress .progress-bar.few-days {
  background: -moz-linear-gradient(left,  #87d2a0 1%, #c9dca4 80%, #ffffff 100%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#87d2a0), color-stop(80%,#c9dca4), color-stop(100%,#ffffff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(left,  #87d2a0 1%,#c9dca4 80%,#ffffff 100%,#ffffff 100%);
  background: -o-linear-gradient(left,  #87d2a0 1%,#c9dca4 80%,#ffffff 100%,#ffffff 100%);
  background: -ms-linear-gradient(left,  #87d2a0 1%,#c9dca4 80%,#ffffff 100%,#ffffff 100%);
  background: linear-gradient(to right,  #87d2a0 1%,#c9dca4 80%,#ffffff 100%,#ffffff 100%);
}

.forecast-table tbody td.forecast-progress .progress-bar.today {
  width: 6%;
  max-width: 54px;
}

.forecast-table tbody td.forecast-progress .progress-bar.tomorrow {
  width: 14%;
  max-width: 123px;
}

.forecast-table tbody td.forecast-progress .progress-bar.few-days {
  width: 26%;
  max-width: 235px;
}

.forecast-table tbody td.forecast-progress .progress-bar.few-weeks {
  width: 40%;
  max-width: 365px;
}

.forecast-table tbody td.forecast-progress .progress-bar.few-month {
  width: 58%;
  max-width: 522px;
}

.forecast-table tbody td.forecast-progress .progress-bar.year-and-more {
  width: 100%;
  max-width: 900px;
}

@media (max-width: 1199px) {
  .forecast-table tbody td.forecast-progress .progress-bar.today {
    width: 7%;
    max-width: 44px;
  }

  .forecast-table tbody td.forecast-progress .progress-bar.tomorrow {
    width: 18%;
    max-width: 114px;
  }

  .forecast-table tbody td.forecast-progress .progress-bar.few-days {
    width: 33%;
    max-width: 208px;
  }

  .forecast-table tbody td.forecast-progress .progress-bar.few-weeks {
    width: 50%;
    max-width: 315px;
  }

  .forecast-table tbody td.forecast-progress .progress-bar.few-month {
    width: 71%;
    max-width: 448px;
  }
}

#ps-reports-activity .sample-data {
  position: absolute;
  z-index: 200;
  top: 200px;
  left: 0;
  right: 0;
  max-width: 60%;
  margin: 0 auto;
  font-size: 16px;
  background: #fff;
  box-shadow: 0 10px 30px -3px rgba(0,0,0,.4);
  background-clip: padding-box !important;
  background-color: rgba(255, 255, 255, 0.65);
  border: 1px solid rgb(170,170,170);
  border: 1px solid rgba(0,0,0,.15);
  border-bottom-color: rgba(0,0,0,.18);
  padding: 20px;
}

#ps-reports-activity .sample-data p {
  font-size: 16px;
}

#ps-reports-activity .popover {
  opacity: 0.9;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 186px;
}

#ps-reports-activity .popover-title,
#ps-reports-activity .popover-inner{
  font-size: 12px;
}

#ps-reports-activity .popover .arrow {
  display: none;
}

#ps-reports-activity .popover .popover-content table td {
  padding: 3px 8px;
  border: none;
}

#ps-reports-activity .popover-title {
  padding: 2px 5px ;
  border:none;
  line-height: 22px;
}

#ps-reports-activity .popover-content {
  padding: 0;
}


#chart-acsy div {
  font: 10px sans-serif;
  background-color: steelblue;
  text-align: right;
  padding: 3px;
  margin: 1px;
  color: white;
}
/* EXTRAS
   --------------------------------------------------*/

/* pseudolocalization */
.layout-slider {
  height:20px; padding: 5px 0px;
}

#length_transformation {
  float: left; width: 218px;

}
#length_transformation .ui-state-active {
  -webkit-transform: scale(1,1);
  -ms-transform: scale(1,1);
  -o-transform: scale(1,1);
  transform: scale(1,1);
}

#length_transformation_caption {
  float: left; margin: -6px 0 0 20px;
}

table td.td-file-name {
  padding: 0;
}

table td.td-file-name .file-name {
  padding: 12px 8px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* CREATE PROJECT WIZARD
  -------------------------------------------------- */
.create-crowdin-project {
  width: 800px;
  margin: 0 auto;
}

.create-crowdin-project .step + .step {
  margin-top: 60px;
}

.create-crowdin-project .form-actions {
  border-top: 0px none;
  padding: 10px;
  border-radius: 4px;
}

.create-crowdin-project .form-actions.created {
  background-color: #DEE6CE;
  color: #536F04;
}

.label-like-style {
  margin-bottom: 5px
}

.languages_block {
  margin: 0px
}

.languages_block > div {
  width: 48%
}

#target_languages {
  overflow: hidden
}

#target_languages_form {
  margin: 0
}

#delete_draft {
  margin: 7px 0;
}

#configure_file_dialog .schemes_caption {
  text-align: center;
  padding-top: 8px;
  padding-bottom: 5px;
}

.files-upload-help {
  margin-top: 10px
}

#sample_files_list {
  margin: 3px 0 0 -1px;
  cursor: default;
}

.create-project-target-languages .settings-assistant-languages-list,
.create-project-target-languages .settings-assistant-languages-selected {
  padding: 0;
  border: 0px none;
}

.create-project-target-languages .settings-assistant-languages-list:before,
.create-project-target-languages .settings-assistant-languages-list:after {
  display: none;
}

.control-group.error table.create-project-target-languages,
.control-group.error table.create-project-target-languages td {
  border-color: #b94a48;
}

.control-group.error .jstree-grid-wrapper {
  border-color: #b94a48;
}

.control-group .error {
  color: #b94a48;
}

#project_source_language_chzn .unavailable,
#project_source_language_chzn .unavailable.highlighted {
  color: #999;
  cursor: default;
}

/* CROWDIN PROJECTS SEARCH
  -------------------------------------------------- */

.project-search-input-wrapper .nav-pills li {
  display: inline-block;
  float: none;
}

.project-search-input-wrapper .nav-pills li > a {
  margin: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 20px;
}

.project-search-input-td {
  padding-right: 10px
}

.project-search-top-list .media img {
  max-height: 32px;
  max-width: 150px;
}

.explore-crowdin-search {
  min-height: 100px;
}

.explore-crowdin-search .pull-right img {
  max-height: 50px;
  max-width: 200px;
}

.project-search-top-list .media-body {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project-search-top-list .media {
  padding: 15px 0;
}

.project-search-top-list-category {
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
  font-weight: 600;
}

.project_description {
  margin-top: 10px;
  font-size: 13px;
  line-height: 18px;
}

.project-description-toggle {
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  width: 18px;
  color: #666;
  background: #ddd;
  text-decoration: none !important;
  font-style: italic;
  font-weight: 500;
  font-family: serif;
}

.project-description-toggle:hover {
  color: #333;
  background: #ccc;
}

.project-description-toggle.active {
  color: #333;
  background: #ccc;
  box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
}

#search_filters label.radio {
  margin-bottom: 10px;
}

#search_filters .chzn-container,
#search_filters .chzn-drop,
#search_filters .chzn-search input,
#search_filters .search-field input {
  display: block;
  width: 100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#search_filters .chzn-choices {
  padding: 0;
}

#search_filters .chzn-search input,
#search_filters .search-field input {
  height: 34px;
  padding-top: 6px;
  padding-bottom: 6px;
}

#search_filters .chzn-container-multi .search-field input {
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
}

.explore-crowdin-search .project {
  border-top: 1px solid #eee;
  padding: 20px 4px;
}

.explore-crowdin-search .name {
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 0;
}

.explore-crowdin-search .project-owner,
.project-search-top-list .project-owner {
  max-width: 290px;
  display: inline-block;
  vertical-align: top;
}

.project-search-top-list .project-owner {
  max-width: 220px;
}

.showcase {
  border-radius: 3px;
  margin-bottom: 30px;
  height: 140px;
  cursor: pointer;
  display: table;
  width: 100%;
  box-shadow: inset 0 0 140px 100px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.2s ease;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  background-repeat: repeat;
  background-position: center center;
}

.showcase .inner {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 15px;
  text-align: left;
}

.showcase-title-box {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 2px;
  margin-left: 15px;
}

.showcase:hover {
  box-shadow: inset 0 0 140px 20px rgba(0, 0, 0, 0.06);
}

#showcase_change .showcase {
  margin-bottom: 10px;
  overflow: hidden;
  height: 80px;
  position: relative;
}

#showcase_change .showcase.active {
  box-shadow: inset 0 0 140px 100px rgba(0, 0, 0, 0.06) !important;
  cursor: default;
}

#showcase_change .showcase.active:after {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  height: 0;
  width: 0;
  content: '';
  border-left: 10px solid white;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

#showcase_change .showcase .inner {
  height: 80px;
}

.showcase .title {
  padding: 0px 20px 0 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.showcase .details {
  padding: 0px 20px;
  font-weight: normal;
  font-size: 10px;
  line-height: 17px;
  margin: 0;
  color: rgba(255,255,255,0.7);
}

#showcase_change .showcase .title {
  font-size: 14px;
  line-height: 22px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}

.showcase.cms {
  background-color: #9ecc9e;
  background-image: url("/images/showcases/cms.png");
  background-size: 70%;
}

.showcase .showcase-title-box .title,
.showcase .showcase-title-box .details {
  padding: 0px 10px;
}

.showcase.cms .showcase-title-box {
  background: rgba(94, 150, 94, 0.9);
}

.showcase.games {
  background-color: #f2806d;
  background-image: url("/images/showcases/games.png");
  background-size: 40%
}

.showcase.games .showcase-title-box {
  background: rgba(255, 161, 146, 0.8);
}

.showcase.education {
  background-color: #80d8ff;
  background-image: url("/images/showcases/education.png");
  background-size: 40%;
}

.showcase.education .showcase-title-box {
  background: rgba(82, 156, 189, 0.9);
}

.showcase.social-networking {
  background-color: #8282ae;
  background-image: url("/images/showcases/social.png");
  background-size: 50%;
}

.showcase.social-networking .showcase-title-box {
  background: rgba(166, 166, 220, 0.9);
}

.showcase.productivity {
  background-color: #ffcc66;
  background-image: url("/images/showcases/productivity.png");
  background-size: 30%;
}

.showcase.productivity .showcase-title-box {
  background: rgba(193, 138, 29, 0.9);
}

.showcase.media {
  background-color: #cc99cc;
  background-image: url("/images/showcases/media.png");
  background-size: 50%;
}

.showcase.media .showcase-title-box {
  background: rgba(239, 180, 239, 0.9);
}

.showcase.utilities {
  background-color: #e6e7e4;
  background-image: url("/images/showcases/utilities.png");
  background-size: 40%;
}

.showcase.utilities .showcase-title-box {
  background: rgba(160, 160, 160, 0.9);
}

#ps-showcases-projects .showcase {
  background-size: 200px auto;
}
.featured_project {
  padding: 20px 0;
}

/* USER PROJECTS
 ----------------------------------------------------*/

.project-general-progress .progress {
  width: 300px;
}

.project-general-progress {
  margin-top: 4px;
}

.progress-details .translated,
.progress-details .approved {
  font-size: 13px;
  line-height: 18px;
  color: #717171;
  margin-left: 15px;
}

.progress-details span {
  font-size: 14px;
}

.progress-details .translated span {
  color: #4ca8ff;
}

.progress-details .approved span {
  color: #99cc33;
}

#user-projects-list .prof-translators-block {
  font-size: 13px;
}

/* PROFILE RESOURCES
  -------------------------------------------------- */

#machine-translation .control-group {
  margin-bottom: 0
}

#machine-translation fieldset + fieldset {
  margin: 40px auto
}

.add_edit_manager_block ul,
.add_edit_tm_block ul,
.add-edit-glossary-block ul {
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.add_edit_manager_block li,
.add_edit_tm_block li,
.add-edit-glossary-block li {
  max-width: 100%;
  border-bottom: 1px #f0f0f0 solid;
}

.add_edit_manager_block li label,
.add_edit_tm_block li label,
.add-edit-glossary-block li label {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0px;
}

.add_edit_manager_block li:last-child,
.add_edit_tm_block li:last-child,
.add-edit-glossary-block li:last-child {
  border-bottom: 0
}

#glossary-configuration-file-name .file-selected,
#tm_configuration_file_name .file-selected {
  font-weight: 600;
  font-size: 19px;
  max-width: 350px;
  line-height: 34px;
}

#glossary-configuration-file-name .file-no-selected,
#tm_configuration_file_name .file-no-selected {
  font-weight: 300;
  line-height: 34px;
  font-size: 14px;
}

/* PROFILE TRANSLATION REPORTS
  ---------------------------------------------------*/

.translation_report_block {
  padding-bottom: 25px
}

/* WORKFLOWS
  ---------------------------------------------------*/

#workflows_list {
  margin: -30px 0 0 -30px;
  position: relative;
}

.workflow-preview {
  overflow: hidden;
  width: 210px;
  height: 193px;
  cursor: pointer;
  margin: 30px 0 0 30px;
}

@media(max-width: 1199px) {
  .workflow-preview {
    width: 212px;
  }
}

.workflow-preview > div {
  padding: 10px;
  text-align: center;
  background: #f6f7f5;
  border: 1px solid rgba(0,0,0,.1);
  background-clip: border-box;
}

.workflow-preview > div:first-child {
  border-radius: 3px 3px 0 0;
}

.workflow-preview > div:last-child {
  border-radius: 0 0 3px 3px;
}

.workflow-preview:hover > div {
  border-color: rgba(0,0,0,.2);
}

.workflow-preview > div + div {
  border-top: 0px none;
}

.add-workflow-inner {
  border: 0px none !important;
  height: 173px;
  position: relative;
  border-radius: 3px !important;
}

.workflow-preview:hover .add-workflow-inner > div {
  background: #7e7e7e;
}

.plus-icon-h,
.plus-icon-v {
  background: #cfd3cc;
  position: absolute;
  top: 50%;
  left: 50%;
}

.plus-icon-h {
  margin: -1px 0 0 -20px;
  height: 2px;
  width: 40px;
}

.plus-icon-v {
  margin: -20px 0 0 -1px;
  height: 40px;
  width: 2px;
}

.workflow-create-step:hover .plus-icon-h,
.workflow-create-step:hover .plus-icon-v {
  background: #7e7e7e;
}

.workflow-preview .workflow-p-title {
  background: #E6E7E4;
  color: #333;
  width: 188px;
  height: 21px;
}

@media(max-width: 1199px) {
  .workflow-preview .workflow-p-title {
    width: 190px;
  }
}

.workflow-preview.active .workflow-p-title {
  color: white;
  background: #a4bf82;
}

.workflow-p-step-title {
  color: #999;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 7px;
}

.workflow-p-pre-translation-option {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.workflow-p-pre-translation-option > i {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.workflow-p-pre-translation-option > span {
  display: block;
  font-size: 13px;
  line-height: 18px;
}

.workflow-p-no-pre-translate {
  line-height: 40px;
}

.workflow-detailed-view {
  margin: 30px 0 0 30px;
  background: #eff0ed;
  border-radius: 3px;
  position: relative;
}

.workflow-detailed-wrapper {
  position: relative;
}

.workflow-detailed-arrow,
.workflow-detailed-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.workflow-detailed-arrow {
  top: 17px;
  left: -1000px;
  border-bottom-color: #E6E7E4;
  border-width: 13px;
  border-top-width: 0;
}

.workflow-detailed-arrow.light {
  border-bottom-color: #eff0ed;
}

.workflow-detailed-view .workflow-d-header {
  padding: 10px 20px;
  background: #E6E7E4;
  border-radius: 3px 3px 0 0;
}

.workflow-detailed-view.display-edit-mode .view-mode,
.workflow-detailed-view.display-view-mode .edit-mode {
  display: none;
}

.workflow-d-header h4 {
  font-weight: 400;
  margin: 0;
  line-height: 34px;
}

.workflow-d-sheme {
  padding: 10px 20px;
}

.workflow-d-step {
  padding: 15px;
  position: relative;
}

.workflow-d-step + .workflow-d-step {
  margin-top: 10px;
}

.workflow-d-step + .workflow-d-step:before {
  content: '';
  margin-left: 15px;
  width: 20px;
  height: 20px;
  display: block;
  background: url('/images/application-icons/workflow-arrow.png') center center no-repeat;
  position: absolute;
  top: -13px;
  left: 10px;
}

.workflow-d-step-body {
  margin: -15px 0 0 -15px;
  padding-top: 10px;
}

.workflow-steps-sortable {
  overflow: auto;
  padding: 0 5px 5px 0;
}

.workflow-d-step-no-blocks,
.workflow-d-step-help,
.workflow-d-step-block {
  margin: 15px 0 0 15px;
  font-size: 12px;
  line-height: 15px;
}

.workflow-d-step-no-blocks,
.workflow-d-step-help {
  color: #999;
  clear: left;
  float: left;
}

.workflow-d-step-help {
  margin-top: 10px;
}

.workflow-d-step-block {
  padding: 13px 13px 10px;
  background: #a4bf82;
  border: 0px solid #a4bf82;
  border-radius: 3px;
  color: white;
  width: 92px;
  text-align: center;
  position: relative;
}

.workflow-d-step-block.ui-sortable-helper {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.workflow-d-step-block-title > input {
  background: transparent;
  color: white;
  font-size: 12px;
  line-height: 15px;
  padding: 5px 7px;
  height: auto;
  min-height: 0;
  box-shadow: none !important;
  margin: 0;
}

.workflow-d-step-block-title > input[disabled] {
  color: #cfd3cc;
  cursor: not-allowed;
}

.workflow-d-step-block .popover {
  color: #333;
  font-size: 14px;
  line-height: 21px;
}

.workflow-d-step-block .popover-title {
  font-weight: bold;
}

.workflow-detailed-view.display-edit-mode .workflow-d-step-block {
  background: #7e7e7e;
  border-color: #7e7e7e;
}

.workflow-detailed-view.display-edit-mode .workflow-d-step-block.edit-mode {
  background: white;
  border-color: #cfd3cc;
  color: #333;
}

.workflow-d-step-number {
  position: absolute;
  left: 10px;
  top: 10px;
  min-width: 14px;
  font-size: 11px;
  line-height: 20px;
  color: #a4bf82; /* ex #a0b256 */
  background: white;
  border-radius: 10px;
  padding: 0 3px 0 4px;
}

.display-edit-mode .workflow-d-step-number {
  background: transparent;
  color: whitesmoke;
}

.workflow-d-step-actions,
.workflow-d-step-checkbox {
  position: absolute;
  right: 5px;
  top: 5px;
}

.workflow-d-tm-block .popover {
  width: 435px;
}

.workflow-d-step-checkbox {
  right: auto;
  left: 5px;
}

.workflow-d-step-checkbox label {
  height: 20px;
  width: 20px;
  padding: 3px;
}

.workflow-d-step-actions > a,
.workflow-d-step-actions > button {
  padding: 3px;
  display: block;
}

.workflow-d-step-block-title {
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

[class*=workflow-d-step-block-icon] {
  height: 40px;
  margin: 10px 0 7px;
  background-repeat: no-repeat;
  background-position: center center;
}

.workflow-d-step-block.edit-mode [class*=workflow-d-step-block-icon] {
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: relative;
}

.workflow-d-step-block .workflow-d-step-actions-options .static-icon {
  background-image: url("/images/application-icons/dots-horizontal-white.png");
}

.workflow-d-step-block.edit-mode .workflow-d-step-actions-options .static-icon {
  background-image: url("/images/application-icons/dots-horizontal.png");
}

.workflow-d-step-block-icon-tm {
  background-image: url('/images/application-icons/database_white_big.png');
}

.workflow-d-step-block.edit-mode .workflow-d-step-block-icon-tm {
  background-image: url('/images/application-icons/database_big.png');
}

.workflow-d-step-block-icon-mt {
  background-image: url('/images/application-icons/processor_white_big.png');
}

.workflow-d-step-block.edit-mode .workflow-d-step-block-icon-mt {
  background-image: url('/images/application-icons/processor_big.png');
}

.workflow-d-step-block-icon-proofread {
  background-image: url('/images/application-icons/goggles32_white.png');
}

.workflow-d-step-block.workflow-d-mt-block-disabled .workflow-d-step-block-icon-mt {
  opacity: 0.3;
  filter: aplha(opacity=30);
}

.workflow-d-step-block.workflow-d-mt-block-disabled .workflow-d-step-block-title {
  opacity: 0.5;
  filter: aplha(opacity=50);
}

.workflow-create-step {
  cursor: pointer;
}

.workflow-remove-view,
.workflow-save-view {
  width: 600px;
  margin: 0px auto;
  padding: 40px 0;
}

.workflow-detailed-view .steps-mapping-table {
  border-bottom: 1px solid #e9ede4;
}

.steps-mapping-table td,
.steps-mapping-table th {
  vertical-align: middle;
}

.steps-mapping-table i.static-icon {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.steps-mapping-table select * {
  color: #333;
}

/* RESPONSIVE
  -------------------------------------------------- */

@media (max-width: 1199px) {
  body {
    font-size: 14px;
    line-height: 21px;
  }

  h1 {
    font-size: 31px
  }

  h2 {
    font-size: 26px
  }

  h3 {
    font-size: 20px
  }

  h4 {
    font-size: 16px
  }

  h5 {
    font-size: 13px
  }

  h6 {
    font-size: 11px
  }

  #back-end-header .logo-small {
    display: none
  }

  #back-end-header .logo-icon {
    display: block;
    *display: inline;
    zoom: 1;
    max-width: 140px;
  }
  .mobile-render.logged #back-end-header .logo-icon {
    display:none;
  }

  .tabs-left-ul {
    width: 140px
  }

  .settings-left-pills .ul-wrapper {
    padding-right: 20px
  }

  .hide-button-text {
    display: none
  }

  .hide-small-screen {
    display: none
  }

  /* PROFILE TASKS */

  #tasks_list_block .hDiv th:nth-child(1) div,
  #tasks_list td:nth-child(1) div {
    width: 195px !important
  }

  #tasks_list_block .hDiv th:nth-child(2) div,
  #tasks_list td:nth-child(2) div {
    width: 70px !important
  }

  #tasks_list_block .hDiv th:nth-child(3) div,
  #tasks_list td:nth-child(3) div {
    width: 50px !important
  }

  #tasks_list_block .hDiv th:nth-child(4) div,
  #tasks_list td:nth-child(4) div {
    width: 80px !important
  }

  #tasks_list_block .hDiv th:nth-child(5) div,
  #tasks_list td:nth-child(5) div {
    width: 105px !important
  }

  #tasks_list_block .hDiv th:nth-child(6) div,
  #tasks_list td:nth-child(6) div {
    width: 105px !important
  }

  #tasks_list_block .hDiv th:nth-child(7) div,
  #tasks_list td:nth-child(7) div {
    width: 70px !important
  }

  #tasks_list_block .hDiv th:nth-child(8) div,
  #tasks_list td:nth-child(8) div {
    width: 95px !important
  }

  /* Abuse Reports */

  #report_abuse_data_block .hDiv th:nth-child(1) div,
  #report_abuse_data_block td:nth-child(1) div {
    width: 220px !important
  }

  #report_abuse_data_block .hDiv th:nth-child(2) div,
  #report_abuse_data_block td:nth-child(2) div {
    width: 220px !important
  }

  #report_abuse_data_block .hDiv th:nth-child(3) div,
  #report_abuse_data_block td:nth-child(3) div {
    width: 220px !important
  }

  /* Abuse Reports by user*/

  #abuse_suggestion_by_user_block .hDiv th:nth-child(1) div,
  #abuse_suggestion_by_user_block td:nth-child(1) div {
    width: 350px !important
  }

  #abuse_suggestion_by_user_block .hDiv th:nth-child(2) div,
  #abuse_suggestion_by_user_block td:nth-child(2) div {
    width: 100px !important
  }

  #abuse_suggestion_by_user_block .hDiv th:nth-child(3) div,
  #abuse_suggestion_by_user_block td:nth-child(3) div {
    width: 220px !important
  }

  /* Abuse Reports for user*/

  #abuse_suggestion_for_user_block .hDiv th:nth-child(1) div,
  #abuse_suggestion_for_user_block td:nth-child(1) div {
    width: 350px !important
  }

  #abuse_suggestion_for_user_block .hDiv th:nth-child(2) div,
  #abuse_suggestion_for_user_block td:nth-child(2) div {
    width: 100px !important
  }

  #abuse_suggestion_for_user_block .hDiv th:nth-child(3) div,
  #abuse_suggestion_for_user_block td:nth-child(3) div {
    width: 220px !important
  }

  #group_members_block th:nth-child(1) div,
  #group_members_block td:nth-child(1) div {
    width: 425px !important;
  }

  /*vendors */


  .translations-vendors-list .translation-vendor.selected-vendor {
    width: 707px;
  }

  .translations-vendors-list .translation-vendor .benefits {
    clear: both;
    margin-left: 10px;
  }

  .translations-vendors-list .translation-vendor .benefits .col,
  .vendor-page .half-desc .col {
    width: auto;
  }

  .translations-vendors-list .translation-vendor .benefits .col {
    margin-top: 20px;
    clear: none;
  }

  .vendor-page .half-desc {
    max-width: none;
    width: auto;
  }

  .vendor-page .col-left {
    margin-right: 25px;
  }

  .get-quote-page .general-info .holder,
  .get-quote-page .general-info .vendor-logo {
    display: block;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
  }

  .get-quote-page .general-info .holder {
    margin-top: -10px;
  }

  .get-quote-page .general-info .holder > div {
    padding-left: 0;
    width: 200px;
  }

  .get-quote-page .general-info .holder > div.vendor-logo {
    width: auto;
    border-top: 1px dotted #ccc;
    margin-bottom: 10px;
  }

  .get-quote-page .general-info .holder > div > div:before {
    display: none;
  }

  .vendor-page .half-desc h5 {
    font-size: 100%;
  }

  /* strings */

  #project_strings_toolbar .multiselect-container {
    max-width: 925px;
  }
   
}

/*MOBILE VIEW*/

.mobile-render .jGrowl .jGrowl-notification {
  max-width: 90%!important;
}

  /*mobile dialog*/

.mobile-render .ui-dialog {
  background: white;
  color: #333;
  top: 0 !important;
  left: 0 !important;
  bottom: 0;
  right: 0;
  width: auto !important;
  border-radius: 0;
  border: 0px none;
  box-shadow: none;
  position: absolute;
  overflow: hidden;
}

.mobile-render .ui-dialog .ui-dialog-content {
  overflow-y: auto!important;
}

.mobile-render .ui-dialog .ui-dialog-content textarea {
  font-size: 16px;
}

.mobile-render #ui-datepicker-div {
  position:fixed!important;
  top: 0px!important;
  left: 0px!important;
  bottom: 0px!important;
  right: 0px!important;
  overflow: auto;
  border:none;
  border-radius: 0;
}

.mobile-render .ui-dialog .ui-dialog-titlebar {
  position: relative;
}

.mobile-render {
  -webkit-overflow-scrolling: touch;
}

.mobile-render .mobile-modal-menu {
  background: white;
  position: fixed;
  max-height: 80%;
  width: 100%;
  overflow-x: hidden;
  top: auto!important;
  bottom: 0px;
  left: 0;
  right: 0;
  transform: translateY(100px);
  margin: 0 auto;
  max-width: 500px;
  z-index: -1;
  opacity: 0;
  transition: transform 0.4s ease, opacity 0.4s ease;
  -webkit-tap-highlight-color: transparent;
  -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
}

.mobile-render .mobile-modal-menu.open {
  transform: translateY(0px);
  opacity: 1;
  z-index: 1000;
}


.project-page .project_files_header
.mobile-render .ui-dialog .ui-dialog-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 52px;
  bottom: 55px;
  height: auto;
  max-height: none;
}

.mobile-render .ui-dialog .ui-dialog-buttonpane {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
}

@media (min-width: 479px) {
  .visible-mobile {
    display: none;
  }

  .mobile-render .tasks-holder > div > div + div {
    margin-left: 10px;
  }

  .mobile-render .mobile-project-logo {
    float: right;
    margin-left: 20px;
    margin-top: 0;
  }
}

.project-table .languages-holder .project-table-translations {
  text-align: right;
}

@media (min-width: 640px) {
  #user_tasks_table table th.user-tasks-actions > div {
    text-align: right;
  }
}

@media (min-width: 768px) {
  .mobile-render .settings-left-pills .ul-wrapper button {
    display: none;
  }

  .project-row .project-row-link .buttons-here {
    min-width: 170px;
  }

  .project-table .languages-holder .project-table-translations .project-languages-block {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .spacer-md {
    display:none;
  }
  .hidden-lg {
    display: none !important;
  }
}

@media screen and (orientation: landscape){

	.mobile-render .mobile-slidemenu-vertical {
		font-size: 90%;
		max-width: 240px;
    overflow-y: auto;
	}
  mobile-render .mobile-slidemenu #header-projects-list {
    max-width: 190px;
  }
}

@media screen and (orientation: portrait){

  .mobile-render .system-message .btn {
    margin: 5px;
  }

  .mobile-render .task-details-holder.left,
  .mobile-render .task-details-holder.right {
    width: 100%;
  }

  .mobile-render .task-details-holder.left > div,
  .mobile-render .task-details-holder.right> div {
    padding: 0!important;
  }

  .tablet-render .ui-dialog {
    background: white;
    color: #333;
    top: 0 !important;
    left: 0 !important;
    bottom: 0;
    right: 0;
    width: auto !important;
    border-radius: 0;
    border: 0px none;
    box-shadow: none;
    position: fixed;
  }
  .tablet-render .ui-dialog .ui-dialog-buttonpane {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
  }
  .tablet-render .task-details-holder.left,
  .tablet-render .task-details-holder.right {
    width: 100%;
  }

  .tablet-render .task-details-holder > div {
    padding: 0!important;
  }
 
}