––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– LibStock Web Page Style Sheet version: 0.1 author: Marko Jovanovic email: marko@mikroe.com website: http: //www.libstock.com/

ToC - Defaults - Shared - Home Page - Code Categories Page - Project Page - Profile Page Notes –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* --------- Defaults --------- */

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 100%;
}

body {
  font: 62.5%/1.5 'Montserrat', 'Arial', 'Verdana', 'Helvetica', 'sans-serif';
  color: #000000;
  background-color: #E6E6E6;

}

p {
  font-family: 'Montserrat';
  font-size: 1.1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;

}

h1 {
  font: 1.5em/1.8em Arial, sans-serif;
}

blockquote {
  margin: 0 100px;
}

blockquote p {
  font-style: italic;
  font-size: 1.2em;
}

a {
  text-decoration: none;
  outline: none;
}

a:link,
a:visited {
  text-decoration: none;
  color: blue;
}

a:hover,
a:active {
  text-decoration: underline;
}

input[type="checkbox"]:focus {
  outline: none;
  border: 0;
}

a img {
  border: 0;
}

/* Standard float-clearing method */
.separator {
  clear: both;
  margin: 0;
  padding: 0;
}

.sep10px {
  clear: both;
  height: 10px;
}

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

.hidden {
  display: none;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

/* --------- Shared --------- */

#wrapper {
  margin: 0 auto;
  padding: 0;
  width: 1036px;
  background-color: transparent;
}

.shadow_left {
  padding-left: 18px;
  background: #E6E6E6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAABCAIAAABc7mk1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABpJREFUeNpifPbs2f///xlgAMJGIzEBQIABACnYI5Pk5ZGNAAAAAElFTkSuQmCC) repeat-y left top;
}

.shadow_right {
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAABCAIAAABc7mk1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAAeSURBVHjaYrx9+zYjNsDAwIBJQgAjIyMAAAD//wMAjIoCtLBZKj4AAAAASUVORK5CYII=) repeat-y right top;
  padding-right: 18px;
}

.page {
  width: 1000px;
  /*background: #FAFAFA url(../img/sprites/main_back_sprite.png) repeat-x left 150px;*/
}

/* --- Header Home Page --- */

#header_home {
  position: relative;
  float: left;
  width: 816px;
  border-left: 1px solid #ccc;
  min-height: 475px;
}

#header_home .item {
  position: relative;
  width: 816px;
}

#header_home .header_desc {
  position: relative;
  float: left;
  margin-top: 25px;
  margin-left: 25px;
  z-index: 1;
}

#header_home .header_desc h1 {
  font-family: 'BigNoodleTitlingRegular';
  font-size: 8em;
  line-height: 1.2em;
  color: #39B54A;
}

#header_home .header_desc p {
  padding-top: 15px;
  font-family: 'DroidSansRegular';
  font-size: 1.4em;
}

#header_home img.coders {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 0;
}

#header_home img.gift {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 0;
}

#header_home img.share {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}

/* --- Header Default --- */

#header_wrapper {
  width: 100%;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAB7CAYAAABem1EtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAH4XAACGRQAA9oYAAIhNAAByngAA8EcAADqpAAArRWfa/kcAAABsSURBVHjaYvz+6cN/BgYGBiYGKBhljDKGLoMldkIGhHHu1RUIg1WQHcrgY4UwmHnYoAxOZiiDDcpgYGaEMBgZoQb+/49uBcN/uNR/NBGGf/9RdbEw/Mcpgs8cTF3/SFFMjBVEOZUIK9AdBhgA8W9GLV//XokAAAAASUVORK5CYII=) repeat-x left top;
}

#header {
  margin: 0 auto;
  padding: 0;
  width: 1000px;
  height: 123px;
  background-color: transparent;
}

#header .header_left {
  float: left;
  width: 150px;
  height: 118px;
}

#header .header_center {
  float: left;
  padding-top: 15px;
  width: 553px;
  height: 104px;
}

#header .header_center ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 19px;

  font-family: 'BigNoodleTitlingRegular';
  font-size: 2.8em;
  line-height: 0.9em;
}

#header .header_center ul li {
  display: block;
  float: left;

  margin: 0;
  padding: 0;
  padding-right: 12px;
  margin-right: 12px;
  padding-top: 6px;

  border-right: 1px solid #fff;
}

#header .header_center ul li.last {
  border: 0;
}

#header .header_center ul li a {
  margin: 0;
  padding: 0;

  color: #fff;
}

#header .header_right {
  float: right;
  width: 262px;
  height: 121px;
}

#header .header_social {
  float: right;
  margin-top: 35px;
  margin-bottom: 7px;
  margin-right: 14px;
}

#header .rss {
  float: right;
  margin-top: 35px;
  margin-right: 2px;
}

#header .header_search {
  background: transparent url(../img/bck/search_bck.png) no-repeat left 6px;
  width: 262px;
  height: 47px;
}

#header .keywords {
  float: left;
  margin-top: 18px;
  margin-left: 18px;
}

#header .keywords input {
  width: 200px;
  border: 0;

  background-color: transparent;

  font-family: 'DroidSansRegular';
  font-size: 1.2em;
}

#header .submit {
  float: right;
  margin-top: 14px;
  margin-right: 20px;
}

/* --- Left menu --- */

#column_left .edit_steps {
  padding-bottom: 8px;
  background-color: #F9F9F9;
  border-bottom: 1px solid #ccc;
}

#column_left .edit_steps h1 {
  margin: 0;
  padding: 0;

  margin-left: 16px;

  font-family: 'BigNoodleTitlingRegular';
  font-size: 2.8em;
  color: #39B54A;
  height: 1.7em;
}

#column_left .edit_steps ul {
  list-style-type: none;
}

#column_left .edit_steps ol,
#column_left .edit_steps ul {

  list-style-position: inside;

  font-family: 'DroidSansRegular';
  font-size: 1.2em;
}

#column_left .edit_steps ol li,
#column_left .edit_steps ul li {
  line-height: 24px;
  margin-bottom: 2px;
  padding-left: 16px;
}

#column_left .edit_steps ol li a,
#column_left .edit_steps ul li a {
  color: #000;
}

#column_left .edit_steps ol li.selected,
#column_left .edit_steps ul li.selected {
  background-color: #E6E6E6;
}

#column_left .categories {
  padding-top: 10px;
  padding-bottom: 8px;
  background-color: #F9F9F9;
  border-bottom: 1px solid #ccc;
}

#column_left .categories h1 {
  margin: 0;
  padding: 0;

  margin-left: 16px;

  font-family: 'BigNoodleTitlingRegular';
  font-size: 2.8em;
  color: #39B54A;
  height: 1.7em;
  /*line-height:1.0em;*/
}

#column_left .categories p {
  margin: 0;
  padding: 0;

  margin-left: 16px;
  margin-bottom: 8px;

  font-family: 'DroidSansRegular';
  font-size: 1.2em;
}

#column_left .categories p a {
  color: #000;
}

#column_left .categories a.latest {
  padding-top: 2px;
  font-weight: bold;
}

