/* 
    Document   : style.css
    Created on : August 2014
    Author     : pdv
    Description: Style for com_slideshow
*/

.sls_btn {
    display: inline-block; 
    padding: 8px 10px; 
    background-color: #616161; 
    color: #fff; 
    float: right; 
    cursor: pointer; 
}

.bar { 
    width: 100%;
    display: inline-block;
    padding: 10px; 
    background-color: #f2f2f2; 

    margin-bottom: 15px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.bar label,
.bar input {
    display: inline-block;
    margin: 0px !important;
}

.bar .bar-hide-mask,
.bar .bar-higlight-box,
.bar .bar-show-readmore {
    display: inline-block;
    padding: 7px 10px;
}

.boxname {
    position: absolute;
    display: inline-block;
    background-color: red;
    padding: 2px;
    color: #fff;
}


/* ORDERS */

.order_total_sum {
    font-size: 16px;
    display: inline-block;
}

.order_total_sum strong {
    color: #ed1c24;
}

.order_state_1 td {
    /*background-color: #f2f8fb !important;*/
}

.order_state_1:hover td {
    background-color: #f2f8fb !important;
}

.order_state_2 td {
    background-color: #f0f6e5 !important;
}

.order_state_2:hover td {
    background-color: #e8f2d9 !important;
}

.order_state_3 td {
    background-color: #d1e5b2 !important;
}

.order_state_3:hover td {
    background-color: #cae1a6 !important;
}

.order_state_4 td {
    background-color: #ffe5e5 !important;
}

.order_state_4:hover td {
    background-color: #ffd9d9 !important;
}

.order_state_5 td {
    background-color: #eee !important;
}

.order_state_5:hover td {
    background-color: #dfdfdf !important;
}


/* Cena bez DPH */

span.price_wv {
    width: 150px !important;
    display: inline-block !important;
    float: none !important;
    line-height: 28px !important;
}

input#jform_price,
input#jform_price_pair,
input#jform_price_set {
    float: left;
}

.header_hidden {
    visibility: hidden;
    height: 0px;
    margin: 0px;
    padding: 0px;
}

ul.product_variants {
    margin: 0px;
    list-style: none outside none;
    padding: 5px 17px;
    box-sizing: border-box;
    width: 100%;
}

ul.product_variants li {
    width: 100%;
    height: 37px;

    margin-bottom: 5px;
    padding: 8px 8px 8px 40px;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    /*background-color: #eee;*/
    border: 1px solid #ccc;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;

    cursor: move;
    background: #eee 10px center no-repeat url(../images/icons/ico-move.png);
}

ul.product_variants li.ui-state-highlight {
    border: 1px dashed #ccc;
    background: transparent !important;
}

ul.product_variants li a {
    display: inline-block;    
    text-decoration: none;    
}

ul.product_variants li a.elem_variant:before {
    content: "\6b";
    font-family: 'IcoMoon';
    font-style: normal;
    speak: none;
    margin-right: 10px;
}

ul.product_variants li a.delte_variant {
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    background: transparent center center no-repeat url(../images/icons/input_icons_cross.png);
    background-size: 18px 18px;
    position: absolute;
    right: 10px;
}

p.variants_intro {
    padding: 5px 17px;
}

a.add_product_variant {
    line-height: 22px;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
}

a.add_product_variant:hover {
    text-decoration: none;
}

a.add_product_variant:before {
    content: "\2a";
    font-family: 'IcoMoon';
    font-style: normal;
    font-size: 16px;
    color: #438700;
    speak: none;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.feed_links {
    width: 100%;
    display: inline-block;
    padding: 15px 0px;
}

.feed_links a {
    display: inline-block;
}

.feed_links a.feed_heureka,
.feed_links a.feed_zbozi {
    width: 120px;
    padding: 160px 20px 20px 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #444;
    text-decoration: none !important;

    border: 1px solid #e1e1e1;

    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;

    transition: all 600ms;
    -moz-transition: all 600ms;
    -webkit-transition: all 600ms;
}

.feed_links a.feed_heureka:hover,
.feed_links a.feed_zbozi:hover {
    background-color: #ddd;
    border: 1px solid #aaa;
}

.feed_links a.feed_heureka {
    background: #f4f4f4 center 20px no-repeat url(../images/icons/ico-heureka.png);
}

.feed_links a.feed_zbozi {
    background: #f4f4f4 center 20px no-repeat url(../images/icons/ico-zbozi.png);
}

/* Dashboard */

.element_dashboard h1 {
    width: 100%;

    display: inline-block;
    margin-bottom: 25px;

    font-family: 'PT Sans Narrow', 'Arial', 'Helvetica', sans-serif;
    font-size: 32px;
}

.dash_boxes {

}

.elem_select_types {
    text-align: center;
}

.dash_boxes .dash_box,
.elem_select_types .elem_select_type {
    width: 128px;
    height: auto;
    
    display: inline-block;
    padding: 15px;
    margin-right: 15px;
    margin-bottom: 15px;

    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;

    background-color: #ddd;

    border: 1px solid #bbb;

    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
}

.dash_boxes .dash_box {
    height: 150px;
    float: left;
}

.dash_boxes .dash_box:hover,
.elem_select_types .elem_select_type:hover {
    background-color: #afafaf;
}

.dash_boxes .dash_box a,
.elem_select_types .elem_select_type a {
    width: 100%;
    height: 100%;

    font-family: 'PT Sans Narrow', 'Arial', 'Helvetica', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #1d1c1a;
    text-align: center;

    display: block;
}

.dash_boxes .dash_box a:hover,
.elem_select_types .elem_select_type a:hover {
    text-decoration: none;
}

.dash_boxes .dash_box a:before,
.elem_select_types .elem_select_type a:before {
    content: "";

    width: 128px;
    height: 100px;

    display: inline-block;
    margin-bottom: 10px;

    background-color: transparent;
    background-size: 100px 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/dashboard/ico_products.png);
    background-image: url(../images/dashboard/ico_products.svg);
}

