/* Override some defaults */
  html, body {
    background-color: #fff;
    word-wrap: break-word;
  }
  body {
    padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
  }
  
  h1,h2,h3,h4 {
    font-weight: 300;
  }
  /* The white background content wrapper */
  .content {
    background-color: #fff;
    padding: 20px 20px;
    /*margin: 0 -10px;*/ /* negative indent the amount of the padding to maintain the grid system */

/*  -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: 0 1px 2px rgba(0,0,0,.15); */  
  }

  .container {
    width: 1000px;
  }

  .narrower {
    width: 940px;
  }

  .wider {
    width: 1120px !important;
  }

  .navbar .container {
    width: 960px;
    padding: 0 20px;
  }
  
  /* Page header tweaks */
  .page-header {
    background-color: #fff;/* #fdfdfd; */
    padding: 0px 20px 10px;
    margin: 0px -20px 20px;
  }
  
  .page-header h1 {
    margin-bottom: 8px;
    padding-top: 16px;
  }
  /* Give a quick and non-cross-browser friendly divider */
  /*.content .span4 {
  background:#F9F9F9;
  padding:10px;
  width:200px;
  margin-bottom: 10px;
  }
*/
.topbar .btn {
  border: 0;
  }

  .search input[type=text] {
    border-radius:3px 0 0 3px;
    width: 175px;
  }
  .search .btn {
    border-radius:0px 3px 3px 0;
    margin-left: -1px;
    padding-top: 6px;
    padding-bottom: 5px;
  }
  
