@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

ul.form-list { width: 96%; border-top: none; padding: 10px 20px; }
.form-list li.grid8 { width:66%; }

.add-new-group-supplier > div {
    margin: 2px 5px;
    padding: 13px 33px 33px;
}

a.import-group { float: left; }
a.import-group-member { float: left; margin: 10px 0 0 0; }
div#byEmail a.add-supplier-by-email, div#byEmail2 a.add-supplier-by-email { margin: -35px -16px 0 0; color: #ffffff; }

div#supplierList table a.undo-remove-supplier { float: right; }
div#byGroup select { width: 99%; float: none; }
div#byGroup div#supplierByGroup { width: 99%; max-height: 350px; overflow: auto; clear: both; float: none; }
div#byGroup div#supplierByGroup input#supplier_group_members_search { width: 85%; margin-top: 10px; }
div#byGroup div#supplierByGroup i.icon-search { position: absolute; margin: 20px 0 0 -20px; }
div#byGroup div#supplierByGroup ul { width: 95%; float: left; margin-top: 10px; }
div#byGroup div#supplierByGroup ul li { width: 95%; }
div#byGroup div#supplierByGroup ul li a { width: 96%; float: left; padding: 10px; background-color: #CBD9E1; border: 1px solid #FF7112; border-radius: 3px; }
div#byGroup div#supplierByGroup ul li:hover a { background-color: #FF7112; border: 1px solid #CBD9E1; }

div#supplierList2 table a.undo-remove-supplier { float: right; }
div#byGroup2 select { width: 99%; float: none; }
div#byGroup2 div#supplierByGroup2 { width: 99%; max-height: 350px; overflow: auto; clear: both; float: none; }
div#byGroup2 div#supplierByGroup2 input#supplier_group_members_search { width: 85%; margin-top: 10px; }
div#byGroup2 div#supplierByGroup2 i.icon-search { position: absolute; margin: 20px 0 0 -20px; }
div#byGroup2 div#supplierByGroup2 ul { width: 95%; float: left; margin-top: 10px; }
div#byGroup2 div#supplierByGroup2 ul li { width: 95%; }
div#byGroup2 div#supplierByGroup2 ul li a { width: 96%; float: left; padding: 10px; background-color: #CBD9E1; border: 1px solid #FF7112; border-radius: 3px; }
div#byGroup2 div#supplierByGroup2 ul li:hover a { background-color: #FF7112; border: 1px solid #CBD9E1; }

div#supplierList2 input#saveGroupSupplierMembers { width: 80px; }
div#supplierList2 a.export-suppliers-from-group { color: #ffffff; margin-right: 10px; }

section.supplier-status ul.icons-list { margin:0; padding: 0; }
section.supplier-status ul.icons-list li { margin:2px; padding: 0; }
section.supplier-status ul.icons-list li a { padding: 1px;}
section.supplier-status ul.icons-list li a i { font-size: 19px; color: #000; }
section.supplier-status ul.icons-list li a.selected i { border: 1px solid #111; background-color: #D8D8D8; }

div.results-top {
	display: none;
}

div.quick-action {
	float: right;
	position: absolute;
	margin: 190px 0 0 630px;
	display: none;
}

div.results-supplier-search div.results {
	margin:0px 0px 5px 15px !important;
	width:904px !important;
	padding: 10px;
	float: left;
}
div.results-supplier-search div.results div.left { width: 49%; float: left; }
div.results-supplier-search div.results div.right { width: 49%; float: right; }
div.results-supplier-search div.results div.stats { display: none; }

div.form-supplier-search input.supplier-search-form { width: auto; padding: 6px 24px; margin: -28px 134px 0 0; }
div.form-supplier-search input.supplier-quick-search-form { width: auto; padding: 6px 24px; margin: -28px 3px 0 0; }

div.form-filter-supplier-search ul li.filter-1>div {
    float: left;
    margin-bottom: 5px;
}

div.form-filter-supplier-search ul li.filter-1>div>label {
    margin-left: 5px;
}

div.form-filter-supplier-search ul li.filter-1 input#search_distance {
    width: 33px;
    float: left;
}

div.form-filter-supplier-search ul li.filter-1 input#search_zipCode {
    width: 50px;
    margin-left: 10px;
    float: left;
    margin-top: 17px;
}

div.form-filter-supplier-search ul li.filter-1 select {
    width: 180px !important;
    margin-left: 5px;
}

div.form-filter-supplier-search ul li.filter-1 div.divider {
    float:left; margin: 25px 0 0 -10px;
}

div.form-filter-supplier-search ul li.filter-2 label {
    display: inline-block;
    width: 193px;
    margin-bottom: 5px;
    float: left;
}

div.form-filter-supplier-search ul li.filter-2 input {
    margin-bottom: 5px;
}

div.form-filter-supplier-search ul li.filter-3 input#search_percentResponse_first {
    width: 20px;
    margin-right: 5px;
    float: left;
}

div.form-filter-supplier-search ul li.filter-3 input#search_percentResponse_second {
    width: 20px;
    margin: -12px 0 0 10px;
    float: left;
}

div.form-filter-supplier-search ul li.filter-4 {
    width: 60px !important;
}

div.form-filter-supplier-search ul li.filter-5 {
    margin-left: 10px;
    width: 190px !important;
}

div.form-filter-supplier-search ul li.filter-5 input#search_avgTransactionValue_first {
    width: 60px;
    margin-right: 5px;
    float: left;
}