.elem_select_types .elem_select_type.select_type_tow a:before {
    background-image: url(../images/dashboard/ico_tow.png);
    background-image: url(../images/dashboard/ico_tow.svg);
}

.elem_select_types .elem_select_type.select_type_electro a:before {
    background-image: url(../images/dashboard/ico_electro.png);
    background-image: url(../images/dashboard/ico_electro.svg);
}

.elem_select_types .elem_select_type.select_type_other a:before {
    background-image: url(../images/dashboard/ico_other.png);
    background-image: url(../images/dashboard/ico_other.svg);
}

.dash_boxes .dash_box.dash_type_tows a:before {
    background-image: url(../images/dashboard/ico_tow_dark.png);
    background-image: url(../images/dashboard/ico_tow_dark.svg);
}

.dash_boxes .dash_box.dash_type_electros a:before {
    background-image: url(../images/dashboard/ico_electro_dark.png);
    background-image: url(../images/dashboard/ico_electro_dark.svg);
}

.dash_boxes .dash_box.dash_type_cars a:before {
    background-image: url(../images/dashboard/ico_cars.png);
    background-image: url(../images/dashboard/ico_cars.svg);
}

.dash_boxes .dash_box.dash_type_categories a:before {
    background-image: url(../images/dashboard/ico_categories.png);
    background-image: url(../images/dashboard/ico_categories.svg);
}

.dash_boxes .dash_box.dash_type_manufacturers a:before {
    background-image: url(../images/dashboard/ico_manufacturers.png);
    background-image: url(../images/dashboard/ico_manufacturers.svg);
}

.dash_boxes .dash_box.dash_type_orders a:before {
    background-image: url(../images/dashboard/ico_orders.png);
    background-image: url(../images/dashboard/ico_orders.svg);
}

.dash_boxes .dash_box.dash_type_params a:before {
    background-image: url(../images/dashboard/ico_params.png);
    background-image: url(../images/dashboard/ico_params.svg);
}

.dash_boxes .dash_box.dash_type_users a:before {
    background-image: url(../images/dashboard/ico_users.png);
    background-image: url(../images/dashboard/ico_users.svg);
}

.dash_boxes .dash_box.dash_type_feeds a:before {
    background-image: url(../images/dashboard/ico_feeds.png);
    background-image: url(../images/dashboard/ico_feeds.svg);
}

.dash_boxes .dash_box.dash_type_settings a:before {
    background-image: url(../images/dashboard/ico_settings.png);
    background-image: url(../images/dashboard/ico_settings.svg);
}

.dash_boxes .dash_box.dash_type_import a:before {
    background-image: url(../images/dashboard/ico_import.png);
    background-image: url(../images/dashboard/ico_import.svg);
}

/* Accordion */

#accordion:not(.ui-accordion) .accordion_container,
#accordion_files:not(.ui-accordion) .accordion_container,
.accordion_unwraped:not(.ui-accordion) .accordion_container {
    width: 100%;
    display: inline-block;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    padding: 15px;
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;

    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

#accordion:not(.ui-accordion) .uploadify-queue-item,
#accordion_files:not(.ui-accordion) .uploadify-queue-item,
.accordion_unwraped:not(.ui-accordion) .uploadify-queue-item {
    background-color: #eaeaea !important;
}

#accordion:not(.ui-accordion) .uploadify,
#accordion_files:not(.ui-accordion) .uploadify,
.accordion_unwraped:not(.ui-accordion) .uploadify {
    width: auto !important;
    height: auto !important;
    margin: 0px !important;
}

#accordion:not(.ui-accordion) .uploadify-queue,
#accordion_files:not(.ui-accordion) .uploadify-queue,
.accordion_unwraped:not(.ui-accordion) .uploadify-queue {
    margin: 10px 0px !important;
}

#accordion:not(.ui-accordion) .uploadify-queue:empty,
#accordion_files:not(.ui-accordion) .uploadify-queue:empty,
.accordion_unwraped:not(.ui-accordion) .uploadify-queue:empty {
    margin: 0px !important;
}

.accordion_unwraped .notice_no_images {
    margin: 10px 0px;
    font-size: 16px;
}

#accordion .filelist,
#accordion_files .filelist,
.accordion_unwraped .filelist {
    list-style: none outside none;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
}

#accordion .filelist li,
#accordion_files .filelist li,
.accordion_unwraped .filelist li {
    line-height: 28px;
    /*padding-left: 30px;*/
    padding: 5px 5px 5px 35px;
    background: transparent 5px 13px no-repeat url(../images/icons/ico-document.png);
}

#accordion .filelist li:hover,
#accordion_files .filelist li:hover,
.accordion_unwraped .filelist li:hover {
    /*background-color: #eee;*/
    background-color: #eaeaea;
}

.accordion_unwraped h3 {
    font-size: 24px;
}

.accordion_unwraped h3#images_ordering {
    margin-top: 45px;
}