.btn-large.facebook {
  color: #ffffff;
  background-color: #1f4787;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#395a9d), to(#1f4787));
  background-image: -moz-linear-gradient(top, #395a9d, #1f4787);
  background-image: -ms-linear-gradient(top, #395a9d, #1f4787);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #395a9d), color-stop(100%, #1f4787));
  background-image: -webkit-linear-gradient(top, #395a9d, #1f4787);
  background-image: -o-linear-gradient(top, #395a9d, #1f4787);
  background-image: linear-gradient(top, #395a9d, #1f4787);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#395a9d', endColorstr='#1f4787', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #1f4787 #1f4787 #112649;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  margin-right: 6px;
}
.btn-large.twitter {
  color: #ffffff;
  background-color: #34abef;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#32ceff), to(#34abef));
  background-image: -moz-linear-gradient(top, #32ceff, #34abef);
  background-image: -ms-linear-gradient(top, #32ceff, #34abef);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32ceff), color-stop(100%, #34abef));
  background-image: -webkit-linear-gradient(top, #32ceff, #34abef);
  background-image: -o-linear-gradient(top, #32ceff, #34abef);
  background-image: linear-gradient(top, #32ceff, #34abef);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32ceff', endColorstr='#34abef', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #34abef #34abef #1084c7;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  margin-right: 6px;
}

.btn-large.google {
  color: #656565;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fefefe), to(#e6e6e6));
  background-image: -moz-linear-gradient(top, #fefefe, #e6e6e6);
  background-image: -ms-linear-gradient(top, #fefefe, #e6e6e6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e6e6e6));
  background-image: -webkit-linear-gradient(top, #fefefe, #e6e6e6);
  background-image: -o-linear-gradient(top, #fefefe, #e6e6e6);
  background-image: linear-gradient(top, #fefefe, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e6e6e6', GradientType=0);

}

.jumbotron .inner2 {
    background: transparent url(img/header-bg.png) top center;
    padding: 0px 0 0px 0;
    height: 55px;
    /*
    -webkit-box-shadow: inset 0 10px 30px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 10px 30px rgba(0, 0, 0, .3);
    */
  }
 .jumbotron .inner {
    /*  background: transparent url(img/header-bg.png) top center;*/
  }

.phrase .leftbuttons {
  float:right; 
  margin: 2px 0 0 6px;
  /* opacity: 0; */
  }
.phrase hr{
  margin: 0px 0px 0px 120px;
  
  }
.phrase h3, .phrase h4 {
  margin-left: 120px;
  width:75%;
  line-height: 150%;
  padding-top:20px; margin-top:0px;
  padding-bottom:20px; margin-bottom:0px;
  }
.phrase .rightcontrols {
  float:right;
  margin: 13px 0px 0 0;
  }
.phrase:hover {
  /* background-color: #eee; */
  }
.rightcontrols.av {
  padding-left: 13px; 
  }
.rightcontrols .avatar {
  opacity: 0.7;
  float:right;
  }
.rightcontrols .approved {
  float: left;
  }
.rightcontrols .approved a {
  display: block;
  background: url(img/approve-active.png);
  width:17px; height: 24px;
  margin: 7px 5px 0 20px;
  
  }
.rightcontrols.av.small { padding-left:10px; margin-top: -1px;}
.rightcontrols.av.small .avatar img { width:25px; height: 25px; display:block; }

.actionbuttons .approved {
   float: left;
  }

.actionbuttons .approved a {
  display: block; 
  background: url(img/approved-sm.png);
  width:16px; height: 21px;
  margin: 2px 10px 0 0px;
  }

.rightcontrols img{
  width:40px; height:40px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  }
.phrase:last-child {
  margin-bottom: 20px;
  }

.form-stacked {
  padding: 0px;
  }

td.mytranslation {
  background-color: #e1f7d7;
  }
/* 

from entry 


*/

ul.actions {
  padding: 0;
  /*width: 81px;*/
  list-style-type: none;
  margin: 10px 0 6px;
  overflow: hidden;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #ffffff;
  border: 1px solid #DDD;
  
  
  box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;
  -moz-box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;
  -webkit-box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;
  
  float: left;
  
  }
a.edit-flag {
  margin: 20px 10px 20px;  
  float: left;
  /*text-indent: 0;*/
  /*font-size: 10em;*/
}
ul.actions li {
  float: left;
  margin: 0;
  border-bottom: none;
  }
ul.actions li a.share,  ul.actions li a.up, ul.actions li a.approve, ul.actions li a.unlove {
  border-right: 1px solid #DDD;
  }

ul.actions li a {
  text-indent: -999px;
  overflow: hidden;
  display: block;
  width: 40px;
  height: 40px;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  text-align: center;
  }

ul.actions li a span {
  width: 19px;
  height: 19px;
  display: block;
  border: none;
  background-repeat: no-repeat;
  margin: auto;
  margin-top: 10px;
  }
ul.actions li a:hover {
  background-color:#f7f7f7;
  /*
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7));
  background-image: -moz-linear-gradient(#fff, #f7f7f7);
  background-image: -webkit-linear-gradient(#fff, #f7f7f7);
  */
  }

ul.actions li a.vote.up span {
  background-image: url(img/vote-up.png);
  }
 ul.actions li a.vote.approve span {
  height: 24px;
  width: 17px;
  margin-top: 8px;
  background-image: url(img/approve.png);
  }
ul.actions li a.vote.trash span {
  background-image: url(img/trash.png);
  }
ul.actions li a.vote.down span {
  background-image: url(img/vote-down.png);
  }


.sectionnav div {
  border-radius: 3px;
  }

.phrase .btn-report { 
  float: right;
  margin: 21px 0px 0 13px;
  display: block;
  width: 19px;
  height: 19px;
  background: url(img/tr-flag.png) center center no-repeat;
}
.phrase .btn-unflag { 
  float: right;
  margin: 21px 0px 0 13px;
  display: block;
  width: 19px;
  height: 19px;
  background: url(img/tr-flag.png) center center no-repeat;
}

/* 
*/

a.icon {
  text-indent: -999px;
  
  overflow: hidden;
  display: block;
  border: none;
  /* width: 100%; */
  height: 42px;
  text-align: center;
  border-radius: 3px;
  padding: 12px 0;
  opacity: 0.3;
  -webkit-transition: background-color .15s linear;
  -moz-transition: background-color .15s linear;
  
  }
a.icon span {
  display: block;
  margin: auto;
  height: 42px;
  width: 42px;
  background-repeat: no-repeat;
  
  /*   background-position-x: 50%; */
  }
a.icon.active {
  opacity: 1;
  background: #233b3d;
  border-color: #3b585a;
  }

a.icon:hover {
  background: #233b3d;
  }

.breadcrumb { background-image: none; background-color: #FFF;}

a.icon.s60 span {
  background-image: url(img/tr-s60.png);
  }
a.icon.S60 span {
  background-image: url(img/tr-s60.png);
  }
a.icon.iphone span {
  background-image: url(img/tr-iphone.png);
  }
a.icon.iPhone span {
  background-image: url(img/tr-iphone.png);
  }
a.icon.android span {
  background-image: url(img/tr-android.png);
  }
a.icon.Android span {
  background-image: url(img/tr-android.png);
  }
a.icon.bb span {
  background-image: url(img/tr-bb.png);
  }
a.icon.BlackBerry span {
  background-image: url(img/tr-bb.png);
  }
a.icon.bb10 span {
  background-image: url(img/tr-bb10.png);
  }
a.icon.nokia span {
  background-image: url(img/tr-nokia.png);
  }
a.icon.S40 span {
  background-image: url(img/tr-nokia.png);
  }
a.icon.wp span {
  background-image: url(img/tr-wp.png);
  }
a.icon.WP span {
  background-image: url(img/tr-wp.png);
  }
a.icon.website span {
  background-image: url(img/tr-web.png);
  }
a.icon.webclient span {
  background-image: url(img/tr-webclient.png);
  }
a.icon.glossary span {
  background-image: url(img/tr-glossary.png);
  }
.masthead {
  background-color: #27474a;
  background-repeat: no-repeat;
  }
.jumbotron .inner {
  padding: 10px 0 6px 0;
}

.bluebar {
  height: 4px;
  background-color: #32994b;
  }

h2 {
  margin-bottom: 5px;
  }
.hero-unit p {
  color: white;
  text-shadow: #333 1px 1px 1px;
  }


/* ENTRIES LIST */
.entries .translation { color: #27474A; font-size: 13px; margin-top: 2px; }
ul.actions.compact li a { width: 24px; height: 24px; margin: 0; }
ul.actions.compact li a.vote.up span, ul.actions.compact li a.vote.up.voted:hover span  {
  background: url(img/vote-up-sm.png) center center no-repeat!important;
  }

ul.actions.compact li a.vote.trash span {
  height: 14px;
  margin-top: 5px;
  background: url(img/icon-trash-sm.png) center center no-repeat!important;
  }
  
ul.actions.compact li a.vote.approve span {
  width: 14px;
  height: 18px;
  margin-top: 4px;
  background: url(img/approve-sm.png) center center no-repeat!important;
  }
ul.actions.compact li a.vote.down span {
  background: url(img/vote-down-sm.png) center center no-repeat!important;
  }

.actions.compact { margin: 0; margin-top: -2px; width: auto; display: inline-block;}
.actions.compact span { margin-top: 3px; }

ul.actions li a.vote.trash span {
  background: url(img/icon-trash.png) center center no-repeat!important;
  }

.entries td { border-color: #eee; }
.entries tr:first-child td { border: none; }
.entries tr:last-child td { border: none; }
.entries:hover td { background-color: #fafafa; }
.entries.inactive:hover td { background-color: transparent; }
.entries.inactive:hover td.mytranslation { background-color: #e1f7d7; }
.entries input { margin-bottom: 0; }
.entries .controls { padding-top: 2px; padding-right:8px; }
.entries .controls input.stripped { width: 490px; }
.entries .controls .extended { padding: 8px 0px 8px 0; text-align: right; display: none; width: 500px; overflow: hidden; }
.entries .controls .extended img { vertical-align: baseline; }
.entries .controls .extended .help-block { line-height: 28px; } 
.help-block a, .help-block a:hover { color: inherit; }
.stripped { box-shadow: none; }
.phrase2 h4 { border-bottom: 1px solid #eee; font-weight: 500; padding-bottom: 4px; color: #1f5676; }
.phrase2 h4 a:hover { text-decoration: underline; color: #00438a; }
.phrase2 h4 a:link, .phrase2 h4 a:visited { color: inherit; }
.phrase2 td.icon { width: 17px; padding-right: 0; padding-top: 12px; }
.actionbuttons  { 
  position: relative;
  float: right; 
  margin: 2px 0 0 6px; 
  z-index: 555;
  
}

.auto-resize-textarea {
  box-shadow: none;
  resize: none;
  max-width: 500;
  width: 500px;
}

.extended.success .help-inline { color: #468847; line-height: 28px; }

/* RIGHT SIDE LEADERBOARD */
.leaderboard td { vertical-align: middle; }
.leaderboard .position { font-size: 24px; font-weight: 100; }
.leaderboard h5 { margin: 0; font-size: 13px; line-height: 161%; }
.leaderboard td.position { width: 5%; padding-bottom: 12px; }
.leaderboard td.photo { width: 35px; }
.leaderboard .photo img { width: 35px; }
.leaderboard h3 { padding-bottom: 3px; }

/* HOME PAGE LEADERBOARD */
.leaderboard .help-block { margin-top: 0; }

/* RIGHT SIDE SEARCH */

.search { padding-top: 36px; }

/* INDEX PAGE */
.hero-unit {
  margin: 20px 0 40px 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  background: url(img/bg-whatsapp.jpg) center center no-repeat;
  background-color: #28474a;
  padding-top: 74px;
  }
.hero-unit h1 {
  font-size: 47px; margin-bottom: 32px; font-weight: 400;
  color: white;
  width: 720px;
  text-shadow: #000 1px 1px 1px;
  }
.hero-unit p { margin-bottom: 28px; }

/* GLOSSARY PAGE */
.glossary td { font-size: 16px; line-height: 150%; font-weight: lighter; }
.dataTables_filter { margin: 0px; width: 100%; clear: both; }
.dataTables_filter label { float: right; /* width: 400px; */ padding-top: 0; display: inline; margin: 0; }
.dataTables_filter input { display: inline; margin: 0; }
.glossary td.term { font-weight: bold; width: 20%; }
.glossary td.translation { width: 20%; }
.glossary td.definition { width: 60%; }
.glossary tr.tools td { background-color: #F9F9F9; }
.glossary tr.tools input { width: 18%; }

/* USER INFO PAGE */
#user td { border: none; vertical-align: middle; }
#user h3, #user .well { margin: 0; }
#user h2 { margin: 0; }
.muted img { vertical-align: middle; }
#user .value { width: 5%; text-align: center; }
#user .well { padding: 9px; }
.user-photo { float: left; margin-right: 20px; }
#user-activity .muted { text-align: right; font-weight: lighter; white-space: nowrap; }
.page-header.user { float: none; padding-left: 90px; }
.langs { margin-top: 5px; }

/* ENTRY PAGE */
.glossary-term { display:inline-block; padding-left: 24px; background: url('img/tr-term.png') top left no-repeat; }
.glossary-term .term { font-weight: bold; }
.glossary-term .description { font-style: italic; color: #999; }

/* BOOTSTRAP 2 Transition */
footer { margin-top: 17px; margin-right: 17px; margin-left: 17px; padding-top: 17px; border-top: 1px solid #EEEEEE; } 
#welcome-form { margin: 20px 0 80px 0; }
.nav-tabs>li>a { outline: none; }
.divider { padding: 0 5px; color: #999; display: inline-block; }

/* VOTING BUTTONS HOVERS & ACTIVE STATES*/
ul.actions .alert-error .vote.down span { background-image: url('img/vote-down-active.png')!important; }
ul.actions a.trash:hover span { background-image: url('img/icon-trash-active.png')!important; }

ul.actions .alert-success .vote.up span { background-image: url('img/vote-up-active.png')!important; }
ul.actions .alert-success .vote.approve span { background-image: url('img/approve-active.png')!important; }

ul.actions.compact .alert-error .vote.down span { background-image: url('img/vote-down-sm-active.png')!important; }
ul.actions.compact .alert-success .vote.up span { background-image: url('img/vote-up-sm-active.png')!important; }
ul.actions.compact .vote.approve:hover span, ul.actions.compact .alert-success .vote.approve span { background-image: url('img/approve-sm-active.png')!important; }

ul.actions a.down:hover { background-color: #F2DEDE;  }
ul.actions.compact a.vote.down:hover span { background-image: url('img/vote-down-sm-active.png')!important; }

ul.actions a.up:hover { background-color: #DFF0D8;  }
ul.actions.compact a.vote.up:hover span { background-image: url('img/vote-up-sm-active.png')!important; }

ul.actions a.approve:hover { background-color: #DFF0D8;  }
ul.actions a.approve:hover span { background-image: url('img/approve-active.png')!important; }

ul.actions a.trash:hover { background-color: #F2DEDE;  }
ul.actions.compact a.vote.trash:hover span { background-image: url('img/icon-trash-sm-active.png')!important; }

ul.actions a.down:hover span { background-image: url('img/vote-down-active.png')!important; }
ul.actions a.up:hover span { background-image: url('img/vote-up-active.png')!important; }
ul.actions a.trash:hover span { background-image: url('img/trash-active.png')!important; }

/* 404 */
.hero-unit h2 {
  font-size: 32px; margin-bottom: 32px; font-weight: 400;
  color: white;
  width: 720px;
  text-shadow: #000 1px 1px 1px;
  }
.hero-unit a { color: #3ab358; }
.hero-unit { color: #fff; }
.red {
  color: #9d261d;
  }
.yellow {
  color: #ffc40d;
  }
.orange {
  color: #f89406;
  }
.nav-pills li a {
  border-radius: 16px;
  }
.nav-pills .active  a {
  color: #666;
  background-color: #eee;
  
  }

.progress .bar {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);  
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.progress-small {
  height: 10px;
  margin: 5px 0 5px 0;
}

.progress.progress-small .bar {
  float: left;
}

.progress.progress-small .bar.grey {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  background-color: #E1E1E1;
  background-image: none;
}

.progress.progress-small .bar.green {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  background-color: #abe15c;
  background-image: none;
}

div#projects a.project {
  width: 287px;
  margin-right: 15px;
  margin-bottom: 30px;
  display: inline-block;
  vertical-align: top;
  outline: none !important;
  }

#projects a.project.some4 {
  width: 440px;
  }
div#projects a.project:hover {
  text-decoration: none;
  opacity: .8;
  }
div#projects a.project img {
  float: left;
  /*
  height: 80px;
  width: 80px;
  */
  margin-right: 12px;
  padding: 8px;
  background-color: white;
  /* border: 2px solid #EEF; */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  }
div#projects a.project h3 {
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 24px;
  }
div#projects a.project.admin h3 {
  margin-top: 18px;
  }
div#projects a.project span, div#projects a.project span:hover {
  color: #999;
  }

a.project.admin .description {
  display: block;
}

/* MISC */
/* .span16 {  width: 920px; } */
.mytranslation { background-color: #e1f7d7; }
.alert-error ul { list-style-type: none; }
.tab-pane h3 {
  color: #616161;
  border-bottom: 3px solid #93cc84;
  margin: 30px 0 20px 0;

}

.label {
  padding: 3px 6px;
  margin-left: 10px;
  background-color: #d0d4d6;
  font-weight: normal;
  text-transform: uppercase;
}


.dropdown-menu .divider {
  display: block;
} 

.entries .controls .plurals  { display:none; }
.entries .controls input.plural { width: 430px; padding-left: 74px;}
.entries .controls textarea.plural { text-indent: 74px;}
.phrase2 h4 a span.digit {
color: #6596b7!important;
background-color: #f1f7fb!important;
}

.phrase2 h4 span.label.label-plural {
    margin-left: 20px;
    background-color: #a2d0ee;
    /*  float: right;*/
    /* display: block;*/
}

.plural .example {
    color: #a8b5b7;
    padding-left: 60px;
    display: none;
}

.translation .digit {
    color: #a8b5b7;
}

.plural.input {
    padding-top: 20px;
}

.translation.plural{
    border-bottom: 1px dotted #eee;
    padding-top: 4px;
    padding-bottom: 6px;
    margin-right: 96px;
    z-index: 444;
}

.translation.plural:last-child {
    border-bottom: none;

}

.plural {
  position:relative;
}

.plural .tip {
    position: absolute;
    display: block;
    border-radius: 2px;
    background: #cbd3d4;
    color: white;
    top: 4px;
    left: 4px;
    height: 23px;
    line-height: 23px;
    z-index: 5555;
    padding: 0 4px;
    width: 48px;
    float:left;
}

.plural.long .tip {
    width: 60px;
    text-align: center;
}

.plural.long .tip.ar {
    width: 75px;
    text-align: center;
}

.plural.long .example {
    padding-left: 72px;
}

.plural.input .tip {
    top: 24px;
}
.plural.input.long .tip {
}

.phrase.plural .set {
  padding: 12px 0 8px 0;  
}

.phrase.plural .set h4 {
  border-bottom: 1px dotted #EEE;
  padding-top: 8px;
  padding-bottom: 12px;
}
.phrase.plural .set h4:last-child {
  border-bottom: none!important;
}

.form-stacked .plural .example {
  display: block!important;
  line-height: 21px;
 }

.form-stacked input.plural {
  padding-left: 74px;
  /*width: 640px;*/
  width: 86%;
  margin-bottom: 0px;
  }

.form-stacked .plurals {
  padding-bottom: 20px;  
}

/* admin vote count */
.actionbuttons .rating {
  float: left;
  width: 40px;
  text-align: center;
  padding: 2px;
  font-size: 11px;
  background-color: rgba(0,0,0,0.035);
  /*margin-top: -2px;*/
  margin-right: 10px;
  border-radius: 4px;
  color: #249646;
}

.actionbuttons .rating.negative {
  color: #b92424;
}

/* feedback side thingy */
#feedback_bt a
{
  width: 37px;
  height: 109px;
  background: url('img/feedback_bt.png') no-repeat top left;
  position:absolute;
  left:0;
  top:260px;
  cursor:pointer;
  z-index:9999;
  text-indent:-1000px;
}

#feedback_bt a:hover
{
  width: 39px;
  background-position:0 -118px; 
}

#feedback_bt a:active
{
  background-position:bottom left;  
}


/* RTL stuff*/
.rtl .row {
     direction: rtl;
  margin-right: -20px;
  margin-left: 0;
}

.rtl .rightcontrols {
     float: left ! important;
}

.rtl .leftbuttons {
     float: left ! important;
}

.rtl .phrase {
     padding-left: 0px;
     padding-right: 100px;
}

.rtl .phrase h4 {
     margin-left: 0pt;
}

.rtl .plural .tip {
     right: 4px;
}

.rtl .plural.long .example {
     padding-right: 72px;
}

.rtl .pull-right {
     float: left;
}

.rtl .actionbuttons {
     float: left;
}

.rtl .controls span p {
     direction: ltr;
     text-align: right;
}

.rtl .controls p small {
     direction: ltr;
}

.rtl .phrase2 h4 {
     direction: ltr;
     text-align: right;
}

.rtl .phrase2 {
    
}

.rtl [class*="span"] {
     float: right;
     margin-left: 0px;
     margin-right: 20px;
}

.rtl .offset1 {
     margin-left: 0pt;
     margin-right: 80px;
}

.rtl .offset2 {
     margin-left: 0pt;
     margin-right: 120px;
}

.rtl .translation.plural {
     margin-left: 60px;
     margin-right: 0px;
}
.rtl .entries .controls .extended {
    float: left;
}

.rtl .pagination {
  margin: 18px 0;
  float: right;
}

.rtl .pagination:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}


.rtl ul.actions li {
  float: right;
}

.rtl .entries .controls input.plural {
  padding-left: 0;
  padding-right: 74px;
}

.rtl .entries .controls textarea.plural {
  padding-left: 0;
  text-indent: 74px;
}

.rtl .search input[type="text"] {
  border-radius:0px 3px 3px 0px;
  width: 150px;
}

.rtl .search .btn {
  border-radius:3px 0px 0px 3px;
}

.rtl .form-stacked input.plural {
  padding-left: 0px;
  padding-right: 74px;
}

.rtl .nav-tabs > li, .rtl .nav-pills > li {
  float: right;
}

.rtl .page-header {
  direction: rtl;
}

.rtl .breadcrumb {
  height: 18px;
  overflow:hidden;
}

.rtl .breadcrumb li {
  float:right;
}

.rtl .rightcontrols.av.small {
  padding-left: 0;
  padding-right: 10px;
}


.rtl ul.actions li a.share, .rtl ul.actions li a.up, .rtl ul.actions li a.approve, .rtl ul.actions li a.unlove {
  border-right: none;
  border-left: 1px solid #ddd;
}

.rtl .content-stats {
  direction: ltr;
}

.rtl .content-stats [class*="span"] {
  float: none;
}

.rtl .help-icon {
  float: left;
  margin-right: 7px;
}

/* Modal dialog */
#approveModal .loader {
  height: 40px;
  line-height: 40px;
}

#approveModal input[type="text"] {
  vertical-align: baseline;
}

/* Quick edit css  */
.translation {
  position: relative;
}

.translation:hover {
  color: #193b4b;
}

.translation .btn-edit {
  display:block;
  position: absolute;
  width: 34px;
  padding-left: 6px;
  left: -34px;
  top: 0px;
  font-size: 85%;
  line-height: 18px;
  display: none;
}

.translation .input {
  display: none;
  width: 87%;
}

.translation textarea {
  width: 97%;
  resize: vertical;
  margin-bottom: 4px;
}

.translation .extended {
  text-align: right;
  padding-right: 0;
}

td div.controls:nth-child(2) {
  padding-top: 0px!important;
}

.translation .loader {
  display: none;
}

/* Translator tips */
.glossary-term {

  display: block; 
}

.tip {
  padding-left: 24px;
  background: url('img/tr-tip.png') top left no-repeat;
}

.tip-alt {
  color:#999;
}

.tip-alt a {
  color: #666;
}

.tips h3 {
  padding-bottom: 3px;
  border-bottom: 1px solid #ddd;
}

.tips ul {
  list-style-type: none;
  padding: 0;
  margin: 16px 8px 0 6px;
}

.tips li {
  background: url('img/tr-tip.png') top left no-repeat;
  margin-bottom: 8px;
  padding-left: 24px;
  color: #999;
}

td p small {
  display: block;
  margin-top: 5px;
}

.alerts {
  display: none;
}

.alerts.active {
  display: table-row;
}

.entries .alert {
  margin-bottom: 0!important;
}

.alerts td {
  padding-bottom: 0;
}

/* infinite loading  */
#units-cont {
  min-height: 1em;  
}

#units-cont .loader {
  background-color: #fafafa;
  padding: 16px;
  text-align: center;
}

/* fixed sidebar */
#sidebar {
  padding-top: 36px;
  padding-bottom: 20px;
}

#sidebar.fixed {
  position:fixed;
  margin-left: 190px;
  left: 50%;
}

#sidebar .search {
  padding-top: 0;
}

#sidebar .leaderboard {
  padding-bottom: 86px;
}

.toggle-button {
  vertical-align: middle;
  margin-right: 8px;
  margin-left: -4px;
}

.toggle-button span.labelRight {
  padding-left: 3px;
  padding-right: 0!important;
  color: #454545!important; 
}

.toggle-button span.labelLeft {
  padding-right: 3px;
  padding-left: 0!important;
}

.toggle-control {
  padding-top: 7px;
}

#sidebar .nav-list {
  margin-bottom: 20px;
}

.avatar a {
  display: block;
}

/* Glossary terms in unit list */
#units-cont .glossary-container {
  float: left;
  width: 380px;
  text-align: left;
}

#units-cont .glossary-term {
  margin-bottom: 4px;
}

#units-cont .glossary-term .term, #units-cont .glossary-term .translation {
  font-size: 11px;
}

#units-cont .glossary-container br {
  display: none;
}

/* Glossary container small fixes */
.form-stacked #glossary-container {
  margin-top: 18px;
}

.form-stacked #glossary-container br {
  display: none;
}

.content-list .page-header {
  border-bottom: none!important;
}

/* Screenshots gallery */
#thumb-menu {
  border-right: none;
}

#thumb-menu > li {
  width: 159px;
}

#thumb-menu > li.active {
  width: 160px;
  background-color: #FFF;
}

#thumb-menu > li a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.tab-pane h2 {
  margin-bottom: 18px;
}

.tab-content .nav-pills {
  margin-bottom: 28px;
  height: 38px;
}

.tab-content h3 {
  border-bottom: none;
  margin-top: 0;
}

#thumb-page {
  margin-left: 160px;
  padding-left: 20px;
  border-left: 1px solid #ddd;
}

.thumb-list {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 10px 0 10px 0;
}

.thumb-list li {
  float: left;
  margin: 0 13px 40px 10px;
  list-style-type: none;
}

.thumb-list a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  box-shadow: 0px 1px 3px #bbb;
  -moz-box-shadow: 0px 1px 3px #bbb;
  -webkit-box-shadow: 0px 1px 3px #bbb;
}

.thumb-list img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  width: 230px;
}

.thumb-list-landscape img {
    width: 354px;

}

.thumb-list-landscape.wide img {
  width: 454px;
}


.thumb-list .filename {
  text-align: center;
  margin-top: 10px;
}

.thumb-list a {
  color: #777777;  
}

/* Dynamic screenshot tooltip */
td.controls {
  position: relative;
}

.unit-screen {
  position: absolute;
  background-color: rgba(0,0,0,0.7);
  padding: 10px;
  right: -360px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  top: -220px;
  display: none;
}

.unit-screen img {
  width: 320px;
  height: 480px;
  display: block;
}

.unit-screen .nib {
  display: block;
  width: 11px;
  height: 21px;
  background: url('/html/img/img-screen-nib.png') top left no-repeat;
  opacity: 0.7;
  position: absolute;
  top: 258px;
  left: -11px;
}

/* Multi-language screenshots */

  .backlink {
    font-size: 80%;
    line-height: 36px;
    top: -3px;
    position: relative;
    font-weight: bold;
  }

  .backlink:hover {
    text-decoration: none!important;
  }

  h2 .muted {
    color: #bbb;
  }

  li.thumb-large {
    margin-right: 22px!important;
  }

  .thumb-large img {
    width: 346px;
  }

  .thumb-large + .thumb-large {
    margin-right: 0!important;
  }

  .thumb-list h3 {
    margin: 0 0 0 2px;
  }

  .thumb-title {
    margin-bottom: 8px!important;
    border: none!important;
    color: #5b7b7e!important;
  }

  h4.thumb-title {
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
  }

  h4.thumb-title span {
    display: inline-block;
    border-top-left-radius: 3px; 
    border-bottom-left-radius: 3px;
    padding: 2px 16px 1px 7px;
    background: url('/html/img/bg-screen-lang-label.png') center right no-repeat;
    background-color: #e5f0f1;
  }


/* Obsolete strings - list page */
  .phrase-obsolete h4 a {
    color: #738889 !important;
  }

  .phrase-obsolete .actions, .phrase-obsolete .controls {
    display: none;
  }

  .phrase-obsolete .marker-approved {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    background: url('/html/img/approve-sm-active.png') center center no-repeat;
    background-color: #dff0d8;
    border: none;
    margin-top: -1px;
  }

  .phrase-obsolete .item {
    color: #506A6C;
  }

  /* Obsolete strings — edit page */

  .content-obsolete .comment {
    box-shadow: none;
    border: none;
    color: #666;
    width: 650px;
  }

  .content-obsolete .label {
    vertical-align: middle;
  }
  
  .content-obsolete h1 {
    color: #738889;
  }

  .marker.alert {
    padding: 0;
    margin: 0;
    margin-top: 11px;
    border: none;
  }

  div.alert.alert-success span {
    display: block;
    height: 40px;
    width: 40px;
    background: url('/html/img/approve-active.png') center center no-repeat;
  }

  /* compact project list */
    #projects.compact .project {
    width: 212px !important;
  }

  #projects.compact a.project h3 {
    font-size: 15px;
    line-height: 22px;
    margin-top: 20px;
  }

  #projects.compact a.project.admin h3 {
    margin-top: 10px;
  }

  #projects.compact .project-image {
    margin-right: 8px;
  }

