/* Geral */

body{ background: #f5f5f5; }
.btn{ font-size: 13px; font-weight: 800; padding-top: 10px; padding-bottom: 10px; }
.radius-0{ border-radius: 0px !important; }

.popover-body{
	background: #393939;
	color: #FFF;
	text-align: center;
}
.popover-body:before{
	background: #393939;
	border-color: #393939;	
}

a[disabled="disabled"] {
    pointer-events: none;
}

/* Header */

.logo-top-header{ margin-left: 190px; }

@media (max-width: 576px ) { 
  .logo-top-header{ margin-left: 0px; }
}






/* Navbar */

.menu-open-custom{ position: relative; z-index: 999; }
.navbar-nav .nav-item i{ margin-top: 8px; }
	.navbar-nav .nav-item.active{ background: #f9f9f9; }
	.navbar-nav .nav-item.active a, .navbar-nav .nav-item.active i{ color: rgba(246, 8, 87, 1) !important; }
	.navbar-nav .nav-item a.nav-link:hover { color: rgba(246, 8, 87, 1) !important;  }
	.navbar-nav .nav-item a.nav-link:hover i { color: rgba(246, 8, 87, 1) !important;  }


@media (max-width: 960px ) { 
	.sidebar{ width: 80%; height: 100%; }
	.menu-open-custom{ position: absolute !important;  height: 100%; }
}





/* Meus Links */

.links-itens{

}
	#count_chars { font-size: 12px; display: block; text-align: right; font-weight: bold; font-family: Nunito; text-transform: lowercase; }
	.links-itens-drag{ height: auto; background: #5a5c69; border-radius: 5px 0px 0px 5px; color: #fff;}
	.links-itens-drag:hover{ cursor: move;}
	.links-itens-drag i{ position: absolute; top: calc(50% - 10px); margin-left: 8px; }
	.links-itens-container{ background: #fff; border-radius: 0px 5px 5px 0px; }
		.links-itens-container input[type=text]{ width: 100%; border: 0px; border-bottom: 1px solid #eee; padding: 5px; font-size: 14px; border-radius: 0px; }
		.links-itens-container input[type=text]:focus{ box-shadow: none !important; }
		.links-itens-container textarea{ width: 100%; border: 0px; border-bottom: 1px solid #eee; padding: 5px; font-size: 14px; border-radius: 0px;  }

	.links-itens-header{}
		.links-itens-header a{ color: #ccc !important; }
		.links-itens-header a.active{ color: #39e09b !important; }
		.links-itens-titulo{ font-weight: bold; }
	.links-itens-icons a{ color: #ccc; padding-left: 5px; padding-right: 5px; text-decoration: none; }
	.links-itens-icons a:hover{ color: #aa00ff; text-decoration: none; }
	.links-itens-icons a.active{ color: #aa00ff; }
	.links-itens-add-imagem{ width: 64px; height: 64px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; font-size: 34px; background: #fff; box-shadow: 1px 1px 3px #d1d1d1; border-radius: 2px; }
	.links-itens-add-imagem:hover{ cursor: pointer; }
	.links-itens-add-imagem input[type=file]{font-size: 14px; position: absolute; top: 0; left: 0; margin-top: 8px; margin-left: 12px;  border:1px solid #000; width: 64px; height: 64px; opacity: 0.0; cursor: pointer;}
	.links-itens-add-imagem input[type=file]:hover{cursor: pointer;}


	.links-itens .marca-imagem{ width: 74px; height: 74px; background: #fff; padding-top: 2px; box-shadow: 1px 1px 3px #d1d1d1; border-radius: 5px; overflow: hidden; border:3px solid #c4c4c4; }
	.links-itens .marca-imagem img{ max-width: 64px; max-height: 64px; border-radius: 5px;}

	.links-itens .add-imagem-marca{ width: 74px; height: 74px; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; font-size: 34px; background: #fff; box-shadow: 1px 1px 3px #d1d1d1; border-radius: 2px; }
	.links-itens .add-imagem-marca:hover{ cursor: pointer; }
	.links-itens .add-imagem-marca input[type=file]{font-size: 14px; position: absolute; top: 0; left: 0; margin-top: 8px; margin-left: 12px;  border:1px solid #000; width: 64px; height: 64px; opacity: 0.0; cursor: pointer;}
	.links-itens .add-imagem-marca input[type=file]:hover{cursor: pointer;}
	.links-itens .add-imagem-marca.add-imagem-circle{ border-radius: 5px;  overflow: hidden;}

	.links-itens .add-imagem-marca .definicoes-img-marca{ max-width: 64px; margin-top: -13px; margin-left: -15px;  }


	#itens_container_form .item-form-input{
		margin-bottom: 10px;
		text-align: center !important;
	}
	#itens_container_form .input-form-label-fix{
		margin-bottom: 10px;
		padding-left: 45px;
	}
	#itens_container_form .item-form-input i{
		margin-top: 8px;
	}	
	#itens_container_form .item-form-input input[type=text]{
		border: 1px solid #eee;
		border-radius: 5px;
	}

	#itens_container_form .item-form-input .custom-checkbox{
		margin-top: 5px;
	}

	#itens_container_form .item-form-icon{
		background: #eee;
		border-radius: 5px 0px 0px 5px;
		width: 40px;
		height: 77%;
		position: absolute;
		left: 0px;
		font-weight: normal;
		padding-top: 3px;

	}


	@media (max-width: 576px ) { 


		#itens_container_form .item-form-icon{
		}
		.container-fluid-links{
			padding: 0px;
		}

		.links-itens-drag{ height: 40px; border-radius: 5px 5px 0px 0px; background: #5a5c69; }
		.links-itens-drag i{ position: absolute; left: calc(50% - 10px); margin-top: 2px; }
		.links-itens-container{ border: 1px solid #5a5c69;  border-radius: 0px 0px 5px 5px; }
		.links-itens-container .links-itens-header{ padding-top: 10px; margin-bottom: 10px; }

		.links-itens-icons a{ padding: 10px; padding-left: 10px; padding-right: 10px; margin-left: 5px; margin-right: 5px; font-size: 1.1rem;  }

	}




	.add-field-form{
		font-size: 13px;
		font-weight: bold;
		text-align: center;
	}
	.delete-item-form{
		margin-left: -8px;
		color: red;
	}
	.delete-item-form:hover{
		color: #ff8655;
	}

	#itens_container_form .custom-control-input:checked ~ .custom-control-label::before{
		color: #fff;
		border-color: #39e09b;
		background-color: #39e09b;		
	}


	#perfil_preview{
		border-radius: 10px;
		height: 700px;
		max-width: 360px;
		overflow: hidden;
		overflow-y: scroll;
		background: #fff;
	}
	#perfil_preview_phone_cam{
		width: 15px;
		height: 15px;
		background: #333;
		border-radius: 50px;
		border:3px solid #444;
		position: absolute;
		margin-left: 10%;
		margin-top: -30px;
	}

	#perfil_preview_phone_bar{
		width: 40px;
		height: 13px;
		background: #333;
		border-radius: 50px;
		border:3px solid #444;
		position: absolute;
		margin-left: 37%;
		margin-top: -29px;
	}

	#perfil_preview_phone_button{
		width: 30px;
		height: 30px;
		background: #333;
		border-radius: 50px;
		border:3px solid #444;
		position: absolute;
		margin-left: 37%;
		margin-top: 10px;
	}

	/* width */
	#perfil_preview::-webkit-scrollbar {
	  width: 5px;
	}

	/* Track */
	#perfil_preview::-webkit-scrollbar-track {
	  background: #000;
	}

	/* Handle */
	#perfil_preview::-webkit-scrollbar-thumb {
	  background: #888;
	}

	/* Handle on hover */
	#perfil_preview::-webkit-scrollbar-thumb:hover {
	  background: #555;
	}

	.custom-control-input:checked ~ .custom-control-label::before {
	    color: #fff;
	    border-color: #39e09b;
	    background-color: #39e09b;
	}


	#perfil_preview_loading{
		border-radius: 10px;
		width: 91%;
		height: 700px;
		max-width: 350px;
		background: #fff;
		position: absolute;
		background: #FFF;
		z-index: 999;
	}
	#perfil_preview_loading .spinner-grow {
		width: 64px;
		height: 64px;
		position: absolute;
		top: 40%;
		left: 42%;
	}

