@import url('carturesti/style.css');
@import url('introjs.css');

.todo {
    color: #BDC3C7;
    margin-bottom: 20px;
    border-radius: 6px;
}

.todo ul {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-radius: 0 0 6px 6px;
}

.todo ul#filter-bar {
    border-radius: 0;
}

.todo li {
    background: #F5F5F5 url(../img/page.png) 95% center no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.214;
    margin-top: 2px;
    padding: 18px 25px 21px;
    position: relative;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.counter-pager {
    font-size: 21px;
    line-height: 18px;
    color: white;
    text-align: right;
}

.todo li:first-child {
    margin-top: 0;
}

.todo #filter-bar li.todo-done {
    background-image: none;
}

#filter-bar .todo-icon:before {
    color: #f5f5f5;
}

#filter-bar .todo-icon.active:before {
    color: #27AE60;
}

.todo #filter-bar {
    background-color: #BDC3C7;
}

.todo li:last-child {
    border-radius: 0 0 6px 6px;
    padding-bottom: 21px;
}

.todo li.todo-done {
    background: transparent url(../img/pagecurl.png) 95% center no-repeat;
    background-size: 20px 20px;
    color: #27AE60;
    border-radius: 0;
}

.todo li.todo-done .todo-name {
    color: #34495E;
}

.todo-search {
    position: relative;
    background: #BDC3C7;
    background-size: 16px 16px;
    border-radius: 6px;
    color: #27AE60;
    padding: 12px 25px;
}

.center-search.init .todo-search {
    border-radius: 6px 6px 0 0;
}

.todo-search:before {
    position: absolute;
    font-family: 'Flat-UI-Icons';
    content: "\e01c";
    font-size: 18px;
    line-height: 17px;
    display: inline-block;
    top: 50%;
    left: 92%;
    margin: -0.5em 0 0 -1em;
}

input.todo-search-field {
    background: none;
    border: none;
    color: #27AE60;
    font-size: 19px;
    font-weight: 700;
    margin: 0;
    line-height: 23px;
    padding: 5px 0;
    text-indent: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input.todo-search-field:-moz-placeholder {
    color: #27AE60;
}

input.todo-search-field::-moz-placeholder {
    color: #27AE60;
}

input.todo-search-field:-ms-input-placeholder {
    color: #27AE60;
}

input.todo-search-field::-webkit-input-placeholder {
    color: #27AE60;
}

input.todo-search-field.placeholder {
    color: #27AE60;
}

.todo-icon {
    float: left;
    font-size: 24px;
    padding: 0 22px 11px 0;
}

.todo-content {
    padding-top: 1px;
    overflow: hidden;
}

.todo-name {
    color: #34495E;
    font-size: 17px;
    margin: 1px 0 3px;
}

.todo-icon {
    display: inline-block;
    font-family: 'Flat-UI-Icons';
    color: #BDC3C7;
    /*noinspection CssUnknownProperty*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.todo-icon.active {
    color: #27AE60;
}

.strikethrough {
    text-decoration: line-through;
}

.cart-item .clickable {
    cursor: pointer;
}

#page-bar .todo-icon.page {
    width: auto;
    display: table-cell;
    cursor: pointer;
}

#search-results li {
    height: 80px;
}

/*noinspection ALL*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
    .todo li {
        background-image: url(../img/page-2x.png);
    }

    .todo li.todo-done {
        background-image: url(../img/pagecurl-2x.png);
    }
}

@-webkit-keyframes searchPosition /* Safari and Chrome */
{
    0% {
        top: 200px;
        left: 33%;
    }
    100% {
        left: 0;
        top: 0;
    }
}

@-webkit-keyframes searchPositionReset /* Safari and Chrome */
{
    0% {
        left: 0;
        top: 0;
    }
    100% {
        top: 200px;
        left: 33%;
    }
}

.center-search, .center-search.init.reset {
    position: relative;
    top: 200px;
    left: 33%;
}

.center-search.init {
    -webkit-animation: searchPosition .5s ease;
    position: relative;
    top: 0;
    left: 0;
}

.center-search.init.reset {
    -webkit-animation: searchPositionReset .5s ease;
}

@-webkit-keyframes searchResultsHeight /* Safari and Chrome */
{
    0% {
        height: 0;
    }
    100% {
        height: 818px;
    }
}

@-webkit-keyframes searchResultsHeightReset /* Safari and Chrome */
{
    0% {
        height: 0;
    }
    100% {
        height: 818px;
    }
}

#search-results, #search-results.init.reset {
    height: 0;
    overflow: hidden;
}

#search-results.init {
    -webkit-animation: searchResultsHeight .5s ease;
    height: 818px;
}

