/*the html always has scroll in order to resolve flicker issue*/
html {
overflow-y: scroll;
}
* {
font-family: 'Poppins', 'Open Sans', sans-serif;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #549a54;
text-decoration: none;
}
.header-top {
border-bottom: 1px solid #e8e8e8;
padding: 4px 0;
font-size: 13px;
background-color: #f3f3f3;
color: #707070;
}
.search-container {
width: 100%;
font-size: 15px;
padding: 10px 20px;
border: 0;
outline-color: #f3f3f3;
transition: all 0.5s;
}
.search-container:focus {
outline-color: #549a54;
transition: all 0.5s;
}
.search-btn {
position: absolute;
right: 15px;
line-height: 42px;
width: 45px;
padding-left: 15px;
color: #949494;
font-size: 18px;
top: 15px;
left: 200px;
}
/*user actions*/
.user-action {
position: relative;
display: inline-block;
}
.user-action-btn {
background-color: #f3f3f3;
color: #333;
padding: 0 8px 8px 8px;
border: none;
cursor: pointer;
}
.user-action-btn:focus {
outline: unset;
}
.user-action:hover .user-action-btn {
color: #549a54;
}
.user-action-content {
visibility: hidden;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
z-index: 1;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
transition: 0.3s;
}
.user-action-content a {
color: #737161;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.user-action-content a:hover {
color: #549a54;
}
.user-action:hover .user-action-content {
visibility: visible;
transition-delay: 0.3s;
}
/*user actions*/
/*navigation bar*/
.navbar-main {
margin-bottom: 0;
background: #549a54;
border-radius: 0;
border: 0;
}
.navbar-main .navbar-collapse {
border-color: #fff;
}
.navbar-main .navbar-toggle {
border-color: #ffffff;
}
.navbar-main .navbar-toggle:hover {
background-color: #69aa69;
}
.navbar-main .navbar-toggle:focus {
background-color: #69aa69;
}
.navbar-main .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-main .navbar-nav > li > a {
color: white;
padding-left: 8px;
padding-right: 8px;
font-size: 13px;
text-transform: uppercase;
}
.navbar-main .navbar-nav > li > a:hover {
background: linear-gradient(to bottom, rgba(243, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);
color: #549a54;
}
.navbar-main .navbar-nav > li > a:focus {
background: linear-gradient(to bottom, rgba(243, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);
color: #549a54;
}
/*navigation bar*/
.page-title {
height: 50px;
padding-top: 14px;
}
.page-content {
min-height: 72vh;
}
.footer {
padding-top: 20px;
padding-bottom: 20px;
margin-top: 40px;
background: #f3f3f3;
}
.button-animated {
background-color: #F0B800;
width: 140px;
border: 0;
color: white;
font-weight: 600;
font-size: 12px;
padding: 5px 15px;
border-radius: 2px;
box-shadow: none;
transition: all 0.2s;
}
.button-animated:hover {
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
transition: all 0.2s;
}
.button-animated:hover {
outline: none;
}
.breadcrumb-custom {
font-size: 13px;
color: #707070;
cursor: pointer;
}
.breadcrumb-separator {
color: #707070;
font-size: 13px;
padding: 0 3px 0 3px;
}
.filter-box {
box-shadow: 0 2px 12px -4px rgba(0, 0, 0, .5);
margin-bottom: 10px;
}
.filter-title {
background: #f4f3f3;
padding: 10px 15px;
font-weight: bold;
color: #549b53;
}
.filter-list {
list-style-type: none;
padding: 0;
}
.filter-option {
padding: 7px 10px 7px 25px;
display: block;
color: #549a54;
font-size: 13px;
}
.filter-checkbox {
margin: 3px 7px 3px -14px !important;
vertical-align: top;
}
/*cart*/
.badge-custom {
position: absolute;
padding-top: 3px;
top: -9px;
left: 34px;
width: 18px;
height: 18px;
display: inline-block;
background-color: #549a54;
border-radius: 10px !important;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 10px;
line-height: 12px;
}
/*cart*/
.portlet {
box-shadow: 0 2px 12px -4px rgba(0, 0, 0, .5);
margin-bottom: 16px;
padding: 16px;
}
.portlet-title {
font-size: 24px;
border-bottom: 1px solid #eee;
padding-bottom: 8px;
}
.portlet-body {
padding: 8px;
}
.portlet-footer {
border-top: 1px solid #eee;
padding-top: 8px;
}
.products-content .pagination {
margin: 0;
float: right;
padding-bottom: 8px;
}
.products-content .page-link {
color: #549a54;
border: 1px solid #549a5436;
min-width: 37px;
text-align: center;
cursor: pointer;
}
.products-content .active .page-link {
color: #fff;
background-color: #549a54c4;
border: 1px solid #549a5436;
}
.products-content .active .page-link:hover,
.products-content .page-link:hover {
color: #fff;
background-color: #549a54;
border: 1px solid #549a5436;
}
.portlet-product-box {
box-shadow: 0 2px 12px -4px rgba(0, 0, 0, .5);
margin-bottom: 16px;
padding: 16px;
min-height: 283px;
color: #737161;
}
.portlet-product-box:hover {
color: #549b53;
}
.portlet-title-product-box {
font-size: 24px;
border-bottom: 1px solid #eee;
padding-bottom: 16px;
}
.portlet-body-product-box {
min-height: 67px;
text-align: center;
font-size: 13px;
font-weight: 600;
padding: 5px 0;
}
.portlet-footer-product-box {
padding-top: 8px;
}
.static-info {
padding-top: 4px;
padding-bottom: 4px;
}
.static-info .value {
text-align: right;
}
.product-table {
margin: 0;
}
.product-table > thead > tr > th {
border: 0 !important;
text-align: center;
}
.product-table > tbody > tr > td {
text-align: center;
border-color: #eee !important;
}
.product-table > tbody > tr:first-child > td {
border: 0 !important;
}
.circular-landscape {
width: 23px;
height: 23px;
border-radius: 50%;
margin-bottom: 9px;
}
.form-error {
font-size: 13px;
text-align: left;
color: #ce5553;
padding-left: 5px;
margin-bottom: -10px;
display: none;
}
.alert {
padding: 8px 14px;
margin-bottom: 16px;
text-align: left;
display: none;
border-radius: 0;
font-size: 13px;
}
/* stil adaugat pentru modulul de cautare */
#display-models,#display-printers{
font-size: 16px;
height: 80px;
line-height: 40px;
}
/* stil adaugat pentru total Comanda */
.totalcom {
float:right;
width:100%;
}