@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('DataTables/dataTables.bootstrap.min.css') }}
{{ HTML::style('DataTables/responsive.dataTables.min.css') }}
{{ HTML::style('bootstrap-daterangepicker/daterangepicker.css') }}
{{ HTML::style('Intl-Tel-Input/17.0.3/css/intlTelInput.min.css') }}
{{ HTML::style('bootstrap-wysihtml5/src/bootstrap-wysihtml5.css') }}
{{ HTML::style('Webui-Popover/jquery.webui-popover.min.css') }}
{{ HTML::style('DataTables/fixedHeader.dataTables.min.css') }}
{{ HTML::style('bootstrap-select/css/bootstrap-select.min.css') }}
{{ HTML::style('Spectrum/spectrum.min.css') }}
<style type="text/css">
	@media (max-width: 450px) { .ModalEliminar .modal-dialog { width: auto; } }
	@media (min-width: 451px) { .ModalEliminar .modal-dialog { width: 450px; } }
	.progress {
		position: relative;
	}
	.progress span {
		position: absolute;
		display: block;
		width: 100%;
		color: black;
	}
	.country-list {
		z-index: 10000 !important;
		/* position: fixed !important; */
	}
	.intl-tel-input input[type="text"] {
		padding-left: 52px !important;
	}
	.intl-tel-input {
		width: 100%;
		display: block !important;
	}
	.intl-tel-input .iti-flag .arrow {
		border: none;
	}
	select.slReadonly {
		background: #eee !important;
		cursor: no-drop;
		pointer-events: none !important;
	}
	select.slReadonly option{
		display: none;
	}
	.mdAvatar .modal-dialog .modal-content .modal-header {
		background-color: #363B3F;
	}
	.seleccionado {
		color: #282323;
		font-weight: normal;
	}
	.tel .selected-flag, .whats .selected-flag{
		top: 17px;
	}
	.tel .input-group, .whats .input-group{
		width: 100%;
	}
	.modal .modal-header .bootstrap-dialog-close-button{
		display: block !important;
	}
	.mdAvatar .intl-tel-input.allow-dropdown .selected-flag{
		top: 17px;
	}
	@media (max-width: 768px){
		[name="txtExtension_Tel"] {
			width: 50px !important;
		}
	}
	@media only screen and (orientation: landscape) and (max-width: 700px) {
		[name="txtExtension_Tel"] {
			width: 70px !important;
		}
	}
	.modal .dataTables_length {
		display: none;
	}
	table.table.fixedHeader-floating {
		top: 35px !important;
		z-index: 99999;
	}
	.ui-pnotify{
		z-index: 999999;
	}
	#tblClientesCRM >thead>tr>th {
		min-width: unset !important;
	}
	th.cl{
		width: 8% !important;
	}
	th.imgC{
		width: 10% !important;
	}
	th.infom{
		width: 20% !important;
	}
	th.vvc{
		width: 12% !important;
	}
	th.asig{
		width: 8% !important;
	}
	th.ps{
		width: 15% !important;	
	}
	th.eti{
		width: 15% !important;
	}
	.intl-tel-input, .iti {
		height: 34px !important;
		width: 100%;
		display: table-cell;
	}
	.btnRadius{
		border-radius: 4px !important;
	}
	table.table.fixedHeader-floating {
		top: 35px !important;
		z-index: 99;
	}
	table.table-bordered.dataTable tbody td {
		vertical-align: middle;
	}
	.ModalConfigurar .modal-header{
		background-color: #363b3f !important;
	}
	.Separacion{
		display: inline-block;
		margin-bottom: 5px;
		cursor: pointer;
		margin-right: 5px;
	}
	.ModalConfigurar .modal-body{
		padding-bottom: 0px;
	}
	.ModalConfigurar .modal-footer{
		margin-top: 0px;
	}
	#dvConfV.nav-tabs{
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
		border-bottom: 1px solid #dee2e6 !important;
	}
	#dvConfV.nav-tabs>li {
		float: left;
		margin-bottom: -1px;
		border: 0px;
		border-bottom: 0px !important;
	}
	#dvConfV.nav-tabs>li .fa {
		margin-right: 10px;
	}
	#dvConfV.nav-tabs>li:first-child {
		border-left: 1px solid #dee2e6;
	}
	#dvConfV.nav-tabs>li + li{
		margin-left: 1px
	}
	#dvConfV.nav-tabs>li>a:before, .panel .nav-tabs>li>a:before{
		position: absolute;
		top:0px;
		left: 50%;
		content: "";
		height: 3px;
		width: 0;
		background-color: #067fb8;
		transition: 0.7s !important;
	}
	#dvConfV.nav-tabs>li.active>a:before, .panel .nav-tabs>li.active>a:before{
		width: 100%;
		left: 0;
		right: 0;
	}	#dvConfV.nav-tabs{
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
		border-bottom: 1px solid #dee2e6 !important;
	}
	#dvConfV.nav-tabs>li {
		float: left;
		margin-bottom: -1px;
		border: 0px;
		border-bottom: 0px !important;
	}
	#dvConfV.nav-tabs>li .fa {
		margin-right: 10px;
	}
	#dvConfV.nav-tabs>li:first-child {
		border-left: 1px solid #dee2e6;
	}
	#dvConfV.nav-tabs>li + li{
		margin-left: 1px
	}
	#dvConfV.nav-tabs>li>a:before, .panel .nav-tabs>li>a:before{
		position: absolute;
		top:0px;
		left: 50%;
		content: "";
		height: 3px;
		width: 0;
		background-color: #067fb8;
		transition: 0.7s !important;
	}
	#dvConfV.nav-tabs>li.active>a:before, .panel .nav-tabs>li.active>a:before{
		width: 100%;
		left: 0;
		right: 0;
	}
	#dvConfV.nav-tabs > li:not(.active) > a{
		background-color:#363b3f;
	}
	#dvConfV.nav-tabs > li:not(.active) > a:hover{
		background-color:#363b3f !important;
	}
	ul.wysihtml5-toolbar > li.slug{
		clear: both;
	}
	#ptab2 .form-group{
		width: 100%;
	}
	#dvConfV.nav-tabs > li:not(.active) > a:hover{
		background-color:#363b3f !important;
	}
	ul.wysihtml5-toolbar > li.slug{
		clear: both;
	}
	#ptab2 .form-group{
		width: 100%;
	}
</style>
@stop

@section('Contenido')