#search-results.init.reset {
    -webkit-animation: searchResultsHeightReset .5s ease;
    height: 0;
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

#filter-bar, #page-bar, #page-bar.init.reset, #filter-bar.init.reset {
    opacity: 0;
}

#filter-bar.init, #page-bar.init {
    -webkit-animation: fade-in .2s ease;
    opacity: 1;
    border-top: 2px solid rgba(255, 255, 255, .42);
}

#filter-bar.reset, #page-bar.reset {
    -webkit-animation: fade-out .2s ease;
    opacity: 0;
}

#search-results li {
    position: relative;
    left: 105%;
}

@-webkit-keyframes slide-in-left {
    0% {
        left: 105%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1
    }
}

#search-results li.slide-in-left {
    -webkit-animation: slide-in-left .3s ease;
    position: relative;
    left: 0;
    opacity: 1;
}

@-webkit-keyframes slide-out-left {
    0% {
        left: 0;
        opacity: 1
    }
    100% {
        left: -105%;
        opacity: 0
    }
}

#search-results li.slide-out-left {
    -webkit-animation: slide-out-left .3s ease;
    position: relative;
    left: -105%;
    opacity: 0;
}

@-webkit-keyframes slide-in-right {
    0% {
        left: -105%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1
    }
}

#search-results li.slide-in-right {
    -webkit-animation: slide-in-right .3s ease;
    position: relative;
    left: 0;
    opacity: 1
}

@-webkit-keyframes slide-out-right {
    0% {
        left: 0;
        opacity: 1
    }
    100% {
        left: 105%;
        opacity: 0
    }
}

#search-results li.slide-out-right {
    -webkit-animation: slide-out-right .3s ease;
    position: relative;
    left: 105%;
    opacity: 0;
}

@-webkit-keyframes slide-out-top {
    0% {
        height: 343px;
        padding-top: 49px
    }
    100% {
        height: 0;
        padding-top: 0
    }
}

#vimeo.slide-out-top .content {
    -webkit-animation: slide-out-top .3s ease;
    position: relative;
    height: 0;
    padding-top: 0;
}

#vimeo.slide-out-top {
    padding-top: 0;
}

@-webkit-keyframes slide-in-top {
    0% {
        height: 0;
    }
    100% {
        height: 343px;
    }
}

#vimeo.slide-out-top.reset .content {
    -webkit-animation: slide-in-top .3s ease;
    height: 343px;
    visibility: hidden;
}

.cart-limit {
    max-height: 757px;
    overflow: auto;
}

.desc-limit {
    overflow: hidden;
    max-height: 586px;
}

#search-results li.in-view {
    position: relative;
    left: 0%;
}

#vimeo {
    text-align: center;
    margin: 0;
    overflow: hidden;
    padding-top: 27px;
}

.col-lg-3.bot-col {
    display: table-cell;
    vertical-align: bottom;
    float: none;
}

.split:not(.palette) {
    padding: 0;
}

.split:first-child .btn {
    border-bottom-right-radius: 0;
}

.small-icon {
    height: 2em;
    padding-right: 10px;
    float: right;
    font-size: 20px;
    cursor: pointer;
}

.small-icon.fui-cross {
    padding-right: 0;
}

.fui-cross.clear-search {
    float: right;
    padding: 0;
    margin-top: 9px;
    cursor: pointer;
}

li.cart-item {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 6px;
}

li.cart-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.cart-item.inSite .todo-icon, .cart-item.inSite a {
    color: #16a085
}

.cart-item.inGroup .todo-icon, .cart-item.inGroup a {
    color: #3498db;
}

.cart-item.inNetwork .todo-icon, .cart-item.inNetwork a {
    color: #f1c40f;
}

.cart-item.unavailable .todo-icon, .cart-item.unavailable a {
    color: #e74c3c
}

.split.right {
    text-align: right;
}

.search-icon {
    font-size: 16px;
    position: relative;
    top: 7px;
    left: 18px;
    cursor: pointer;
}

#scrollable {
    max-height: 540px;
    text-align: justify;
    overflow-y: auto;
    padding-right: 10px;
}

.btn-white {
    color: #34495e;
    background-color: #ffffff;
    border-color: #398439;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-success {
    color: #34495e;
    background-color: #ffffff;
    border-color: #398439;
}

