/* 
    Document   : padraoVedoble
    Created on : 19/03/2014, 12:35:47
    Author     : wellington.wc
    Description:
        Purpose of the stylesheet follows.
*/

/*.fc table {
    font-size: 2em !important;
    height: auto !important;
}
.fc-day-grid-container{
    height: auto !important;
}*/
/* para deixar a fonte do loading grande*/
.fa-spin {
    font-size: 30px;

}
body .ui-button {
    color: #ffffff;
    background-color: #599597;
    border: 1px solid transparent;
    font-size: 14px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
body .ui-button.ui-state-focus {
    outline: 0 none;
    background-color: #508587;
}
body .ui-button.ui-state-active {
    background-color: #467577;
}
body .ui-button.ui-button-text-only .ui-button-text {
    padding: 5px 8px;
}
body .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 5px 8px 5px 26px;
}
body .ui-button.ui-button-text-icon-left .ui-icon {
    /*margin-top: -6px;*/ }
body .ui-button.ui-button-text-icon-right .ui-button-text {
    padding: 5px 26px 5px 8px;
}
body .ui-button.ui-button-text-icon-right .ui-icon {
    margin-top: -6px;
}
body .ui-button.ui-button-icon-only .ui-button-text {
    padding: 5px;
}
body .ui-button.ui-button-icon-only .ui-icon {
    /*margin-top: -6px; */}
body .ui-button.blue-btn {
    background-color: #147df0;
}
body .ui-button.blue-btn.ui-state-hover {
    background-color: #0e71dc;
    border-color: #0e71dc;
}
body .ui-button.blue-btn.ui-state-focus {
    background-color: #0e71dc;
}
body .ui-button.blue-btn.ui-state-active {
    background-color: #0d64c4;
}
body .ui-button.purple-btn {
    background-color: #633ea5;
}
body .ui-button.purple-btn.ui-state-hover {
    background-color: #583792;
    border-color: #583792;
}
body .ui-button.purple-btn.ui-state-focus {
    background-color: #583792;
}
body .ui-button.purple-btn.ui-state-active {
    background-color: #4d3080;
}
body .ui-button.orange-btn {
    background-color: #ffb200;
}
body .ui-button.orange-btn.ui-state-hover {
    background-color: #e6a000;
}
body .ui-button.orange-btn.ui-state-focus {
    background-color: #e6a000;
}
body .ui-button.orange-btn.ui-state-active {
    background-color: #cc8e00;
}
body .ui-button.pink-btn {
    background-color: #ed3c76;
}
body .ui-button.pink-btn.ui-state-hover {
    background-color: #eb2566;
    border-color: #eb2566;
}
body .ui-button.pink-btn.ui-state-focus {
    background-color: #eb2566;
}
body .ui-button.pink-btn.ui-state-active {
    background-color: #e11558;
}
body .ui-button.green-btn {
    background-color: #3e9018;
}
body .ui-button.green-btn.ui-state-hover {
    background-color: #357a14;
    border-color: #357a14;
}
body .ui-button.green-btn.ui-state-focus {
    background-color: #357a14;
}
body .ui-button.green-btn.ui-state-active {
    background-color: #2b6411;
}
body .ui-button.red-btn {
    background-color: #da2f31;
}
body .ui-button.red-btn.ui-state-hover {
    background-color: #cb2426;
    border-color: #cb2426;
}
body .ui-button.red-btn.ui-state-focus {
    background-color: #cb2426;
}
body .ui-button.red-btn.ui-state-active {
    background-color: #b62022;
}
body .ui-button.yellow-btn {
    background-color: #ffd644;
    color: #633ea5;
}
body .ui-button.yellow-btn.ui-state-hover {
    background-color: #ffd02b;
    border-color: #ffd02b;
}
body .ui-button.yellow-btn.ui-state-focus {
    background-color: #ffd02b;
}
body .ui-button.yellow-btn.ui-state-active {
    background-color: #ffcb11;
}
body .ui-button.raised-btn {
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}
body .ui-button.rounded-btn {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
body .ui-button .ui-icon-triangle-1-s {
    margin-top: -10px;
}
.dialog-template{
    top: 10px !important;
    overflow-y: auto  !important;
}
.dialog-template .ui-dialog-titlebar-close{
    display:none;
    overflow-y: auto  !important;
}
.dialog-template ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow ui-hidden-container dialog-template ui-draggable{

    overflow-y: auto;
}
.header-topbar{
    height: auto;
    min-height: 40px;
    background: white;
}
.header-topbar > div{
    width: 960px;
    margin: 0 auto;
    text-align: right;
    color: #e4e6e9;
}

.label-header-dialog{
    color: #434560;
}

.imgFabricantes {
    color: #afafc0;
    margin-top: 8px;
    padding: 10px !important;
    border-radius: 5px !important;
    border: none !important;
    box-shadow: 0 6px 16px #FF0000;
    background: #ffffff;
    width: 200px;
    height: 150px;
}


.landing-menu-topbar{
    list-style-type: none;
    margin: 2px 0 0 0;
    padding: 0;
    float: right;

}
.landing-menu-topbar li {
    display: inline-block;
    font-size: 16px;
    margin-left: 36px;

}
.landing-menu-topbar li a{
    color: white ;
    padding: 5px;
}
.landing-menu-topbar li a:hover{
    background-color: #ffd644;
    color: white;
    border-radius: 2px;
    font-weight: bold;
}
.event-agendado{
    background-color: #000 !important;
    text-decoration: line-through !important;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.event-agendado-proprio{
    background-color: #60c447 !important;
    text-decoration: line-through !important;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.event-agendado-admin{
    background-color: #000 !important;
    text-decoration: line-through !important;
    /*pointer-events: none;
    cursor: default;
    text-decoration: none;*/
}
.event-agendado-proprio-admin{
    background-color: #60c447 !important;
    text-decoration: line-through !important;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

#scheduleAgendamento .fc-time-grid-event.fc-short .fc-time::after{
    content: none;
}
#scheduleAgendamento .fc-time-grid-event .fc-time {
    font-size: 1.45em;
}
#scheduleAgendamento .fc-event{
    font-size: 3em;
}
#scheduleAgendamento .fc-event-container{
    padding-bottom: 10px;
    padding-top: 10px;
}
#scheduleAgendamento .fc-toolbar .fc-center {
    display: none;
}