#column_left .categories ul {

  list-style-type: none;

  font-family: 'DroidSansRegular';
  font-size: 1.2em;
}

#column_left .categories ul li {
  /* line-height: 24px; */
  margin-bottom: 2px;
  /* padding-left: 32px; */
  /* background: transparent url(../img/icons/category_arrow.png) no-repeat 17px 7px; */
}

#column_left .categories ul li a {
  color: #000;
}

#column_left .categories ul li:hover {
  background-color: #E6E6E6;
}

#column_left .categories ul li.selected {
  background: transparent url(../img/icons/category_arrow_down.png) no-repeat 17px 10px;
}

#column_left .categories ul.sub_category {

  list-style-type: none;

  font-family: 'DroidSansRegular';
  font-size: 1.0em;
}

#column_left .categories ul.sub_category li {
  line-height: 24px;
  margin-top: 2px;
  margin-bottom: 4px;
  padding-left: 0;
  background: none;
}

#column_left .categories ul.sub_category li.selected {
  background-color: #E6E6E6;
}

#column_left .categories ul.sub_category li:hover {
  background-color: #E6E6E6;
}

#column_left .top_rated {
  padding-top: 10px;
  padding-bottom: 8px;
  background-color: #F9F9F9;
  border-bottom: 1px solid #ccc;
}

#column_left .top_rated h1 {
  margin: 0;
  padding: 0;

  margin-left: 16px;

  font-family: 'BigNoodleTitlingRegular';
  font-size: 2.8em;
  color: #39B54A;
  height: 1.7em;
  /*line-height:1.0em;*/
}

#column_left .top_rated ol {
  margin-left: 34px;
  font-family: 'DroidSansRegular';
  font-size: 1.2em;
}

#column_left .top_rated ol li {
  margin-right: 5px;
  line-height: 24px;
  margin-bottom: 2px;
}

/* --- Main Content --- */

#column_left .goto {
  background-color: #F7F2F0;
  padding-top: 15px;
}

#column_left .goto a {
  display: block;
  width: 87px;
  height: 33px;
  margin: 0 auto;
  padding-left: 50px;
  padding-top: 5px;
  padding-bottom: 15px;

  font-family: 'BigNoodleTitlingRegular';
  font-size: 2.6em;
  font-weight: normal;
  color: #39B54A;
}

#column_left .goto a.download {
  background: transparent url(../img/icons/goto_download.png) no-repeat left top;
}

#column_left .goto a.share {
  background: transparent url(../img/icons/goto_share.png) no-repeat left top;
}

#column_left .goto a.request {
  background: transparent url(../img/icons/goto_request.png) no-repeat left top;
}

/* --- Latest Projects --- */

div.latest {
  border-top: 1px solid #ccc;
}

.latest h2 {
  height: 33px;
  padding-top: 3px;
  padding-left: 12px;

  font-family: 'BigNoodleTitlingRegular';
  font-size: 2.6em;
  font-weight: normal;
  color: #808080;
  border-bottom: 1px solid #ccc;
  background: transparent url(../img/latest_projects_sprite.png) repeat-x left top;
}

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

.latest th {
  padding-top: 10px;
}

.latest th,
.latest td {
  border: 0;
  padding-left: 12px;

  font-family: 'DroidSansRegular';
  font-size: 1.1em;
  border-left: 1px solid #ccc;
}

.latest th.first {
  border: 0;
}

.latest td.date {
  border: 0;
  width: 160px;
}

.latest td.project_name {
  width: 356px;
}

.latest td.project_name img {
  float: left;
}

.latest td.project_name a {
  width: 300px;
  float: left;
  margin-left: 10px;
  margin-top: 3px;
}

.latest td.project_author {
  width: 194px;
}

.latest th {
  text-align: left;
  font-weight: normal;
  padding-bottom: 12px;
}

.latest tfoot td {
  font-size: 1.0em;
  text-align: center;
}

.latest tbody td {
  border-top: 0;
  border-bottom: 0;
  height: 40px;
}

.latest td ul {
  list-style-type: none;

  font-family: 'BigNoodleTitlingRegular';
  font-size: 1.5em;

  color: #39B54A;
}

.latest td ul li {
  display: inline;
  margin-right: 5px;
}

.latest td ul li.disabled {
  color: #E6E6E6;
}

/* --- Footer --- */

#footer_nav {
  padding: 0;
  height: 61px;
  padding-left: 10px;
  background: #E6E6E6 url(../img/sprites/footer_left.png) no-repeat left top;
}

#footer_nav a.main_site {
  float: left;
  margin-top: 5px;
  margin-left: 24px;
}


#footer_nav .footer_content {
  float: left;
  width: 980px;
  height: 47px;

  margin-left: 18px;

  background: transparent url(../img/sprites/footer_content.png) repeat-x left top;
}

#footer_nav ul {
  float: left;

  margin-top: 15px;
  margin-left: 38px;

  list-style-type: none;

  font-family: 'DroidSansRegular';
  font-size: 1.1em;
  text-align: center;
}

#footer_nav ul li {
  display: inline;
  margin-right: 15px;
}

#footer_nav ul li a {
  color: #808080;
}

#footer_nav .right_edge {
  float: right;
  width: 18px;
  height: 61px;
  padding-right: 10px;
  background: transparent url(../img/sprites/footer_right.png) no-repeat right top;
}

#footer {
  margin: 0 auto;
  padding: 0;

  padding-bottom: 15px;

  width: 564px;
  background-color: transparent;
}

#footer img {
  float: left;
}

#footer ul {
  float: left;
  margin-top: 9px;
  margin-left: 15px;

  list-style-type: none;
  font-family: 'DroidSansRegular';
  font-size: 1.1em;
  color: #808080;
}

#footer ul li {
  display: inline;
  margin-right: 15px;
}

#footer ul li a {
  color: #808080;
}

#column_left {
  float: left;
  width: 183px;
}

#loginbox {
  min-height: 300px;
  background-color: #F7F2F0;
  border-bottom: 1px solid #cccccc;
}

#loginbox h2 {
  margin-left: 16px;
  margin-top: 10px;
  font-family: 'BigNoodleTitlingRegular';
  font-size: 2.6em;
  font-weight: normal;
  color: #39B54A;
}

#loginbox form {
  margin-left: 16px;
}

#loginbox .field {
  margin-bottom: 10px;
}

#loginbox .field label {
  float: left;
  margin-bottom: 3px;

  font-family: 'DroidSansRegular';
  font-size: 1.1em;
}

#loginbox .field input {
  float: left;
  width: 145px;
  height: 20px;
  font-family: 'DroidSansRegular';
  font-size: 1.2em;
  line-height: 20px;
}

#loginbox .field input.pass_field {
  font-family: Arial;
  font-size: 1.2em;
}

#loginbox .submit input {
  float: right;
  margin-right: 15px;
}

#loginbox .login_info {
  margin-top: 5px;
  padding-left: 15px;
  padding-top: 5px;
  border-top: 1px solid #cccccc;
  overflow: auto;
}

#loginbox .login_info p {
  padding: 0;
  margin: 0;
  padding-top: 5px;
}


