/*******************************************************************************
 *  Fő stíluslap                                www.bsselektronika.hu          *
 *  V 1.0                                                                      *
 *  (c) BSSelektronika - Bíró Sándor                                           *
 *  2017.04.17.                                                                *
 *******************************************************************************/


.preloadImages {
  display:none;
}

.footer_icon {
  padding: 4px; 
}

.footer_icon:hover {
  background-color: #27595D;
  color: #FFFFFF;
}

.fa-pdf {
  background: url(../img/cat_pdf.png)  no-repeat top left;
  width:24px;
  height:24px;
  float:left;
}

.panel-hover:hover {
  background-color: #F9F9F9; 
}

.table-center-td td {
   text-align: center;   
}

.table-center-th th {
   text-align: center;   
}


a.panellink {
  color: #FFFF99;
  font-weight: bold;
  text-decoration: none;
}
a.panellink:hover {
  text-decoration: underline;
  color: #FFFFFF;
}
a.panellink:visited {
  text-decoration: none;
}

/*pdf dokumentációknál*/
a.partlink {
  color: #27595D;
  font-weight: bold;                                             
  text-decoration: none;
}
a.partlink:hover {
  text-decoration: overline underline;
  color: #666666;
}
a.partlink:visited {
  text-decoration: none;
}


a.search {
  color: #27595d;
  text-decoration: none;
}
a.search:hover {
  text-decoration: underline;
  color: #990000;
}
a.search:visited {
  text-decoration: none;
}

.form-hidden {
  width: calc(100% - 50px);
  height:20px; 
  overflow: hidden;  
  color: #31757B;
  background-color: transparent; 
  border: none;
  border-bottom: 1px dotted #AAAAAA;  
  cursor: pointer;
  resize: none;   
}

.article {
  text-align:justify;
}

.article_img {
  display: block;
  margin: auto;
}

.article_img:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,.075), 4px 4px 4px rgba(102, 175, 233, 0.5);
  box-shadow: inset 2px 2px 2px rgba(0,0,0,.075), 4px 4px 4px rgba(102, 175, 233, 0.5);
}    

.article_title {
  margin:-5px 5px 0 0;
}

.article a {
  color: #17494d;
  text-decoration: underline;   
}

.article a:hover {
  background-color:#33747A;
  color:#FFFFFF;
  text-decoration: none;  
}


.block {
  float:left;
  margin:0 0 4px 30px; 
}

.slicknav_menu {
  background: #27595d url('../img/logo_slicknav.png') no-repeat top left; 
}

#order-asc-button, #order-desc-button, #from-left-button, #from-right-button {
  font-size:20px;
  margin: 0px 0 0 0;  
  padding:0px;  
  border: none;
  width: 12px;
  overflow: hidden;
  cursor: pointer;
  cursor: hand;
  height:100%;    
}        

#order-asc-button {
  background: transparent url('../img/sort_asc.png') no-repeat top left;  
}
#order-asc-button:hover {
  background: transparent url('../img/sort_asc_over.gif') no-repeat top left; 
}
#order-desc-button {
  background: transparent url('../img/sort_desc.png') no-repeat top left;
}
#order-desc-button:hover {
  background: transparent url('../img/sort_desc_over.gif') no-repeat top left;
}  
#from-left-button {
  background: transparent url('../img/from_left.png') no-repeat top left;  
  height:100%;  
  margin:0px;
  padding:0px;
}
#from-left-button:hover {
  background: transparent url('../img/from_left_over.png') no-repeat top left; 
}
#from-right-button {
  background: transparent url('../img/from_right.png') no-repeat top left;  
  height:100%;  
  margin:0px;
  padding:0px;
}
#from-right-button:hover {
  background: transparent url('../img/from_right_over.png') no-repeat top left; 
}

/*cikk oldalmenü*/
#stickyheader {
  width: 50px;
  z-index:1000;
  padding-bottom:10px;
}

.stitckyfix {
  position: fixed;
  top: 90px;
}

.stitckystatic {
  position: static;
  top: 90px;
}

@media only screen and (max-width: 1000px) {
  #stickyheader {
    width: 100%;
    top:0px;
  }
}

/*szavazás*/
.rating {
  text-align:left;
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 36px; 
  cursor: pointer;
  cursor: hand;  
  height: 20px;
}
.rating > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
   color:#FFCC00;
   text-shadow: 0px 1px 10px #FF0000;   
}
.vote {
  font-size: 4em;
  margin: 0.3em 0;
}

/*popup ablak*/
#popup {
  width:600px;
  background-color: transparent;
  box-shadow: 2px 2px 10px #666666;     
}