/* LANGUAGE SWITCHER */
#lng {
  cursor: pointer;
  display: block;
}

#lng:hover a {
  text-decoration: underline;
}

#lng a {
  color: #999;
}

.icon-lng {
  display: inline-block; 
  background: url('https://whatsapp.com/img/v3/lang.png') no-repeat;
  background-position: -0px -24px;
  width: 23px; 
  height: 24px;
  margin: 0px 7px 0px 0;
  vertical-align: middle;
}

.breadcrumb .dropdown, .lng-dropdown {
  float: right;
  margin-left: 10px;
  color: #999;
  font-size: 17px;
  line-height: 23px;
  cursor: pointer;
}

.breadcrumb-alt {
  line-height: 23px;
  position: relative;
}

a .specific {
  color: #999;
}

a:hover .specific {
  color: inherit;
}

#lng_open {
    font-size: 13px;
    background-color: #fff;
    color: #999;
    width: 840px;
    box-shadow: 0 0 3px #666;
    padding: 5px 20px 16px 20px;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    display:none;
    behavior: url(/css/PIE.php);
}

#select {
    border-bottom: 1px solid #dedede;
    padding: 5px 0;
    font-size: 0.9em;
}

.lng-body {
  padding: 10px 0px 10px 32px;
}

#lng_open ul {
  width: 30%;
  float: left;
  margin-left: 0;
  white-space: nowrap;
  font-size: 12px;
}

