/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    /*padding-top: 40px;*/ /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
    max-height: 200px;
    margin-right: 10px;
    margin-left: 10px;
}

.productItem {
    /* //margin-bottom: 50px;
    //margin-top: 20px;*/
    padding-left: 10px;
    padding-right: 10px;
}

    .productItem img {
        margin-top: 20px;
        margin-bottom: 20px;
    }

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 640px;
    margin-bottom: 50px;
}

    header.carousel .item,
    header.carousel .item.active,
    header.carousel .carousel-inner {
        height: 100%;
    }

    header.carousel .fill {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
    }

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

    .price sup {
        top: -20px;
        left: 2px;
        font-size: 20px;
    }

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

img.eventImg {
    padding: 5px;
}

.navEventImg {
    display: block;
    clear: both;
}

.modal-body {
    position: relative;
    /*float:left;*/
}

.navEventImg input {
    position: absolute;
    width: 15%;
    height: 100%;
    border: 0;
    font-size: 80px;
    background-color: transparent;
}

    .navEventImg input.next {
        top: 0;
        left: 85%;
    }

    .navEventImg input.prev {
        top: 0;
        left: 0;
        /*width: 80px;
        height: 150px;
        display: none;
        position: relative;
        float: left;
        opacity: 0;
        z-index: 9;
        cursor: pointer;
        transition: opacity .11s;
        -moz-transition: opacity .1s;
        -webkit-transition: opacity .1s;
        filter: alpha(opacity=50);
        color: #FFF;
        font-size: 80pt;
        text-align: center;
        line-height: 120px;
        font-family: "Varela Round", sans-serif;
        background-color: rgba(247, 247, 247, .3);
        text-shadow: 0px 0px 15px rgb(119, 119, 119);*/
    }



.navEventImg input {
    opacity: 0.3;
}

    .navEventImg input:hover {
        opacity: 0.8;
        background-color: aliceblue;
    }


body {
    font-family: 'Vollkorn', serif;
    font-size: 16px;
    color: #878787;
}

.navbarLang, .navBarMenu {
    background-color: #fff;
    border: 0;
    margin-top: 0px;
    white-space: nowrap;
}

.navbar-brand {
    margin: 0;
    padding: 0;
    min-height: 100px;
}


.nav-bar-lang {
    margin-right: 0 !important;
    white-space: nowrap;
    float: none !important;
    margin-left: auto;
    display: table;
}

    .nav-bar-lang li {
        display: inline-block;
    }

.nav-bar-lang-cont {
    margin-top: 10px;
    margin-right: 20px;
    margin-left: auto;
    position: relative;
}

.navbar-header {
    padding-bottom: 20px;
}

.nav-bar-menu a {
    color: #878787;
    font-size: 21px;
}

.carousel-caption {
    background-color: rgba(135,135,135,0.6);
}

.mainCategory h3, .events-container h3 {
    margin-bottom: 20px;
}

    .mainCategory h3 a, .subCategory h3 a, .events-container h3 a {
        color: #878787;
        font-size: 22px;
    }

.mainCategory p a {
    color: #878787;
    font-size: 18px;
}

.designSpacer {
    display: none;
    margin-top: 50px;
    height: 80px;
    background-color: #E8E8E8;
}

.footer-container {
    margin-top: 50px;
    height: 150px;
    background-color: #E8E8E8;
    color: black;
    text-align: center;
    padding-top: 50px;
}

    .footer-container a {
        /*color: #FE642E;*/
        font-weight: 400;
    }

.google-maps {
    position: relative;
    padding-bottom: 75%;
    // This is the aspect ratio height: 0;
    overflow: hidden;
}

    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.page-header {
    margin-top: 80px;
}

ul.navTree {
    list-style: none;
    margin: 0px;
    padding-left: 35px;
    padding-top: 10px;
    float: none;
}

    ul.navTree li {
        float: left;
    }

.clear {
    clear: both;
}

.label {
    color: black;
}

.header {
    /*  margin-top: 40px;*/
}

@media (max-width: 992px) {
    .authorize-container {
        padding-top: 20px;
    }
}

.authorizeTab {
    cursor: pointer;
    padding: 2px;
    margin-bottom: 3px;
    font-weight: 600;
}

    .authorizeTab:hover {
        text-decoration: underline;
    }

.authorize-container {
    margin: 0 auto;
    max-width: 440px;
    text-align: center;
}

#payOrderForm, #loginForm {
    /*max-width: 300px;*/
    margin: 0 auto;
}

.form-control {
    height: 30px;
    margin-top: 3px;
}

label {
    margin-top: 7px;
}