@media only screen and (max-width: 620px) {
  #popup {
    width:96%;
    background-color: transparent; 
    box-shadow: 2px 2px 10px #666666;     
    display: block;
    margin: auto;    
  }
}
#searchbox{
    -webkit-transform: scale(0.1);
       -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
            transform: scale(0.1);
}
.popup_visible #searchbox{
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#editor {
    -webkit-transform: scale(0.1);
       -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
            transform: scale(0.1);
}
.popup_visible #editor{
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#yesno {
    -webkit-transform: scale(0.1);
       -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
            transform: scale(0.1);
}
.popup_visible #yesno{
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#error {
    -webkit-transform: scale(0.1);
       -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
            transform: scale(0.1);
}
.popup_visible #error{
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}


/* bootstrap kiegészítés*/
@media (max-width: 991px) {
  .hidden-xs991 {
    display: none !important;
  }
}

@media (max-width: 600px) {
  .hidden-xs600 {
    display: none !important;
  }
}

@media (max-width: 500px) {
  .hidden-xs500 {
    display: none !important;
  }
}

@media (max-width: 440px) {
  .hidden-xs440 {
    display: none !important;
  }
}   

@media (max-width: 1199px) {
  .hidden-xs1199 {
    display: none !important;
  }
}

.accordion_background {
  background-color:#F5F5F5;
}

.panel-primary > .panel-head-background {
  background-color:#33747A;
}

.btn-primary {
  color: #ffffff;
  background-color: #33747a;
  border-color: #2b6368;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #27595d;
  border-color: #193a3d;
}
/*
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
*/
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #33747a;
  border-color: #2b6368;
}
.btn-primary .badge {
  color: #33747a;
  background-color: #ffffff;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #33747A;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #33747A;
  border-color: #33747A;
}
/* bootstrap kiegészítés vége*/

textarea {
  resize: none;
}

.commentcount {
  border: none;
	width: 35px;
	text-align: center;
	background: transparent;
}

.iframe-uploadcomment {
  width: 100%;
  height: 130px;
  overflow: hidden;  
  border:none;  
}

.iframe-uploadavatar {
  width: 100%;
  height: 300px;
  overflow: hidden;  
  border:none;  
}

.iframe-uploadarticle {
  width: 100%;
  overflow: hidden;  
  border:none;  
}


/*hozzászólás oldal menü (smile, file, link)*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #42969E;
  overflow: hidden;
  transition: 0.5s;
  padding-top: 0px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus{
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.smiletable-spacer {
  margin:20px 20px 0 20px;
}

.linktable-spacer {
  margin:100px 20px 20px 20px;
}

.filetable-spacer {
  margin:100px 20px 20px 20px;
}

@media only screen and (max-width: 620px) {
  .smiletable-spacer {margin:4px;}
}

.smiletable {
  border: 2px solid #AAAAAA;
  box-shadow: 2px 2px 10px #666666;     
  width:100%;
}

.smiletable td{
  padding:3px;
  cursor: pointer;
  cursor: hand;
  height: 36px;
  width:10%;
  background-color: #DDDDDD;  
}

.smiletable td img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.smiletable td:hover{
  background-color: #F0AD4E;
  border: 1px solid #42969E;
}
/*hozzászólás oldal menü (smile, file, link) vége*/


/*share menü*/
#share {
  cursor: pointer;
  cursor: hand;
  width: 24px;
  height: 24px;
  background: url('../img/share/share.png');
  margin:1px 0 0 0;
}
.smedia {
  position: absolute;
  -webkit-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;
  -moz-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1),opacity 1s linear;
  -o-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;
  display: inline;
  opacity: 0;
  width: 40px;
  height: 40px;
  z-index: 100;
  margin:-10px 0px 0px 10px;
  text-indent: -9999px;
  background: no-repeat;
  left:3px;
}    
#share:hover .smedia {
  opacity: 1;
  transform: translate(0px,0);
  -webkit-transform: translate(0px,0);
  -o-transform: translate(0px,0); 
  -moz-transform: translate(0px,0);
  margin:-10px 0px 0px 10px;
  position: absolute;     
}
#share:hover .smedia:nth-child(1) {
  position: absolute;
  left:0px;    
}
#share:hover .smedia:nth-child(2) {
  position: absolute;
  left:40px;            
}
#share:hover .smedia:nth-child(3) {
  position: absolute;
  left:80px;           
}
#share:hover .smedia:nth-child(4) {
  position: absolute;
  left:120px;           
}
#share:hover .smedia:nth-child(5) {
  position: absolute;
  left:160px; 
}
#share:hover .smedia:nth-child(6) {
  position: absolute;
  left:200px; 
}
#share:hover .smedia:nth-child(7) {
  position: absolute;
  left:240px; 
}
.smedia.spacer {
  background: url('../img/share/spacer.png');
  cursor: default;    
}
.smedia.spacer_full {
  background: url('../img/share/spacer_full.png');
  cursor: default;    
}  
.smedia.facebook {
  background: url('../img/share/facebook.png');
}  
.smedia.facebook:hover {
	background-color: #3b5998;
}
.smedia.googleplus {
  background: url('../img/share/googleplus.png');
}
.smedia.googleplus:hover {
	background-color: #C53929
}
.smedia.twitter {
  background: url('../img/share/twitter.png');
}
.smedia.twitter:hover {
	background-color: #1C9DEC
}
.smedia.email {
  background: url('../img/share/email.png');
}
.smedia.email:hover {
	background-color: #66CC33;
}
.smedia.printer {
  background: url('../img/share/printer.png');
}
.smedia.printer:hover {
	background-color: #FFCC00;
}
.smedia:hover {
  background-position: 0 -40px;
  transition: all 0.5s ease 0.1s; 
  -webkit-transition: all 0.5s ease 0.1s;
}
/*share menu vége*/

