/* 
CSS - Main - V1.1
*/  

/* Definições gerais */  
/* TAGS */  
html {
    background-color: #F4F8F9 !important;
	direction: ltr;
	box-shadow: none !important;
	-webkit-font-smoothing: antialiased;
    font-size: 18px;
	color:#5A2C5F
}

body {
    background-color: #F4F8F9 !important;
	font-family: "Gotham-Light", "Open Sans", Arial, sans-serif;
	font-size: 0.77rem;
	line-height: 1.44rem;
	margin: 0;
	color:#5A2C5F
}

body a {
	outline: none !important;
	text-decoration: none !important;
}

a {
    color:#5A2C5F;
	cursor: pointer !important
}
a:hover {
     color:#a759af;
}

STRONG {
	font-family: "Gotham-Bold";
}

img.fluid{
    width: 100%;    
}

INPUT, SELECT {
	color:#5A2C5F;
}

del {
    background-color: #FFF;
    color: #AEAEAE
}

.h5, h5 {
    font-size: 1.25rem;
}
.h6, h6 {
    font-size: 1rem;
}

::placeholder,  .form-control::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #5A2C5F;
opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #5A2C5F;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: #5A2C5F;
}

/* TAGS */  
.none, .hidden {
    display: none
}

MAIN {
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1440px 190px;
}


.ct-c-imglogo {
    max-width: 150px;
    max-height: 123px;
}

.ct-c-imglogokdoq {
    max-width: 60px;
    max-height: 60px;
}
#modalEntrar .ct-c-imglogokdoq {
    max-width: 120px;
    max-height: 120px;
}

.ct-c-imglogoparceiro {
    max-width: 190px;
    max-height: 190px;
    border: 12px solid #FFFFFF;
    background-color: #FFF;
}

.form-control {
	color:#5A2C5F;
	font-size: 0.72rem;
	background-color: #E8ECED !important;
	/*background-color: #DDD;  TEMP */
	border: 0;
	padding: 8px;
}
.form-control:disabled, .form-control[readonly] {
    opacity: 1;
}
.cursor-pointer {
	cursor: pointer;
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Social Icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}

.social-network a.icoZap:hover {
	background-color: #1b9a59;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 35px;
	height: 35px;
	font-size:20px;
	background-color: #4C9EC3;
}
.social-circle li i {
	margin:0;
	line-height:35px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 1.2s;
	-moz-transition: all 1.2s;
	-o-transition: all 1.2s;
	-ms-transition: all 1.2s;
	transition: all 1.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 1.8s;
	-moz-transition: all 1.8s;
	-o-transition: all 1.8s;
	-ms-transition: all 1.8s;
	transition: all 1.8s;
}

.itemMarcado {
    color: #FFF !important;
    background-color: #249ECD !important;
}
.itemDesmarcado {
    color: #4C9EC3 !important;
    background-color: #FFF !important;
    border-color: #4C9EC3 !important;
}

/* Input de alteração de quantidade */
.ct-e-quantidade .input-number {
	text-align: center;
}