/* Modais */

.modal-header{ padding: 10px; padding-left: 20px; padding-right: 20px; color: #555; background: #f8f8f8; border-bottom: 0px;}
.modal-header h5.modal-title{ display: block; width: 100%; font-weight: 800; text-align: center !important; font-size: 14px;}
.modal-header .close{ margin-top: -18px; }
.modal-body{ padding-top: 30px; padding-bottom: 30px; }
.modal-body p{ font-size: 14px; font-weight: 600; }
.modal-body select{ height: 40px; width: 70%; border: 0px; box-shadow: 1px 1px 3px #d1d1d1; padding-left: 20px; padding-right: 20px; -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 97%; background-position-y: 8px; }
.modal-body .container-agendamento{ padding-left: 10px; padding-right: 10px; margin-bottom: 10px;	 }
.modal-body .container-agendamento i{ display: block; margin-top: 9px;}
.modal-body .container-agendamento input[type=text]{border: 1px solid #eee; box-shadow: 1px 1px 3px #d1d1d1; }

.btn-modal{ min-width: 47%; margin-left: 1%; margin-right: 1%; border-radius: 3px; margin-bottom: 5px; }
.modal-footer{ border-top: 0px; }



/* Definições */

.definicao-card{ border: 0px; box-shadow: 1px 1px 3px #d1d1d1; }
.definicao-card .card-body{ margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; }
	.card-body-branco{ background: #fcfcfc; }
	.card-body-cinza{ background: #f8f8f8; }
	.definicao-card-categoria{ margin-bottom: 20px; }
	.definicao-card-categoria p{ font-size: 14px; font-weight: 800; }
	.definicao-card .quadrado-selected{ padding: 5px; border: 1px solid #fff;}
	.definicao-card .quadrado-selected.active{ border: 1px solid #f70e57; }
	.definicao-card .quadrado-selected img{max-width: 100%;}
	.definicao-card .quadrado-selected:hover{cursor: pointer;}

	.nav-picker .nav-link{ padding: 0px; padding-left: 15px; padding-right: 15px;  background: #f8f8f8 !important; color: #707070 !important; font-size: 14px; }
	.nav-picker .nav-link.active{ border: 2px solid #707070; }

	.definicao-card .profile-imagem{ width: 74px; height: 74px; background: #fff; padding-top: 2px; box-shadow: 1px 1px 3px #d1d1d1; border-radius: 50px; overflow: hidden; border:3px solid #c4c4c4; }
	.definicao-card .profile-imagem img{ width: 64px; height: 64px; border:0px solid #000; border-radius: 64px !important;}
	
	.definicao-card .add-imagem{ width: 74px; height: 74px; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; font-size: 34px; background: #fff; box-shadow: 1px 1px 3px #d1d1d1; border-radius: 2px; }
	.definicao-card .add-imagem:hover{ cursor: pointer; }
	.definicao-card .add-imagem input[type=file]{font-size: 14px; position: absolute; top: 0; left: 0; margin-top: 8px; margin-left: 12px;  border:1px solid #000; width: 74px; height: 74px; opacity: 0.0; cursor: pointer;}
	.definicao-card .add-imagem input[type=file]:hover{cursor: pointer;}
	.definicao-card .add-imagem.add-imagem-circle{ border-radius: 50px;  overflow: hidden;}

	.definicao-card .add-imagem .definicoes-img-profile{ width: 74px; height: 74px; margin-top: -15px; margin-left: -20px;  }
	.definicao-card .add-profile-imagem{margin-left: 38%;}
	.definicao-card .add-profile-imagem input[type=file]{margin-left: 38%;}


	.definicao-card .marca-imagem{ width: 74px; height: 74px; background: #fff; padding-top: 2px; box-shadow: 1px 1px 3px #d1d1d1; border-radius: 5px; overflow: hidden; border:3px solid #c4c4c4; }
	.definicao-card .marca-imagem img{ max-width: 64px; max-height: 64px; border-radius: 5px;}

	.definicao-card .add-imagem-marca{ width: 74px; height: 74px; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; font-size: 34px; background: #fff; box-shadow: 1px 1px 3px #d1d1d1; border-radius: 2px; }
	.definicao-card .add-imagem-marca:hover{ cursor: pointer; }
	.definicao-card .add-imagem-marca input[type=file]{font-size: 14px; position: absolute; top: 0; left: 0; margin-top: 8px; margin-left: 12px;  border:1px solid #000; width: 64px; height: 64px; opacity: 0.0; cursor: pointer;}
	.definicao-card .add-imagem-marca input[type=file]:hover{cursor: pointer;}
	.definicao-card .add-imagem-marca.add-imagem-circle{ border-radius: 5px;  overflow: hidden;}

	.definicao-card .add-imagem-marca .definicoes-img-marca{ max-width: 64px; margin-top: -13px; margin-left: -15px;  }
	.definicao-card .add-marca-imagem{ margin-left: 38%;}
	.definicao-card .add-marca-imagem input[type=file]{ margin-left: 38%;}




	.jQWCP-wWidget{ min-width: 261px !important;    min-height: min-content !important; background: #fcfcfc; border:0px; box-shadow: 1px 1px 3px #d1d1d1;  }
	.jQWCP-wWidget .jQWCP-wWheel{ border:0px;  }
	.jQWCP-wWidget .jQWCP-slider{ border:0px;  }
	.jQWCP-wWidget .jQWCP-wPreviewBox{ border:0px;  }









input[type="checkbox"].single-checkbox{
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;	
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px !important;
    width: 24px !important;
    height: 24px !important;
    background: #FFF;
    border: 2px solid #ccc;
    border-radius: 5px;
}
input[type="checkbox"].single-checkbox:checked{
	background: #39e09b !important;
    border: 2px solid #39e09b;
	color: #FFF !important;
}
input[type="checkbox"].single-checkbox:checked:after{
  content: '✓';
  position: absolute;
  margin-top: -11px;
  margin-left: -6px;
/*width: 15%;*/
  /*height: 40%;*/
  /*transform: rotate(45deg);*/
}