.share .btn {
    border-radius: 0;
}

.share div:last-child .btn {
    border-bottom-right-radius: 6px;
}

.share ul + div .btn {
    border-bottom-left-radius: 6px;
}

.share {
    border-radius: 6px;
}

.disponibilitate.alert {
    padding: 7px 15px;
    border-radius: 6px 0 0 6px;
}

.disponibilitate + .col-xs-3.split .btn {
    border-radius: 0 6px 6px 0;
    height: 46px;
}

#search-col .todo-search:before {
    content: '';
}

#product-head dl.palette-wet-asphalt {
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
}

#product-head dl dt {
    font-weight: normal;
}

input#query::-webkit-input-placeholder {
    color: white;
    font-weight: normal;
}

input#query:-moz-placeholder { /* Firefox 18- */
    color: white;
    font-weight: normal;
}

input#query::-moz-placeholder { /* Firefox 19+ */
    color: white;
    font-weight: normal;
}

input#query:-ms-input-placeholder {
    color: white;
    font-weight: normal;
}

#panou-meniu {
    width: 100%;
    background-color: #1abc9c;
/ / color: white;
    height: 54px;
    padding-top: 6px;
    position: fixed;
    margin-left: -15px;
    bottom: -54px;
    transition: all ease-out 0.4s;
    z-index: 10;
}

#panou-meniu.deschis {
    bottom: 0;
}

#panou-meniu .switch-meniu {
    font-family: 'Source Sans Pro';
    position: absolute;
    z-index: 1;
    bottom: 54px;
    left: 35.5%;
    background-color: #1abc9c;
    color: rgba(255, 255, 255, .65);
    padding: 7px 24px 12px;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    font-weight: bold;
    transition: all ease-out 0.4s;
}

#panou-meniu .switch-meniu:before {
    font-size: 16px;
    display: inline-block;
    position: relative;
    left: -8px;
    top: 1px;
    font-family: 'Flat-UI-Icons';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;

}

#panou-meniu.deschis .switch-meniu {
    color: white;
}

.visible-print .cart-item, .visible-print .cart-item .subtitlu, .visible-print .cart-item .subtitlu:before {
    font-size: 11px;
    line-height: 10px;
}

.visible-print table tr td {
    font-size: 12px;
    line-height: 12px;
}

.visible-print .cart-item {
    margin-top: 2px;
    border-top: 1px solid black;
    position: relative;
}

.visible-print .cart-item td, .visible-print .cart-item th {
    padding: 2px !important;
    border-top: none !important;
}

.visible-print .cart-item .subtitlu {
    font-weight: normal;
}

.visible-print .cart-item .subtitlu:before {
    content: ' / '
}

.visible-print .print-icon {
    position: absolute;
    color: #f5f5f5;
    right: 0;
    bottom: 20px;
    height: auto;
}

.visible-print, .visible-print h6 {
    margin: 0;
    padding: 0;
}

.visible-print h6 {
    font-size: 12px;
    margin: 0;
    padding: 0;
    clear: both;
}

.visible-print h5 {
    font-size: 18px;
    margin: -28px 0 0;
    padding: 0;
    clear: both;
}

.todo .todo-done h4.todo-name a {
    color: #16a085;
}

.todo-name button {
    position: absolute;
    right: 20px;
    top: 20px;
    color: white;
}

div.dropdown-menu form.form-horizontal {
    min-width: 468px;
    max-height: 850px;
    overflow: visible;
    padding: 20px;
    color: black;
}

.btn.inGroup {
    background-color: #3498db;
}

.btn.inSite {
    background-color: #1abc9c;
}

.btn.inNetwork {
    background-color: #f1c40f;
}

.btn.unavailable {
    background-color: #e74c3c;
}

div.dropdown-menu form.form-horizontal textarea {
    max-height: 420px;
    max-width: 420px;
}

.dropdown-menu .form-horizontal {
    margin-bottom: 0 !important;
    background-color: rgb(72, 201, 176);
}

.dropdown-menu .form-horizontal .fui-checkbox-unchecked, .dropdown-menu .form-horizontal .fui-checkbox-checked {
    top: 13px;
    display: block;
}

.dropdown-menu .checkbox label {
    color: white;
}

.open.dropup > .dropdown-menu {
/ / box-shadow: 3 px 12 px 21 px rgba(0, 0, 0, .27);
}

.form-horizontal .control-label {
    font-size: 18px;
    line-height: 26px;
    left: 10px;
    color: white;
}