/* Estilos de texto 
// Padrão: .ct(custom)-ts(text style)-n(identificador) 
*/ 
.ct-ts-1 {
	font-family: "Gotham-Bold";
	font-size: 1.11rem;
	font-weight: 500;
}
.ct-ts-2 {
	font-size: 0.72rem;
	font-weight: 400;
}
.ct-ts-3 {
	font-size: 0.77rem;
	font-weight: 300;
}
.ct-ts-4 {
	font-family: "Gotham-Bold";
	font-size: 0.72rem;
	font-weight: 500;
}
.ct-ts-5 {
	font-size: 0.66rem;
	font-weight: 300; 
}
.ct-ts-6 {    
	border: 1px solid #4C9EC3 !important;
    border-radius: 20px !important;
    padding: 8px 10px !important;
    margin-left: 10px !important;
	font-size: 0.61rem !important;
	font-weight: 300 !important;
}
.ct-ts-7 {
	font-family: "Gotham-Bold" !important;
	font-size: 0.88rem !important;
	font-weight: 500 !important;
}
.ct-ts-8 {
	font-size: 0.50rem !important;
	font-weight: 500 !important;
	line-height: 1.17rem;
}
.ct-ts-9 {    
	border: 1px solid #C2C2C2 !important;
    border-radius: 10px !important;
    padding: 5px 18px !important;
	font-size: 0.55rem !important;
	font-weight: 400 !important;
	color: #818181
}
.ct-ts-10 {    
	font-size: 0.66rem;
	color:#818181
}
.ct-ts-11 {    
	font-family: "Gotham-Bold" !important;
	font-size: 0.55rem;
	color:#5A2C5F;
	font-weight: 500px;
}
.ct-ts-12 {    
	font-size: 0.55rem !important;
	font-weight: 400 !important;
	line-height: .8rem;
}
.ct-ts-13 {    
	font-size: 0.61rem !important;
	font-weight: 500 !important;
}
.ct-ts-14 {    
	font-family: "Gotham-Bold" !important;
	font-size: 0.55rem;
	color:#249ECD;
	font-weight: 500px;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.ct-ts-15 {
	font-family: "Gotham-Bold";
	font-size: 1rem;
	font-weight: 500;
}
.ct-ts-16 {
	font-size: 1.22rem;
	font-weight: 300; 
}
.ct-ts-17 {
	font-family: "Gotham-Bold";
    color: #4C9EC3;
    font-size: 0.77rem;
	font-weight: 700;
}

/* Estilos de link
// Padrão: .ct(custom)-ls(link style)-n(identificador) 
*/ 
.ct-ls-1 {
	font-family: "Gotham-Bold";
	font-size: 0.55rem;
	font-weight: 700;
	color: #4C9EC3
}
.ct-ls-1:hover {
	color: #327492
}

/* Estilos de BG
// Padrão: .ct(custom)-bg(link style)-n(identificador) 
*/ 
.ct-bg-1 {
	background-color: #FFF;
}
.ct-bg-2 {
	background-color: #F8FCFD;
	/* background-color: #E8ECED; TEMP */
}
.ct-bg-3 {
	background-color: #F8FCEB;
	/* background-color: #DDD; TEMP */
}
.ct-bg-4 {
	background-color: #F8F8F8;
	/* background-color: #DDD; TEMP */
}
.ct-bg-5 {
	background-color: #EFEFEF;
	/* background-color: #DDD; TEMP */
}

/* Estilos de cor de fonte
// Padrão: .ct(custom)-fc(font color)-n(identificador) 
*/ 
.ct-fc-1 {
	color: #5A2C5F
}

.ct-fc-2 {
	color: #7A7A7A
}
.ct-fc-3 {
	color: #bd1a1a
}
.ct-fc-4 {
	color: #26BB0D
}
.ct-fc-5 {
	color:#249ECD !important
}
.ct-fc-6 {
	color:#8C8C8C !important
}


/* Estilos de margem
// Padrão: .ct(custom)-idbootstrap(identificador bootstrap)-n(numero) 
*/ 
.ct-mt-1 {
	margin-top: 6px
}

/* Estilos de margem
// Padrão: .ct(custom)-idbootstrap(identificador bootstrap)-n(numero) 
*/ 
.ct-lh-1 {
	line-height: 1rem
}

/* Estilos de borda
// Padrão: .ct(custom)-idbootstrap(identificador bootstrap)-n(numero)  
*/ 
.ct-border-end-1 {
	border-right: 1px solid #E2E2E2;
}
.ct-border-1 {
	border: 1px dashed #C2C2C2;
}
.ct-border-2 {
	border-color: #000;
}
.ct-border-3 {   
    border-right: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
}
.ct-border-4 {
    border-bottom: 2px solid #DDD;
}
.ct-border-5 {
    border-bottom: 1px solid #D9EDF3;
}
.ct-border-6 {
    border: 1px solid #DDD;
}
.ct-border-7 {
    border: 1px solid #dfdfdf;
}
.ct-border-8 {
    border-bottom: 1px solid #C2C2C2;
}
/* FIM Definições gerais FIM */  


/* SUBHEADER */
#ct-e-boxImagemLogo {
    position: absolute;
    float: left;
}
#ct-e-AppDelivery-LogoBusca {
    margin-top: 4.5rem!important;
}
.ct-margem-logo {
    margin-left: 12.2rem
}
#ct-e-boxBusca{
    float: left;
}

