/* POPUP CALENDÁRIO CEP - INICIO */
#shippingCalendar {
    max-width: 905px;
    width: 90%;
    background: #FFF;
    float: left;
    top: 15px !important;
    margin-left: -323px;
    left: 40%;
    border-radius: 8px;
    max-height: 720px;
}

#shippingCalendar .bt_fechar_popup {
    float: right;
    width: 92px;
    height: 31px;
    position: absolute;
    top: 7px;
    right: 6px;
    padding-top: 10px;
    cursor: pointer;
    transition: .3s;
    border: 1px solid #FFF;
    box-sizing: border-box;
    border-radius: 4px;
}

#shippingCalendar .bt_calendarclose {
    font-family: 'Montserrat-Regular' !important;
    font-style: normal;
    font-weight: bold;
    color: #fff;
    font-size: 11px;
    float: left;
    width: 100%;
    text-align: center;
    display: block !important;
}

.title-carrinho-produto {
    display: block;
    padding: 15px;
    background: #333;
    text-transform: uppercase;
    font-size: 14px;
    color: #FFF;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    letter-spacing: 1.5px;
    text-align: center;
    font-family: 'Montserrat-Regular' !important;
}

#shippingCalendar .box_calendario_popup {
    width: 100%;
    float: left;
}

/* popup produto indisponível */
.box-msg-interflorista-popup {background: #fff;}

.msg-product-indiponivel {
    padding: 30px;
    text-align: center;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.box-msg-text-interflorista-content {
    font-size: 14px;
    text-align: center;
    color: #3E3E3E;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    width: 100%;
}

.msg-product-indiponivel .box-msg-text-interflorista-content {
    /* retirar (não ficou bom no desktop-product) */
    padding: 0;
}

.msg-product-indiponivel+.bt_fechar_popup {display: none;}

.produto-indisponivel-titulo {
    text-align: center;
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: bold;
    margin-top: 30px;
    text-transform: uppercase;
}

.produto-indisponivel-subtitulo {
    text-align: center;
    float: left;
    width: 100%;
    font-size: 25px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
}

.indisponivel-red {
    float: left;
    width: 70%;
    margin-left: 15%;
    transition: 0.3s;
    background: #DB161F;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 15px;
}
.indisponivel-red:hover {background: #A81111;}

.indisponivel-white {
    float: left;
    width: 70%;
    margin-left: 15%;
    transition: 0.3s;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    box-sizing: border-box;
    padding: 15px;
    color: #B2B2B2;
    border: solid 1px #B2B2B2;
    cursor: pointer;
}
.indisponivel-white:hover {
    background: #B2B2B2;
    color: #fff;
}

/* campo CEP do popup calendário */
#shippingCalendar .box_cep_popup {
    width: 100%;
    max-width: 270px;
    text-align: center;
    background: #FFF;
    margin: 26px auto;
}

.tit_popup-digite {
    float: left;
    width: 40%;
    color: #3E3E3E;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

#shippingCalendar .box_cep_popup .input_cep {
    width: 60%;
    float: right;
    color: #3E3E3E;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#shippingCalendar .box_cep_popup .input_cep .jZip {
    float: left;
    width: 40%;
    padding: 5px;
    box-sizing: border-box;
    border: solid 1px #000;
}

#shippingCalendar .box_cep_popup .input_cep .separator-line {
    float: left;
    width: 10%;
    padding-top: 5px;
}

#shippingCalendar .box_cep_popup .input_cep .jZipComplement {
    float: left;
    width: 25%;
    padding: 5px;
    box-sizing: border-box;
    border: solid 1px #000;
    padding-right: 0;
}

#shippingCalendar .btn_okcep {
    float: right;
    width: 20%;
    color: #8BA400;
    border: solid 1px #8BA400;
    padding-top: 6px;
    padding-bottom: 5px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
}

#shippingCalendar .btn_okcep:hover {
    background-color: #8BA400 !important;
    color: #FFF;
}

/* .naoSeiCep{width:100%; margin:3px 0 0; float:left;} */
/* .naoSeiCep a{font-size:11px; color:#000000; text-decoration:underline; margin:0; float:left; text-transform:none; font-weight:normal;} */
/* .naoSeiCep a:hover{color:#a31111; text-decoration:none;} */