.galeria{
    /*background-color: #d7fffe;*/
    box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.14);
}
#topo-redes-sociais{
    /*padding: 0;*/
    margin: 35px 0 0 0;
}

#topo-redes-sociais a i{
    font-size: 30px !important;
    text-align: center !important;
    border: 2px solid;
    margin-right: 5px;
    border-radius: 44px;
    padding: 10px;
    /*width: 30px;
    height: 30px;*/
    color: white;
}

.header-link-lista{
    max-width: 32%;
}
.header-box-pesquisa{
    font-size: 18px !important;
    padding: 10px !important;
    border-radius: 5px !important;
    border: none !important;
    box-shadow: 1px 2px 2px white;
}
.header-text-pesquisa{
    font-size: 35px !important;
}
.header-icon-pesquisa{
    font-size: 34px;
    color: white;
}
.header-titulo-contato{
    font-size: 20px;
    color: white;
}

.header-label-contato{
    font-size: 18px;
}
#header-label-whatsapp{
    font-size: 18px;
    color: #34af23;
}
#header-label-email{
    font-size: 18px;
    color: #ff7175;
}
#header-label-franquia-icon{
    font-size: 40px;
    color: white;
}
.header-label-franquia-label{
    font-size: 18px;
    word-wrap: break-word;
    color: white;
}
#header-franquia{
    background-color: #10749f;
    border-radius: 5px !important;
    border: none !important;
    box-shadow: 1px 2px 2px white;
}
.header-titulo-franquia{
    font-size: 20px;
    color: #565656;
}

.landing-body .landing-wrapper #slider-topo{
    /*padding: 10px !important;*/
    /*border-radius: 5px !important;
    border: none !important;
    box-shadow: 1px 2px 2px #60c447;*/
    /*height: 450px;*/
    padding-top: 20px;
    width: 100%;
    height: auto;
    background: /*#e3f8f0;#27785a;*/white;
    position: relative;
}

.landing-body .landing-wrapper #slider-topo > div{
    /*width: 960px;*/
    margin: 0 auto;
    text-align: center;
    /*padding: 60px 0 75px 0;*/
    color: white;
}