#ct-e-boxBusca-Resultado-Itens {
    z-index: 1000
}
#ct-e-boxBusca-Resultado-Itens {
    background-color: #FFF;
    width: 100%;
    border-left: 2px solid #4C9EC3;
    border-right: 2px solid #4C9EC3;
    border-bottom: 2px solid #4C9EC3;
    border-radius: 0 0 5px 5px;
}

/* MENU */
.menu-item{
	text-align: center;
    border-bottom: 1px solid #D9EDF3;
	/*border-bottom: 1px solid #CCC; TEMP */
    margin-left: -5px !important;
}
.menu-item.active{
    border-bottom: 1px solid #26BB0D;;
}

.menu-item.link-ativo {
	cursor: pointer;
}
.menu-item.link-desabilitado {
	cursor: not-allowed;
}

.ct-status-loja {
	background-color: #26BB0D;
	text-align: center;
	padding: 5px 20px;
	border-radius: 10px;
	font-size: .55rem;
	line-height: .55rem;
	font-weight: 700;
	color:#FFF;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.ct-status-loja.mini {       
	padding: 5px;
    width: 60px;
    font-size: .44rem;
}
.ct-status-loja.mini .icone{
	background-color: #26BB0D;
	width: 20px;
	height: 20px;
	padding: 5px;
	margin: auto;
	margin-bottom: 5px;
}
.ct-status-loja.open, .ct-status-loja.mini.open .icone{
	background-color: #26BB0D;
}
.ct-status-loja.close, .ct-status-loja.mini.close .icone{
	background-color: #EB5A5A;
}
.ct-status-loja.partial, .ct-status-loja.mini.partial .icone{
	background-color: #f5ad38;
}
/* FIM MENU */

/* BLOCO PEDIDO */
#ct-e-AppDelivery-Pedido-Bloco .ct-e-sacola-vazia {
    max-width: 2.33rem;
}
/* BLOCO PEDIDO */

/* PÁGINAS */ 
/* LOGIN */
#ct-e-Login .container{
    max-width: 930px;
    background-color: #FFF;
}

/* FALE CONOSCO */
#ct-e-AppDelivery-FaleConosco .ct-e-iconeTelefone {
    max-width: 24px;
}
/* FALE CONOSCO fim */

/* CONHEÇA A LOJA */
#ct-e-AppDelivery-ConhecaALoja .formas-pagamento {
    background-color: #F4F8F9;
    border-radius: 20px;
    align-items: center;
    padding: 4px 10px;
}
/* CONHEÇA A LOJA fim*/


/* MAPAS */
#ct-e-AppDelivery-PedidosListar-Mapa, #ct-e-AppDelivery-ConhecaALoja-Mapa, #ct-e-AppDelivery-AreaEntrega-Mapa{
    height: 480px;
}
/* MAPAS FIM */