#lng_open li {
    list-style-type: none;
    display: block;
    padding: 2px 0 8px 0;
}

#lng_open li a:hover {
  text-decoration: underline;
  color: #40A9D8;
}

.thumb-list .screen-large {
  width: 50%;
}

.thumb-list .title {
  margin-top: 8px;
  color: #999;
  margin-bottom: 18px;
  width: 50%;
  text-align: center;
}


/* DATA TABLE — Users */
.data-table th {
  color: #bbb;
}

.data-table th a {
  color: #777;
}

.data-platform .list-icons {
  width: 200px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.data-platform .list-icons .icon {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  float: left;
  background-size: contain;
  text-indent: -5000px;
}

.data-platform .icon-iphone {
  background: url('/html/img/f-iphone.png') center center no-repeat;
}
.data-platform .icon-blackberry {
  background: url('/html/img/f-blackberry.png') center center no-repeat;
}
.data-platform .icon-bb10 {
  background: url('https://translate.whatsapp.com/html/img/f-bb10.png') center center no-repeat;
}
.data-platform .icon-android {
  background: url('/html/img/f-android.png') center center no-repeat;
}
.data-platform .icon-s40 {
  background: url('/html/img/f-nokia.png') center center no-repeat;
}
.data-platform .icon-wp {
  background: url('/html/img/f-wp.png') center center no-repeat;
}
.data-platform .icon-s60 {
  background: url('/html/img/f-S60.png') center center no-repeat;
}
.data-platform .icon-website {
  background: url('/html/img/f-web.png') center center no-repeat;
}
.data-platform .icon-webclient {
  background: url('/html/img/f-webclient.png') center center no-repeat;
}

 .data-table th {
    text-align: left;
    font-size: 11px;
    line-height: 18px;
    color: #999999;
    text-transform: uppercase;
  }

  .data-table td {
    color: #555;
  }

  .data-table td ul {
    margin: 0;
    padding: 0;
  }

  .data-table td li {
    list-style-type: none;
  }

  .dataTables_filter .btn {
    padding-top: 6px;
    padding-bottom: 5px;
  }

  .tools-section {
    padding-left: 4px;
    margin-left: 10px;
    /*border-left: 1px dotted #ddd;*/
  }

  td.data-platform {
    color: #999;
  }

  td .progress {
    text-indent: -9999px;
  }

  .dataTables_filter {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
  }

  .dataTables_filter:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }

  .dataTables_filter .pull-right {
    margin-top: 5px;
  }

  .dataTables_filter label {
    color: #999;
    float: none;
    margin-left: 10px;
    float: left;
  }