div.form-filter-supplier-search ul li.filter-5 input#search_avgTransactionValue_second {
    width: 60px;
    margin: -12px 0 0 10px;
    float: left;
}

div.supplier-search-loader { text-align: center; clear: both; }
div.supplier-search-loader img { margin: -30px 0 0 0; display: none; }

div.form-supplier-search a.show-supplier-basket { font-size: 15px; float: right; }
div.form-supplier-search a.show-supplier-basket i { font-size: 24px; }

/*div.results-pager { display: none; }*/
/*div.results-pager div ul { margin: 0; padding: 0; display: inline-block; }*/
/*div.results-pager div ul li { float: left; }*/
/*div.results-pager div ul li a { float: left; cursor: pointer; padding: 4px 6px; margin: 2px; border: 1px solid #FF7112; }*/
/*div.results-pager div ul li.active a, div.results-pager div ul li a:hover { background-color: #FF7112; color: #ffffff; }*/

div.basket-list { width: 250px; float: left; background-color: #FFFFFF; }
div.basket-list ul li { width: 85%; max-width: 250px; overflow: hidden; margin: 5px; padding: 10px; background-color: #CBD9E1; border: 1px solid #FF7112; border-radius: 3px; }
div.basket-list ul li:hover { background-color: #FF7112; border: 1px solid #CBD9E1; }
div.basket-list ul li a.remove-supplier-basket { float: right; }

div.group-list { width: 400px; margin-left: 10px; float: left; background-color: #FFFFFF; }
div.group-list ul li { width: 90%; margin: 5px; padding: 10px; border: 1px solid #FF7112; border-radius: 3px; }
div.group-list ul li:hover { border: 1px solid #CBD9E1; }

span.tag {
    background-color: #4A6884;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    margin: 3px;
    padding: 3px 5px;
}
a.add-supplier-basket i { font-size: 15px !important; }

/* SYLWIA */

footer .foot p{margin-top: 25px !important;}
#mainmenu, #lngbox { line-height: 1; }
h4 { float: none !important; }
.head ul { margin-top: 0px !important; }
.expandable { border-bottom: none !important; }
#companyCard img { float: left; margin-right: 30px; }
.danefirmy { margin-top: 30px; float: left; }
.pdf { float: right; margin-top: 20px; }
.taglist > li { width: 15% !important; }
.taglist p { text-align: left; }
.tagi { padding-top: 5px !important; }
.handlowiec1 { float: left; width: 20% !important; margin-bottom: 20px !important; }
.handlowiec2 { float: left; width: 60% !important; margin-bottom: 20px !important; }

@media only screen and (max-width: 1087px)  {
.handlowiec1 { float: left; width: 100% !important; }
.handlowiec2 { float: left; width: 100% !important; }
}
@media only screen and (max-width: 900px)  {
.taglist > li { width: 20% !important; }
}
@media only screen and (max-width: 665px)  {
.taglist > li { width: 30% !important; }
}
@media only screen and (max-width: 486px)  {
.taglist > li { width: 40% !important; }
}
@media only screen and (max-width: 371px)  {
.taglist > li { width: 100% !important; }
}


#vishandlowcy { display: none; border-bottom: none !important; border-top: 1px solid #e5e5e5; }
#vishandlowcy h3 { padding-top: 20px !important; }
#companyCard { border-bottom: 1px solid #e5e5e5; }
#pozostali, #pozostaletagi { padding-bottom: 20px; text-decoration: underline; color: #4e6376; cursor: pointer; }
.titletagi { font-size: 18px !important; }
#pozostaletagi { margin-top: 20px; }
.raport h3 { float: left; }
.raportrow { padding-bottom: 30px; border: none !important; }
.pdf span { margin-top: 20px; float: left; font-weight: bold; }

.raport .content { padding-top: 0px !important; margin-top: 0px !important; }
.raportowanie { padding-bottom: 20px; margin-bottom: 30px; }
.handlowiec { border: none !important; } 

.info { background: url(img/info.png) no-repeat; padding: 5px 20px 0px 0px !important; margin: 0px 0px 0px 10px !important; border: none; }
#dymek1 { display: none; border: 1px solid #e5e5e5; background: #f2f2f2; font-size: 13px; padding: 10px; margin-left: 10px; position: absolute; z-index: 10; margin-top: -18px; }
#info20 { margin: 27px 0 0 0 !important; float: left; width:20px; height: 20px;}
#dymek20 { display: none; border: 1px solid #e5e5e5; background: #f2f2f2; font-size: 13px; padding: 10px; margin-left: 1px; position: absolute; z-index: 10; margin-top: 21px; white-space: pre-line; line-height: 1.5em; }
#dymek2 { display: none; border: 1px solid #e5e5e5; background: #f2f2f2; font-size: 13px; padding: 10px; margin-left: 10px; margin-top: 10px; float: left; }
.info2 { text-transform: initial !important; float: left; height: 35px; background-position: 0px 18px; }
.full-report-link { text-decoration: underline; }

@media only screen and (max-width: 1500px)  {
#content>.minHeight { width: 95% !important; }
}
@media only screen and (max-width: 960px)  {
#content>.minHeight { width: 100% !important; }
}

.minHeight {
    padding: 20px !important;
}

.danefirmy h1 { margin: 0px 0px 30px 0px !important; }

fieldset, label { margin: 0; padding: 0; }

/****** Style Star Rating Widget *****/

.rating { 
  border: none;
  float: left;
      margin-left: 50px;
    margin-top: 23px;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/


.rating > label { min-width: 0px !important; }