#loginbox p.forum {
  padding: 10px 5px 15px 15px;
  margin: 0;
  height: 25px;
  background-color: #E6E6E6;
}

.login_menu {
  width: 120px;
  margin: 0 auto;
}

.login_menu ul {
  padding-top: 5px;
  list-style-type: none;
  font-family: 'BigNoodleTitlingRegular';
  font-size: 1.6em;
  font-weight: normal;
  color: #39B54A;
}

.login_menu ul li {
  display: inline;
}

.login_menu ul li a {
  color: #39B54A;
}

.user_icon {
  border-top: 1px solid #cccccc;
}

.user_icon a {
  display: block;
  width: 151px;
  float: left;
  margin-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 15px;
  color: #231f20;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  font-family: 'DroidSansRegular';
  font-size: 1.1em;
  text-align: center;
}

.user_icon a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.user_admin {
  border-top: 1px solid #cccccc;

  padding-top: 5px;
  padding-bottom: 5px;

  font-family: 'DroidSansRegular';
  font-size: 1.1em;

  text-align: center;
}

#loginbox p.share {
  float: left;
  padding: 0;
}

a.edit {
  float: right;
  background: transparent url(../img/icons/edit_icon.png) no-repeat left top;

  margin-top: 10px;
  margin-right: 18px;
  padding-left: 20px;

  font-family: 'DroidSansRegular';
  font-size: 1.2em;
}

a.mikroc_pic {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikroc_pic.png) no-repeat left top;
}

a.mikroc_dspic {
  display: block;
  height: 32px;
  padding-left: 40px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikroc_dspic_v2.png) no-repeat left 2px;
}

a.mikroc_pic24 {
  display: block;
  height: 32px;
  padding-left: 40px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikroc_dspic_v2.png) no-repeat left 2px;
}

a.mikroc_pic32 {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikroc_pic32.png) no-repeat left top;
}

a.mikroc_avr {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikroc_avr.png) no-repeat left top;
}

a.mikroc_8051 {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikroc_8051.png) no-repeat left top;
}

a.mikroc_arm {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikroc_arm.png) no-repeat left top;
}

a.mikroc_ft90x {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikroc_ft90x.png) no-repeat left top;
}

a.mikrobasic_pic {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikrobasic_pic.png) no-repeat left top;
}

a.mikrobasic_dspic {
  display: block;
  height: 32px;
  padding-left: 40px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikrobasic_dspic_v2.png) no-repeat left 2px;
}

a.mikrobasic_pic24 {
  display: block;
  height: 32px;
  padding-left: 40px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikrobasic_dspic_v2.png) no-repeat left 2px;
}

a.mikrobasic_pic32 {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikrobasic_pic32.png) no-repeat left top;
}

a.mikrobasic_avr {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikrobasic_avr.png) no-repeat left top;
}

a.mikrobasic_8051 {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikrobasic_8051.png) no-repeat left top;
}

a.mikrobasic_arm {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikrobasic_arm.png) no-repeat left top;
}

a.mikrobasic_ft90x {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikrobasic_ft90x.png) no-repeat left top;
}

a.mikropascal_pic {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikropascal_pic.png) no-repeat left top;
}

a.mikropascal_dspic {
  display: block;
  height: 32px;
  padding-left: 40px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikropascal_dspic_v2.png) no-repeat left 2px;
}

a.mikropascal_pic24 {
  display: block;
  height: 32px;
  padding-left: 40px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikropascal_dspic_v2.png) no-repeat left 2px;
}

a.mikropascal_pic32 {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikropascal_pic32.png) no-repeat left top;
}

a.mikropascal_avr {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikropascal_avr.png) no-repeat left top;
}

a.mikropascal_8051 {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikropascal_8051.png) no-repeat left top;
}

a.mikropascal_arm {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikropascal_arm.png) no-repeat left top;
}

a.mikropascal_ft90x {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/mikropascal_ft90x.png) no-repeat left top;
}

a.other_compiler {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers/other_compiler.png) no-repeat left top;
}

a.mikroc_ai_arm {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers_2019/mikroc-arm.png) no-repeat left top;
}

a.visualtft_ai {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers_2019/necto_designer.png) no-repeat left top;
}

a.mikroc_ai_pic {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers_2019/mikroc-pic.png) no-repeat left top;
}

a.mikroc_ai_dspic {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers_2019/mikroc-dspic.png) no-repeat left top;
}

a.mikroc_ai_avr {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers_2019/mikroc-avr.png) no-repeat left top;
}

a.mikroc_ai_pic32 {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers_2019/mikroc-pic32.png) no-repeat left top;
}

a.mikroc_ai_ft90x {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers_2019/mikroc-ft90x.png) no-repeat left top;
}

a.mikroc_ai_8051 {
  display: block;
  height: 25px;
  padding-left: 40px;
  padding-top: 7px;
  border: 0;
  background: transparent url(../img/icons/compilers_2019/mikroc-8051.png) no-repeat left top;
}

.message {
  float: left;
  width: 155px;
  margin-bottom: 10px;
  font-family: 'DroidSansRegular';
  font-size: 1.1em;
  color: #f00;
}

/* --- styles for the star rater --- */

.star-rating {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 75px;
  height: 15px;
  position: relative;
}

.star-rating-voted {
  width: 15px;
  height: 15px;
  background: url(../img/icons/star.png) no-repeat top left;
}

.star-rating-not-voted {
  width: 15px;
  height: 15px;
  background: url(../img/icons/star_grey.png) top left repeat-x;
}

.star-rating li {
  padding: 0px;
  margin: 0px;
  /*\*/
  float: left;
  /* */
}

.star-rating li a {
  display: block;
  width: 15px;
  height: 15px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 20;
  position: absolute;
  padding: 0px;
}

.star-rating li a:hover {
  background: url(../img/icons/star_blue.png) left bottom;
  z-index: 1;
  left: 0px;
}

.star-rating a.one-star {
  left: 0px;
}

.star-rating a.one-star:hover {
  width: 15px;
}

.star-rating a.two-stars {
  left: 15px;
}

.star-rating a.two-stars:hover {
  width: 30px;
}

.star-rating a.three-stars {
  left: 30px;
}

.star-rating a.three-stars:hover {
  width: 45px;
}

.star-rating a.four-stars {
  left: 45px;
}

.star-rating a.four-stars:hover {
  width: 60px;
}

.star-rating a.five-stars {
  left: 60px;
}

.star-rating a.five-stars:hover {
  width: 75px;
}

/* --- Default Projects --- */

.project_paging {
  float: right;
  margin-top: 25px;
  margin-right: 15px;
  margin-bottom: 15px;

  font-family: 'DroidSansRegular';
  font-size: 1.1em;
  text-align: center;
  color: #ccc;
}

.project_paging a {
  color: #000;
}

h2.user_projects {
  width: 300px;
  float: left;

  margin-bottom: 10px;
  margin-left: 15px;
  margin-top: 20px;

  color: #39B54A;
  font-family: 'BigNoodleTitlingRegular';
  font-size: 2.8em;
  font-weight: normal;
  line-height: 1.2em;
}

