@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('bootstrap-select/css/bootstrap-select.min.css') }}
{{ HTML::style('Intl-Tel-Input/17.0.3/css/intlTelInput.min.css') }}
{{ HTML::style('Webui-Popover/jquery.webui-popover.min.css') }}
{{ HTML::style('bootstrap-treeview/bootstrap-treeview.min.css') }}
{{ HTML::style('jquery-ezdz/jquery.ezdz.min.css') }}
{{ HTML::style('image-picker/image-picker.css') }}
{{ HTML::style('bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css') }}
<style type="text/css">
	.intl-tel-input, .iti {
		height: 34px !important;
		width: 100%;
		display: table-cell;
	}
	.intl-tel-input.allow-dropdown input {
		padding-right: 6px !important;
		padding-left: 52px !important;
		margin-left: 0;
	}
	.intl-tel-input.allow-dropdown ul.country-list {
		z-index: 9999 !important;
	}
	.seleccionado {
		color: #282323;
		font-weight: normal;
	}
	.disable {
		pointer-events: none;
		opacity: 0.5;
	}
	.mdAvatar .modal-dialog .modal-content .modal-header {
		background-color: #363B3F;
	}
	.tel .input-group, .whats .input-group{
		width: 100%;
	}
	.modal .modal-header .bootstrap-dialog-close-button{
		display: block !important;
	}
	select.slReadonly {
		background: #eee !important;
		cursor: no-drop;
		pointer-events: none !important;
	}
	@media (max-width: 768px){
		.ext {
			width: 50px !important;
		}
	}
	@media only screen and (orientation: landscape) and (max-width: 700px) {
		.ext {
			width: 70px !important;
		}
	}
	.ezdz-dropzone {
		width: 150px !important;
		height: 150px !important;
		display: inline-block;
		margin-right: 3%;
	}
	.ezdz-dropzone div {
		line-height: normal !important;
		padding-top: 30%;
	}
	#imgFb{
		display: block;
		cursor: pointer;
		width: 150px;
		height: 140px;
		object-fit: contain;
		margin: 0 auto;
	}
	/* EZDZ PARA BIBLIOTECA DE IMÁGENES */
	.cambiarImangen .ezdz-dropzone {
		width: 100% !important;
		height: 300px !important;
		border-style: solid !important;
		border-width: 5px !important;
	}
	.cambiarImangen .ezdz-dropzone>div {
		padding-top: 8% !important;
	}
	.cambiarImangen .ezdz-dropzone i.fa-cloud-upload {
		font-size: 110px !important;
		display: block !important;
	}
	.cambiarImangen .ezdz-dropzone span.spFlITitulo {
		display: block !important;
		margin: 0 auto !important;
		font-size: 24px !important;
		background: transparent !important;
		color: #989898 !important;
		font-weight: bold !important;
	}
	.cambiarImangen .ezdz-dropzone span.spFlITexto {
		display: block !important;
		margin: 0 auto !important;
		font-size: 18px !important;
		background: transparent !important;
		color: #989898 !important;
		font-weight: bold !important;
	}
	.cambiarImangen .ezdz-dropzone.ezdz-reject span.spFlITexto,
	.cambiarImangen .ezdz-dropzone.ezdz-reject span.spFlITitulo {
		color: #8b0000 !important;
	}
	.cambiarImangen .ezdz-dropzone img {
		max-width: 300px;
		max-height: 215px;
	}
	.color-head-modal .modal-header {
		background-color: #363b3f !important;	
	}
	.color-head-modal .modal-header {
		text-align: center;
		font-weight: bold;
	}
	.perfil-image .modal-header .bootstrap-dialog-title{
		font-size: 20px;
	}
	.color-head-modal {
		overflow-y: auto!important;
	}
	.CambiarImagen .col-md-2 {
		width: 22%;
	}
	.CambiarImagen .col-md-6 {
		width: 46%;
	}
	.CambiarImagen .col-md-4 {
		width: 31%;
	}
	@media only screen and (min-width: 768px) {
		.modalCambiarImagenBGI > .modal-dialog, .modalCambiarVideoBG > .modal-dialog  { 
			width: 1100px !important;
		}
		.modalCambiarImagenBGI > .modal-dialog  .nav-tabs { 
			width: 1026px;
			margin: 0 auto;
		}
	}
	.list-group-item {
		position: relative;
		display: block;
		border: 1px solid #ddd;
	}

	.treeview li {
		margin: 0;
		padding: 3px 0 3px 16px;
	}
	.list-group-item:first-child {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	.treeview .list-group-item {
		cursor: pointer;
	}
	#slBiblioteca {
		display: none;
	}
	/* EZDZ PARA BIBLIOTECA DE IMÁGENES */
	.pPSR {
		padding-top: 10px;
		padding-left: 30px;
		margin-bottom: 0px;
	}
	.dvPSR ul {
		padding-left: 30px;
	}
	.dvPSR ul li {
		padding-bottom: 3px;
	}
	.spLPSRO {
		display: none;
	}
	.chImgPerfil {
		cursor: pointer;
	}
	.desactivado {
		pointer-events: none;
		opacity: 0.5;
	}
	.isloading-overlay > .isloading-wrapper.mostrar{
		display: inline-block !important;
	}
	.atrib-product{
		padding-top: 15px;
	}
	.mdAvatar .modal-body{
		padding-bottom: 0px;
	}
	ul.list-unstyled li{
		margin-bottom: 5px;
	}
	ul.list-unstyled li span{
		cursor: pointer;
	}
</style>
<style type="text/css">
	.img-biblioteca { height: 100px; }
	.image_picker_image { height: 100px !important; width: 119px !important; }
	.ModalBiblioteca .modal-dialog { width: 75%; }
	.ModalBiblioteca .modal-dialog .modal-footer { display: unset !important; border-top: unset !important; }
	.image_picker_image { object-fit: contain; }
	.text-count-wrapper-t { display: none; }
	.text-count-wrapper-d { display: none; }
</style>
@stop

@section('Contenido')