/* faixa data e período escolhidos */
.box_dataEscolhida,
.box_periodoEscolhido {
    float: left;
    width: 50%;
    height: 75px;
    min-height: 75px;
    padding: 10px 0 0;
    text-align: center;
    box-sizing: border-box;
    background: #F8F8F8;
    border-radius: 0;
    font-family: 'Montserrat-Regular' !important;
}

.box_dataEscolhida .tit_calendario,
.box_periodoEscolhido .tit_calendario {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Montserrat-Regular' !important;
}

.box_dataEscolhida .jSelectedArea,
.box_periodoEscolhido .jSelectedPeriodo {
    float: left;
    width: 100%;
    color: #333;
    line-height: 20px;
    font-weight: 500;
    font-size: 14px;
    font-family: 'Montserrat-Regular' !important;
}

.box_dataEscolhida .jSelectedArea strong,
.box_periodoEscolhido .jSelectedPeriodo strong {
    float: left;
    width: 100%;
    font-family: 'Montserrat-Regular' !important;
}

/* mês do calendário */
#shippingCalendar .box_calendario_popup .content {
    padding: 0;
    width: 35%;
    margin-top: 1%;
    margin-left: 7%;
    box-sizing: border-box;
    float: left;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    padding-right: 1px;
}

.seta_calendario {position: absolute; top: 19px; cursor: pointer;}
.seta-calendario-left {left: 9px;}
.seta-calendario-right {right: 9px;}

.calendario .data_mes {
    width: 99.9%;
    position: relative;
    float: left;
    border: solid 1px #F3F3F3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #F8F8F8;
}

.calendario .data_mes .jSelectedMonth {
    position: relative;
    left: 25px;
    width: 85%;
    text-align: center;
    float: left;
    font-size: 16px;
    color: #333;
    padding: 10px 0;
    line-height: 20px;
    font-weight: 700;
    font-family: 'Montserrat-Regular' !important;
}

.calendario .data_semana {
    width: 100%;
    border: 0;
    float: left;
    background: #FFF;
}
.calendario .data_semana li {
    text-align: center;
    float: left;
    width: 14.28%;
    box-sizing: border-box;
    line-height: 40px;
    height: 40px;
}
.calendario .data_semana li span {
    font-size: 13px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: 'Montserrat-Regular' !important;
}

.calendario .data_dia {
    width: 100%;
    float: left;
    box-sizing: border-box;
    background: #FFF;
    border-left: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.calendario .data_dia li {
    text-align: center;
    float: left;
    width: 14.28%;
    box-sizing: border-box;
    border: 3px solid #FFF;
    border-left: none;
    border-bottom: none;
    line-height: 34px;
    height: 40px;
    font-family: 'Montserrat-Regular' !important;
}
.calendario .data_dia li span {
    width: 100%;
    color: #3E3E3E;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Montserrat-Regular' !important;
}
.calendario .data_dia li span a {
    width: 100%;
    color: #3E3E3E;
    float: left;
    background: #8BEE92;
    transition: .3s;
    border-radius: 7px;
    border: 1px solid #FFF;
    text-decoration: none;
    font-weight: 700;
}

.calendario .data_dia .data_select {
    font-weight: bold;
    background: #FFF;
    line-height: 34px;
    padding-right: 3px;
}
.calendario .data_dia .data_select a {
    font-weight: 500;
    font-size: 14px;
    background: #6CABD9;
    border: 1px solid #8DCCFA;
    color: #FFF;
    height: 33px;
    font-family: 'Montserrat-Regular' !important;
}
.calendario .data_dia .data_select a:hover,
.calendario .data_dia .data_select span {text-decoration: none;}

/* campo de períodos disponíveis */
#shippingCalendar .box_calendario_popup .opcoes_entrega_calendario {float: right; width: 50%;}
#shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos {float: left; width: 100%; padding: 0 8px; margin: 7px 0 0; box-sizing: border-box;}
#shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul {float: left; width: 100%;}
#shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li {width: 100%; float: left; border: 1px solid transparent; border-radius: 4px; cursor: pointer;}
#shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li:hover {background: #FEFEFE;}

#shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li+li {margin: 5px 0 0;}
#shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li input {float: left; width: 20px; height: 20px; margin-top: 5px; accent-color: currentcolor; /*line-height: 20px;*/}
    #shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li span {
        margin: 5px 44px 0 5px;
        font-size: 14px;
        color: #000;
        font-family: 'Montserrat-Regular' !important;
        font-weight: bold;
        text-align: left;
        line-height: 20px;
        margin: 0;
    }
#shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li span.periodo_desabilitado {color: #999; font-weight: normal; margin-left: 10px;}
    #shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li strong {
        float: left;
        width: calc(75% - 65px);
        padding: 5px;
        padding-left: 10px;
        color: #000;
    }
#shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li strong.periodo_desabilitado {width: auto; color: #CCC; float: right; margin-right: 44px; font-size: 13px; font-weight: normal;}
    #shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li .vlPriceCalendar {
        float: right;
        width: 24%;
        padding: 5px;
        padding-right: 15px;
        margin: 0 !important;
        text-align: right;
    }

#shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .withdrawInStore {
    float: left;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0 5px;
    box-sizing: border-box
}

div#jShippingPeriod span.selecione-title {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 5px;
    margin-left: 0;
    margin-bottom: 8px;
}

#shippingCalendar select {
    display: block;
    float: left;
    width: 89%;
    font-size: 14px;
    line-height: 1.3;
    color: #000;
    padding: 10px 1.4em 10px 10px;
    margin-block: 5px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #FFF;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE2IDkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLC0xNjgzLjE2LC0zODcuNzE1KSI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSw2ODYuMDU4LDU5KSI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNjkzODRlLTE4LC0wLjAyNzY2MjUsMC4wMjc2NjI1LDEuNjkzODRlLTE4LDk2Ny41NzUsMzU5LjU5NykiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTExMTYuMzcsMTA4OS41TDg1Ny4zODMsMTM0OC40OUwxMTE2LjM3LDE2MDcuNDdMMTA5NC4xMiwxNjI5LjcyTDgxMi44OSwxMzQ4LjQ5TDEwOTQuMTIsMTA2Ny4yNkwxMTE2LjM3LDEwODkuNVoiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
    background-repeat: no-repeat, repeat;
    background-position: right 0.7em top 50%, 0 0;
    background-size: 0.9em auto, 100%;
    border: 1px solid #DDD;
    box-sizing: border-box;
}

div#jShippingPeriod div.box_periodos.jPeriodList li span.vlPriceCalendar, div#jShippingPeriod div.box_periodos.jPeriodList li strong.periodo_desabilitado {
    margin-right: 15px !important;
}

/* hora agendada */
div#jShippingPeriod li.opt-hora-agendada input, div#jShippingPeriod li.opt-hora-agendada span, div#jShippingPeriod li.opt-hora-agendada strong,
div#jShippingPeriod li.opt-hora-ajato input, div#jShippingPeriod li.opt-hora-ajato span, div#jShippingPeriod li.opt-hora-ajato strong {
    color: #B60000 !important;
}

div#jShippingPeriod div.floresHour190.opt-dropdown-hora-agendada {
    display: flex !important;
    padding: 0 8px 5px;
    background: #FFD2D2;
    border-radius: 0 0 5px 5px;
    margin-bottom: 9px;
}
    div#jShippingPeriod div.floresHour190.opt-dropdown-hora-agendada > select#ContentSite_uwcCalendar_floresHour190 {
        width: 100%;
        border: 1px solid #FF7171;
        border-radius: 5px;
        margin: 0;
    }

div#jShippingPeriod li.opt-hora-ajato {background: #FFD2D2;}
div#jShippingPeriod li.opt-hora-agendada {background: #FFD2D2; padding-block: 5px;}
    div#jShippingPeriod li.opt-hora-agendada .floresHour190 {
        float: left;
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box
    }

@media (min-width: 768px) {
    div#jShippingPeriod li.opt-hora-agendada:hover {background: #ffd0d0 !important}
    div#jShippingPeriod li.opt-hora-ajato:hover {background: #ffd0d0 !important}
}

/* botão ok do calendário */
#shippingCalendar .bt_ok_calendario {
    margin: 0 120px 20px !important;
    float: right;
    width: 100%;
}

#shippingCalendar .bt_ok_calendario .btOk {
    float: left;
    display: block;
    flex-direction: row;
    width: 150px;
    height: 15px;
    padding: 14px 28px;
    margin: -4px 0 auto 673px;
    color: #FFF;
    background: #118934;
    font-family: 'Montserrat-Regular' !important;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
    transition: all .3s; 
    cursor: pointer;   
}
    #shippingCalendar .bt_ok_calendario .btOk:hover {
        background: #0D6A28;
    }