.project {
  margin: 0;
  padding: 0;
  padding-bottom: 12px;
  background-color: transparent;
  border-top: 1px solid #cccccc;
}

.last_project {
  border-bottom: 1px solid #cccccc;
}

.project h3 {
  margin-top: 10px;
  margin-left: 15px;
  margin-bottom: 10px;

  font-family: 'DroidSansBold';
  font-size: 2.0em;
  color: #39B54A;
}

.project h3 a {
  color: #39B54A;
}

.project_left {
  width: 512px;
  float: left;
}

.project_left img.category_icon {
  float: left;
  margin-right: 10px;
  margin-top: 9px;
  margin-left: 10px;
}

.mini_holder {
  float: right;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

.follow {
  float: right;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-right: 5px;
  padding-left: 5px;
  border-right: 1px solid #ccc;
}

.api_supported {
  float: right;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-right: 5px;
  padding-left: 5px;
  border-right: 1px solid #ccc;
}

.abuse {
  float: right;
  margin-right: 8px;
  margin-left: 6px;
  margin-top: 5px;
}

.code_mikrosdk {
  background-color: #e9faff;
}

.code_library {
  background-color: #FFFACC;
}

.code_project {
  background-color: #F9F9F9;
}

.code_visual {
  background-color: #ECF7D7;
}

.code_examples {
  background-color: #EDF7F7;
}

.project_information {
  float: left;
  width: 205px;
  margin-left: 15px;
}

.project_information p {
  float: left;

  margin: 0;
  padding: 0;
  margin-top: 3px;
  margin-bottom: 3px;

  font-family: 'DroidSansRegular';
  font-size: 1.2em;
}

.project_information p.rating {
  padding-top: 5px;
}

.project_information a.author {
  margin-left: 4px;
}

.project_information a.download {
  display: block;
  margin-top: 5px;
  padding-top: 5px;
  padding-left: 45px;
  height: 24px;
  background: transparent url(../img/icons/download_box.png) no-repeat left top;

  font-family: 'DroidSansRegular';
  font-size: 1.4em;
}

.project_information ul {
  float: left;
  margin-left: 4px;
  margin-top: 8px;
  margin-bottom: 5px;
  list-style-type: none;
}

.project_information ul li {
  display: inline;
}

.project_description {
  float: left;
  width: 275px;
}

.project_description h4 {
  margin-top: 8px;
  margin-bottom: 18px;
  font-family: 'DroidSansRegular';
  font-size: 1.2em;
  font-weight: normal;
}

.project_description p {
  margin: 0;
  padding: 0;

  margin-bottom: 2px;

  font-family: 'DroidSansRegular';
  font-size: 1.2em;
}

.project_description a {
  float: right;

  font-family: 'DroidSansRegular';
  font-size: 1.2em;
}

.project_right {
  width: 295px;
  float: right;
  margin-top: 8px;
}

.project_right h4 {
  margin-top: 5px;
  font-family: 'DroidSansRegular';
  font-size: 1.1em;
  font-weight: normal;
}

.project_right ul {
  list-style-type: none;

  font-family: 'BigNoodleTitlingRegular';
  font-size: 1.7em;
  height: 1.0em;
  color: #39B54A;
}

.project_right ul li {
  display: inline;
  margin-right: 5px;
}

.project_right ul li.disabled {
  color: #E6E6E6;
}

.project_right ul li abbr {
  border-bottom: 0;
  cursor: help;
}

.project_supported {
  margin-bottom: 11px;
}

.code_library {
  background-color: #FFFACC;
}

.code_project {
  background-color: #F9F9F9;
}

.code_visual {
  background-color: #ECF7D7;
}

/* --- About Page --- */

#about {
  float: left;
  width: 816px;
  min-height: 526px;
  border-left: 1px solid #ccc;
  padding-bottom: 40px;
}

#about .desc h1 {
  padding-top: 20px;
  margin-left: 38px;
  font-family: 'BigNoodleTitlingRegular';
  font-size: 5.0em;

  color: #39B54A;
}

#about .desc h2 {
  padding-top: 20px;
  margin-left: 38px;
  font-family: 'BigNoodleTitlingRegular';
  font-weight: normal;
  font-size: 2.6em;

  color: #39B54A;
}

#about .desc p {
  width: 754px;
  margin-left: 38px;
  font-family: 'DroidSansRegular';
  font-size: 1.2em;
}

#about .border {
  border-bottom: 1px solid #39B54A;
  margin-left: 10px;
  margin-right: 10px;
}

#about .border h1 {
  margin-left: 28px;
}

#about .border p {
  margin-left: 28px;
}

/* --- Error Page --- */

#error404 {
  float: left;
  width: 816px;
  min-height: 526px;
  border-left: 1px solid #ccc;
  padding-bottom: 40px;
}

#error404 h1 {
  padding-top: 20px;
  margin-left: 38px;
  font-family: 'BigNoodleTitlingRegular';
  font-weight: normal;
  font-size: 2.6em;

  color: #39B54A;
}

#error404 .link {
  color: #fff;
  background-color: #39B54A;
  min-height: 23px;
  padding-top: 5px;
}

#error404 .link p {
  margin-left: 38px;
  font-family: 'DroidSansRegular';
  font-size: 1.3em;
}

#error404 p.desc {
  padding-top: 20px;
  margin-left: 38px;
  font-family: 'DroidSansRegular';
  font-size: 1.2em;
}

#error404 ul {
  margin-left: 38px;
  list-style-type: none;
  font-family: 'DroidSansRegular';
  font-size: 1.2em;
}

.ad_left {
  padding-top: 8px;
}

.ad_left h3 {
  margin-left: 18px;
  margin-bottom: 10px;

  color: #39B54A;
  font-family: 'DroidSansBold';
  font-size: 1.5em;
}

.ad_left h3 a {
  color: #39B54A;
}

.ad_left p {
  margin-left: 18px;
  margin-right: 18px;
}



/* --- Legal Page --- */

#legal {
  float: left;
  width: 816px;
  min-height: 526px;
  border-left: 1px solid #ccc;
  padding-bottom: 40px;
}

#legal .desc h1 {
  padding-top: 20px;
  margin-left: 38px;
  font-family: 'BigNoodleTitlingRegular';
  font-size: 5.0em;

  color: #39B54A;
}

#legal .desc h2 {
  padding-top: 20px;
  margin-left: 38px;
  font-family: 'BigNoodleTitlingRegular';
  font-weight: normal;
  font-size: 2.6em;

  color: #39B54A;
}

#legal .desc p {
  width: 754px;
  margin-left: 38px;
  font-family: 'DroidSansRegular';
  font-size: 1.2em;
}

#legal .desc p.align_right {
  padding-top: 30px;
  text-align: right;
}

#legal .desc ul {
  margin-left: 38px;
  margin-right: 38px;
  list-style-type: none;
  font-family: 'DroidSansRegular';
  font-size: 1.2em;
}