/* PEDIDOS */
/* GERAL */
.ct-status-pedido {
	margin-left: 10px;
	border: 1px solid #249ECD;
	color:#249ECD;
	background-color: #FFF;
	border-radius: 10px;
	text-align: center;
	padding: 5px 30px;
	font-size: .55rem;
	line-height: .55rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.ct-status-pedido.novo{
	border: 1px solid #F79841;
	color:#F79841;
}
.ct-status-pedido.em-preparo{
	border: 1px solid #249ECD;
	color:#249ECD;
}
.ct-status-pedido.cancelado, .ct-status-pedido.cancelado2{
	border: 1px solid #cd245c;
	color:#cd245c;
}
.ct-status-pedido.loja{
	border: 1px solid #249ECD;
	color:#249ECD;
}
.ct-status-pedido.transito{
	border: 1px solid #249ECD;
	color:#249ECD;
}
.ct-status-pedido.entregue{
	border: 1px solid #26BB0D;
	color:#26BB0D;
}
.ct-status-pedido.concluido{
	border: 1px solid #26BB0D;
	color:#26BB0D;
}

#ct-e-AppDelivery-Pedido-Bloco .form-check-input {
    margin-top: .35rem;
    margin-right: .3rem;
}

#ct-e-AppDelivery-Pedido-Bloco-LocalEntrega .box-endereco.selecionado{
    border: 1px solid #4C9EC3
}

#ct-e-AppDelivery-Pedido-Bloco-LocalEntrega .box-endereco:hover{
    border: 1px solid #4C9EC3
}



#ct-e-AppDelivery-Pedido-Bloco-LocalEntrega .box-endereco.semEntrega:hover{
    border: 1px solid #DDD;
}


.box-endereco.selecionado  .checkmark{
	background-color: #4C9EC3;
}

.box-endereco.selecionado .checkmark:after{
	content: "";
	position: absolute;
	display: none;
}

.box-endereco.selecionado .checkmark:after {
	display: block;
}

.box-endereco.selecionado .checkcontainer .checkmark:after {
	top: 15%;
} 


#ct-e-AppDelivery-Pedido-Bloco-LocalEntrega .box-endereco.semEntrega{
    opacity: 1;
    color: #aaa !important
}


#ct-e-AppDelivery-Pedido-Bloco-Itens .complementos {
    font-style: italic;
}

#ct-e-AppDelivery-Pedido-Bloco-Itens .observacao-item {
    background-color: #E8ECED !important;
}

#ct-e-AppDelivery-Pedido-Bloco-Itens .complementos .complemento:last-child .separador {
    display: none
}

#ct-e-AppDelivery-Pedido-Bloco-Itens .complementos .complemento .nomeComplemento {
    display: none
}
#ct-e-AppDelivery-Pedido-Bloco-Itens .complementos .complemento:first-child .nomeComplemento {
    display: block;
    float: left;
    margin-top: 0.3rem;
    margin-right: 0.3rem;
}

/* Modal de pedido */
#ct-e-AppDelivery-PedidosListar .modal .box-informacoes {
	padding: 10px;
	width: 100%;
	border: 1px dashed #C2C2C2;
	box-sizing: border-box;
}

#ct-e-AppDelivery-PedidosListar .bt-close {
    font-family: "Gotham-Bold";
    width: 1.5rem;
    color: #249ECD;
    background-color: transparent;
    border-color: transparent;
    padding: 0px !important;
    font-weight: bold;
    font-size: 1.3rem;
    margin-top: -0.3rem;
}

#ct-e-AppDelivery-PedidosListar-Pedido-Grid.table > thead > tr > th {
    border-top: 0
}
#ct-e-AppDelivery-PedidosListar-Pedido-Grid TR:nth-last-child(2) TD {
	border-color:#000 !important
}
#ct-e-AppDelivery-PedidosListar-Pedido-Grid TR:nth-last-child(1) TD {
	border: 0
}
#ct-e-AppDelivery-PedidosListar-Pedido-Grid .sub-categoria UL{
    padding-left: 1rem;
	padding-top: .3rem;
}

#ct-e-AppDelivery-PedidosListar .modal .modal-footer BUTTON IMG {
	max-width: 14px;
	margin-right: 5px
}
/* Modal de pedido FIM */

/* PEDIDOS FIM */

