/*MasterCards*/ .tabs-options button.option.active.plus { -ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg);} /*Panel Personal*/ div.panel-personal .master-card-header{height: 77px} div.panel-personal .master-card-header .first-line{padding: 0 0 5px 90px;border-bottom:1px solid;height: 30px} div.panel-personal .master-card-header .nombre{float:left; font-size: 24px;display: inline-block;text-align: left;text-transform: uppercase;vertical-align: middle;line-height: 30px;text-decoration: none;width: auto} div.panel-personal .master-card-header .rating{float:right;display: inline-block;text-align: right;vertical-align: middle;line-height: 30px} div.panel-personal .master-card-header .rating i{font-size: 30px;margin-left: 0px;} div.panel-personal .master-card-header .rating i span{display: none} div.panel-personal .master-card-header .second-line{padding: 5px 0 0 90px;height: 35px} div.panel-personal .master-card-header .second-line div{float: left} div.panel-personal .master-card-header .second-line div.operacion{width: 130px;margin-top: 9px;height: 26px} div.panel-personal .master-card-header .second-line div.operacion p{font-size: 13px;line-height: 13px;vertical-align: top;text-transform: uppercase;width: 100%} div.panel-personal .master-card-header .second-line div.operacion b{font-size: 13px;line-height: 13px;vertical-align: top;text-transform: uppercase;width: 100%} div.panel-personal .master-card-header img{border-radius: 50%;width: 70px;position: absolute;} .tab-content h1.lineTitle{width: 100%;text-transform: uppercase;border-bottom:1px solid;padding-bottom: 2px;margin: 25px 0 20px;text-align: left;font-size:14px; float:left} /*Tarifario*/ .tab-content .tarifario-configuracion div.input.textarea{width: calc(100% - 80px)!important} .tab-content .tarifario-configuracion div.input.textarea textarea{width: calc(100% - 10px)!important} .tab-content .tarifario-configuracion div.input.tarifario{width: 332px;margin-right:0;} .tab-content .tarifario-configuracion div.input.bussines_unit{width: 210px;margin: 0;} .tab-content .tarifario-configuracion div.input.bussines_unit div.input{margin-right:0;width:calc(100% - 40px)} .tab-content .tarifario-configuracion div.input.fecha_inicio{width: 130px;margin-right: 0;} .tab-content .tarifario-configuracion div.input.fecha_fin{width: 130px;} .tab-content .tarifario-configuracion div.input.puerto_destino{width: 280px;margin-right: 0} .tab-content .tarifario-configuracion div.input.condicion{width: 280px;margin-right: 0} .tab-content .tarifario-configuracion div.input.comodity{width: 280px;} .tab-content div.quotationaddservice{margin: 0px 40px 15px} .tab-content div.labelquotationoperation{margin: 10px 40px 20px; text-align: left;font-size: 14px;text-transform: uppercase;} .tab-content div.labelquotationoperationButton button{top: 15px;} .tab-content div.labelquotationoperationButton div.input{margin-right: 16px;} /*Campana*/ .tab-content .campana-configuracion div.input.textarea{width: calc(100% - 80px)!important} .tab-content .campana-configuracion div.input.textarea textarea{width: calc(100% - 10px)!important} .tab-content .campana-configuracion div.input.campana{width: 332px;margin-right:0;} .tab-content .campana-configuracion div.input.bussines_unit{width: 210px;margin: 0;} .tab-content .campana-configuracion div.input.bussines_unit div.input{margin-right:0;width:calc(100% - 40px)} .tab-content .campana-configuracion div.input.fecha_inicio{width: 130px;margin-right: 0;} .tab-content .campana-configuracion div.input.fecha_fin{width: 130px;margin-right: 0;} .tab-content .campana-configuracion div.input.contactadas{width: 200px;margin-right: 0} .tab-content .campana-configuracion div.input.cierres{width: 200px;margin-right: 0} .tab-content .campana-configuracion div.input.cotizadas{width: 200px;margin-right: 0} .tab-content .campana-configuracion div.input.fidelidad{width: 200px;} .tab-content .campana-configuracion div.input.campaign_objectives{width: 130px;margin-right: 0} /*Explorar*/ .tab-content .explorar .wizard-steps{margin-top: 15px;} .tab-content .explorar .wizard-steps .form-actions{margin: 0} .tab-content .explorar .wizard-steps .form-actions .wizard{position: absolute;} .tab-content .explorar .wizard-steps .form-actions .wizard button{margin: 3px 40px} .tab-content .explorar .wizard-steps .form-actions .wizard .next{right:0;} .tab-content .explorar .container100{width: 100%;text-align: left;float:left;} .tab-content .explorar div.input *{text-align: left;} .tab-content .explorar div.input span.spanFecha *{text-align: center;} .tab-content .explorar .unidaddenegocio{display: block;clear: none;margin-right: 540px!important;} .tab-content .explorar .vendedor{margin-right: 36px!important;} .tab-content .explorar .vendedor label, .tab-content .explorar .campana label, .tab-content .explorar .tiposdeaccion label, .tab-content .explorar .paises label, .tab-content .explorar .ubicacion label, .tab-content .explorar .unidaddenegocio label {width: 420px!important;text-align: left;margin-right: 0;float: left;padding-left: 0;margin-bottom: 5px; } .tab-content .explorar .asigForm button.circle {float: right;margin: 0 40px 15px 0!important;} .tab-content .explorar .asigForm div.input.select.campana label, .tab-content .explorar .asigForm div.input.select.vendedor label, .tab-content .explorar .asigForm .vendedor .selectize-control>.selectize-dropdown, .tab-content .explorar .asigForm .vendedor .selectize-control>.selectize-input>input, .tab-content .explorar .asigForm .campana .selectize-control>.selectize-dropdown, .tab-content .explorar .asigForm .campana .selectize-control>.selectize-input>input, .tab-content .explorar .asigForm div.input.select.vendedor .selectize-control.single .selectize-input, .tab-content .explorar .asigForm div.input.select.campana .selectize-control.single .selectize-input {width: 390px!important; margin-left:30px;} .tab-content .explorar .abmwizardexplorar {padding-bottom: 10px;float:left;} .tab-content .explorar .abmwizardexplorar.step3 div.inputDH label.title, .tab-content .explorar .abmwizardexplorar.step3 div.inputDH{width: 920px!important;} .tab-content .explorar .abmwizardexplorar.step3 .radio.inputDH .btn-group .btn{width: auto!important;margin-right: 40px;} .tab-content .explorar .abmwizardexplorar div.multiselect2 .host .tags input{width: 0px!important;height: 0px!important;} .tab-content .explorar .abmwizardexplorar div.multiselect2 .host .tags{height: auto;border: none!important;} .tab-content .explorar .conatienrKendo{width: 920px;margin: 0 40px;} .tab-content .explorar .radio .btn-group{width: 100%;} .tab-content .explorar .radio.inputDH .btn-group label{margin-right: 0;font-size: 14px;width: 47%;margin-top: 11px;line-height: 25px} .tab-content .explorar .radio.inputDH .btn-group .btn{width: 100px!important;} .tab-content .explorar .radio.inputDH .btn-group .btn.btnSi{width: 229px!important;} /**/ .tab-content .tab-personal-campana .asigForm button.circle{float: right;margin: 50px 40px 0 0;} /*Ficha Empresa*/ div.masters-cards{width:100%!important;} div.containerFichaGeneric{width:100%;} div.containerFichaGeneric div.containerFichaGenericBlanco{width:100%;background: #FFF; border-bottom:1px solid #ddd;padding-bottom: 5px;} div.containerFichaGeneric div.containerFichaGenericBlanco .master-card-header{width:1000px;margin: auto;height:77px} div.containerFichaGeneric div.containerFichaGenericBotonera{width:100%; margin: 0 0 5px 0} div.containerFichaGeneric div.containerFichaGenericBotonera .master-card-options{width:1000px;margin: auto;height:auto;padding:0;} div.containerFichaGeneric div.containerFichaGenericBotonera div.master-card-options .botonera{width:100%;height: auto} div.containerFichaGeneric div.containerFichaGenericBotonera div.master-card-options .botonera button{width: 36px;height: 36px;margin-left: 10px!important;padding:0;margin: 0;text-align:center;vertical-align: middle;box-shadow:2px 2px 2px #d8d8d8;border-bottom-right-radius:5px;border-bottom-left-radius:5px} div.containerFichaGeneric div.containerFichaGenericBotonera div.master-card-options .botonera button i{display: inline-block} div.containerFichaGeneric div.containerFichaGenericBotonera div.master-card-options .botonera span{display: none;margin:0;padding:0} div.containerFichaGeneric .card{float:none;} div.ficha-empresa div.master-card-options .input.search{display: inline-block;float: left;width: 200px;height: 40px;margin: 0} div.ficha-empresa div.master-card-options .input.search span{height: 38px} div.ficha-empresa div.master-card-options .input.search span input{width: 150px;margin: 11px 5px } div.ficha-empresa div.master-card-options .radio2{float: left;height: 40px;width: 150px;border-left:2px solid;border-right:2px solid;margin: 0 36px} div.ficha-empresa div.master-card-options .radio2 .btn{width: 50px} div.ficha-empresa .master-card-header{height: 77px} div.ficha-empresa .master-card-header .first-line{padding: 0 0 5px 0;border-bottom:1px solid;height: 30px} div.ficha-empresa .master-card-header .empresa{float:left; font-size: 24px;display: inline-block;text-align: left;text-transform: uppercase;vertical-align: middle;line-height: 30px;text-decoration: none;cursor: pointer;width: auto} div.ficha-empresa .master-card-header .rating{float:right;display: inline-block;text-align: right;vertical-align: middle;line-height: 30px} div.ficha-empresa .master-card-header .rating i{font-size: 30px;margin-left: 0;} div.ficha-empresa .master-card-header .rating i span{display: none} div.ficha-empresa .master-card-header .second-line{padding: 5px 0 0;height: 35px} div.ficha-empresa .master-card-header .second-line div{float: left} div.ficha-empresa .master-card-header .second-line div p, div.ficha-empresa .master-card-header .second-line div b{padding: 0} div.ficha-empresa .master-card-header .second-line div.cuit{width: 155px;} div.ficha-empresa .master-card-header .second-line div.cuit p{font-size: 15px;line-height: 15px;vertical-align: top;text-transform: uppercase;width: 100%} div.ficha-empresa .master-card-header .second-line div.cuit b{font-size: 18px;line-height: 18px;vertical-align: top;text-transform: uppercase;width: 100%} div.ficha-empresa .master-card-header .second-line div.relacion {width: 130px} div.ficha-empresa .master-card-header .second-line div.relacion p{font-size: 15px;line-height: 15px;vertical-align: top;text-transform: uppercase;width: 100%} div.ficha-empresa .master-card-header .second-line div.relacion b{font-size: 18px;line-height: 18px;vertical-align: top;text-transform: uppercase;width: 100%;padding-top: 2px;font-weight: 400} div.ficha-empresa .master-card-header .second-line div.antiguedad{width: 130px;margin-top: 9px;height: 26px} div.ficha-empresa .master-card-header .second-line div.antiguedad p{font-size: 13px;line-height: 13px;vertical-align: top;text-transform: uppercase;width: 100%} div.ficha-empresa .master-card-header .second-line div.antiguedad b{font-size: 13px;line-height: 13px;vertical-align: top;text-transform: uppercase;width: 100%} div.ficha-empresa .master-card-header .second-line div.operacion{width: 130px;margin-top: 7px;height: 26px} div.ficha-empresa .master-card-header .second-line div.operacion p{font-size: 13px;line-height: 13px;vertical-align: top;text-transform: uppercase;width: 100%} div.ficha-empresa .master-card-header .second-line div.operacion b{font-size: 13px;line-height: 13px;vertical-align: top;text-transform: uppercase;width: 100%} div.ficha-empresa .master-card-header .second-line img{width: 30px;height: 30px;border-radius:50%;margin-top: 6px} /*ABM Comunicacion*/ .tab-abm-comunicacion h2{border-bottom: 1px solid;font-size: 16px;margin: 5px 0 15px 0;text-transform: uppercase;} .tab-abm-comunicacion .radio{width: 150px;display: inline-block;} .tab-abm-comunicacion .radio label.btn{width: 80px;display: inline-block;} .tab-abm-comunicacion div.input textarea {height: 65px;box-sizing:border-box} .tab-abm-comunicacion div.input.select.contactos span{width: 234px;position: relative;float: left;position: relative;} .tab-abm-comunicacion div.input.select.contactos button{margin: 0;position: absolute;top:10;right: 0;top:16px} .tab-abm-comunicacion div.input.select.contactos button span{width: 87px;border: none;} .tab-abm-comunicacion div.input.select.contactos span button.btn-select{width: 234px;top:0} .tab-abm-comunicacion div.input.select.contactos span ul{width:246px;} .tab-abm-comunicacion div.input.select.contactos div.selectize-control{width: calc(100% - 65px)} .tab-abm-comunicacion button.circle.contactos{display: inline-block;float: right;margin:17px 0 0 0} .tab-abm-comunicacion div.radio{margin-left: 40px;margin-right: 40px;width: 420px;position: relative;} .tab-abm-comunicacion div.radio label,.tab-content div.radio div{width: 170px;float: left;} .tab-content .impo_expo div.radio div{width: 100%} .tab-content .impo_expo div.radio div{width:30px;} .tab-content .impo_expo div.radio div.btn-group{width:100%} .tab-content .impo_expo div.radio div.btn-group{width:100%;margin-left:0;} .tab-cotizacion .abm .impo_expo div.radio label.btn{width:30px;} .tab-cotizacion .abm .impo_expo div.input{width: 375px;margin-left:10px;margin-right: 0;} .tab-cotizacion .abm .impo_expo div.input.disabled label{color: #bab7b7;} .tab-cotizacion .abm .impo_expo div.input.disabled input{background: transparent;color:#bab7b7;} .tab-cotizacion .abm .impo_expo div.input label{width: 100%;} .tab-cotizacion .abm .impo_expo div.input span{width:100%;line-height: 19px;} .tab-content .impo_expo .dropdown-menu li{width:100%;} .tab-content .impo_expo .dropdown-menu li.active{background: red;} .impo_expo .dropdown-menu>.active>a, .impo_expo .dropdown-menu>.active>a:hover, .impo_expo .dropdown-menu>.active>a:focus{background-color:#428bca;border-radius:0;height:25px;} .tab-content .impo_expo .dropdown-menu>.active>a{background-color:#428bca;} .tab-content .impo_expo .dropdown-menu li a{border:none;background: none;box-sizing: border-box;width: 100%;} .tab-content .impo_expo .dropdown-menu li a div{border:none;width:100%;} .tab-content .tab-cotizacion .impo_expo .dropdown-menu li a div span{float:left;width:220px;} .tab-content .impo_expo .dropdown-menu li a div p{float: right;} .tab-content .load_excel_costs_frame div.input.select{width: 334px;margin-right: 10px;} .customTableHiddenColumn{display:none!important;} .tableCotizacion .tbody .tr .tooltip.top.in.tooltip.top.tooltip.top {background: transparent!important;width: 200px!important;border: none;} .tableCotizacion .tbody .tr .tooltip-inner.ng-binding {width: auto!important;background: #677c8b!important} .tableCotizacion .tbody .tr .tooltip.top.in.tooltip.top.tooltip.top {margin-top:-20px} .tableCotizacion .tbody .tr.selected .tooltip-inner.ng-binding{background: #677c8b!important;} .tableCotizacion .tbody .tr .tooltip-arrow{display:none} .tab-content div.radio.someline div.btn-group{width: 100%;} .tab-content div.radio.someline label{width:auto;margin-right: 35px; } .tab-abm-comunicacion div.radio div{clear: both;} .tab-abm-comunicacion div.radio div label{width:80px} .tab-abm-comunicacion button.asociar{display: inline-block;float: left;margin: 0;position: absolute;top: 10px;} .tab-abm-comunicacion div.input.detalle {clear: both;width: 89%} /*History*/ .tab-content-history{box-sizing:border-box;width: 100%;} .tab-content-history div.filters{float: left;width: calc(100% - 80px);margin: 0 40px 20px;} .tab-content .tab-content-history .select.sector{width: 160px;display: inline-block;margin: 0 120px 0 0px} .tab-content .tab-content-history .select.tipo{width: 160px;display: inline-block;margin: 0 0 0 0} .tab-content .tab-content-history .input.fecha{width: 160px;display: inline-block;margin: 0 80px 0 0px} .tab-content-history div.input.select.sector span button.btn-select{width: 130px} .tab-content-history div.input.select.tipo span button.btn-select{width: 300px} .tab-content-history .history{width: 100%;float: left;} .tab-content-history .contentHistory{width: 100%;float: left; height: 300px;overflow: auto;background-color: red;} .tab-content-history .history .day{ width: 100%; float: left; display: flex; flex-direction: column; justify-content: center; align-items: center; } .tab-content-history .history .day >*{ width: 900px!important; } .tab-content-history .history .day h1{width: 100%;font-size: 14px;margin: 10px 0;padding: 0;font-weight: 300;margin:4px 0 8px 5px} .tab-content-history .history .day .nota{width: 100%;} .k-detail-cell .line{float:left;} .k-detail-cell .line, .tab-content-history .history .day .nota .line{height: 100%;position: relative;width: 40px;vertical-align: top} .k-detail-cell .line:before ,.tab-content-history .history .day .nota .line:before { border-left: 1px solid;content: "";display: block;float: left;height: 100%;left: 20px;overflow: hidden;position: absolute;width: 100%;z-index: 1} .k-detail-cell .line img,.tab-content-history .history .day .nota .line img{width: 34px;height: 34px;border-radius:50%;position: relative;z-index: 2;margin: 0 3px} .k-detail-cell .line .hour,.tab-content-history .history .day .nota .line .hour{width: 40px;text-align: center;font-size: 14px;position: relative;z-index: 2;border-bottom: 1px solid;padding: 0 0 1px 0} .k-detail-cell .content ,.tab-content-history .history .day .content {display: inline-block;width: 820px;box-shadow: 2px 2px 2px #d8d8d8;margin: 0 0 20px 40px;padding: 10px; box-sizing:border-box;} .k-detail-cell .content.quotation,.tab-content-history .history .day .content.quotation{margin-bottom: 0;} .k-detail-cell .content.associated-quotation,.tab-content-history .history .day .associated-quotation{margin-bottom: 20;} .k-detail-cell .infoSendContent,.tab-content-history .history .day .infoSendContent{float:left;width: 700px;margin: 0 0px 20px 100px;position: relative;top: -2px;} .k-detail-cell .infoSendContent2,.tab-content-history .history .day .infoSendContent2{float: left; width: calc(100% - 65px); margin: 9px 0px 20px 41px; position: relative; top: -2px; height: auto; overflow: auto; border: 1px solid #eee;} .k-detail-cell .infoSend,.tab-content-history .history .day .infoSend{float:left;width: 680px;margin: 0 0px 2px 0;position: relative;top: 0px;box-shadow:2px 2px 2px #d8d8d8;padding: 10px;height: 24px;} .k-detail-cell .infoSend2,.tab-content-history .history .day .infoSend2{width: 730px;margin-left:50px;} .k-detail-cell .infoSend i,.tab-content-history .history .day .infoSend i{ font-size: 36px ; float: left; /* width: 36px; */ /* height: 36px; */ /* line-height: 0; */ margin: 0 8px 0 0; top: -5px; } .k-detail-cell .infoSend div.d5.fechasend, .tab-content-history .history .day .infoSend div.d5.fechasend{width:154px;} .k-detail-cell .infoSend div.d5.contacto,.tab-content-history .history .day .infoSend div.d5.contacto{width:158px;} .k-detail-cell .infoSend div.d5,.tab-content-history .history .day .infoSend div.d5{float:left;display: inline-block;width:300px;margin-right: 5px;} .k-detail-cell .infoSend div.d5.fechasend .ellipsis,.tab-content-history .history .day .infoSend div.d5.fechasend .ellipsis{width:154px} .k-detail-cell .infoSend div.d5.contacto .ellipsis,.tab-content-history .history .day .infoSend div.d5.contacto .ellipsis{width:158px} .k-detail-cell .infoSend div.d5 .ellipsis,.tab-content-history .history .day .infoSend div.d5 .ellipsis{width:300px} .k-detail-cell .infoSend div.d5 b.ellipsis,.tab-content-history .history .day .infoSend div.d5 b.ellipsis{text-transform: none;} .k-detail-cell .infoSend ,.tab-content-history .history .day .infoSend{background: #FFF} .k-detail-cell .content .col1 i,.tab-content-history .history .day .content .col1 i{ font-size: 46px; float: left; clear: right; /* width: 40px; */ /* top: -3px; */ left: 0; /* line-height:0 */ } .k-detail-cell .content h2,.tab-content-history .history .day .content h2{font-size: 18px;text-transform: uppercase;margin: 4px 0 0 50px;padding: 0;width: auto;line-height: 16px} .k-detail-cell .content h2 span,.tab-content-history .history .day .content h2 span{float:right;} .k-detail-cell .content h3,.tab-content-history .history .day .content h3{font-size: 18px;text-transform: uppercase;margin:0 0 4px 0;padding: 0;width: auto;margin-left: 50px;} .k-detail-cell .content table,.tab-content-history .history .day .content table{width:100%;vertical-align: top} .k-detail-cell .content table td,.tab-content-history .history .day .content table td{vertical-align: top} .k-detail-cell .content table td.col1,.tab-content-history .history .day .content table td.col1{width:650px;position: relative;} .k-detail-cell .content .greenCircle,.tab-content-history .history .day .content .greenCircle{width: 23px;height: 23px; border: 1px solid;box-sizing:border-box; margin-left: 4px;border-radius:50%;display: inline-block;float: right;} .k-detail-cell .content .tdGreenCircle span i,.tab-content-history .history .day .content .tdGreenCircle span i{font-size: 28px;text-align: right;top:0px;} .k-detail-cell .content table td.tdGreenCircle,.tab-content-history .history .day .content table td.tdGreenCircle{text-align: right;} .k-detail-cell .content button.option,.tab-content-history .history .day .content button.option{margin: 6px 0 0} .k-detail-cell .content .col1 table,.tab-content-history .history .day .content .col1 table{width: 600px;margin-left: 50px;margin-top: 10px;} .k-detail-cell .content .col1 table td,.tab-content-history .history .day .content .col1 table td{width: 150px;max-width: 150px} .k-detail-cell .content .col1 table .row2 td,.tab-content-history .history .day .content .col1 table .row2 td{line-height: 15px} .k-detail-cell .content .col1 table .row4 td,.tab-content-history .history .day .content .col1 table .row4 td{line-height: 15px} .k-detail-cell .content .col1 table .row3 td,.tab-content-history .history .day .content .col1 table .row3 td{padding-top: 8px;} .k-detail-cell .tc{margin-top: 15px;} .k-grid .k-detail-cell .content td{padding: 0;border-left:none} .k-detail-cell .description{line-height: 14px;font-size: 14px;width: 100%;box-sizing:border-box;padding: 5px 10px} .tab-content-history .history .tc{margin-top: 15px;} .tab-content-history .history .description{line-height: 14px;font-size: 14px;width: 100%;box-sizing:border-box;padding: 5px 10px} /*Cotizacion*/ .tablaCotizacion_1,.tablaCotizacion_2,.tablaCotizacion_3{margin: 0 20px;float: left;} .tab-cotizacion hr{width: 100%;float: left;border: none;border-bottom:1px solid;margin: 16px 0 35px 0; } .tab-cotizacion .abm{text-align: left;float: left;} .tab-cotizacion .abm h2{width: 50%;font-size: 20px;display: inline-block;margin: 0;padding: 0;font-weight: 400;text-transform: uppercase;} .tab-cotizacion .abm h2.empresa{text-align: left;float: left;} .tab-cotizacion .abm h2.cotizacion{text-align: right;float: right;} .tab-cotizacion .abm div.input{width: 420px;display: inline-block;text-align: left;margin-left: 40px;margin-right: 40px} .tab-cotizacion .abm div.radio{margin-left: 40px;} .tab-cotizacion .abm div.input.only{width: 39%;margin-right: 55%} .tab-cotizacion .abm div.input span{width: 395px} .tab-cotizacion .abm div.input .select2-choices span{width: auto} .tab-cotizacion .abm div.multiselect{width: 920px;} .showQuotation div.input .select2-choices span{width: auto} .showQuotation div.multiselect{width: 920px;} .tab-cotizacion .abm div.input.textarea {width: auto} .tab-cotizacion .abm div.input.textarea textarea{width: 910px} .tab-cotizacion .abm div.input.fecha span{width: 160px} .tab-cotizacion .abm div.input.fecha ul span{width: 35px;} .tab-cotizacion .abm div.input.fecha ul span.btn-group{width: 100%;} .tab-cotizacion .abm div.input.fecha span input{width: 100px} .tab-cotizacion .abm div.radio label.btn{display: inline-block;width: 60px;} div.card .tab-cotizacion #tab1 .contactos .nano{height: 170px;width: 500px;margin: auto;border:1px solid} .tab-cotizacion #tab1 .contactos .nano .megaficha-data{width: 474px;padding: 0} .tab-cotizacion #tab1 .contactos .nano .megaficha-data .email{width: 50%;height: 40px;display: inline-block;border-right: 1px solid;box-sizing:border-box;float: left;padding: 0;line-height: 40px;overflow: hidden;padding-right: 16px;} .tab-cotizacion #tab1 .contactos .nano .megaficha-data .puesto,.tab-cotizacion #tab1 .nano .megaficha-data .nombre{width: 50%;height: 20px;display: inline-block;box-sizing:border-box;float: right;padding: 0;line-height: 20px;overflow: hidden;padding-left: 16px;text-align: right;} .tab-with-data .title_c1,.tab-with-data .title_c2,.tab-with-data .title_c3{display: inline-block;text-align: left;float: left;line-height: 15px;} .tab-with-data .title_c1{width: 238px;} .tab-with-data .title_c2{width: 360px;} .tab-with-data .title_c3{width: 360px;} .tab-with-data .title_c1 .row1{font-size: 18px} .tab-with-data .title_c1 .row2{font-size: 16px;margin: 6px 0} .tab-with-data .title_c1 .row3{font-size: 14px} .tab-with-data .title_c2 ul li,.tab-with-data .title_c3 ul li{text-transform: none;font-size: 14px;margin-bottom: 5px} .tab-cotizacion .abm.cotizacion3{width: 100%;display: inline-block;} .tab-cotizacion .abm.cotizacion3 div.input.select div.selectize-control {width: calc(100% - 65px);} .tab-cotizacion .abm.cotizacion3 div.input.select button {margin: 0;position: absolute;top: 10;right: 0;top: 16px;} .tab-cotizacion .abm.cotizacion3 div.multicontact{width: 430px;clear: both;margin: 20px 50px 18px;} .tab-cotizacion .cotizacion3 hr{width: calc(100% - 20px)} .showQuotation div.input.select div.selectize-control {width: calc(100% - 65px);} .showQuotation div.input.select button {margin: 0;position: absolute;top: 10;right: 0;top: 16px;} .showQuotation div.input.textarea{width: 740px;} .abm.cotizacion3 div.input.textarea textarea{height: 50px} .showQuotation .collapseOptionContent .circle{position: relative;left:unset;top: unset;} .tableCotizacion {margin-bottom: 50px;} .tableCotizacion, .tableCotizacion *{box-sizing:border-box} .tableCotizacion, .tableCotizacion .thead,.tableCotizacion .thead2, .tableCotizacion .tbody{width: 998px;height: auto;display: block;letter-spacing:1px;float: left;padding: 0} .tableCotizacion .tbody .tr,.tableCotizacion .tbody .nano,.tableCotizacion .nano .nano-content{border: none;float: left;} .tableCotizacion .tbody .tr{clear: both;display: block;float: left;} .tableCotizacion .thead div,.tableCotizacion .thead2 div, .tableCotizacion .tbody .tr div{width: 67px;border-right:1px solid;border-top:1px solid;display: inline-block;position: relative;white-space: normal;overflow: hidden;float: left;} .tableCotizacion .tbody div.td{text-align: right;} .tableCotizacion .tbody div.td_2, .tableCotizacion .thead div.td_2, .tableCotizacion .thead2 div.td_2{width: 423px;border-right: none;text-align: left; } .tableCotizacion .tbody div.td_2{width: 300px;} .tableCotizacion .tbody div.td_2_1{width: 123px;border-right: none} .tableCotizacion .tbody div.td_2_1 span{font-size: 13px;padding: 3px 0!important;} .tableCotizacion .tbody div.td_3 span{font-size: 13px;padding: 3px 0!important} .tableCotizacion .tbody div.td_0, .tableCotizacion .thead div.td_0, .tableCotizacion .thead2 div.td_0{width: 0;border-right:none;border-top:0px;} .tableCotizacion .tbody div.td_1, .tableCotizacion .thead div.td_1, .tableCotizacion .thead2 div.td_1{border-top:0px;} .tableCotizacion .tbody .tr {cursor: pointer;} .tableCotizacion .tbody .tr div.td_0 div{width: 5px;margin-right:11px;height: 29px;border: none} .tableCotizacion .tbody .tr.selected div.td_0 div{width: 8px;margin-right:8px;} .tableCotizacion .tbody div.td_1, .tableCotizacion .thead div.td_1, .tableCotizacion .thead2 div.td_1{border-left: none;width: 20px;text-align: center;border-right: none} .tableCotizacion div div.td{height: 30px;line-height: 30px} .tableCotizacion .thead div,.tableCotizacion .thead2 div{text-align: center;} .tableCotizacion .thead div.td_1{border-left: 1px solid;text-align: left; font-size: 16px;font-style: italic;border-left:none!important;border-top:none!important;} .tableCotizacion .thead .td_1,.tableCotizacion .thead2 .td_1{text-transform: uppercase;font-size: 14px} .tableCotizacion label.btn{cursor: pointer;font-weight: 700} .tableCotizacion label.btn a{border: none;display: inline-block;font-size: 20px;text-align: center;vertical-align: top;width: 15px;} .tableCotizacion label.btn a:hover{text-decoration: none;} .tableCotizacion label.btn a i{top:0;left: 0;position: relative;} .tableCotizacion .thead label.btn a{float: left;margin: 0 auto;height: 15px;width: 100%} .tableCotizacion .thead label.btn a:hover{text-decoration: none!important} .tableCotizacion .thead label.btn a i{font-size: 20px;top: -5px;} .tableCotizacion div.thead div.td{height: 22px;border: none!important} .tableCotizacion div.thead div.td label{margin: 2px 0;float: left;width:100%;} .tableCotizacion div.thead2 div.td{height: 34px;} .tableCotizacion div.thead2 div.td label{margin: 2px 0;float: left;width: 100%;} .tableCotizacion .thead2 div.td_2{text-align: left; font-size: 16px;padding-left: 8px;font-weight: 700;} .tableCotizacion div.td_2{border-left: 1px solid;} .tableCotizacion div.thead2 label.btn span{font-size: 12px;display:block;clear: both;line-height: 28px;float:left;width: 100%;text-align: center} .tableCotizacion .thead2 div.td_4 label.btn span{width: 33.33%;clear: none;display: inline-block;} .tableCotizacion div.tbody div.td span,.tableCotizacion div.tbody div.td input{border:4px solid ; width: 100%;height: 100%;display: block;box-sizing:border-box;line-height: 15px;padding: 2px 5px 4px 4px;font-weight: 400;text-align: right;} .tableCotizacion div.tbody div.td span span{display: inline} .tableCotizacion div.tbody div.td_2 span{text-align: left;} .tableCotizacion div.tbody div.td_4,.tableCotizacion div.thead div.td_4,.tableCotizacion div.thead2 div.td_4 {width: 210px} .tableCotizacion div.tbody div.td_4 input{width: 69px;float: left;} .tableCotizacion div.tbody div.td_4 span{width: 69px;float: right;text-align: center;} .tableCotizacion div.thead div.td_4 span{width: 68px;clear: none;} .tableCotizacion div.thead div.td_4 label{width: 100%} .tableCotizacion div.tbody div.td input:focus{text-align: left} .tableCotizacion .tbody .tr.last div{border-bottom: 1px solid;} .tableCotizacion .thead2.last div.td{border-bottom:1px solid;} div.card .tableCotizacion .nano {margin: 0} .tableCotizacion div.thead{padding: 0} .tab-cotizacion .form-actions {float: left;padding: 0 ;position: absolute;width: 1000px;z-index: 2;height: 66px;margin: 0} .tab-cotizacion .form-actions ul{height: 66px} .tab-cotizacion .form-actions button.circle{margin: 2px 0} /*Nuevo cierre*/ .tab-nuevocierre .abm.nuevocierre div.input.select.contacto div.selectize-control{width: calc(100% - 65px);} .tab-nuevocierre .abm.nuevocierre div.input.select.contacto button {margin: 0;position: absolute;right: 0;top: 16px;} /*Campana*/ .tab-campana .form-actions {float: left;padding: 0 ;position: absolute;width: 1000px;z-index: 2;height: 66px;margin: 0} .tab-campana .form-actions ul{height: 66px} .tab-campana .form-actions button.circle{margin: 2px 0} .tab-campana .abm div.input{text-align: left;} .tab-campana .abm div.input.fecha,.tab-campana .abm div.input.fecha span.spanFecha{text-align: left;width: 149px} .tab-campana .abm div.input.fecha.fullFecha{width: 400px} .tab-campana .abm div.input.fecha span input{text-align: left;width: 95%} .tab-campana .abm div.input.fecha.inicio{margin: 0 0 18px 5%!important} .tab-campana .abm div.input.fecha.fin{margin: 0 5% 18px 0 !important} .tab-campana .abm div.input.dias{margin: 0 1% 18px 1% !important;width: 70px} .tab-campana .abm div.input.dias input{width: 54px} .tab-campana .abm div.input.textarea{width: 878px} .tab-campana .abm div.input textarea{width: 868px} .tab-campana .abm div.fistTitle{text-decoration: underline;height: auto;margin-bottom: 3px;margin-left: 540px;text-align: left;} .tab-campana .tab_campana_table .firstline label{margin-left: 15px;} .tab-campana .tab_campana_table .firstline span{margin: 0 15px;} .tab-campana .tab_campana_table .menuButtonCollapseContainer .middle{margin: 15px 230px} .tab-campana .tab_campana_table .menuButtonCollapseContainer .middle .input{width: 120px;margin: 10px;} .tab-campana .tab_campana_table .menuButtonCollapseContainer .middle .input input{margin-bottom:0;margin-top: 0;} .tab-campana .tab_campana_table .tableCampana {width: 1000px;border:none;margin: 20px 0;float:left;} .tab-campana .tab_campana_table .tableCampana .thead.tr{float:left;border:1px solid transparent;} .tab-campana .tab_campana_table .tableCampana .tbody{width: 998px;border: 1px solid;float:left;} .tab-campana .tab_campana_table .tableCampana .tr{display: block;border-top:1px solid;float:left;} .tab-campana .tab_campana_table .tableCampana .tr.first{border: none;} .tab-campana .tab_campana_table .tableCampana .td{display: inline-block;width: 75px;height: 25px;text-align: left;float: left;line-height: 25px} .tab-campana .tab_campana_table .tableCampana .tr div.td_0 div{width: 5px;margin-right:11px;height: 25px;border: none} .tab-campana .tab_campana_table .tableCampana .tr.selected div.td_0 div{width: 8px;margin-right:8px;} .tab-campana .tab_campana_table .tableCampana .td.td_0{width: 16px} .tab-campana .tab_campana_table .tableCampana .td.td_1{width: 50px;cursor: pointer;} .tab-campana .tab_campana_table .tableCampana .td.td_2{width: 528px;cursor: pointer;} .tab-campana .tab_campana_table .tableCampana .td.td_7{width: 100px;} .tab-campana .tab_campana_table .tableCampana label.btn{cursor: default;line-height: 25px;height: 25px;margin: 0;padding: 0;width: 100%} .tab-campana .tab_campana_table .tableCampana label.btn a{border: 1px solid;border-radius: 50%;display: inline-block;font-size: 10px;line-height: 10px;margin: 5px 0;padding: 1px 0 0 1px;text-align: left;vertical-align: top;width: 11px;height: 11px;} .tab-campana .tab_campana_table .tableCampana label.btn a i{font-size: 10px;line-height: 11px} .tab-campana .tab_campana_table .tableCampana .tr label.btn a{background: #40a3e9;border-color:#40a3e9;} .tab-campana .tab_campana_table .tableCampana .tr.disabled label.btn a{background: #FFF;border-color:#40a3e9;} .tab-campana .tab_campana_table .tableCampana label.btn a i{color:#FFF} .tab-campana .tab_campana_table .tableCampana .tbody{background: #FFF;color:#64a0e6} .tab-campana .tab_campana_table .tableCampana .tr,.tab-campana .tab_campana_table .tableCampana .tbody{border-color:#d8d8d8} .tab-campana .tab_campana_table .tableCampana .thead{color:#606060} .tab-campana .tab_campana_table .tableCampana .tbody .tr.disabled{color:#bfbdbd} /*voyages_schedule*/ .tab-content div.voyages_schedule div.input.fecha{width:170px;display:inline-block;} .tab-content div.voyages_schedule div.input.select.unidaddenegocio{width:420px;margin-right: 40px;} .tab-content div.voyages_schedule.selectOptionContainer .explorarOperaciones{float:left;} .tab-content div.voyages_schedule.selectOptionContainer button.option.explorar{float: left;display: inline-block;position: absolute;top: 248px;} .tab-content div.voyages_chedule_containerLoading{width:100%;} .tab-content div.voyages_chedule_containerLoading div.progress{width: 99%;margin: 10px 10px 10px;} .tab-content div.voyages_chedule_containerLoading label.fileUpload .input[type="file"]{display:none;} /**/ div.input a.voyageTypeAheadTemplate span{border:none;width: 200px;display:inline-block;} div.input a.voyageTypeAheadTemplate span.middle{border:none;width: 80px;float: right;margin: 0 5px;display:inline-block;text-align: left} div.input a.voyageTypeAheadTemplate p{border: none;float: right;width: 80px;display:inline-block;text-align: right;} .voyageRepeatContent.marginBottom{margin-bottom: 35px} .tab-content div.voyages_unidad div.input.fecha{width:170px;display:inline-block;} .tab-content div.voyages_unidad div.input.select.unidaddenegocio{width:420px;margin-right: 40px;} .tab-content div.ataTimePicker div.input.timer{width: 150px; display:inline-block} .tab-content div.ataTimePicker span.ataTimePickerAux div.input.fecha{width: 160px;margin-right: 10px;display: inline-block;} .paddingKendo{margin: 10px;float:left;} /*fileToAddContent*/ div.fileToAddContent{padding: 15px;float:left;} div#asoc_Files {float:left;width: 100%} div#asoc_Files div.input{width:405px;} .master-card-card td.col1.history_detail_container h3 {font-size: 13px !important} .lineTitle.filePanelAsocEmails h2{color:#6E587A;margin:15px 0 15px;border-bottom: 1px solid #dcdcdc;width:100%;} .lineTitle.filePanelAsocEmails h2.filesTitle{margin-top: 25px} .history-detail-warning { color: #E24A5D !important;} #filePanelVoyagesCss .rightdata label{color:#725d7e;text-transform:uppercase;width: 50%;margin-bottom: 9px;float:left;} #filePanelVoyagesCss .rightdata label.desde{width: 100%} #filePanelVoyagesCss .rightdata label span{display: block;width: 100%;color:#40A3E9;} #consolidateCrudServiceSelection div.input.select .ui-select-choices span{text-align: left;} .fgFilePicker{ display: block;float: left;padding: 15px;} .consolidateCrudFinish{width: 100%;text-align: left} .consolidateCrudFinish.lineTitle h2{color: #6E587A;margin: 15px 0 15px;border-bottom: 1px solid #dcdcdc;width: 100%;} .consolidateCrudFinish label{color:#725d7e;text-transform:uppercase;width: 33%;margin-bottom: 9px;} .consolidateCrudFinish label span{display: block;width: 100%;color:#40A3E9;} /*.consolidateCrudFinish .div-loading-background{display:none;}*/ .consolidateCrudFinish table{width: 100%} .consolidateCrudFinish table thead{} .consolidateCrudFinish table thead tr{} .consolidateCrudFinish table thead tr th{color:rgb(110, 88, 122);border:1px solid #dcdcdc;background: rgb(243, 243, 244);padding:2px 4px;font-size: 16px} .consolidateCrudFinish table tbody{} .consolidateCrudFinish table tbody tr{} .consolidateCrudFinish table tbody tr td{border:1px solid #dcdcdc;background: #fff;padding: 2px 4px;color:rgb(81, 89, 103);font-size: 14px} #filesData .filesDataServices{margin-left: 20px; width: calc(100% - 20px)} #filesData .filesDataServices h3{color: #6E587A;margin: 15px 0 15px;border-bottom: 1px solid #dcdcdc;width: 100%;} .document-preview-container{ width: 200px; }