/* Icons */

.icon-state-cart,
.icon-state-true,
.icon-state-false,
.icon-state-yellow,
.icon-state-black,
.icon-course-lock,
td .icon-publish,
td .icon-unpublish,
td .icon-preview {
    width: 20px !important;
    height: 20px !important;
    display: inline-block;
    margin: 0px;
    padding: 0px;

    background-size: 20px 20px !important;
}

.icon-state-cart {
    background: transparent center center no-repeat url(../images/icons/input_icons_incart.png);
}

.icon-state-true,
td .icon-publish {
    background: transparent center center no-repeat url(../images/icons/input_icons_tick.png);
}

.icon-state-false,
td .icon-unpublish {
    background: transparent center center no-repeat url(../images/icons/input_icons_cross.png);
}

.icon-state-yellow {
    background: transparent center center no-repeat url(../images/icons/input_icons_yellow.png);
}

.icon-state-black {
    background: transparent center center no-repeat url(../images/icons/input_icons_black.png);
}

.icon-course-lock {
    background: transparent center center no-repeat url(../images/icons/ico_course_lock.png);
}

.icon-course-lock.unlocked {
    opacity: 0.3;
}

.icon-attachement {
    background: transparent center center no-repeat url(../images/icons/ico_attachement.png);
}

td .icon-preview {
    background: transparent center center no-repeat url(../images/icons/input_icons_preview.png);
}

td .icon-publish:before,
td .icon-unpublish:before {
    content: "";
    color: transparent;
}

td .btn-micro,
td .btn-micro.active,
td .btn-micro.disabled,
td .btn-micro:hover,
td .btn-micro.active:hover {
    margin: 0px;
    padding: 0px;
    background: none;
    border: none;

    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;

    text-shadow: none;

    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

/* Modal select element type */

#modal-addnewelement {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    background-color: transparent;
}

#modal-addnewelement .modal-header {
    border: none;
}

#modal-addnewelement .modal-header h3 {
    font-family: 'PT Sans Narrow', 'Arial', 'Helvetica', sans-serif;
    font-size: 28px;
    color: #fff;
    text-align: center;
    margin: 20px 0px;
}

#modal-addnewelement .modal-header .close {
    border: none;
    color: #fff;
    opacity: 1;
}

#modal-addnewelement .elem_select_types .elem_select_type {
    width: 260px;
    background-color: #619600;
    border: 1px solid #273c00;
    
/*    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);*/
}

#modal-addnewelement .elem_select_types .elem_select_type:hover {
    /*background-color: rgba(255, 255, 255, 0.5);*/
    background-color: #444;
    border: 1px solid #222;
}

#modal-addnewelement .elem_select_types .elem_select_type a {
    width: 100%;
    height: 100%;
    
    padding-bottom: 30px;
    
    font-size: 28px;
    font-weight: 300;
    color: #fff;
}

#modal-addnewelement .elem_select_types .elem_select_type a:before {
    width: 100%;
    height: 200px;
    background-size: 100px 100px;
}

#modal-addnewelement .elem_select_types .elem_select_type.select_type_tow a:before {
    background-image: url(../images/dashboard/ico_tow_white.png);
    background-image: url(../images/dashboard/ico_tow_white.svg);
}

#modal-addnewelement .elem_select_types .elem_select_type.select_type_electro a:before {
    background-image: url(../images/dashboard/ico_electro_white.png);
    background-image: url(../images/dashboard/ico_electro_white.svg);
}

#modal-addnewelement .elem_select_types .elem_select_type.select_type_other a:before {
    background-image: url(../images/dashboard/ico_other_white.png);
    background-image: url(../images/dashboard/ico_other_white.svg);
}

#jform_car_id_chzn {
    width: 50% !important;
}

#jform_related_elements_chzn {
    width: 100% !important;
}

#jform_tow_id_chzn {
    width: 50% !important;
}

#jform_electro_id_chzn {
    width: 50% !important;
}

.price_with_vat {
    display: inline-block;
    background-color: #619600;
    
    padding: 5px 20px;
    margin-left: 10px;
    
    font-family: 'PT Sans Narrow', 'Arial', 'Helvetica', sans-serif;
    font-size: 12px;
    color: #fff;
    
    border: 1px solid #456b00;
    
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    
    position: relative;
    top: 1px;
}