/* legenda */
.calendar-legenda .legenda-shippingcalendar, .calendar-legenda-mobile {
    font-weight: bold;
    font-size: 14px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #000;
    float: left;
    margin-left: 45px;
    margin-top: 3px;
}

.calendar-legenda, .calendar-legenda-mobile {
    float: left;
    width: 100%;
    margin-top: -5px !important;
    text-align: center;
    font-size: 12px;
    margin-bottom: 8px;
}

.calendar-legenda hr {border: 1px solid #D9D9D9; margin-top: 0;}
.calendar-legenda ul, .calendar-legenda-mobile ul {margin: auto; padding: 0; margin-top: 10px;}
.calendar-legenda li, .calendar-legenda-mobile li {
    float: left;
    display: inline;
    font-family: 'Montserrat-Regular' !important;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    list-style: none;
    padding-left: 23px;
    padding-right: 5px;
    color: #333;
}
.calendar-legenda li span, .calendar-legenda-mobile li span {
    padding-left: 13px;
    margin-right: 4px;
    border: solid 1px #888;
}

.calendar-legenda li.data_selecionada-legenda span,
.calendar-legenda-mobile li.data_selecionada-legenda span {
    padding: 2px;
    padding-left: 20px;
    background: #6CABD9;
    border: 1px solid #8DCCFA;
    border-radius: 4px;
}

.calendar-legenda li.produto-disponivel-legenda span,
.calendar-legenda-mobile li.produto-disponivel-legenda span {
    padding: 2px;
    padding-left: 20px;
    background: #9EF47F;
    border: 1px solid #9EF47F;
    border-radius: 4px;
}

.calendar-legenda li.produto-alternativo-legenda span,
.calendar-legenda-mobile li.produto-alternativo-legenda span {
    padding: 2px;
    padding-left: 20px;
    background: #FFB703;
    border: 1px solid #FFB703;
    border-radius: 4px;
}

.calendar-legenda li.produto-indisponivel-legenda span,
.calendar-legenda-mobile li.produto-indisponivel-legenda span {
    padding: 2px;
    padding-left: 20px;
    background: #FFF;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
}

/* mensagens de alerta */
.error-shipping {
    float: left;
    width: 96%;
    margin: 2%;
    box-sizing: border-box;
    border: solid 1px #DA1B28;
    padding: 10px;
    text-align: center;
}
.error-shipping span {
    color: #DA1B28;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.box-msg-interflorista {
    font-family: 'Montserrat-Regular';
    width: 98%;
    height: 124px;
    left: 1466px;
    top: 521px;
    background: linear-gradient(270deg, #A9080D -.74%, #DB161F 88.04%);
    border-radius: 4px;
    transform: rotate(0deg);
    color: #FFF;
    margin-top: 15px;
}
.box-msg-interflorista strong {
    position: absolute;
    width: 165px;
    height: 49px;
    left: 8px;
    top: 13px;
    font-family: 'Montserrat-Regular';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #FFF;
    margin-left: 10px;
}
.box-msg-interflorista span {
    position: absolute;
    width: 210px;
    height: 36px;
    left: -9px;
    top: 70px;
    font-family: 'Montserrat-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    align-items: center;
    color: #FFF;
    display: block;
    margin-left: 25px;
}
.box-msg-link-interflorista {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    position: absolute;
    width: 195px;
    height: 40px;
    left: -105px;
    top: 129px;
    background: #FFF;
    border-radius: 4px;
    color: #333;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    margin-left: 325px;
    margin-top: -89px;
    border: solid 1px #DA1B28;
    text-decoration: none;
    transition: .3s;
    flex-grow: 0;
    float: left;
    font-family: 'Montserrat-Regular' !important;
}

.message-order-shipping, .mensagem-interflorista {
    font-family: 'Montserrat-Regular' !important;
    color: #000 !important;
    float: left;
    background-color: rgba(245, 204, 0, .2);
    padding: 5px;
    width: 100%;
    min-height: 50px;
    max-height: 90px;
    box-sizing: border-box;
    border-radius: 0 0 8px 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px;
}
.message-order-gift {
    float: left;
    width: 100%;
    min-height: 50px;
    max-height: 90px;
    padding: 5px;
    margin-bottom: 15px;
    font: bold 18px 'Montserrat-Regular';
    line-height: 25px;
    text-align: center;
    color: white;
    background-color: #C62E36; /* cor msg especial calendario */
    border-radius: 0 0 8px 8px;
    box-sizing: border-box;
}

.message-order-shipping strong {margin-left: 37px}

.mensagem-interflorista {
    background-image: url(//static.giulianaflores.com.br/images/banner/mensagem-interflorista.jpg);
    height: 76px;
    width: 575px;
    float: left;
    margin-top: 10px;
}

.box-msg-entrega-interflorista {
    width: 417px;
    height: 60px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #fff !important;
    color: #000;
    float: left;
    line-height: 23px;
    top: 455px;
    padding: 5px;
    font-family: 'Montserrat-Regular' !important;
    margin-left: 1px;
}
.box-msg-entrega-interflorista span {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    align-items: center;
    font-family: 'Montserrat-Regular';
}
.box-msg-entrega-interflorista strong {
    color: #c60a12;
    font-family: 'Montserrat-Regular';
}
.box-msg-link-entrega-interflorista {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    gap: 4px;
    width: 131px;
    height: 33px;
    margin-left: 287px;
    margin-top: -73px;
    background: #c60a12;
    border-radius: 4px;
    cursor: pointer;
    color: #FFF;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    border: solid 1px #da1b28;
    text-decoration: none;
    transition: .3s;
    flex-grow: 0;
    float: left;
    font-family: 'Montserrat-Regular' !important;
}

@media only screen and (width: 768px) {
    #shippingCalendar {left: 48% !important;}
}

@media only screen and (min-width: 520px) and (max-width: 950px) {
    #shippingCalendar {
        top: 10% !important;
        width: 95%;
        max-width: 810px !important;
        height: auto !important;
    }

    #shippingCalendar .box_calendario_popup .content {width: 45%; margin: 1%;}

    .calendario .data_mes .jSelectedMonth {width: 100%;}

    #shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul {margin-top: 0 !important;}

    .box-msg-interflorista strong {
        top: auto;
        width: 80%;
        max-width: 275px;
        left: auto;
        margin: 0 14%;
    }
    .box-msg-interflorista span {
        top: auto;
        left: auto;
        width: 80%;
        margin: 30px 10%;
        text-align: center;
    }
    .box-msg-link-interflorista {
        top: 180px;
        margin-left: 170px;
        width: 200px;
    }

    .message-order-shipping svg {width: 20px; height: 20px;}
    .message-order-shipping strong {margin-left: 10px;}
}

@media only screen and (max-width: 820px) {
    .selecione-title {
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        align-items: center;
        color: #333;
        margin-top: 0;
        margin-left: 36px;
        font-family: 'Montserrat-Regular' !important;
    }

    .message-order-gift,
    .message-order-shipping,
    .mensagem-interflorista {
        font-size: 13px;
        line-height: 20px;
        height: 60px;
        padding-left: 5%;
    }

    .box-msg-interflorista,
    .box-msg-entrega-interflorista {
        box-sizing: border-box;
        width: 90%;
        max-width: 450px;
        margin: 0 5%;
    }

    .box-msg-interflorista {height: 147px;}

    .box-msg-entrega-interflorista {height: 110px; text-align: center;}

    .box-msg-link-entrega-interflorista {
        width: 50%;
        max-width: 210px;
        height: 32px;
        margin: -35px 25%;
    }

    #shippingCalendar .bt_ok_calendario .btOk {
        width: 310px;
        margin-left: 65%;
    }
}

@media only screen and (max-width: 520px) {
    #shippingCalendar {
        order: 5;
        position: inherit;
        margin: 10px 0;
        z-index: 1;
        text-align: center;
        background: #E9E9E9;
        box-sizing: border-box;
        padding: 0 0 10px;
        /*height: auto !important;*/
        width: 100%;
        max-height: 990px;
    }

    .bt_fechar_popup, .title-carrinho-produto, .box_cep_popup {display: none;}

    #shippingCalendar .box_calendario_popup {margin-top: 300px;}

    .selecione-data-mobile {
        float: left;
        width: 100%;
        background: #E9E9E9;
        display: block;
    }

    .box_periodoEscolhido,
    .box_dataEscolhida .tit_calendario,
    .box_dataEscolhida .jSelectedArea strong,
    .box_periodoEscolhido .jSelectedPeriodo strong {
        display: none;
    }

    .box_dataEscolhida {
        width: 100%;
        font-size: 0;
        text-align: left;
        background: #E9E9E9;
        padding: 0;
        margin: 0;
        height: 85px;
    }

    .box_dataEscolhida strong {
        font-size: 16px;
        font-weight: normal;
        box-sizing: border-box;
        padding: 10px;
        border: solid 1px #969696;
        margin-bottom: 10px;
        margin-top: 5px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAaCAYAAAA0R0VGAAAEt2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMjYiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMzkiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSIzOSIKICAgZXhpZjpQaXhlbFlEaW1lbnNpb249IjI2IgogICBleGlmOkNvbG9yU3BhY2U9IjEiCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgeG1wOk1vZGlmeURhdGU9IjIwMjAtMTItMDNUMDk6Mjc6NTMtMDM6MDAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjAtMTItMDNUMDk6Mjc6NTMtMDM6MDAiPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJwcm9kdWNlZCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWZmaW5pdHkgUGhvdG8gKE5vdiAgNiAyMDIwKSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMC0xMi0wM1QwOToyNzo1My0wMzowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+ULk8bQAAAYFpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/8ysyo1EsLCxeGlZDfpTYKCOhpGmM8msz87yZUfNmXu89SbbKVlFi49eCv4CtslaKSMnKwprYoOc8o0Yy53bu+dzvved077ngTeZV3fJ3gF6wzcRwTJmanlGqHgnhI0gAf0q1jIF4fIyK9naDx41XbW6tyuf+teC8ZqngqRbuVw3TFh4RHluyDZc3hRvUXGpe+Fg4asoFha9dPV3iJ5ezJf5w2UwmBsFbJ6xkf3H6F6s5UxeWlxPR84vqz33cl4S0wuSExGbxJiwSDBNDYZQhBumhkz6Ze2iji3ZZUSG/4zt/nKLkqjIbLGOyQJYcNlFRF6W6JjEjuiYjz7Lb/799tTLdXaXqoRgEHhznpQWqNuBz3XHe9x3n8wB893BWKOcX96D3VfT1shbZhfAqnJyXtfQWnK5B452RMlPfkk/cm8nA8xHUTkP9JdTMlnr2s8/hLSRX5KsuYHsHWuV8eO4LwHxnmkIxAtMAAAAJcEhZcwAACxMAAAsTAQCanBgAAAKOSURBVEiJzdZPqBZVGMfxz6vpVcpdDtjCkZxalNBCQTcZKuFCXJmCcSENob0FpRIqSOCfbYtQuBi49d9GowL/YVomUktHLiNFMYEmSHEVuy3OGe54fV/f946j+INhzu+8z3nm+57znDPTMUl5ks7BEbyBT7KyOD45psuYjfgCVzCclcVYvzGDaFqXvvexFguxbwCwaTiABXgP69oA6wX3ao92Lw3hlSmOGUidPEn/woN4HcJ07Ii//4t5+OUxOZbidxN/9FPMxofRj2Vl8XoTuBfwcs2vwNYa3AksxvzH5HgTp7AG4ziJr2pj7jUBq+Dqehv/4K340KP4uk+Oj7BeqLWf0cHypkB1dau58xiOD/kGG/rkWC/M3H/YhAttgBFqbrytZD10PyuLmU0Gdpu550ZVzf2Bw08h/wce3nBTUgX3W1YW29rhmVCepCsxt+n4ybu12wNmYXu0o1lZjORJugrvxL4jwhEyHP3ZrCy+bwo0JTjMwufVgzEinIfVWfiTsFOrmOloBe5ZbIhO04F9Zy4ri7/zJH0x2gfxvlv4CoExYVmrmPtNYfrC5Un6momX9xXcEd4ccEtYxlT4aoGrEW5x9DeQtwHXbVm34HS8luClmt8fYzbV+pYJL//Kb24DrBdc22q15g7i29i+irt4N/rb8T6CM7F9TVjWKma0KUxfuKwsco/WzHeTYm4ItdUzpg112xB78HG0a4UN8Gf057KyWJ0n6U58FvvWCefcsej3ZmWxq5ay1WWdIRy8hAO1U/NDA8TMaAozCNxFfBnbN4VzrPLX4/1SrW9UqLnK/9AWnDxJx/Mk/bG1hA/nvvwk34vVzC3Kk/TXlpjqWtg/pLcquNlY9OQsXdV45v4HKw+YT9VIF2EAAAAASUVORK5CYII=) no-repeat right center #fff;
    }

    .box_dataEscolhida .jSelectedArea {margin-top: -280px; text-align: center;}

    /* mês do calendário */
    #shippingCalendar .box_calendario_popup .content {
        width: 98%;
        height: 371px;
        margin: -335px 1% 10px;
    }

    .calendario .data_mes {height: 64px;}

    .calendario .data_mes .jSelectedMonth {top: 12px;}

    .seta_calendario {top: 25px;}

    .calendario .data_dia li {height: 44px;}
    .calendario .data_dia li span a {height: 36px;}
    .calendario .data_dia .data_select {line-height: 35px;}
    .calendario .data_dia .data_select a {background: #6CABD9 !important; border: 2px solid #8DCCFA; color: #333;}

    /* legenda mobile */
    .calendar-legenda-mobile .legenda-shippingcalendar, .calendar-legenda {display: none;}
    .calendar-legenda-mobile {
        display: block !important;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .calendar-legenda-mobile ul {
        width: 100%;
        height: 98px;
        background: #F8F8F8;
    }
    .calendar-legenda-mobile li {
        padding-bottom: 11px;
        line-height: 26px;
        margin-top: 9px;
    }
    .calendar-legenda-mobile li.data_selecionada-legenda span {
        background: #6cabd9;
        border: 1px solid #8dccfa;
    }
    .calendar-legenda-mobile .produto-disponivel-legenda {padding-left: 38px;}

    /* campo de períodos disponíveis */
    #shippingCalendar .box_calendario_popup .opcoes_entrega_calendario {width: 100%;}
    #shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos .selecione-title {font-size: 14px !important; text-align: left; float: left; text-transform: uppercase;}
    #shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li {line-height: 12px;}
    #shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li input {width: 25px; height: 25px; margin: 5px;}
    #shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li span {margin: 0; font-size: 13px;}
        #shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li strong {
            margin-left: 5px;
            line-height: 30px;
            padding-left: 5px;
            margin: 0;
            line-height: 20px;
        }
    #shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li+li {margin: 0;}
    #shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li span.periodo_desabilitado {margin: 0 0 0 5px; float: left; line-height: 30px;}
    #shippingCalendar .box_calendario_popup .opcoes_entrega_calendario .box_periodos ul li strong.periodo_desabilitado {font-size: 13px; font-weight: normal;}

    /* botão ok do calendário */
    #shippingCalendar .bt_ok_calendario {display: none;}

    /* mensagens de alerta */
    .message-order-shipping {
        width: 90%;
        max-width: 450px;
        height: 102px;
        margin: 10px 5%;
        line-height: 20px;
        display: flex;
        align-items: center;
        text-align: justify;
        padding: 15px;
    }

    .box-msg-interflorista strong {
        width: 80%;
        max-width: 275px;
        margin: 5px 10%;
        top: auto;
        text-align: center;
    }

    .box-msg-interflorista span {
        left: auto;
        top: auto;
        width: 70%;
        max-width: 320px;
        margin: 35px 15% 0;
        text-align: center;
    }

    .box-msg-link-interflorista {
        float: left;
        top: auto;
        left: auto;
        padding: 0;
        margin: 65px 15% 0;
        height: 40px;
        width: 70%;
        max-width: 310px;
        box-sizing: border-box;
    }

    .box-msg-entrega-interflorista {height: 135px;}

    .message-order-shipping {
        width: 90%;
        max-width: 450px;
        height: 102px;
        margin: 10px 5%;
        line-height: 20px;
        display: flex;
        align-items: center;
        text-align: justify;
        padding: 15px;
    }
    .message-order-shipping svg {margin-top: 10px;}
    .message-order-shipping span {margin-left: 20px;}
    .message-order-shipping strong {margin-left: 0; font-size: 16px;}

    /* popup produto indisponível */
    .msg-product-indiponivel {
        padding: 20px;
        margin-left: -5%;
        margin-right: -5%;
        width: 110%;
    }

    .produto-indisponivel-subtitulo {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .indisponivel-red,
    .indisponivel-white {
        width: 100%;
        margin-left: 0;
        font-size: 12px;
    }
}

/* POPUP CALENDÁRIO CEP  - FIM */

#MarketPlaceZIPCode {
    border: solid 1px #000;
    display: block;
    height: 250px;
    margin: 0 auto;
    width: 500px;
}

/*.Include("~/App_Themes/Giuliana/shippingCalendar.css")*/
/* CEP teste 87013190 09531110 08260090 09172580 */