#legal .desc ul li {
  margin-bottom: 15px;
}

#legal .border {
  border-bottom: 1px solid #39B54A;
  margin-left: 10px;
  margin-right: 10px;
}

#legal .border h1 {
  margin-left: 28px;
}

#legal .border p {
  margin-left: 28px;
}

p.success,div.success {
  color: #39B54A;
  font-family: 'DroidSansRegular';
  font-size: 1.2em;
  float: left;
  margin: 10px;
}

div.error {
  color: #d41c1c;
  font-family: 'DroidSansRegular';
  font-size: 1.2em;
  float: left;
  margin: 10px;
}

#ProjectPublished {
  display: inline-block;
  margin-top: 20px;
  left: 125px;
  position: relative;
  width: auto !important;
}

#ProjectApiSupported,
#ProjectApiDemo {
  display: inline-block;
  margin-top: 20px;
  position: relative;
  width: auto !important;
}

#ProjectApiSupported {
  left: 97px;
}

#ProjectApiDemo {
  left: 134px;
}

.unpublished {
  padding: 3px 15px;
  background-color: red;
  width: 100px;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}


/*SRDJAN NOVI FUTER*/
* {
  padding: 0px;
  margin: 0px;
}

body {
  margin-bottom: 0px;
}

.footer-wrapper {
  width: 100%;
  min-height: 150px;
  background-color: #1E2D3F;
  box-sizing: border-box;
  text-align: left;
  font: bold 16px sans-serif;
  padding: 40px 0 20px 0;
  color: #999999;
  font-family: 'Open Sans', 'Helvetica Neue', Verdana;
  font-size: 14px;
  /* position: absolute; */
  margin-top: 30px;
}

.footer-wrapper label,
.footer-wrapper p,
.footer-wrapper li>a {
  /*color:#BDCCD4;*/
  color: #FAFAFA;
  font-family: 'Open Sans', 'Helvetica Neue', Verdana;
  font-weight: 300;
}

.footer-wrapper p {
  line-height: 1.2;
  margin-bottom: 9px;
  font-weight: 300;
}

/*tiziano change*/
.footer-wrapper a {
  color: #FAFAFA;
  text-decoration: none;
  font-weight: 300;
}

.footer-wrapper a:hover {
  color: #FF0000;
  text-decoration: none;
}

.footer-links-separator {
  color: #36557b;
  font-size: 10px;
  padding: 0px 1px;
  font-weight: 400;
}

.footer-links-separator:before {
  content: "|";
  font-weight: 400;
}

/*tiziano change end*/

/*.footer-wrapper p, .footer-wrapper li>a{
  padding:0 5px 0px 5px;
}*/

.footer-left {
  width: auto;
  /*width:320px;*/
  padding: 0px 0px 0px 0px;
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
  margin-left: 5px;
  margin-bottom: 22px;
}

.footer-left input.subscribe-to-newsletter {
  width: 100%;
  font-size: 14px;
  font-family: 'Open Sans', 'Helvetica Neue', Verdana;
  background-color: #AAAAAA;
  border: none;
  min-height: 32px;
  padding-left: 10px;
  /*padding: 0px 0px 0px 10px;*/
  color: #1E2D3F;
}

.footer-right {
  max-width: 952px;
  display: inline-block;
  padding: 0px;
  border-left: 1px solid #999999;
  /*padding-right:30px;*/
  /*margin-right: 30px;*/
}

.footer-right ul li {
  display: inline-block;
  list-style-type: none;
}

.footer-right ul li a {
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
  font-weight: 300;
}

.footer-right ul {
  display: inline-block;
  padding-left: 15px;
  margin-bottom: 0px;
}

.footer-right .list-title {
  color: #999999;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  width: 120px;
  font-family: 'Roboto', 'Open Sans';
  margin-bottom: 0px;
}

.footer-right>div.product-category {
  margin-left: 30px;
  margin-bottom: 23px;
}

.footer-content-wrapper div.company {
  margin-top: 35px;
}

.footer-content-wrapper div.company p {
  text-align: center;
  color: #999999;
  font-size: 13px;
  text-decoration: none;
  /* padding:0px 5px;*/
}

/*.footer-content-wrapper div.company p > a{
  color:#BDCCD4;
  text-decoration: none;
  padding:0px 4px;
}*/

.footer-left label,
.footer-left #privacy-policy {
  font-size: 12px;
  vertical-align: bottom;
}

/*Stevan domestic links*/
.local-links ul li a {
  color: yellow;
}

.footer-left p.footer-social {
  padding-left: 0px;
  /*margin-top:30px;*/
  /*margin-top:23px;*/
  margin-top: 26px;
  font-size: 14px;
  font-weight: 300;
}

.footer-left p.footer-social-icons {
  padding-left: 0px;
  margin-top: 10px;
  /*font-size: 16px;*/
  font-size: 18px;
}

.footer-left form.input-group-subscribe-to-newsletter .subscribe-title {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 300;
}

.footer-content-wrapper {
  max-width: 1180px;
  margin: 0 auto;
}

span.text-underline>a {
  text-decoration: underline;
  color: #FAFAFA;
}

.input-group-subscribe-to-newsletter {
  position: relative;
  max-width: 230px;
  /* max-width:254px;*/
}

.input-group-subscribe-to-newsletter>p {
  padding-left: 0px;
}

.input-group-subscribe-to-newsletter>button {
  position: absolute;
  color: #BDCCD4;
  right: -1px;
  background-color: #1E2D3F;
  border: 1px solid #AAA;
  text-align: center;
  padding: 5px;
  line-height: 20px;
  cursor: pointer;
}

.footer-content-wrapper .footer-left .footer-social-icons i {
  vertical-align: middle;
  margin-left: 4px;
  /*margin-left:8px;*/
  font-size: 36px;
  color: #AAAAAA;
  background-color: #1E2D3F;
  width: 31px;
}

.footer-content-wrapper .footer-left .footer-social-icons a:hover i:hover {
  color: #FF0000;

}

.footer-content-wrapper .footer-left .footer-social-icons a:first-child i:first-child {
  margin-left: 0px;
}

.footer-right>div.product-category:last-child {
  margin-bottom: 0px;
}

.input-size {
  width: auto;
  padding-right: 10px;
}

#mce-success-response {
  color: #dacb78;
}

#mce-error-response {
  color: #ef560f;
}