.form-horizontal .control-label:after {
    content: ':';
}

#Feedback_subiect option {
    padding: 4px 10px;
}

.dropdown-menu, #front-feedback .dropdown-menu .form-horizontal {
    background-color: #48c9b0;
    border-radius: 6px;
}

.dropdown-menu .checkbox.checked .second-icon {
    color: rgba(255, 255, 255, .85);
}

.dropdown-menu .checkbox .icons {
    color: #16a085;
}

.dropdown-menu button[type="submit"] {
    background-color: rgba(0, 0, 0, .07);
    color: white;
    font-weight: bold;
}

.dropdown-menu button[type="submit"]:hover, .dropdown-menu button[type="submit"]:active {
    background-color: rgba(255, 255, 255, .65);
    color: #1abc9c;
}

.dropdown-menu .form-control {
    border: 2px solid #1abc9c;
}

.chosen-container-single .chosen-single {
    border: 1px solid #1abc9c;
}

.dropdown-menu .form-horizontal {
    position: relative;
    z-index: 2;
}

.thank-you-feedback {
    color: white;
    font-family: 'Source Sans Pro';
    font-weight: 900;
    font-style: italic;
    font-size: 48px;
    text-align: center;
    position: absolute;
    top: 100px;
    z-index: 1;
}

.raspuns-feedback {
    position: absolute;
    bottom: 0;
    color: white;
    z-index: 1;
    padding: 20px;
    font-size: 21px;
    font-weight: bold;
}

#contact-necompletat {
    margin: -20px 0 20px;
    display: none;
}

#probleme-produs .dropdown-menu {
    min-width: 470px;
    right: -450px;
    left: auto;
    text-align: right;
}

.well.cartu {
    background-color: #16a085;
    color: white;
}

#probleme-produs .well.cartu {
    border: 1px solid rgba(0, 0, 0, .12);
    margin-bottom: 0;
    font-size: 16px;
    border-radius: 6px 6px 0 0;
    padding: 15px;
}

#probleme-produs .dropdown-menu a {
    color: white;
    font-size: 18px;
}

#probleme-produs .dropdown-menu a:hover,
#probleme-produs .dropdown-menu a:active {
    color: rgba(0, 0, 0, .65);
}

#probleme-produs .dropdown-menu li {
    border-top: 1px solid rgba(255, 255, 255, .21);
}

#thank-you-note {
    clear: both;
    color: white;
    font-size: 24px;
    font-weight: bold;
    top: 20px;
    position: relative;
}

.numpad .glyphicon {
    position: absolute;
    left: 40px;
    top: 280px;
    font-size: 50px;
    color: #ddd;
    z-index: 0;
    color: rgba(0,0,0,.12);
    text-shadow: -1px -1px 0 rgba(255,255,255,.21);
}

.introjs-helperNumberLayer {
    width: 28px;
    height: 28px;
}

#front-feedback {
    position: fixed;
    right: 20px;
    bottom: 20px;
}

.introjs-tooltip {
    background-color: #16a085;
    color: white;
    width: 480px;
    max-width: 480px;
}

.introjs-bullets {
    text-align: right;
    padding-right: 20px;
}

.introjs-button {
    font: 16px/normal sans-serif;
    padding: 0.4em 1em;
}

.introjs-button:hover {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .21);
}

.introjs-arrow.right {
    border-left-color: #16a085;
}

.introjs-arrow.left {
    border-right-color: #16a085;
}

.introjs-arrow.top {
    border-bottom-color: #16a085;
}

.overlay-link {
    display: block;
    position: absolute;
    background-color: transparent;
    height: 343px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0);
}

.chosen-container-single .chosen-single {
    width: 300px;
    height: 34px;
    padding-top: 4px;
    background-image: none;
    background-color: white;
}

.chosen-container.chosen-with-drop .chosen-drop {
    width: 300px;
    margin-top: -4px;
}

.chosen-container-single {
    height: 34px;
}

.chosen-container-single .chosen-single div b {
    background-position: 0px 6px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 4px;
}

.chosen-container .chosen-results {
    max-height: 300px;
}

.refresh-area {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

.refresh-area .glyphicon:before {
    color: rgba(0, 0, 0, 0);
    font-size: 20px;
}

body {
    background-image: url("../img/bg-01.png");
}

.full-div {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background-color: white;
}

.text-white {
    font-size: 16px;
    padding-bottom: 15px;
    color: white;
}