form .avatar {
  margin-top: 10px;
}

form .control-group:first-child .avatar {
  margin-top: 0px;
}

.data-form input[type=checkbox] {
  vertical-align: baseline;
  margin-right: 8px;
}

form ul {
  margin: 0;
  padding: 0;
}

.data-form {
  margin-top: 14px;
}

.data-form .list-controls li {
  list-style-type: none;
  margin-left: 20px;
}

.data-form li.group-all {
  margin-left: 0;
}

.controls {
  position: relative;
}

#user-search {
  position: absolute;
  border: 1px solid #ddd;
  z-index: 5555;
  background-color: #fff;
  width: 406px;
  top: 29px;
  left: 0px;
  height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
  display: none;
  box-shadow: 0px 1px 3px #bbb;
  -moz-box-shadow: 0px 1px 3px #bbb;
  -webkit-box-shadow: 0px 1px 3px #bbb;
}

#name {
  position: relative;
  z-index: 6666;
}

#user-search ul {
  margin: 0;
  padding: 0;
}

#user-search li {
  list-style-type: none;
}

#user-search .photo {
  width: 50px;
}

#user-search a img {
  display: block;
}

#user-search tr {
  cursor: pointer;
}

#user-search tr:hover {
  background-color: #fafafa;
}

hr {
  border: none;
  height: 0;
  border-bottom: 1px solid #eee;
}