.landing-body .landing-wrapper #contato{
    /*padding: 10px !important;*/
    /*border-radius: 5px !important;
    border: none !important;
    box-shadow: 1px 2px 2px #60c447;*/
    /*height: 450px;*/
    padding-top: 20px;
    width: 100%;
    height: auto;
    background: black;
    position: relative;
}

.landing-body .landing-wrapper #contato > div{
    width: 960px;
    margin: 0 auto;
    text-align: center;
    /*padding: 60px 0 75px 0;*/
    color: white;
}

/* para o carousel dos banners de capa*/
.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 7px 7px;
    background: #F2ADCA;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: red;
}
.texto-banners{
    width: 460px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    color: white;
    background-color: #10749f;
    z-index: 10;
    position: absolute;
    margin-top: 28px;
    left: 5%;
    top: 40%;
    padding: 10px;
}
.texto-banners-button{
    width: 100px !important;
    box-shadow: 0 1px 5px rgba(0,0,0,0.3) !important;
    font-family:  "Helvetica Neue", sans-serif !important;
}

#botao1{
    font-size: 35px;
    width:350px;
}

.link-rodape{
    color: black;

}

.youtube{
    background-color: #e52d27 !important;
}
.instagram{
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.instagram:hover{
    background: #e6683c !important;
}

.label-bonus{
    background: #57c866;
    color: #fff;
    border-radius: 3px;
    /*font-size: 20px;*/
    text-shadow: 2px 2px 0 rgba(0,0,0,.1);
    padding: 5px;
    margin: 5px;
}

.colTitulo{
    white-space:normal !important;
    font-weight: bold;
}

.ui-icon-closethick {
    font-size: 20px !important;
}

@media (max-width: 1366px) {
    .ssk.ssk-lg::before, .ssk-lg > .ssk::before, .ssk.ssk-lg .glyphicon, .ssk-lg > .ssk .glyphicon, .ssk.ssk-lg .fa, .ssk-lg > .ssk .fa {
        font-size: 18px !important;
    }
}

@media (max-width: 1024px) {
    .landing-body .landing-wrapper #agendamento > div{
        width: 100%;
    }
    .ssk-sticky.ssk-bottom.ssk-center {
        width: 100%;
    }
    .texto-banners {
        top: 25%;
    }
}

@media (max-width: 640px) {
    #dtHistorico .ui-column-title{
        display: none !important;
    }
    .landing-body .landing-wrapper #agendamento > div{
        width: 100%;
    }

    #scheduleAgendamento .fc-event{
        font-size: 1.2em;
    }

    .landing-body .landing-menu {
        margin: 0 0 0 0;

    }
    #topo-redes-sociais {
        margin: 0 0 0 0;
    }
    .landing-body .landing-wrapper #header .header-content {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .landing-body .landing-wrapper #servicos > div {
        padding: 0px 0 75px 0;
    }

    .header-topbar {
        min-height: 80px;
    }
    .landing-menu-topbar {
        float: none;
    }
    .header-topbar > div{
        width: 100%;
        text-align: center;
    }
    .landing-menu-topbar li {
        margin-left: 8px;
        padding-bottom: 16px;

    }
    .header-text-pesquisa{
        font-size: 20px !important;
    }
    .header-icon-pesquisa{
        font-size: 25px;
    }
    /*.landing-body .landing-wrapper #slider-topo{
        height: 30px;
    }*/
    .landing-body .landing-wrapper #header{
        height: 650px;
    }
    .landing-body .landing-wrapper #header .header-top{
        padding-right: 0px;
        padding-left: 0px;
    }
    #botao1{
        width:80%;
    }
    .landing-body .landing-wrapper #contato > div{
        width: 100%;
    }
    .texto-banners{
        position: static;
        width: 80%;
    }
    .texto-banners > h1{
        font-size: 20px;
    }
    .texto-banners > h2{
        font-size: 15px;
    }

    .label-sticky {
        line-height:22px;
    }
}
.img-comunicado{
    width: 350px !important;
    border-radius: 20px;
    margin: 0 auto;
    text-align: center;
    float: none !important;
}

.div-comunicado{
    text-align: center !important;
}