/*ajax upload*/
.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.img-zone {
  background-color: #F2FFF9;
  border: 3px dashed #42969E;
  border-radius: 10px;
  padding: 20px;
}  
   
.img-zone h2 {
  margin-top: 0;
}

.progress,
#img-preview {
  margin-top: 15px;
}
/*ajax upload vége*/

/*katalógus*/
.parts_wrapper {
  float:left;
  height:33px;
  margin:5px;
  box-shadow: 1px 1px 1px #555555;   
}
.pdf_count {
  float:right;
  padding-right:6px;
  font-size: 10px;
  font-weight: normal;  
  color: #31757B;
}
.pdf_count:hover {
  color: #FFFFFF;
}
.pdf_img {
  float:left;
  width:30px;
  height:33px;
  background: url('../img/pdf.gif') no-repeat top left; 
  border: 1px solid #42969E;
  cursor: pointer;
  cursor: hand;
}
.pdf_img:hover {
  float:left;
  width:30px;
  height:33px;
  background: url('../img/pdf1.gif') no-repeat top left; 
  border: 1px solid #42969E;
  cursor: pointer;
  cursor: hand;
}
.pdf_item {
  width:190px;
  height:33px;
  padding: 5px 1px 0 34px;
  font-weight: bold;
  font-size:14px;  
  background-color: #DEF7D6;
  border: 1px solid #42969E;
  color: #525552;
  cursor: pointer;
  cursor: hand;
}
.parts_item {
  width:206px;
  height:33px;
  padding: 5px 1px 0 5px;
  font-weight: bold;
  font-size:14px;  
  background-color: #DEF7D6;
  border: 1px solid #42969E;
  color: #525552;
  cursor: pointer;
  cursor: hand;
}
.ic_item {
  width:280px;
  height:33px;
  padding: 5px 1px 0 5px;
  font-weight: bold;
  font-size:14px;  
  background-color: #DEF7D6;
  border: 1px solid #42969E;
  color: #525552;
  cursor: pointer;
  cursor: hand;
}
.parts_info {
  float:right;
  margin:-3px;
  text-align:right;
  padding:0 6px 0 0;
  font-size: 12px;
  font-weight: normal;
  height:33px;  
  width:110px;
  line-height: 13px;  
  color: #31757B;
}
.parts_info:hover {
  color: #FFFFFF;
}
.ic_info {
  float:right;
  margin-top:-5px;
  font-size: 12px;
  font-weight: normal;
  height:33px;  
  width:200px;
  line-height: 13px;  
}
.ic_description {
  width: 100%;
  height:100%; 
  color: #31757B;
  background-color: transparent; 
  border: none;
  text-align:right;
  cursor: pointer;
  resize: none;   
  padding-right:6px;
}
.pdf_item:hover, .parts_item:hover, .ic_item:hover, .ic_description:hover{
  background-color: #42969E;
  color:#FFFFFF;
}
.ic_pin {
  background: #FFFFFF;
  border: none;
  border-spacing:0px;
  width: 100%;
}
.ic_pin_left {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  font-size: 12px;
}
.ic_pin_right {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  text-align: center;
  font-size: 12px;
}
.ic_pin_name {
  text-align: center;
  font-size: 11px;
}
/* katalógus vége*/

/*keresés tag-ek*/
.search-tag {
  background: #27595D;
  border-radius: 3px 0 0 3px;
  display: inline-block;
  font-size: 10px;
  height: 22px;
  line-height: 22px;
  padding: 0 25px 0 10px;
  position: relative;
  margin: 0 7px 7px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  box-shadow: 1px -1px 0px rgba(0, 0, 0, 0.15) inset;
  color: #EEEEEE;
  cursor: pointer;   
}
.search-tag::before {
  background: #b3b3b3;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  right: 10px;
  position: absolute;
  width: 6px;
  top: 8px;   
}
.search-tag::after {
  background: #313131;
  border-bottom: 11px solid transparent;
  border-left: 10px solid #27595D;
  border-top: 11px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;  
}
.search-tag:hover {
  background-color: #7dc2c9;
  color: #333333;
}
.search-tag:hover::after {
  border-left-color: #7dc2c9;
}
/*keresés tag-ek vége*/