.data-form .controls span {
  display: block;
  padding-top: 5px;
  line-height: 18px;
  color: #1f5676;
}

.data-form #full-name {
  font-weight: bold;
}

.data-tip {
  color: #999 !important;
}

.data-form .btn-inline {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  vertical-align: middle;
}
.data-form .btn-inline.btn-add {
  background: url('/html/img/btn-add.png') center center no-repeat;
}

.data-form .btn-inline.btn-remove {
  background: url('/html/img/btn-remove.png') center center no-repeat;
}

.data-form .lang-option {
  margin-bottom: 8px;
}

.data-form #name {
  width: 400px;
}

.form-actions .actions-add {
  line-height: normal;
  padding: 11px 10px 10px 10px;
  display: inline-block;
  vertical-align: top;
  /*color: #b94a48;*/
  color: #999;
  margin-left: 10px;
}

/* #D53C39 */
/*  truncation screenshots  */
a img {
    display: block;
}

#thumb-menu.nav-tabs > li > a {
    padding-top: 10px !important;
    padding-bottom: 11px !important;
}

.truncation {
    margin: -3px 10px 37px 7px !important;
}

.truncation a {
  display: block;

  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  border-radius: 5px !important;
  padding: 3px;
  background-color: #E60000;
  box-shadow: 0px 1px 3px #b94a48 !important;
  -moz-box-shadow: 0px 1px 3px #b94a48 !important;
  -webkit-box-shadow: 0px 1px 3px #b94a48 !important;
}