@keyframes popupAnimation {
  0% {
    opacity: 0.3;
  }

  5% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes popupAnimation {
  0% {
    opacity: 0.3;
  }

  5% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes popupAnimation {
  0% {
    opacity: 0.3;
  }

  5% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes popupAnimation {
  0% {
    opacity: 0.3;
  }

  5% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*
#mce-responses {
  position: absolute;
}
*/
#mce-responses div.response {
  position: absolute;
  -webkit-animation: popupAnimation 8.5s normal forwards;
  -moz-animation: popupAnimation 8.5s normal forwards;
  -o-animation: popupAnimation 8.5s normal forwards;
  animation: popupAnimation 8.5s normal forwards;

  background-color: #1E2D3F;
}

.footer-left input.subscribe-to-newsletter.mce_inline_error {
  background: #d24f4f;
  color: white;
}

.footer-left input.subscribe-to-newsletter.valid {
  background: #8bc34a;
  color: white;
}

/*@media (max-width: 1280px){
  .footer-right{
    border:none;
    width: 100%;
    display: block;
    margin-right: 0px;
  }

  body{
    margin-bottom: 0px;
  }
  .footer-wrapper{
    position: relative;
  }
}*/

@media (max-width: 1050px) {
  .footer-right {
    max-width: 852px;
    display: block;
    border-left: 0px;
    padding-right: 20px;
  }

  .footer-right .list-title {
    float: left;
    padding-top: 5px;
  }

  .footer-content-wrapper .footer-right ul {
    display: block;
    padding-left: 145px;

  }

  .footer-content-wrapper .footer-right ul li a {
    font-size: 12px;
    /*min-width: 120px;*/
    padding: 5px 0px;
  }

  .company a.terms-and-conditions {
    display: inline-block;
  }
}

@media (max-width: 992px) {
  /*  .footer-right {
      max-width: 852px;
      display: inline-block;
      border-left: 0px;

      padding-right:20px;
  }
  .footer-right .list-title{
    float:left;
  }

  .footer-content-wrapper .footer-right ul {
      display: block;
      padding-left: 175px;

  }
  .footer-content-wrapper .footer-right ul li a {
      font-size: 16px;

      padding: 5px 0px;
  }*/

}


@media (max-width: 425px) {
  .footer-left {
    width: auto;
    margin-right: 0px;
  }

  .input-size {
    width: auto;
  }

  /*  .input-group-subscribe-to-newsletter > button {
    right:-8px;
  }*/
  .footer-content-wrapper .footer-right ul {
    display: block;
    padding-left: 145px;
  }

}

/*New header CSS added by Srdjan*/
nav#me-globalnav li#me-gn-cart span.cart_count {
  display: inline;
  position: absolute;
  top: 5px;
  color: white;
  background-color: #E61C24;
  border-radius: 50%;
  line-height: normal;
  padding: 2px 5px;
  font-size: 10px;
  right: 0px;
}

#me-globalnav .me-gn-link-text {
  position: relative;
  vertical-align: middle;
  overflow: hidden;
  height: auto;
  width: 100%;
  padding: 0;
  border: 0;
  /* font-family: 'geogrotesque_medium', Arial, sans-serif; */
  font-family: 'Open Sans', 'Helvetica Neue', Verdana;
  font-size: 1em;
}

#main_search .me-gn-instantsearch-dropdown {
  display: none;
  width: 100%;
  background-color: white;
  border: 1px solid aliceblue;
}

#main_search .me-gn-instantsearch-dropdown li {
  padding: 4px 2px 4px 8px;
  font-size: 16px;
  line-height: 1em;
}

#main_search .me-gn-instantsearch-dropdown li:hover {
  /* background-color: lightgray; */
}

#main_search input.me-gn-instantsearch-input {
  font-family: 'Open Sans', 'Helvetica Neue', Verdana;
  /* margin-top: 8px; */
  background-color: #1e2d3f;
  height: 30px;
  padding-left: 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: rgba(240, 240, 240, 0.9);
  color: #ffffff;
  font-size: 14px;
  padding: 0 30px;
}


#main_search input#me-gn-instantsearch-input:focus {
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #ccc;
  color: white;
}

/* #main_search input[type="text"].me-gn-instantsearch-input::-webkit-input-placeholder {
  color:white;
}
#main_search input[type="text"].me-gn-instantsearch-input::-moz-placeholder {
  color:white;
}
#main_search input[type="text"].me-gn-instantsearch-input:-ms-input-placeholder {
  color:white;
}
#main_search input[type="text"].me-gn-instantsearch-input:-moz-placeholder {
  color:white;
} */
.me-gn-content .me-gn-list .me-gn-item div.search-wrapper {
  width: 100%;
  display: inline-block;
}

.me-gn-content .me-gn-list .me-gn-item .search-wrapper i.fa-search {
  color: #ffffff;
  font-size: 14px !important;
  /*padding-right: 10px!important;*/
}

/*.me-gn-content .me-gn-list .me-gn-item .search-wrapper input{
  padding-left: 5px;
}*/

#me-globalnav .me-gn-content .me-gn-list .me-gn-item .search-wrapper button.search-btn,
.custom-breadcrumb .right-section .search-wrapper-sticky button.search-btn {
  height: auto;
  width: auto;
  display: inline-block;
  position: absolute;
  top: 13px;
  right: 0px;
  color: gray;
}

#me-globalnav .me-gn-content .me-gn-list .me-gn-item .search-wrapper button.search-btn:hover i {
  color: #E61C24;
}

.suggestion-box {
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #ccc;
}

.suggestion-box ul.suggestion-box-list li:last-child {
  border-top: 1px solid #ccc;
  color: #E61C24;
}

/*.suggestion-box > ul.suggestion-box-list > li > a > img {
    width: 80px;
    vertical-align: top;
}*/

/*.suggestion-box > ul.suggestion-box-list > li > a {
    font-weight: bold;
    max-width: 410px;
}*/

.suggestion-box .desc {
  display: inline-block;
  font-weight: normal;
}

/*.suggestion-box .desc {
    display: inline-block;
    font-weight: normal;
    max-width: 70%;
    vertical-align: middle;
    padding-top: 10px;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8a8a8a;
    font-size: 10.5px;
    margin-top: 10px;
    line-height: 15px;
}*/

/*.suggestion-box ul.suggestion-box-list span.suggestion-title {
    position: absolute;
}*/

@media (max-width: 1180px) {
  .suggestion-box>ul.suggestion-box-list>li>a {
    font-weight: bold;
    max-width: 360px;
  }
}

@media (max-width: 1000px) {
  #header .breadcrumb-new-header {
    margin-top: 50px;
  }
}

/*list style v2 - multiple titles enabled*/
.suggestion-box .desc {
  display: inline-block;
  font-weight: normal;
  max-width: 70%;
  padding-top: 0px;
  width: 248px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #8a8a8a;
  font-size: 10.5px;
  float: left;
}

.suggestion-box ul.suggestion-box-list span.suggestion-title {
  position: relative;
  display: inline;
}

.suggestion-box>ul.suggestion-box-list>li>a>img {
  width: 80px;
  vertical-align: top;
  float: left;
}

.suggestion-box>ul.suggestion-box-list>li>a {
  font-weight: bold;
  max-width: 410px;
  display: inline-block;
}

/*end list style v2*/

#header .right-section .search-wrapper-sticky input.me-gn-instantsearch-input-sticky {
  font-family: 'Open Sans', 'Helvetica Neue', Verdana;
  margin-top: 0px;
  background-color: #1e2d3f;
  padding-left: 5px;
  color: #ffffff;
  text-align: left;
  padding: 3px 15px;
  border: 1px solid transparent;
}

.custom-breadcrumb .right-section ul li {
  display: inline-block;
}