.payButtonsLarge {
    text-align: center;
}

    .payButtons img, .payButtonsLarge img, .button {
        cursor: pointer;
        margin-top: 5px;
        margin-bottom: 10px;
        display: inline-block;
        max-width: 100px;
        padding: 7px;
        color: #555;
        background-color: #fff;
        background-image: none;
    }

    .payButtonsLarge img, .button {
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .payButtonsLarge img, .button {
        max-width: none;
        max-height: 50px;
    }

.button {
    padding: 3px;
    padding-right: 30px;
    padding-left: 30px;
}

img.payImageBanklink {
    padding-left: 42px;
    padding-right: 42px;
}

.shoppingCartButtonsTab a img {
    padding-bottom: 5px;
}

.shoppingCartButtonsTab {
    margin-right: 40px;
}


.eventOrderPlacedContainer .placeOrderLabel {
    min-width: 70px;
}

@media (min-width: 768px) {
    .eventOrderPlacedContainer .placeOrderLabel {
        min-width: 120px;
    }
}

.eventOrderPlacedContainer .eventOrderPlaced {
    text-align: right;
}

.orderMessageContainer h3 {
    margin-bottom: 30px;
    text-align: center;
}

.EventOrderPlacedContainer > div.wait {
    text-align: center;
}

.validationMsg {
    border: 1px solid red;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: red;
    max-width: 400px;
    margin: 0 auto;
    margin-top: 20px;
}

#PlaceOrder #validationMsg {
    text-align: center;
}

.confirmMsg {
    border: 1px solid green;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: green;
    max-width: 400px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
    background-color: #E0F8E0;
}

.orderButton {
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 10px;
    display: inline-block;
    padding: 7px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#OrderProductForm .orderFieldsContainer {
    background-color: #FAFAFA;
    padding-bottom: 50px;
    padding-top: 20px;
}

#OrderProductForm .orderTypeTab {
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    cursor: pointer;
    text-align: center;
}

#OrderProductForm .orderTypeContainer .active {
    background-color: #FAFAFA;
    font-weight: 600;
}

.eventOrderPlacedContainer .eventOrderPlaced {
    font-size: 20px;
    font-weight: 600;
}

.eventOrderPlacedContainer .payMessageContainer {
    text-align: center;
}

.shoppingCartContainer {
    padding-top: 50px;
    padding-bottom: 50px;
}

    .shoppingCartContainer div.cartColumnTitle {
        font-weight: bold;
    }

    .shoppingCartContainer div.product {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 5px;
    }

.labelText {
    padding-top: 5px;
}

.paymentResult, .mainMessage {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}



#userFilesRow span.userImage {
    margin: 20px;
    display: inline-block;
}

#userFilesRow img.userImage {
    padding: 5px;
}

    #userFilesRow img.userImage:hover {
        opacity: 0.8;
        cursor: pointer;
    }

#userFilesRow span.userImgChoosed {
    background-color: orangered;
}

.userImagesCart img.userImage {
    margin: 10px;
    max-height: 100px;
}


@media (max-width: 440px) {
    #loginForm .labelText, #payOrderForm .labelText {
        font-size: 12px;
        white-space: nowrap;
    }
}




#loginTab.active, #payOrderTab.active {
    text-decoration: underline;
}

.tax {
    font-size: 10px;
}


div.EventTitle {
    padding-left: 30px;
}

div.EventOrderPlacedContainer {
    margin-bottom: 40px;
    /* max-width: 1200px;*/
}

img.selectableUserPicture, img.selectableFrame {
    max-width: 100px;
    max-height: 100px;
    cursor: pointer;
    margin: 5px;
    border: 1px solid #d7dbdd;
}

#adminPanel {
    /*overflow: hidden;*/
    background-color: #333;
    /*    position: fixed;
    top: 0;*/
    width: 100%;
}

.loginValidationMessage {
    color: red;
}

    .loginValidationMessage ul {
        list-style-type: none;
    }

.vertical-align {
    display: flex;
    align-items: center;
}

.payButtonsLargeContainer {
    text-align: center;
}

.confirmPayment {
    cursor: pointer;
    display: inline-block;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding: 18px;
    font-size: 23px;
    background: #e2ffcf;
    border-radius: 45px;
    width: 280px;
    border: 1px solid green;
    margin-top: 20px;
}

    .confirmPayment:hover {
        border: 1px solid black;
        background: #D4FCB9
    }

.offerContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

    .offerContainer .oneOffer {
        min-width: 300px;
        padding: 15px;
    }

    .offerContainer .offerSmall {
        flex-basis: 25%;
        flex-grow: 0;
    }

    .offerContainer .offerMedium {
        flex-basis: 33%;
        flex-grow: 0;
    }

    .offerContainer .offerLarge {
        flex-basis: 50%;
        flex-grow: 0;
    }

    .offerContainer .offerExtraLarge {
        flex-basis: 75%;
        flex-grow: 0;
    }

    .offerContainer .offerExtraExtraLarge {
        flex-basis: 100%;
        flex-grow: 0;
    }



.oneOffer .image {
    text-align: center;
}

.oneOffer .image-style-align-left {
    text-align: left;
}

.oneOffer .image-style-align-right {
    text-align: right;
}

.oneOffer img {
    display: block;
    max-width: 100%;
    height: auto;
}

.admin .fullWidth {
    width: 100%;
}

.admin table td {
    padding: 5px;
}

    .admin table td img {
        max-height: 100px;
    }

.admin table.list tr:nth-child(even) {
    background-color: #FBFBFB;
}

.admin .orderListLevel1, .admin .orderListLevel2, .admin .orderListLevel3, .admin .orderListLevel4 {
    margin-left: 20px;
}

.admin .orderListTreeIconActive, .admin .orderListTreeIconInactive {
    width: 40px;
    display: inline-block;
}

.admin .orderListItem {
    width: 400px;
    display: inline-block;
}

.admin .orderListItemActions {
    display: inline-block;
}

.admin .orderFilter {
    margin-bottom: 30px;
}




.waitingIndicator {
    position: fixed;
    top: 30%;
    left: 44%;
    padding: 100px;
    border: 1px solid green;
    background: #e2ffcf;
    border-radius: 45px;
    z-index: 1;
}

    .waitingIndicator .waitingIndicatorText, .waitingIndicator .waitingIndicatorImage {
        text-align: center;
    }

.productTypeSelected {
    background-color: #E0F8E0;
    color: green;
    border: 1px solid green;
}

.archivePictureDownloadContainer {
    margin-top: 10px;
    margin-bottom: 20px;
}

.archiveItem {
    padding-top: 18px;
}

    .archiveItem a {
        font-size: 24px;
    }

.archiveSubproducts .subproduct {
    width: 150px;
    height: auto;
    margin: 0 20px 20px 20px;
}

    .archiveSubproducts .subproduct img {
        width: 100%
    }

.confirmDialog {
    max-width: 500px;
    text-align: center;
    border: 1px solid black;
    border-radius: 10px;
    padding-bottom: 30px;
    padding-top: 20px;
    /*   z-index: 999;*/
    background-color: white;
    position: relative;
    padding: 20px;
}

    .confirmDialog .confirmTitle {
        padding-bottom: 10px;
    }


.orderConfirmationContent {
    max-width: 700px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid black;
    border-radius: 10px;
    padding: 32px;
}

    .orderConfirmationContent .orderConfirmationTitle {
        font-size: 30px;
    }

    .orderConfirmationContent .orderConfirmationDescription {
        font-size: 20px;
    }


#ActiveUserName {
    position: fixed;
    right: 40px;
    top: 65px;
    width: 170px;
    text-align: center;
    background: #e2ffcf;
    border-radius: 45px;
    padding: 8px;
    z-index: 999;
}

.groupPhotoCreate, .groupPhotoAddMember {
    margin: 0 auto;
    max-width: 750px;
}

.groupPhotoDescriptionPlaceholder {
    border: 1px dashed black;
    margin: 20px 0 20px 0;
    padding: 20px;
}

.groupPhotoCreateInvitation .groupPhotoDescription {
    width: 100%;
    max-width: 600px;
    height: 60px;
}

.groupPhotoCreateInvitation .groupPhotoEmail {
    width: 100%;
    max-width: 600px;
    margin-bottom: 8px;
}

#connectedUserPanel {
    margin-top: 15px;
}

@media (max-width: 767px) {
    #connectedUserPanel {
        margin-top: 10px;
    }
}

#connectedUserPanel .ui-selectmenu-button-closed {
    padding: 0px;
    border: 0;
}

#connectedUserPanel .ui-selectmenu-button-open {
    padding: 0px;
    border: 0;
}

#connectedUserPanel .ui-selectmenu-button.ui-button {
    width: auto;
    background-color: #fff;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/Images/wait.gif') 50% 50% no-repeat rgba(255,255,255,0.5);
}

.dateDay, .dateMonth {
    width: 52px;
    display: inline;
}

.dateYear {
    width: 60px;
    display: inline;
}

.discountCode {
    max-width: 170px;
    display: inline;
}

.modal-content {
    background-color: #efefef;
}