span.trunc-items {
    font-size: 12px;
    display: inline-block;
    background-color: #f2dede;
    border-radius: 30px;
    color: #b94a48;
    padding: 4px 8px 3px 8px;
    margin-left: 6px;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
    margin-top: -3px;
    margin-bottom: -3px;

}

#lng_open span.trunc-items {
  display: inline;
  background-color: transparent;
  padding: 0;
  font-size: 12px;
  margin-left: 3px;
}

.trunc-none {
  color: #999 !important;
}

.thumb-list .date {
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #999;
  text-align: center;
  min-height: 32px;
  width: 230px;
}


/* Edit with screenshot */
.row-screenshot {
  width: 650px;
  height: 560px;
  float: right;
}

.row-screenshot a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  box-shadow: 0px 1px 3px #bbb;
  -moz-box-shadow: 0px 1px 3px #bbb;
  -webkit-box-shadow: 0px 1px 3px #bbb;
}

.row-screenshot a:hover {
  box-shadow: 0px 1px 4px #aaa;
  -moz-box-shadow: 0px 1px 4px #aaa;
  -webkit-box-shadow: 0px 1px 4px #aaa;
}

.row-screenshot img {
  max-width: 100%;
  max-height: 500px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.row-columns {
  margin-bottom: 40px;
}

.col-main {
  width: 610px;
  float: left;
  margin-left: 0;
}

.rtl .col-main {
  float: right;
}

.col-main .span16 {
  width: 610px;
}

.col-main .phrase h4, .col-main .phrase h3,
.col-main .phrase hr {
  margin-left: 20px;
} 

.col-main .span14 {
  width: 588px;
}

.col-main .offset2 {
  margin-left: 40px !important;
}

.col-main .span12 {
  width: 578px;
}

.media,
.media-body {
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
}

.media,
.media .media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media-object {
  display: block;
}

.media-heading {
  margin: 0 0 5px;
}

.media .pull-left {
  margin-right: 10px;
}

.media .pull-right {
  margin-left: 10px;
}

.media-list {
  margin-left: 0;
  list-style: none;
}

.dismiss-edit {
  float: right;
  margin-left: 20px;
  display: none;
}

.hidden {
  display: none;
}

.source_target_f:hover {
  background: #f5f5f5;
}

highlight {
    background-color: #dcf8c6;
}

.hover-help {
  display: none;
  padding:8px;
  border:1px solid blue;
  background-color:#DDDDDD;
  position: absolute;
  z-index: 2;
  max-width: 400px;
  min-width: 300px;
}

.help-icon {
  border-radius: 50%;
  behavior: url(PIE.htc); /* remove if you don't care about IE8 */

  width: 21px;
  height: 21px;
  /*padding: 8px;*/

  background: #fff;
  border: 2px solid #666;
  color: #666;
  text-align: center;

  font: 20px Arial, sans-serif;

  margin-left: 4px;
  margin-top: 3px;
}

.label.label-updated {
  background-color: #8BE09F;
}

a.custom-dropdown-toggle {
  color: #ff00ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.custom-dropdown-toggle .caret {
  border-top-color: #999999;
}

.search_results-suggestion_text {
  display: block;
  max-width: 380px;
}

.admin_review-suggestion_text {
  display: block;
  max-width: 340px;
}

.translate_units-suggestion_text {
  display: block;
  max-width: 440px;
}

.suggestions_compact-suggestion_text {
  display: block;
  max-width: 410px;
}

.search_results-search_query {
  display: inline-block;
  max-width: 1000px;
}