@import "./matrice-prices.css";

/********** Select color choice **********/
span.select-color-choice {
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-right: 5px;
    position: relative;
    top: 6px;
    line-height:24px;
    text-align:center;
    font-family: "Times New Roman", Arial, serif;
    font-weight: bold;
}
span.select-color-choice.gravure-text:before {
    content: "T";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -4px;
}

span.select-color-choice.select-color-choice-black {background-color: #000;}
span.select-color-choice.select-color-choice-white {background-color: #fff;}
span.select-color-choice.select-color-choice-grey {background-color: #c1c1c1;}
span.select-color-choice.select-color-choice-blue {background-color: #0d71bb;}
span.select-color-choice.select-color-choice-red {background-color: #ff0000;}
span.select-color-choice.select-color-choice-green {background-color: #1a531b;}
span.select-color-choice.select-color-choice-orange {background-color: #FFA500;}
span.select-color-choice.select-color-choice-fuchsia {background-color: #ff00ff;}
span.select-color-choice.select-color-choice-taupe {background-color: #483C32;}
span.select-color-choice.select-color-choice-turquoise {background-color: #40e0d0;}
span.select-color-choice.select-color-choice-silver {background-color: #C0C0C0;}
span.select-color-choice.select-color-choice-violet {background-color: #800080;}
span.select-color-choice.select-color-choice-textile {background-color: #ff0000;}
span.select-color-choice.select-color-choice-peony_pink {background-color: #E45E9D;}
span.select-color-choice.select-color-choice-pink {background-color: #E45E9D;}
span.select-color-choice.select-color-choice-burgundy {background-color: #8C001A;}
span.select-color-choice.select-color-choice-yellow {background-color: #FFFF00;}
span.select-color-choice.select-color-choice-brown {background-color: #835C3B;}
span.select-color-choice.select-color-choice-clementine_orange {background-color: #FFA500;}
span.select-color-choice.select-color-choice-mint_green {background-color: #98ff98;}
span.select-color-choice.select-color-choice-mango {background-color: #FF8040;}
span.select-color-choice.select-color-choice-pastel_blue {background-color: #B3D8DF;}
span.select-color-choice.select-color-choice-pastel_pink {background-color: #CB89AD;}
span.select-color-choice.select-color-choice-pastel_green {background-color: #8AC4BB;}
span.select-color-choice.select-color-choice-pastel_peach {background-color: #F4B28F;}

#card_models img{
    cursor: pointer !important;
}
#card_models img:hover{
    opacity: 0.8 !important;
}

span.select-color-choice.select-color-choice-indifferent {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' id='svg2' height='48px' width='48px' version='1.1' viewBox='0 0 24 24'%3E%3Cmetadata id='metadata11'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs9' /%3E%3Cg id='surface1'%3E%3Crect transform='matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)' y='7.0795941' x='-0.36413157' height='19.451429' width='0.57527333' id='rect4171' style='opacity:1;fill:%23db2828;fill-opacity:1;stroke:%23000000;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' /%3E%3Crect transform='matrix(-0.70710678,-0.70710678,0.70710678,-0.70710678,0,0)' y='-9.8149204' x='-17.105658' height='19.451429' width='0.57527333' id='rect4171-3' style='opacity:0.98999999;fill:%23db2828;fill-opacity:1;stroke:%23000000;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' /%3E%3C/g%3E%3C/svg%3E");
    border: solid 1px #c1c1c1;
    background-position: center;
}

span.select-color-choice.select-color-choice-1015,
span.select-color-choice.select-color-choice-1015-black{background-color: #e6d690;color:#000;}
span.select-color-choice.select-color-choice-1018,
span.select-color-choice.select-color-choice-1018-black{background-color: #F8F32B;color:#000;}

span.select-color-choice.select-color-choice-white-black{background-color: #FFFFFF;color:#000;}
span.select-color-choice.select-color-choice-white-3001{background-color: #FFFFFF;color:#A52019;}
span.select-color-choice.select-color-choice-white-5017{background-color: #FFFFFF;color:#005B8C;}

span.select-color-choice.select-color-choice-3001,
span.select-color-choice.select-color-choice-3001-white{background-color: #A52019;color:#FFF;}
span.select-color-choice.select-color-choice-5017,
span.select-color-choice.select-color-choice-5017-white{background-color: #005B8C;color:#FFF;}
span.select-color-choice.select-color-choice-8011,
span.select-color-choice.select-color-choice-8011-white{background-color: #5B3A29;color:#FFF;}
span.select-color-choice.select-color-choice-3004,
span.select-color-choice.select-color-choice-3004-white{background-color: #75151E;color:#FFF;}
span.select-color-choice.select-color-choice-7012,
span.select-color-choice.select-color-choice-7012-white{background-color: #4E5754;color:#FFF;}
span.select-color-choice.select-color-choice-6032,
span.select-color-choice.select-color-choice-6032-white{background-color: #317F43;color:#FFF;}
span.select-color-choice.select-color-choice-6026,
span.select-color-choice.select-color-choice-6026-white{background-color: #015D52;color:#FFF;}
span.select-color-choice.select-color-choice-2009,
span.select-color-choice.select-color-choice-2009-white{background-color: #F54021;color:#FFF;}
span.select-color-choice.select-color-choice-5002{background-color: #20214F;}
span.select-color-choice.select-color-choice-6029{background-color: #20603D;}
span.select-color-choice.select-color-choice-4002{background-color: #922B3E;}
span.select-color-choice.select-color-choice-3020{background-color: #CC0605;}
span.select-color-choice.select-color-choice-golden,
span.select-color-choice.select-color-choice-golden-black{background-color: #cebc6f;color:#000;}
span.select-color-choice.select-color-choice-silver-black {background-color: #C0C0C0;color:#000;}
span.select-color-choice.select-color-choice-black-white {background-color: #000000;color:#FFF;}
span.select-color-choice.select-color-choice-ivory {background-color: #F9F3E4;}

span.select-color-choice.select-color-choice-bicolor {background-color: #0d71bb;}
span.select-color-choice.select-color-choice-bicolor:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 24px solid #ff0000;
    border-right: 24px solid transparent;
}

span.select-color-choice.select-color-choice-uninked {background: #FFF url('../img/transparent_ink.gif') center center no-repeat; border: solid 1px #ff0000;}

/********** Product show **********/
#recorded_print_config.hidden {display: none;}

/********** Select color choice **********/

/********** Select2 customization **********/
.select2-container--default .select2-selection--single {height: 38px; border-color: rgba(34, 36, 38, 0.14902);}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 38px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 6px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {color: #000; border-width: 6px 3px 0 3px;}
/********** Select2 customization **********/

/********** Cart summary **********/
#sylius-cart-items img.print_preview, table#sylius-order img.print_preview {border: solid 1px #c1c1c1; background-color: #c1c1c1;}
table#sylius-order img.print_preview {cursor: pointer;}
#sylius-cart-items .single.line a.sylius-product-name {display: inline-block; white-space: normal; max-width: 250px;}
#sylius-cart-items span.sylius-quantity {max-width: 80px;}

/********** Order summary **********/
#sylius-order img.print_preview {border: solid 1px #c1c1c1;}

#imageModal img {max-width: 100%; background-color: #c1c1c1; display: inline-block;}

#stampTypeModal .card a img {
    max-width: 100%;
    display: block;
}

#stampTypeModal .card .bottom {text-transform: uppercase; font-size: 1.2em; padding: 13px 25px;}
#stampTypeModal .card .bottom.button.nopadding {padding: 0 0;}
#stampTypeModal .card .bottom a {color: #fff; display: block; padding: 13px 25px;}


#product-price-wrapper {text-align: right; float: right;}
#product-price {display: inline-block; min-width: 70px;}

#prints_list .card {width:225px; }

.ui.primary.label {background-color: #325d88; color: #fff;}
.ui.dropdown .menu>.item {line-height: 1.2em;}
.ui.action.input>.button {line-height: 1em;}

.ui.breadcrumb {margin-bottom: 10px;}

#special_chars_keyboard .ui.button {font-weight: bold; font-size: 14px; text-transform: none; margin-bottom: 5px;}

#login-page {padding: 30px 0;}
#login-presentation-text h1 {font-size: 30px;}
#login-presentation-text h1, #login-presentation-text h2 {font-weight: normal;}
#login-presentation-text span.brand {color: #c20000;}
#login-presentation-text .ui.stackable.grid>.column:not(.row) {padding-top:0 !important; padding-bottom: 0 !important;}
#login-presentation-text .ui.stackable.grid ul {margin:0 0;}
#login-presentation-text > .column{padding-bottom: 15px;}
#login-presentation-text .ui.stackable.grid .column:first-child ul {margin-top:14px;}
#login-presentation-text .ui.stackable.grid .column:last-child ul {margin-bottom:14px;}

#login-blocks .column > .segment {min-height: 100%;}

.brand-style {
    font-style: italic;
    font-weight: bold;
}

.image.header-logo {width: 220px;}

#options-price-wrapper {margin-top: 15px;}
i.icon input {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#address-book-list .ui.button {background: #fff; color: rgba(0,0,0,.95);}
#address-book-list .ui.button.active {background: #c0c1c2;}

#checkoutDepartureType h3 {
    font-weight: bold;
    margin-bottom: 15px;
}

#checkoutDepartureType ul {padding-left: 20px;}

a.importantLink {color: #db2828; text-decoration: underline;}
.ui.buttons form:last-child .button {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem;
}

.sub-taxon-menu {
    /*display: flex;*/
    /*flex-basis: 30%;*/
}


.sub-taxon-menu .item a:hover {text-decoration: underline;}
.sub-taxon-menu .item > ul {
    /*list-style: none; */
    margin: 0 0 10px 0;
}
.sub-taxon-menu .item > h4 {
    padding: .5833em .833em;
    border-radius: .28571429rem;
    background-color: #e8e8e8;
    margin-bottom: 10px;
}
.sub-taxon-menu ul .item > h4 {
    padding: 0 0;
    border-radius: 0;
    background-color: transparent;
    margin-bottom: 0;
}
.sub-taxon-menu .item > ul h4 {font-weight: normal;}

#cart-widget-items {
    max-height: 300px;
    overflow-y: scroll;
}

#address_book_old .ui.button,
#address_book .ui.button {
    background: #fff;
    color: rgba(0,0,0,.95);
    border-top: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
}
#address_book_old .ui.button:last-child,
#address_book .ui.button:last-child{
    border-bottom: 1px solid #f3f3f3;
}

#address_book_old .ui.button.active,
#address_book .ui.button.active{
    background-color: rgba(0,0,0,.05);
    border-top: 1px solid #f6f6f6;
}
#address_book_old .ui.button:hover,
#address_book .ui.button:hover{
    background-color: rgba(0,0,0,.02);
}
#sylius-product-name{
    font-size:1.2rem;
}

.overlay.fixed#stampcustomizer-block {
    position: fixed;
    top:10px;
    left:10px;
    background-color:#fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    z-index:999;
    padding: 50px 0 0 0;
    transition: all 0.5s ease;
}
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

#stamp-product-grid .extra.content{
    text-align:center;
}
.stampcustomizer-msg{
    cursor:pointer;
}
#stampcustomizer-block .ui.hidden{
    display: none !important;
}