/*Lightbox*/
.ui-widget-overlay {
	background: #000 !important;
	opacity: 0.6 !important;
	filter: Alpha(Opacity=60) !important;
}
.ui-dialog {
	border-radius: 6px 6px 4px 4px !important;
	padding: 0 !important;
	margin: 0px !important;
    background: #ffffff !important;
	-webkit-box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.7);
	box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.7);
    width: auto;
    min-width: 350px;
    float: left;
    left: 50% !important;
	transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    -webkit-animation: ScaleIn 0.3s ease-in;
	animation: ScaleIn 0.3s ease-in;
}
@-webkit-keyframes ScaleIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes ScaleIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.ui-front {
    z-index: 100;
}
.ui-dialog-titlebar {
	background: #284B78 !important;
	width: 100% !important;
	position: relative !important;
	left: 0px !important;
	top: 0px !important;
	padding: 10px 0 0 0 !important;
	height: 30px !important;
	border-radius: 4px 4px 0px 0px !important;
	color: #FFF;
	font-size: 16px;
}
.ui-dialog-titlebar span.ui-dialog-title, .ui-dialog-titlebar label {
	color: #FFF;
    padding-left: 10px;
    float: left !important;
}
.ui-dialog .ui-dialog-titlebar-close {
    background: #284B78 !important;
    color: #284B78 !important;
    position: absolute;
    right: 5px !important;
    top: 22% !important;
    width: 20px;
    height: 20px;
    margin: 0 !important;
    outline: none;
    font-size: 1px !important;
    border:0;
}
.ui-dialog .ui-dialog-titlebar-close span.ui-icon {
    display: none;
}
.ui-dialog .ui-dialog-titlebar-close span.ui-button-text {
    float: right !important;
    margin: 0 !important;
    color: transparent;
    width: 20px;
    height: 20px;
    background: url(/Images/SiteMaster/ico-cerrar2.png) no-repeat #284B78 !important;
}
.ui-dialog .ui-dialog-content {
    float: left;
    height: auto;
    font-size: 13px !important;
    width: 100% !important;
/*    overflow-x: hidden !important;*/
}
.ui-dialog fieldset {
    max-width: 100% !important;
}
.ui-dialog .ui-dialog-content form {
    padding: 20px 20px 0 20px !important;
}
.ui-dialog input[type="text"], .ui-dialog input[type="email"], .ui-dialog input[type="number"] {
    width: calc(100% - 12px);
    margin-bottom:18px;
    outline:none !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;  
}
.ui-dialog textarea {
    margin-bottom:18px;
}
.ui-dialog input.contacto-gestion {
    width: 89%;
}
.ui-dialog .labels-icon img {
    margin:4px 0 0 8px;
}
.ui-dialog .button-contactoGestion {
    background: url(/Images/Terceros/ico-tabT-contacto.png) no-repeat !important;
    width: 19px !important;
    height:19px !important;
    background: #FF8000;
    padding: 0 !important;
    margin: 3px 0 0 3px;
    min-width: 19px;
}
.ui-dialog select {
    background: url(/Images/SiteMaster/ico-select.png) no-repeat #FAFAFA !important;
    background-position: 97% center !important;
    border: solid 1px #CCCCCC ;
    border-radius: 0 !important;
    width: 100%;
    margin-bottom:18px;
}
.ui-dialog textarea {
    width: 97%;
	height: 50px;
    padding: 5px;
	color: #4A3F43;
	border: solid 1px #CCCCCC;
	border-radius: 0px !important;
	float: left;
    font-size: 13px;
    font-family: "Myriad Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: none !important;
    border-width: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    clear: both;
}
@media all and (-ms-high-contrast:none) {
    .ui-dialog .ui-dialog-buttonpane { display: block; } /* IE10 */ *::-ms-backdrop, .ui-dialog .ui-dialog-buttonpane { display: block; } /* IE11 */
}
.ui-dialog .ui-dialog-buttonset {
	float: none !important;
    text-align: center;
    justify-content: center;
    display: flex;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: 0 5px 0 0 !important;
    cursor: pointer;
    background: #FF8000 !important;
    font-size: 13px !important;
    border-radius: 0px !important;
}
.ui-dialog .validateTips {
    text-transform: capitalize;
    margin: 0 0 10px 0;
    padding: 0 !important;
}
.ui-dialog .light-content {
    margin: 0 20px 0 20px;
}
.ui-dialog #inventory-form, .ui-dialog #gift-form, .ui-dialog #gift-form-validation, .ui-dialog #inventory-edit-form {
    padding: 0 !important;
    margin-bottom: 20px;
    overflow-x: hidden;
}
.ui-dialog #gift-form-validation {
    text-align: justify;
}
.ui-dialog .loader {
    text-align: center !important;
    width: 350px !important;
    min-width: 350px !important;
}
/*Personalizados Mis Cotizaciones y Terceros*/
.ui-dialog .ui-dialog-content form#frmsharedquote, .ui-dialog #inventory-form, .ui-dialog #gift-form, .ui-dialog #gift-form-validation, .ui-dialog #Gestion-form-add, .ui-dialog #Contact-form-edit, .ui-dialog #estado-form-add {
    width: 350px !important;
}
.ui-dialog #Contact-form {
    width: 320px !important;
}
.ui-dialog  #inventory-edit-form {
    width: 100% !important;
    overflow:hidden;
}
.ui-dialog .form-editar-tercero, .ui-dialog #Gestion-form-add {
    margin: 20px !important;
}
.ui-dialog #Gestion-form-add input[type="date"] {
    width: 96%;
    margin-bottom: 10px;
}
.ui-dialog #estado-form-add fieldset {
    max-width: 88% !important;
    margin-left: 20px !important;
}
@media all and (-ms-high-contrast:none) {
    #inventory-edit-form form { width: 90% !important; } /* IE10 */ *::-ms-backdrop, #inventory-edit-form form { width: 90% !important; } /* IE11 */
}
#frmaddress .ui-dialog-buttonset {
    float: left !important;
    width: 100%;
}
#txtfechaGestion{
    margin-bottom: 18px;
    width:96%;
}
/*Personalizados Pop up Tercero Detalle*/
#editar-direccion, #eliminar-direccion, #editar-contacto, #eliminar-contacto, #editar-gestion,#eliminar-gestion {
	display: none;
}
#editar-direccion:target, #eliminar-direccion:target, #editar-contacto:target, #eliminar-contacto:target, #editar-gestion:target ,#eliminar-gestion:target {
	width: 100%;
	height: 890%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #000;
	opacity: 0.6;
	display: block;
	z-index: 99999;
}
.popup {
	display: none;
}
#editar-direccion:target + .popup, #eliminar-direccion:target + .popup, #editar-contacto:target + .popup, #eliminar-contacto:target + .popup, #editar-gestion:target + .popup, #eliminar-gestion:target + .popup {
	width: 380px;
	height: auto;
	border-radius: 6px;
	background: #FFF;
	position: absolute;
	top: 22%;
	left: 50%;
    -ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 999999;
	display: block;
	padding: 10px;
	color: #6e6e6e;
}
#editar-direccion + .ui-dialog {
    width: 550px !important;
}
.ui-dialog span.light-cerrar {
    float: right;
    margin-right: 10px;
}
#frmestado {
    width: auto!important;
}
/*Personalizados Ubicacion y Calendario Demos*/
.ui-dialog fieldset#InformacionUsuario, .ui-dialog fieldset.form-calendario {
    max-width: 610px !important;
}
.ui-dialog fieldset#InformacionUsuario input[type="text"], .ui-dialog fieldset.form-calendario input[type="text"] {
    width: 92% !important;
    margin-right: 0px !important;
}
fieldset#InformacionUsuario .tabs-perfil-item select#IdPais, fieldset#InformacionUsuario .tabs-perfil-item select#IdDepartamento, fieldset.form-calendario select {
    width: 96% !important;
}
.ui-dialog fieldset.form-calendario ul.cal-hora li {
    float: left;
    width: 31.5%;
}
.ui-dialog fieldset.form-calendario ul.cal-hora li input {
   width:90% !important;
   margin-right:0 !important;
}
.ui-dialog fieldset.form-calendario ul.cal-hora li select {
   width:90% !important;
   margin-right:0 !important;
}
.ui-dialog fieldset.form-calendario #cmbpartner {
   margin-top:20px;
}
/*Calendario Demos*/
fieldset.form-calendario .tabs-perfil-item-admin p {
	color: #40739E;
	font-family: "Myriad Pro Semibold", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
}
fieldset.form-calendario .tabs-perfil-item-admin p span {
	color: #40739E;
	padding-left: 10px;
}
fieldset.form-calendario .floatLeft {
	width: 50% !important;
}
fieldset.form-calendario .floatLeft:first-child {
    width: 100% !important;
}
fieldset.form-calendario .tabs-perfil-item-admin label {
	width: 170px !important;
}
fieldset.form-calendario .tabs-perfil-item-admin label a {
    color:#40739E;
}
fieldset.form-calendario .cal-input-evento {
	color: #40739E;
	font-family: "Myriad Pro Semibold", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
}
fieldset.form-calendario textarea {
	height:35px;
	width:92%;
}
.grid-edita a, .grid-no-edita a, .grid-elimina a, .grid-guarda a   {
    width: 40px;
    height: 26px;
    border: solid 1px #CCCCCC;
    float: right;
    display: block;
	margin-left:20px;
}
.grid-edita a {
    background: url(/Images/SiteMaster/ico-editar.png) no-repeat #ffffff;
    background-position: center center;
}
.grid-no-edita a {
    background: url(/Images/SiteMaster/ico-editar-no.png) no-repeat #ffffff;
    background-position: center center;
}
.grid-elimina a {
    background: url(/Images/SiteMaster/ico-eliminar.png) no-repeat #ffffff;
    background-position: center center;
}
.grid-guarda a {
    background: url(/Images/SiteMaster/ico-guardar.png) no-repeat #ffffff;
    background-position: center center;
}
.cal-icons-form {
	text-align: right;
    width: 96%;
	margin-top:10px;
}
.form-calendario .floatLeft #cmbpartner {
	margin-top:0 !important;
}
/*Administracion Licencias*/
.ui-dialog .ui-dialog-content .adminRenovacion {
   padding:20px;
}
/*Personalizados Filtro*/
.ui-dialog .ui-dialog-content .form-filter {
    width: 460px;
}
.ui-dialog .ui-dialog-content .form-filter .search-input, .ui-dialog .ui-dialog-content .form-filter .search-box, .ui-dialog .ui-dialog-content .form-filter .search-criteria {
    width: calc(33.33% - 29px);
    float: left;
    margin-right:10px;
}
.ui-dialog .ui-dialog-content .form-filter .search-icons {
    width: 57px;
    float: left;
}
.ui-dialog .ui-dialog-content .form-filter .search-icons .add-filter {
    width: 26px;
    float: left;
}
.ui-dialog .ui-dialog-content .form-filter .search-icons .remove-filter {
    width: 26px;
    float: left;
    margin-left: 5px;
}
.ui-dialog .ui-dialog-content .form-filter input[type="button"] {
    margin-top:20px;
    margin-left:calc(50% - 40px);
    width:80px;
}
.ui-dialog .reveal-info {
	width: 100%;
	float: left;
	margin-top: 20px;
	display: none;
}
.ui-dialog input[type="checkbox"]:checked ~ .reveal-info {
	display: block;
}
/*Temas Encuestas*/
.ui-dialog .ui-dialog-content #container-agregar-tema {
    width: 100%;
    float: left;
    text-align: center;
}
.ui-dialog .ui-dialog-content #container-agregar-tema input[type="text"], .ui-dialog .ui-dialog-content #container-agregar-tema select {
    width: 86%;
    float: left;
    margin: 20px 5% 20px 5%;
    padding: 5px 2% 5px 2%
}
.ui-dialog .ui-dialog-content #container-agregar-tema input[type="checkbox"] {
    margin-bottom: 20px;
}
.ui-dialog .ui-dialog-content #container-agregar-tema label {
    top: -3px;
    position: relative;
}
/*Contacto Agenda y Partner*/
input#contacto-evento , input#direccion-evento , input#barrio-evento {
width:calc(92% - 30px) !important;
}
.content-search-form-client {
margin:0 20px 0 20px;
}
#frmcontact #Contact-form-edit {
width:100% !important;
margin:0 !important;
}
.text-help-contacto, .text-help-direccion {
float:left;
width:48% !important;
height:auto;
background:#FFF;
padding:5px 1% 5px 1%;
border-top:1px solid #DCE3E9;
border-left:1px solid #A8B8C5;
-webkit-box-shadow:3px 2px 2px 0 rgba(38, 94, 131, 0.75);
-moz-box-shadow:3px 2px 2px 0 rgba(38, 94, 131, 0.75);
box-shadow:3px 2px 2px 0 rgba(38, 94, 131, 0.75);
color:#385872;
font-size:12px;
text-align:justify;
position:absolute;
bottom:20px;
}
.text-help-contacto:before, .text-help-direccion:before {
content:url(/Images/Partners/arrow-tooltip-help.png);
position:absolute;
left:15px;
top:-13px;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/*proforma cotizacion*/
.wo-Dialog .ui-dialog .content-dialog .quoteProforma {
    margin:20px 20px 0 20px;
    width:calc(100% - 40px);
    max-width:500px;
    float:left;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma h2 {
    font-size:17px;
    color:#4A3F43;
    font-family:"Myriad Pro Light", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif" !important;
    text-align:center;
    margin:0 auto;
    margin-bottom:20px;
    line-height:17px;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma div {
    float:left;
    width:100%;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma div.boton {
    text-align:center;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma div input, select {
    outline:none;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma div input[type="text"],
.ui-dialog input[type="email"], .ui-dialog input[type="number"] {
    width:calc(100% - 12px);
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #Direccion-form-edit .grid-container {
    margin:20px 0 20px 0;
}
.wo-Dialog .ui-dialog .content-dialog #Direccion-form-edit {
    margin:0 20px 0 20px !important;
}
.wo-Dialog .ui-dialog .content-dialog #Direccion-form-edit #direccion {
    margin:0 0 20px 0;
}
.wo-Dialog .ui-dialog .content-dialog #Direccion-form-edit #direccion #addressPaises label {
    font-size:15px;
    color:#4A3F43;
    font-family:"Myriad Pro Light", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
    text-align:center;
    margin:0 auto;
    line-height:15px;
    padding-bottom:5px;
    width:100%;
    float:left;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #datos #info .column50 #dvEmpre   {
    float:left;
    width:80px;
    margin-top:-15px;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #datos #info .column50 #dvEmpre p   {
    float:left;
    width:100%;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #datos #info .column50 input[type="number"]  {
    margin-bottom:0 !important;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #datos #info .column50 #dvEmpre input[type="number"]  {
    margin:0 !important;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #datos #info .column50 .idShort  {
    float:left;
    width:calc(100% - 112px) !important;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #datos #info .column50 p.labelShort {
    float:left;
    width:calc(100% - 80px) !important;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #datos .boton {
    margin-top:20px;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta {
    float:left;
    width:100%;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta h2 {
    font-size:18px;
    color:#134E88;
    font-family:"Myriad Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif" !important;
    line-height:18px;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta label {
    float:left;
    width:120px;
    text-align:left;
    font-size:14px;
    color:#134E88;
    margin-bottom:5px;
    font-family:"Myriad Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif" !important;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta p {
    float:left;
    width:calc(100% - 120px);
    text-align:left;
    font-size:14px;
    color:#444444;
    margin-bottom:5px;
    font-family:"Myriad Pro Light", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif" !important;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta p#pReteFuente {
    float:left;
    width:auto;
    font-family:"Myriad Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif" !important;
    font-weight:bolder;
    font-size:13px;
    color:#132948;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta p#nombreComprador,
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta p#direccionPrincipalComprador {
    width:calc(100% - 210px);
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta input[id="editarForm1"],
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta input[id="editarForm2"] {
    width:90px;
    max-width:90px;
    height:18px;
    padding:0;
    line-height:20px;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta hr {
    margin:0;
    width:100%;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta table.disenoTabla {
    margin:10px 0 20px 0;
    font-size:12px;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta table#table-details th {
   line-height:20px;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta table#table-details td {
   height:auto;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta table#tableObsequio {
    width:100%;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta table#tableObsequio th {
    line-height:20px;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta table#tableObsequio td {
    height:auto;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .column100 {
    margin-bottom:10px;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma .titleForce {
    position:fixed;
    top:14px;
    left:17px;
    background:#284B78 !important;
    color:#FFF;
    font-size:15px;
    padding:5px;
}
/*crear proforma*/
.wo-Dialog .ui-dialog .content-dialog .container-info-contact,
.wo-Dialog .ui-dialog .content-dialog #renovations-form {
    float:left;
    width:calc(100% - 40px);
    margin:20px;
}
.wo-Dialog .ui-dialog .content-dialog .container-info-contact label,
.wo-Dialog .ui-dialog .content-dialog .container-info-contact label  {
    float:left;
    width:100%;
}
.wo-Dialog .ui-dialog .content-dialog #renovations-form h3 {
    font-size:16px;
    color:#134E88;
    font-family:"Myriad Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif" !important;
    line-height:16px;
    text-align:center;
}
/*.wo-Dialog .ui-dialog .content-dialog #Direccion-form-edit #direccion #addressPaises div input[type="text"], 
.wo-Dialog .ui-dialog .content-dialog #Direccion-form-edit #direccion #addressPaises div input[type="email"] {
    background:#E1E1E1;
    padding:5px;
    color:#4A3F43;
    font-family:Arial, Helvetica, sans-serif;
    border:0px;
    border-radius:4px;
    width:calc(100% - 12px)!important;
    height:18px;
    opacity:0.8;
    text-align:center;
    margin:0 0 10px 0 !important;
}
.wo-Dialog .ui-dialog .content-dialog #Direccion-form-edit #direccion #addressPaises div select {
    background:url(/Images/Quotes/ico-select.png) no-repeat #E1E1E1 !important;
    background-position:98% center !important;
    padding:5px;
    color:#4A3F43;
    font-family:Arial, Helvetica, sans-serif;
    border:0px;
    border-radius:4px !important;
    width:100% !important;
    height:28px;
    text-align:center;
    -webkit-appearance:none;
    -moz-appearance:window;
    opacity:0.8;
}*/
/*promociones quotes*/
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromo,
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromoDetalle {
    padding:20px 20px 0 20px !important;  
}
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromo label:before,
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromoDetalle label:before {
    display:none !important;
}
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromo label,
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromoDetalle label {
    color:#40739E;
	font-family:"Myriad Pro Semibold";
}
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromo #InformacionUsuario input[type="text"],
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromo #InformacionUsuario textarea {
    width:calc(100% - 12px) !important;
    margin-right:0px !important;
}
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromoDetalle #InformacionUsuario input[type="number"] {
    width:calc(96% - 2px) !important;
    margin-right:0px !important;
}
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromo #InformacionUsuario input[id="FechaInicial"],
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromo #InformacionUsuario input[id="FechaVenceCotizacion"] {
    width:calc(100% - 32px) !important;
    margin-right:20px !important;
}
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromo #InformacionUsuario .checkbox,
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromoDetalle #InformacionUsuario .checkbox {
cursor:pointer;
font-size:13px;
width:20px;
height:20px;
display:inline-block;
margin-left:-20px;
margin-top:3px;
margin-bottom:10px;
cursor:pointer;
}
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromo #InformacionUsuario input[type=checkbox],
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromoDetalle #InformacionUsuario input[type=checkbox] {
opacity:0;
float:left;
margin:3px 0 0 0 !important;
width:20px;
height:20px;
padding:0;
cursor:pointer;
}
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromo #InformacionUsuario .checkbox:before,
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromoDetalle #InformacionUsuario .checkbox:before {
content:"";
display:inline-block;
width:20px;
height:20px;
vertical-align:middle;
text-align:center;
background:#FAFAFA;
border:1px solid #CDCDCD;
cursor:pointer;
display:inline-block !important;
background:none !important;
}
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromo #InformacionUsuario input[type=checkbox]:checked + .checkbox:before,
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromoDetalle #InformacionUsuario input[type=checkbox]:checked + .checkbox:before {
content:"\2714";
font-size:15px;
color:#5F5F60;
margin-right:5px;
}
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromo #grid_Detail {
float:left;
width:100%;
}
.wo-Dialog .ui-dialog .ui-dialog-content .DialogAdminPromo .center-div {
margin-top:-40px;
}
/*Informe Gestion Vendedor*/
.wo-Dialog .ui-dialog .ui-dialog-content #gridCliente {
width:calc(100% - 40px);
}
/*Informe Tickets Admin*/
.wo-Dialog .ui-dialog .ui-dialog-content form#item .column100 input[type="text"] {
float:left;
width:calc(100% - 42px);
margin-right:10px;
}
.wo-Dialog .ui-dialog .ui-dialog-content form#item .column100 a {
display:inline-block;
float:left;
width:20px;
height:20px;
line-height:20px;
text-align:center;
}
.wo-Dialog .ui-dialog .ui-dialog-content form#item .column100 a img {
vertical-align:middle;
}
.wo-Dialog .ui-dialog .ui-dialog-content form#item .column50 {
width:calc(50% - 10px);
}
.wo-Dialog .ui-dialog .ui-dialog-content form#item .column50:nth-of-type(2n+2) {
margin-left:10px;
}
.wo-Dialog .ui-dialog .ui-dialog-content form#item .column50:nth-of-type(2n+1) {
margin-right:10px;
}
.wo-Dialog .ui-dialog .ui-dialog-content form#item .column100 input[type="button"] {
margin-left:50%;
transform:translateX(-50%);
}
/*lista cntactos*/
.wo-Dialog .ui-dialog .ui-dialog-content .listaContactos {
float:left;
width:calc(100% - 40px); 
max-width:520px;
margin:20px 20px 0 20px;
}
.wo-Dialog .ui-dialog .ui-dialog-content .container-info-contact .listaContactos {
float:left;
width:100%; 
margin:0;
}
.wo-Dialog .ui-dialog .ui-dialog-content .listaContactos table {
float:left;
width:100%; 
min-width:260px;
max-width:520px;
}
.wo-Dialog .ui-dialog .ui-dialog-content .listaContactos table th {
height:20px;
padding:5px;
background:#E7E4E9;
text-align:center;
vertical-align:middle;
}
.wo-Dialog .ui-dialog .ui-dialog-content .listaContactos table td {
min-height:15px;
padding:5px;
background:#F2F1F3;
text-align:left;
line-height:12px;
vertical-align:middle;
}
.wo-Dialog .ui-dialog .ui-dialog-content .listaContactos table td:nth-of-type(3) {
text-align:center;
width:20px;
cursor:pointer;
}
.wo-Dialog .ui-dialog .ui-dialog-content .listaContactos table td img {
max-width:17px;
height:16px;
width:auto\9;
}
.wo-Dialog .ui-dialog .ui-dialog-content .listaContactos .botonesContactos {
float:left;
width:100%;
margin-top:20px;
text-align:center;
}
.wo-Dialog .ui-dialog .ui-dialog-content .listaContactos .botonesContactos input[type="button"] {
margin:0 10px 0 10px;
height:24px;
outline:none;
}
.wo-Dialog .ui-dialog .ui-dialog-content .container-info-contact .listaContactos .botonesContactos input[type="button"] {
bacKground:#3082B8;
}
/*cantidad de links y procesar proforma*/
.wo-Dialog .ui-dialog .ui-dialog-content .cantidadLinks,
.wo-Dialog .ui-dialog .ui-dialog-content .procesaProforma {
float:left;
width:calc(100% - 40px);
padding:20px 20px 0 20px;
}
.wo-Dialog .ui-dialog .ui-dialog-content .cantidadLinks div,
.wo-Dialog .ui-dialog .ui-dialog-content .procesaProforma div {
float:left;
width:100%;
}
.wo-Dialog .ui-dialog .ui-dialog-content .procesaProforma div p {
float:left;
width:100%;
margin-bottom:20px;
}
.wo-Dialog .ui-dialog .ui-dialog-content .procesaProforma div p span {
float:left;
width:100%;
margin-bottom:10px;
}
.wo-Dialog .ui-dialog .ui-dialog-content .procesaProforma div p span:last-child {
margin-bottom:0;
}
.wo-Dialog .ui-dialog .ui-dialog-content .procesaProforma div p span input[type="radio"] {
float:left;
width:12px;
margin:0 10px 0 0;
outline:none;
}
.wo-Dialog .ui-dialog .ui-dialog-content .procesaProforma div p span label {
float:right;
width:calc(100% - 22px);
text-align:left;
line-height:12px;
}
/*responsive*/
@media (max-width:975px) and (min-width:801px), (max-width:770px) and (min-width:601px) {
.text-help-contacto, .text-help-direccion {
    bottom: 60px;
}
}
@media (max-width: 720px) {
.form-filter-big {
  width: 500px !important;
}
.form-filter-big .search-input, .form-filter-big .search-box {
  width: 82px !important;
}
.form-filter-big .search-icons {
  width: 60px !important;
  margin-left: 0% !important;
}
.form-filter-big .search-criteria input[type="date"] {
  width: 100px;
}
}
@media (max-width: 700px) {
.ui-dialog fieldset#InformacionUsuario, .ui-dialog fieldset.form-calendario {
    width: 500px;
}
}
@media (max-width: 642px) {
.ui-dialog .ui-dialog-content {
    max-height: 380px !important;
    overflow-y: auto;
    overflow-x: hidden;
}
.content-results-contactosgrid .grid-pager,
.content-results-contactosgrid .grid-pager .pager {
    float: left;
}
}
@media (max-width: 642px) and (min-width: 601px) {
.text-help-contacto, .text-help-direccion {
    width:100% !important;
    position: relative;
    bottom: 195px;
}
.text-help-contacto:before, .text-help-direccion:before {
    top: 19px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
}
@media (max-width: 600px) {
.text-help-contacto, .text-help-direccion {
    width:100% !important;
    max-width: 300px;
    position: relative;
    bottom: 145px;
}
.text-help-contacto:before, .text-help-direccion:before {
    top: 19px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
}
@media (max-width: 580px) {
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta label {
    width:100% !important;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta p#nombreComprador,
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta p#direccionPrincipalComprador {
    width:100% !important;
}
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta input[id="editarForm1"],
.wo-Dialog .ui-dialog .content-dialog .quoteProforma #informacionVenta input[id="editarForm2"] {
    width:80px;
    max-width:inherit;
    float:left;
    clear:both;
    margin:0 0 5px 0;
    height:18px;
    padding:0;
}
}
@media (max-width: 575px) {
    .ui-dialog .ui-dialog-content .form-filter {
        width: 450px;
    }

        .ui-dialog .ui-dialog-content .form-filter .search-icons .add-filter, .ui-dialog .ui-dialog-content .form-filter .search-icons .remove-filter {
            width: 20px;
        }

        .ui-dialog .ui-dialog-content .form-filter .search-input, .ui-dialog .ui-dialog-content .form-filter .search-box, .ui-dialog .ui-dialog-content .form-filter .search-criteria {
            width: 25%;
        }

        .ui-dialog .ui-dialog-content .form-filter .search-icons {
            width: 17%;
        }

    .ui-dialog fieldset#InformacionUsuario, .ui-dialog fieldset.form-calendario {
        width: 400px;
    }

    .text-help-contacto, .text-help-direccion {
        bottom: 200px;
    }
}
    @media (max-width: 560px) {
        .form-filter-big {
            width: 400px !important;
        }

            .form-filter-big .search-input, .form-filter-big .search-box {
                width: 70px !important;
                margin-right: 5px !important;
            }

            .form-filter-big .search-icons {
                width: 45px !important;
            }

            .form-filter-big .search-criteria {
                margin-right: 0px !important;
            }

                .form-filter-big .search-criteria input[type="date"] {
                    width: 85px;
                    margin-right: 5px !important;
                }
    }

    @media (max-width: 520px) {
        .ui-dialog #Contact-form {
            width: 97% !important;
        }

        .ui-dialog fieldset#InformacionUsuario, fieldset.form-calendario {
            width: 100% !important;
        }

            fieldset.form-calendario .floatLeft {
                width: 100% !important;
            }

            .ui-dialog fieldset#InformacionUsuario input[type="text"], .ui-dialog fieldset.form-calendario input[type="text"] {
                width: 100% !important;
            }

            fieldset#InformacionUsuario .tabs-perfil-item select#IdPais, fieldset#InformacionUsuario .tabs-perfil-item select#IdDepartamento, fieldset.form-calendario select {
                width: 103% !important;
            }

            fieldset.form-calendario textarea {
                width: 100%;
            }

        .ui-dialog .ui-dialog-content .form-filter {
            width: 390px;
        }

        .ui-dialog fieldset.form-calendario ul.cal-hora li {
            width: 33.3%;
        }

            .ui-dialog fieldset.form-calendario ul.cal-hora li input {
                width: 100% !important;
            }
    }

    @media (max-width: 500px) {
        .form-filter-big {
            width: 88% !important;
        }

            .form-filter-big .search-input, .form-filter-big .search-box {
                width: 60px !important;
                margin-right: 2px !important;
            }

            .form-filter-big .search-icons {
                width: 32px !important;
            }

            .form-filter-big .search-criteria {
                margin-right: 0px !important;
            }

                .form-filter-big .search-criteria input[type="date"] {
                    width: 68px;
                    margin-right: 2px !important;
                    padding: 5px 2px 6px 2px;
                }

        .ui-dialog .ui-dialog-content .form-filter-big .search-icons .add-filter, .ui-dialog .ui-dialog-content .form-filter-big .search-icons .remove-filter {
            width: 15px;
        }

        .form-filter-big select {
            padding-left: 0px;
        }
    }

    @media (max-width: 485px) {
        .ui-dialog .ui-dialog-content form#frmsharedquote {
            width: 88% !important;
        }

        .ui-dialog .ui-dialog-content {
            overflow-x: hidden;
        }
    }

    @media (max-width: 440px) {
        .ui-dialog .ui-dialog-content .form-filter .search-icons .add-filter, .ui-dialog .ui-dialog-content .form-filter .search-icons .remove-filter {
            width: 16px;
        }

        .ui-dialog input.contacto-gestion {
            width: 88.5%;
        }

        .ui-dialog {
            width: 90% !important;
            min-width: 90%;
        }

            .ui-dialog .ui-dialog-content .form-filter {
                width: 95%;
            }
    }

    @media (max-width: 420px) {
        .ui-dialog .ui-dialog-content .form-filter .search-icons {
            width: 14%;
            margin-left: 5%;
        }

        .ui-dialog input.contacto-gestion {
            width: 87%;
        }
    }

    @media (max-width: 400px) {
        .ui-dialog .ui-dialog-content .form-filter .search-input, .ui-dialog .ui-dialog-content .form-filter .search-box, .ui-dialog .ui-dialog-content .form-filter .search-criteria {
            width: 24%;
        }

        .ui-dialog .loader {
            width: 100% !important;
            min-width: 100% !important;
        }
    }

    @media (max-width: 380px) {
        .ui-dialog #inventory-edit-form {
            overflow: hidden !important;
        }

        .text-help-contacto, .text-help-direccion {
            font-size: 11px;
        }
    }

    @media (max-width: 365px) {
        .text-help-contacto, .text-help-direccion {
            bottom: 250px;
        }

            .text-help-contacto:before, .text-help-direccion:before {
                top: 31px;
            }
    }

    @media (max-width: 350px) {
        .ui-dialog .ui-dialog-content .form-filter .search-icons {
            width: 16%;
        }
    }

    @media (max-width:320px) {
        .ui-dialog .ui-dialog-content .form-filter .search-icons {
            margin-left: 3%;
        }

        .ui-dialog .ui-dialog-content .form-filter .search-input, .ui-dialog .ui-dialog-content .form-filter .search-box, .ui-dialog .ui-dialog-content .form-filter .search-criteria {
            width: 22%;
        }

        .ui-dialog .ui-dialog-content .form-filter {
            width: 100%;
        }
    }

    @media (max-width:290px) {
        .ui-dialog .ui-dialog-content form#frmsharedquote {
            width: 80% !important;
        }
    }

    @media (min-width: 700px) {
        .ui-dialog fieldset#InformacionUsuario, fieldset.form-calendario {
            width: 610px !important;
        }
    }
    /*hacks Firefox 17+*/
    _:-moz-dir(ltr), .ui-dialog .ui-dialog-buttonset #btnGuardarDireccion {
        left: 0;
        margin: auto;
        position: relative;
        right: 0;
        display: table;
        float: none !important;
        width: auto !important;
    }

    _:-moz-dir(ltr), .ui-dialog .ui-dialog-buttonset {
        left: 0;
        margin: auto;
        position: relative;
        right: 0;
        display: table;
        float: none !important;
        width: auto !important;
    }
    /*hacks Firefox 30+*/
    @supports (-moz-appearance:none) and (box-sizing:content-box) {
        .ui-dialog select {
            background-position: 98% center !important;
        }
    }
    /*hacks Safari*/
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        ::i-block-chrome, .ui-dialog {
            -webkit-transform: translateX(-25%) !important;
        }

            ::i-block-chrome, .ui-dialog input[type="text"] {
                -webkit-user-select: inherit !important;
            }

            ::i-block-chrome, .ui-dialog input[type="email"] {
                -webkit-user-select: inherit !important;
            }

            ::i-block-chrome, .ui-dialog input[type="number"] {
                -webkit-user-select: inherit !important;
            }
    }
    /*hacks IE
    @media all and (-ms-high-contrast:none) {
        *::-ms-backdrop, #frmaddress {
            width: 500px;
        }

        *::-ms-backdrop, #frmcontact {
            width: 500px;
        }
    }*/