/* CARDAPIO */
#lista-de-categorias A{
    color: #249ECD !important;
}

#ct-e-AppDelivery-Cardapio .descricao, #modalItem  .descricao{
    height: 3rem;
}
#ct-e-AppDelivery-Cardapio .preco {
    height: 2.22rem;
}
#ct-e-AppDelivery-Cardapio .crop-imagem {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: 136px;
}

#modalItem .bt-height , #modalEndereco .bt-height{
    height: 35px;
}

#modalItem .icones, #modalEndereco .icones {
    max-width: 20px;
    margin-top: -3px;
}

#modalItem HR, #modalEndereco HR {
    margin: 0px;
}

#modalItem .escolha, #modalEndereco .escolha {
    background-color: #f4f8f9;
    border: 1px solid #4c9ec3;
    border-radius: 5px;
}
#modalItem .escolha .marcacoes, #modalEndereco .escolha .marcacoes {
    border: 1px solid #4C9EC3 !important;
    border-radius: 20px !important;
    padding: 7px 15px !important;
    font-size: 0.5rem;
    color: #249ECD
}
#modalItem .escolha .marcacoes.obrigatorio, #modalEndereco .escolha .marcacoes.obrigatorio {
    background-color: #5E919E;
	font-family: "Gotham-Bold";
	font-weight: 700;
    color:#FFF;
    text-transform: uppercase;
}
#modalItem .checkcontainer, #modalEndereco .checkcontainer {
    min-height: 1.6rem;
}
#ct-e-AppDelivery-Pedido-Bloco-LocalEntrega .checkcontainer, #ct-e-AppDelivery-Pedido-Bloco-Formas-Pagamento .checkcontainer {
    min-height: 1rem;
}
#ct-e-AppDelivery-Pedido-Bloco-LocalEntrega .checkmark, #ct-e-AppDelivery-Pedido-Bloco-Formas-Pagamento .checkmark{
	width: 1rem;
    border-radius: 0;
}

#modalItem .box-complemento, #modalEndereco .box-complemento {
    border-bottom: 1px dashed #C2C2C2;
}

#modalItem .box-complemento-link, #modalEndereco .box-complemento-link {
    cursor: pointer;
}

.card {
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card-shadow {
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.pac-container {
    z-index: 99999 !important;
}

/* CHECKBOXBOX CUSTOMIZADO */
.checkcontainer {
	display: block;
	position: relative;
	padding-left: 1.5rem;
}
.checkmark {
	position: absolute;
	top: 0;
	left: -.5rem;
	height: 100%;
	width: 1.6rem;
	background-color: #E8ECED;
	border: 1px solid #4C9EC3;
    border-radius: 50%;
}

.box-complemento-link:hover .checkmark {
	background-color: #BBB;
	border: 1px solid #AAA
}

.box-complemento.selecionado .checkmark{
	background-color: #4C9EC3;
}

.box-complemento.selecionado .checkmark:after{
	content: "";
	position: absolute;
	display: none;
}

.box-complemento.selecionado .checkmark:after{
	display: block;
}

.checkcontainer .checkmark:after {
	left: 40%;
	top: 30%;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
} 
/* CHECKBOXBOX CUSTOMIZADO FIM*/

/* Novas classes para exibição de subheader do tipo de complemento */
.tipo-complemento.active .escolha{
    position: fixed;
    left: 0;
    top: 60px;
    z-index: 1000;
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
}

.escolha .tipocomplemento-descricao {
    line-height: 1rem;
}

.tipo-complemento-header {
    width: 100%;
    display: none;
}

.tipo-complemento-header-conteudo {
    width: 100%;
    z-index: 100;
    background-color: rgba(255, 255, 255, 1);
    padding-bottom: 3px;
}

.tipo-complemento-header.active {
    display: block;
}

/* CARDAPIO FIM */

/* RECAPTCHA */
.grecaptcha-badge {
    display: none !important;
}