.frameDialog > .modal-dialog > .modal-content > .modal-body {
    text-align: center;
    width: 100%;
}

    .frameDialog > .modal-dialog > .modal-content > .modal-body > .img-responsive,
    .frameDialog > .modal-dialog > .modal-content > .modal-body > div > .img-responsive {
        margin: 0 auto;
        max-height: 50vh;
    }


.subproduct {
    width: 230px;
    height: 350px;
}

.subproductCanva, .subproductCanvaCart {
    max-width: 170px;
    height: 260px;
    cursor: pointer;
}

.subproductCanvaCart {
    cursor: default;
}

button.personalize {
    display: block;
    border: 0;
    background-color: #fff;
    text-decoration: underline;
    color: #337ab7;
}


.subproductDialog > .modal-dialog > .modal-content > .modal-footer {
    text-align: left;
}

img.activeUserPicture {
    border: 4px solid #FF8306;
}

.primaryButton {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 1px solid #FFB22C;
    color: #770505;
    background-color: #FFDE4D;
    padding: 6px 15px 6px 15px;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

    .primaryButton:hover {
        background-color: #FFB22C;
    }

.secondaryButton, .secondaryButtonForm {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 1px solid #c6c4c1;
    color: #555;
    background-color: #fffcef;
    padding: 6px 15px 6px 15px;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

    .secondaryButton:hover, .secondaryButtonForm:hover {
        background-color: #deddda;
    }

.secondaryButtonForm {
    padding: 3px 15px 3px 15px;
    margin-top: 0;
}

.product-image {
    cursor: pointer;
}

    .product-image > button.personalize {
        padding-bottom: 10px;
    }

.nav-tabs > li.picturesTab > a, .nav-tabs > li.picturesTab > a:focus {
    background-color: #FFDE4D;
    color: #770505;
}

    .nav-tabs > li.picturesTab > a:hover {
        background-color: #FFB22C;
    }

.nav-tabs > li.designsTab > a, .nav-tabs > li.designsTab > a:focus {
    background-color: #b5c1f6;
    color: #770505;
}

    .nav-tabs > li.designsTab > a:hover {
        background-color: #9da7d6;
    }

img.tabIcon {
    width: 20px;
    margin-right: 7px;
    padding-bottom: 3px;
}


.lb-left, .lb-right {
    position: absolute;
    max-height: 50vh;
    height: 400px;
    width: 50px;
    cursor: pointer;
    top: 15px;
}

.lb-left {
    left: 0;
}

.lb-right {
    right: 0;
}

.lb-right-profile {
    background: url(../images/nextProfile.png) right 15px top 50% no-repeat;
}

.lb-right-frame {
    background: url(../images/nextFrame.png) right 15px top 50% no-repeat;
}

.lb-left-profile {
    background: url(../images/prevProfile.png) left 15px top 50% no-repeat;
}

.lb-left-frame {
    background: url(../images/prevFrame.png) left 15px top 50% no-repeat;
}

.productDescriptionContainer {
    text-align: left;
    cursor: pointer;
    margin-bottom: 0px;
    padding-top: 10px;
}

.productDescriptionTitle > a {
    display: block;
}

.productDescriptionContent {
    white-space: pre-wrap;
}

.panel-heading .accordion-toggle:after {
    content: "\25B2";
    float: right;
    color: grey;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\25BC";
}



.freeDownloadBanner {
    background-color: #fffcef;
}

    .freeDownloadBanner a.freeDownloadBannerLink {
        display: block;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .freeDownloadBanner .freeDownloadItem {
        padding: 10px;
        text-align: center;
        max-width: 200px;
    }

        .freeDownloadBanner .freeDownloadItem .freeDownloadsConfirmationMessage {
            margin-bottom: 10px;
        }

        .freeDownloadBanner .freeDownloadItem img {
            max-width: 180px;
            display: block;
            margin-bottom: 14px;
        }

    .freeDownloadBanner .freeDownloadsLeft, .freeDownloadBanner .freeDownloadsTotal,
    #freeDownloadCartBanner #currentFreeDownloadFileCount,
    #freeDownloadCartBanner #additionalAmountNeeded,
    #freeDownloadCartBanner #nextFreeDownloadFileCount,
    #freeDownloadCartBanner #additionalAmountNeededCurrency {
        color: #770505;
    }

#freeDownloadCartBanner {
    background-color: #fffcef;
    border: 1px solid #c6c4c1;
    border-radius: 4px;
    padding: 5px;
    text-align: center;
}

.admin .highlightedRow {
    background-color: #e8e7e7 !important;
    border: 1px solid #555;
}

.admin .fileNameLabel {
    display: none;
    text-align: center;
    padding: 0 5px 0 5px;
}