#header nav.no-css-sticky .breadcrumb-new-header nav.custom-breadcrumb .right-section {
  display: none;
}

#index #header nav.no-css-sticky .breadcrumb-new-header {
  display: none;
}

#index #header nav.no-css-sticky.me-ln-sticking .breadcrumb-new-header {
  display: block;
}

#index #header nav.no-css-sticky.me-ln-sticking .breadcrumb-new-header nav.custom-breadcrumb .right-section {
  display: block;
  height: auto;
}

#header .custom-breadcrumb div.inactive-breadcrumb {
  display: inline-block;
  background: white;
}

.right-section li a img {
  height: 22px;
}

.right-section .search-wrapper-sticky {
  position: relative;
}

.right-section .search-wrapper-sticky button.search-btn {
  position: absolute;
  right: 0px;
  top: 0px;
}

/*sticky*/
.breadcrumb-new-header .me-gn-icon-large:before {
  font-family: 'FontAwesome';
  font-size: 1.3em;
}

.breadcrumb-new-header .right-section .me-gn-item div.search-wrapper {
  width: 100%;
  display: inline-block;
}

.breadcrumb-new-header .right-section .me-gn-item .search-wrapper i.fa-search {
  color: #ffffff;
  font-size: 16px !important;
  padding-right: 5px !important;
}

/*.me-gn-content .me-gn-list .me-gn-item .search-wrapper input{
  padding-left: 5px;
}*/

#me-globalnav .me-gn-content .me-gn-list .me-gn-item .search-wrapper button.search-btn {
  height: auto;
  width: auto;
  display: inline-block;
  position: relative;
  top: 0;
  right: 30px;
  color: #ffffff;
}

#header .breadcrumb-new-header .right-section .search-wrapper-sticky button.sticky-search-btn {
  font-family: "FontAwesome";
  height: auto;
  width: auto;
  display: inline-block;
  position: absolute;
  top: 4px;
  color: #ffffff;
  background: transparent;
  border: none;
  right: 10px;
}

#header .custom-breadcrumb .right-section i {
  color: #1e2d3f;
}

#header .custom-breadcrumb .right-section .sticky-search-btn i {
  color: #ffffff;
}

#header .custom-breadcrumb .right-section a span.ajax_cart_quantity.cart_count {
  margin-left: -2px;
  background-color: #E61C24;
  border-radius: 50%;
  line-height: normal;
  padding: 2px 5px;
  font-size: 10px;
  color: white;
  vertical-align: top;
}

#header .breadcrumb-new-header .right-section .me-gn-item .search-wrapper button.sticky-search-btn:hover i {
  color: #E61C24;
}

#header .breadcrumb-new-header .right-section ul li.me-gn-item.me-gn-item-menu {
  padding: 0 15px 0 0;
}

#header .breadcrumb-new-header .right-section ul li.me-gn-item.me-gn-item-menu a.me-gn-link {
  padding: 5px 0;
}

.search-wrapper-sticky input[type="text"].me-gn-instantsearch-input-sticky::-webkit-input-placeholder {
  color: white;
}

.search-wrapper-sticky input[type="text"].me-gn-instantsearch-input-sticky::-moz-placeholder {
  color: white;
}

.search-wrapper-sticky input[type="text"].me-gn-instantsearch-input-sticky:-ms-input-placeholder {
  color: white;
}

.search-wrapper-sticky input[type="text"].me-gn-instantsearch-input-sticky:-moz-placeholder {
  color: white;
}

#edit_profile .section_bottom #agreement-consent {
  width: auto;
  max-width: 570px;
  margin-left: 10px;
}

#edit_profile .section_top #agreement-consent {
  float: left;
  width: auto;
  max-width: 570px;
  margin-top: 9px;
  margin-left: 143px;
}

#agreement-consent label {
  position: relative;
  top: 4px;
  font-family: 'DroidSansRegular';
  font-size: 1.2em;
  color: #000;
  font-weight: normal;
}

#GeneralInfoGeneralForm #agreement-consent label {
  top: 0;
}

#edit_profile .section_bottom #agreement-consent a,
#edit_profile .section_top #agreement-consent a {
  float: none;
  margin: 0;
}

#edit_profile .section_bottom .agreement-chb {
  margin-top: 7px;
  float: left;
}

#edit_profile #GeneralInfoGeneralForm .section_bottom .agreement-chb {
  margin-top: 3px;
}

#edit_profile .section_top .agreement-chb {
  margin-top: 7px;
  margin-right: 10px;
  float: left;
}

/* Style for new newsletter button */

#block-news-letter-div {}

#open-popup-mailchimp {
  font-family: 'Open Sans', 'Helvetica Neue', Verdana;
  border: none;
  width: 230px;
  height: 32px;
  background-color: #aaa;
  display: inline-block;
  cursor: pointer;
  /*color:#ffffff;*/
  color: #1e2e3f;
  text-decoration: none;
}

#open-popup-mailchimp:hover {
  background-color: #ff0000;
}

#open-popup-mailchimp:active {
  position: relative;
  top: 1px;
}

/* /Style for new newsletter button */

/*end new header css*/

/*custom icons*/
/*@font-face {
  font-family: 'me-simplicity-icons';
  src: url('../font/me-simplicity-icons.eot');
  src: url('../font/me-simplicity-icons.eot#iefix') format('embedded-opentype'),
       url('../font/me-simplicity-icons.woff2') format('woff2'),
       url('../font/me-simplicity-icons.woff') format('woff'),
       url('../font/me-simplicity-icons.ttf') format('truetype'),
       url('../font/me-simplicity-icons.svg#me-simplicity-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  font-family: 'me-simplicity-icons';
  src: url('https://cdn.mikroe.com/themes/simplicity/fonts/simplicity-icons/font/me-simplicity-icons.eot');
  src: url('https://cdn.mikroe.com/themes/simplicity/fonts/simplicity-icons/font/me-simplicity-icons.eot#iefix') format('embedded-opentype'),
    url('https://cdn.mikroe.com/themes/simplicity/fonts/simplicity-icons/font/me-simplicity-icons.woff2') format('woff2'),
    url('https://cdn.mikroe.com/themes/simplicity/fonts/simplicity-icons/font/me-simplicity-icons.woff') format('woff'),
    url('https://cdn.mikroe.com/themes/simplicity/fonts/simplicity-icons/font/me-simplicity-icons.ttf') format('truetype'),
    url('../font/me-simplicity-icons.svg#me-simplicity-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*75788216*/
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'me-simplicity-icons';
    src: url('../font/me-simplicity-icons.svg?75788216#me-simplicity-icons') format('svg');
  }
}
*/
.me-si[class^="me-icon-"]:before,
.me-si[class*=" me-icon-"]:before {
  font-family: "me-simplicity-icons" !important;
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.me-icon-cart:before {
  content: '\e800';
}

/* '' */
.me-icon-profile:before {
  content: '\e801';
}

/* '' */





.me-si[class^="me-icon-"]:before,
.me-si[class*=" me-icon-"]:before {
  font-family: "me-simplicity-icons" !important;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  /* font-size: 120%; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/*end custom icons*/
.project_information .rating-container .star_score {
  margin-top: 8px;
}

#me-localnav {
  top: 60px !important;
}

#me-localnav > div.me-ln-wrapper {
  padding: 5px 0px;
}

@media screen and (min-width: 1200px) {
  #me-localnav .me-ln-wrapper .me-ln-content {
    max-width: 1170px;
  }
}

@media screen and (min-width: 1300px) {
  #me-localnav .me-ln-wrapper .me-ln-content {
    max-width: 1280px;
  }
}

@media screen and (max-width: 1000px) {

  #me-globalnav-wrapper {
    height: 0;
  }

  #me-localnav {
    top: 59px !important;
  }

  #me-localnav .me-ln-menu-tray {
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  }

  #me-ln-curtain {
    display: none;
  }

  #wrapper {
    margin-top: 58px !important;
  }

  #me-localnav .me-ln-content {
    padding: 0 !important;
  }

  #me-localnav .me-ln-menu-tray > ul > li > a {
    color: #231f20 !important;
    border-bottom: 1px solid #f3f3f3 !important;
  }
  #me-ln-libstock-searchform-input {
    color: #231f20 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  #me-ln-libstock-searchform-input::placeholder {
    color: #bebebe!important;
  }

  #me-ln-libstock-searchform-submit:after {
    outline: 0;
  }

  #me-ln-libstock-searchform-submit:after {
    content: '\f002';
    font-family: 'Font Awesome 5 Pro';
    font-size: 22px;
    position: relative;
    bottom: 11px;
  }

  #SearchDisplayForm .me-ln-libstock-searchform-wrapper {
    border-bottom: 1px solid #f3f3f3 !important;
  }

  #me-localnav.code .me-ln-title a {
    margin-left: 20px !important;
  }

  #me-localnav .me-ln-menu-items {
    padding: 0px 20px;
  }

}

#categories-js-tree,
#categories-js-tree ul {
  width: 100% !important;
}
#categories-js-tree ul .jstree-node {
  font-size: 11px;
}
#categories-js-tree ul .jstree-children > li {
  margin-left: 10px;
}
#categories-js-tree ul .jstree-initial-node.jstree-loading.jstree-leaf.jstree-last {
  margin-left: 10px;
}

#wrapper {
  margin-top: 0px !important;
}



/* -------------------------------------------------------------------------- */
/*                             Register Form start                            */
/* -------------------------------------------------------------------------- */

.column_left {
  float: left;
}
.register_form_container label.required::after {
  content: '*';
  color: red;
}

.register_form_container .heading {
  margin-left: 24px;
  margin-top: 18px;
}

.register_form_container .heading h1 {
  font-family: 'DroidSansRegular';
  line-height: 1.0em;
  font-size:2.2em;
  margin-top:30px;
}

.register_form_container .heading p {
  margin-top: 18px;
  font-family: 'DroidSansRegular';
  font-size: 1.6em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

.register_form_container .heading_below h2 {
  width: 792px;
  height: 31px;
  padding-left: 24px;
  font-family: 'BigNoodleTitlingRegular';
  font-size: 2.2em;
  font-weight: normal;
  color: #39B54A;
  background-color: #F9F9F9;
  border-top:1px solid #ccc;
}

.register_form_container #RegisterFormRegistrationForm .input {
  margin-left: 24px;
  padding-bottom: 15px;
  overflow:auto;
}

.register_form_container #RegisterFormRegistrationForm .input label {
  margin-top: 12px;
  font-family: 'BigNoodleTitlingRegular';
  font-size: 2.2em;
  font-weight: normal;
  color: #808080;
  float: left;
}

.register_form_container #RegisterFormRegistrationForm .input input[type="text"],
.register_form_container #RegisterFormRegistrationForm .input input[type="password"],
.register_form_container #RegisterFormRegistrationForm .input input[type="file"],
.register_form_container #RegisterFormRegistrationForm .input select {
  width: 569px;
  margin-right: 26px;
  float: right;
  height: 20px;
  margin-top: 12px;
  padding-left: 2px;
  border: 1px solid #cccccc;
  font-family: 'DroidSansRegular';
  font-size: 1.2em;
  line-height: 20px;
  height: 25px;
}

.register_form_container #RegisterFormRegistrationForm .input select {
  width: 573px;
  height: 27px;
}

.register_form_container .register_form_bottom {
  padding: 12px 0px;
  margin-top: 18px;
  margin-bottom: 18px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align:right;
}

.register_form_container .register_form_bottom .register_form_submit {
  display: inline-block;
}

/* -------------------------------------------------------------------------- */
/*                             Register Form end                            */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*                              MD styles                                     */
/* -------------------------------------------------------------------------- */

.isMd h1 {
  display: block;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

.isMd h2 {
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
.isMd h3 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

.isMd h4 {
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}


.isMd pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0px;
}

.isMd img {
  max-width: 100%;
  max-height: 100%;
  height:300px;
}

.isMd a {
  text-decoration: none;
}

.isMd a:hover {
  text-decoration: underline;
}

.isMd a:focus,
.isMd input:focus,
.isMd select:focus,
.isMd textarea:focus {
  outline: 1px solid -webkit-focus-ring-color;
  outline-offset: -1px;
}

.isMd hr {
  border: 0;
  height: 2px;
  border-bottom: 2px solid;
}

.isMd h1 {
  padding-bottom: 0.3em;
  line-height: 1.2;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.isMd table {
  border-collapse: collapse;
}

.isMd table>thead>tr>th {
  text-align: left;
  border-bottom: 1px solid;
}

.isMd table>thead>tr>th,
.isMd table>thead>tr>td,
.isMd table>tbody>tr>th,
.isMd table>tbody>tr>td {
  padding: 5px 10px;
}

.isMd table>tbody>tr+tr>td {
  border-top: 1px solid;
}

.isMd blockquote {
  margin: 0 7px 0 5px;
  border-left-width: 5px;
  border-left-style: solid;
  background: #EDEDED;
  padding: 3px 16px 3px 10px;
  font-style: normal;
}

.isMd p {
  margin-top: 5px;
  margin-bottom: 5px;
}

.isMd blockquote p {
  font-style: normal;
}

.isMd code {
  font-family: Menlo, Monaco, Consolas, "Droid Sans Mono", "Courier New", monospace, "Droid Sans Fallback";
  font-size: 1em;
  line-height: 1.357em;
}

.isMd pre code {
  color: var(--vscode-editor-foreground);
  tab-size: 4;
}

.isMd pre {
  background-color: rgb(245, 245, 245);
  border: 1px solid rgb(204, 204, 204);
  padding: 8.5px;
}

.isMd table>thead>tr>th {
  border-color: rgb(204, 204, 204);
}

.isMd h1,
.isMd hr,
.isMd table>tbody>tr+tr>td {
  border-color: rgb(204, 204, 204);
}

div.blog_text.isMd ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
  list-style-type: unset;
  list-style-position:unset;
}
/* -------------------------------------------------------------------------- */
/*                              MD styles END                                 */
/* -------------------------------------------------------------------------- */