.sectionButton {
	position: absolute !important;
	right: 0;
	top: 22px;
}

.addAttachments {
	color:#fff !important;
}

.section {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 8px 15px 15px;
	/* border-bottom: 1px solid #dcdcdc; */
	float: left;
	margin-bottom: 20px;
}

.sectionTitle {
	color: #6E587A;
	margin: 15px 0 15px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 16px !important;
	line-height: 34px;
	width: 100% !important;
}

.sectionContent {
	margin-top: 15px;
}

/* CHIP */

.chipList {
  display: block;
}

.chip {
	margin: 5px 0;
	width: fit-content;
  display: block;
	position: relative;
	padding: 5px 25px;
	padding-right: 50px;
  font-size: 16px;
  border-radius: 25px;
  background-color: #00c2ff;
}
.chipCloseBtn {
	right: 20px !important;
	position: absolute !important;
	width: auto !important;
	background: transparent !important;
	border: unset !important;
	cursor: pointer !important;
}

.left{float: left}
.right{float: right}
.k-content{float: left;}
.k-detail-cell .nav-tabs > li > a{margin:5px 3px 5px 3px;padding: 0 15px;}
.k-grid td{cursor:pointer;}
.k-grid td{font-size: 13px;font-weight: 300;}
/*Fuentes*/
	i{position: relative;}
	button.circle i{position: absolute;top:0;left:0;}
	div.input i,.nav-tabs i, a.circle i, button.circle i{position: absolute;top:2px;left:0;}
	.width100{width: 100%!important;margin: 0;}
	.noMarginTop{margin-top: 0px!important;}
	h4{border:none;border-bottom: 1px solid;width: 100%;margin:0 0 13px 0;text-transform: uppercase;font-size: 16px;font-weight: 400;}
	.d1{font-size: 20px;text-transform: uppercase; line-height:21px;height:47px;}
	.d1i, .d1 i{font-size: 32px;margin-right: 0;width:32px;line-height:32px;float:left;position: relative;}
	.d1b, .d1 b{font-size: 24px;font-weight: 700;float:left;line-height: 34px;vertical-align: middle;}
	.d2{font-size: 13px;text-transform: uppercase;line-height:14px;height:32px;}
	.d2i, .d2 i{font-size: 24px;line-height:28px;width:24px;float:left;position: relative;top: -3px;}
	.d2b, .d2 b{font-size: 20px;font-weight: 700;vertical-align:middle;float:left;line-height: 20px;vertical-align: middle;}
	.d3{font-size: 13px;text-transform: uppercase;line-height:14px;height:30px;}
	.d3i, .d3 i{font-size: 18px;width:21px; line-height:21px;float:left;position: relative;}
	.d3b, .d3 b{ font-size: 16px;font-weight: 300;vertical-align:middle;float:left;line-height: 16px;vertical-align: middle;}
	.d4{font-size: 12px;text-transform: uppercase;line-height:14px;height:26px;margin-left: 25px}
	.d4i, .d4 i{font-size: 16px;margin-right: 5px;line-height:16px;vertical-align:middle;float:left;position: relative;width:16px}
	.d4b, .d4 b{font-size: 16px;font-weight: 700;line-height:11px;vertical-align:middle;float:left;}
	.d5{font-size: 10px;text-transform: uppercase;line-height:10px;height:25px;}
	.d5i, .d5 i{font-size: 24px;line-height:28px;width:24px;float:left;position: relative;top: -3px;}
	.d5b, .d5 b{font-size: 14px;font-weight: 400;vertical-align:middle;float:left;line-height: 15px;vertical-align: middle;}
	.d6{font-size: 13px;text-transform: uppercase;color:#6E587A;display: inline-block;line-height: 13px;height: 26px;margin-bottom: 5px}
	.d6b, .d6 b{color:#40A3E9;}
	.tc{text-transform: uppercase;font-size: 13px;line-height: 13px;padding: 1px 0;font-weight: 400}
	.tclc{font-size: 13px;line-height: 10px;padding: 1px 0;font-weight: 400}
	.tcb{text-transform: none;font-weight: 400;	font-size: 14px;line-height: 20px;padding: 1px 0}
	.tct{text-transform: none;font-weight: 400;	font-size: 14px;line-height: 16px;padding: 1px 0}
	.tcl{text-transform: uppercase;font-size: 13px;line-height: 16px;padding: 1px 0 1px;font-weight: 400}
	.t_url{text-transform: none;font-weight: 400;	font-size: 14px;line-height: 16px;padding: 1px 0;text-decoration: none;cursor: pointer;}
	.t_link{cursor:pointer;}
	.t_link:hover, .t_link:hover *{text-decoration: underline!important;}
	.t_link:hover i{text-decoration: none!important;}
	.url:hover{text-decoration: underline;}
	i.tc{font-size: 20px;width: 20px;top:-1px;float: left;text-decoration: none!important;}
	.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: inline-block; width: 96%;}	
	div.width50Percent{width: 50%!important;display: inline-block;margin-left: 0px;margin-right: 0px;float:left;}
	div.width100Percent{width: 100%!important;display: inline-block;margin-left: 0px;margin-right: 0px;float:left;}
	div.blankSpace{
		width: 50%!important;
		display: flex;
		margin-left: 0px;margin-right: 0px;float:left;
		grid-template-columns: repeat(4,1fr);
		height: 77px;
	}
	
/*Tabs*/ 
	.nav-tabs li a{font-size: 16px;text-transform: uppercase;position: relative;}
	.nav-tabs li a i{font-size: 22px;top:3px}
	.nav-tabs li a.circle{position: relative;width: 22px;height: 22px;}
	.nav-tabs li a.circle i{
		/* line-height: 0; */
		position: relative;
		width: 22px;
		height: 22px;
		float: right;
		top: 0px;
		left: 5px;
	}
	.nav-tabs > li > a{border:0;border-bottom:3px solid transparent;padding: 5px 3px 5px 27px;margin-right: 15px;}
	.nav-tabs > li > a
	.nav-tabs > li.active > a{border:0;border-bottom:3px solid}
	.nav-tabs > li > a:hover,.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border:0;border-bottom:3px solid}
/*easyPieChart */
	.easyPieChart {position: relative;text-align: center;width: 50px; height: 50px; line-height: 50px;margin: 0 0 13px 0}
	.easyPieChart canvas {left: 0;position: absolute;top: 0;}
	.easy-pie-chart {display: inline-block;}
	.easy-pie-chart .percent {display: block;float: none;vertical-align: middle;text-align: center;width: 100%;height: 100%;}
	.easy-pie-chart .percent.percent50 {line-height: 50px;}
	.easy-pie-chart .percent.percent80 {line-height: 80px;}
/* Loading*/
	.div-loading{width: 100%;height: 100%;position: absolute;top:0;left:0;z-index: 20;text-align: center}
	.div-loading-background{width: 100%;height: 100%;position: absolute;}
	.div-loading-text{position: relative;top:calc(50% - 40px);left:0;z-index: 3;vertical-align: middle;text-align: center;padding: 0;border: 0;display: inline-block;text-transform: uppercase;font-size: 18px;}
	.div-loading-text img{display: block;width: 50px;clear: right;margin: 0 auto;}
	.div-loading-text i{clear: both;display: block;margin: 5px 0;font-size: 22px}
	.div-loading-background{opacity:0.9;}
	.containerLoading{position: relative;float: left;width:100%}
/*progress-bar*/
	div.progress{overflow: hidden;height: 10px;border:1px solid;background: #eeeeee;border-color:#e5e5e5;width: 100px }
	div.progress-bar{float:left;height: 100%;line-height: 10px;background: red;}
/*Marjenes y Tama�os para fuentes tipo D*/
	.d1,.d2{margin-bottom: 13px;}
	.d3{margin-bottom: 13px;}
	.d4{margin-bottom: 7px;}
	.d1.prevD4,.d2.prevD4,.d3.prevD4{margin-bottom: 6px}
	.d2.dEasyPrev{margin-bottom: 9px;}
	.dEasy{margin:  0 0 4px 0;height: 90px}
	.dEasy .d2{float: left;margin: 4px 0 9px 0}
	.dEasy .easy-pie-chart{float: right;margin-left: 0;}
/*Animaciones*/
	/*Toglle Collapse*/
		.collapse {display: none;}
		.collapse.in {display: block;}
		.collapsing {height: 0;overflow: hidden;transition: height 0.35s ease 0s;position: relative;box-shadow: 0px 4px 4px -4px  #606060}

		.modal.fade {opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;}
		.modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;transition: transform .3s ease-out;-webkit-transform: translate3d(0,-25%,0);-o-transform: translate3d(0,-25%,0);transform: translate3d(0,-25%,0);}
		.modal.in .modal-dialog {-webkit-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);overflow: visible;text-align: center;width: 100%;display: inline-block;}
		.modal-content, .modal-content.addEdditMode{
			transition-property: height,width;
		    transition-duration: 300ms;
		    transition-timing-function: linear;
		    transition-delay: 20ms;
		}
		.fa-spin_15{-webkit-animation: fa-spin 1.5s infinite linear;animation: fa-spin 1.5s infinite linear;}
/*Objetos General....................*/
	/*Vertical Progress Bar*/
		.vertical-progess div.progress-bar{display: block;width:100%!important}

	/*Inputs*/
		div.inputTag tags-input .tags {border: 0;border-bottom:1px solid;box-shadow: none;padding:0;word-wrap: break-word;-webkit-appearance:none;border-radius:0}
		div.inputTag tags-input .tags .focused{box-shadow:none;border-bottom:1px solid #f05b24;}
		div.inputTag tags-input .tags span{width: auto!important}
		div.input{display: inline-block;width: 100%}
		.tab-content .card div.input{display: inline-block;width: 100%; margin:auto;}
		div.input input sarch{width: 100%}
		div.input,div.radio,div.checkbox{margin-bottom: 18px;}
		div.input label,div.radio label,div.select label,div.inputDH label{width: 100%;display: inline-block;margin: 0;text-transform: uppercase;text-align: left; padding-left: 0px;}
		div.select.multiselect1 .select2-choices{background: none;border: none;box-shadow:none}
		div.select.multiselect1 .select2-container-multi .select2-choices .select2-search-field input{float: left;border: none;padding: 4px 8px;background: none;width: calc(100% - 16px);border-bottom: 1px solid;height: 19px;line-height: 19px}
		div.select.multiselect1 .select2-container-multi .select2-choices .select2-search-field:after{content: ' ';display: block;position: absolute;top: 50%;right: 15px;margin-top: -3px;width: 0;height: 0;border-style: solid;border-width: 5px 5px 0 5px;}
		div.select.multiselect1 .select2-drop-active{top:30px;}
		div.select.multiselect1 .ui-select-match{margin-top: 35px;min-height: 0px;border: none;}
		div.select.multiselect1 .ui-select-match .ui-select-match-item,
		div.multiselect2 .host .tags .tag-item
		{border: 1px solid;font-size: 14px;font-family: Lato, arial, sans-serif;padding: 3px 18px 3px 5px;position:relative}
		div.multiselect2 .host .tags .tag-item{height: 20px;line-height: 12px;}
		div.select.multiselect1 .ui-select-match .ui-select-match-item a,
		div.multiselect2 .host .tags .tag-item a
		{right: 0!important;left: inherit;position: absolute;}
		div.multiselect2 .host .tags .tag-item a{top: 2px;right: 2px!important;left: inherit;text-decoration: none;}

		div.select.multiselect1 .ui-select-multiple{width: 100%;}
		div.select.multiselect1 li.select2-search-field{position: absolute;top: 0}
		div.multiselect2{margin-left: 40px;margin-right: 40px;width: 420px;float: left;}
		div.multiselect2 div.input{margin:0;}
		div.multiselect2 .tags-input .host{height: 27px;}
		div.multiselect2 .host .tags{float: left;border: none;padding: 4px 8px;background: none;width: calc(100% - 16px);height: auto;line-height: 19px;float:left;border-radius:0.1px;box-shadow:none;width:100%;border:0px !important;-webkit-appearance:initial;}
		div.multiselect2 .host .tags input{margin: 0;padding: 0;height: 23px;}
		div.multiselect2 .host .tags input{background: transparent;}
		div.multiselect2 .host .tags{border-bottom: 1px solid #00c2ff!important;}
		div.inputDH label,div.inputDH span{width: 189px!important;text-align: left;margin-right:20px;float: left}
		div.inputDH label.last{margin-right: 0;margin-left: 20px}
		div.inputDH span.last{margin-right: 0;margin-left: 20px}
		div.inputDH span.noborder{border:none;}
		div.inputDH label.title{width: 420px!important;text-align: left;margin-right: 0;float: left;padding-left: 0;margin-bottom: 5px;padding-right: 0;font-size: 14px;}
		div.inputDH label{font-size: 12px;}
		form.ng-invalid .ng-invalid-required div.input.select .ui-select-choices span,form.ng-invalid .ng-invalid-required div.input.select .ui-select-match span,form.ng-invalid .ng-invalid div.input.select .ui-select-choices span,form.ng-invalid .ng-invalid div.input.select .ui-select-match span,div.input.select .ui-select-choices span,div.input.select .ui-select-match span,
                ng-form.ng-invalid .ng-invalid-required div.input.select .ui-select-choices span,ng-form.ng-invalid .ng-invalid-required div.input.select .ui-select-match span,ng-form.ng-invalid .ng-invalid div.input.select .ui-select-choices span,ng-form.ng-invalid .ng-invalid div.input.select .ui-select-match span,ng-form.ng-invalid div.input.select .ui-select-choices span,ng-form.ng-invalid div.input.select .ui-select-match span{border:none;}
		div.input.select .ui-select-choices span span.ui-select-highlight{display: inline;clear: none;font-weight: bold;width: auto;}
		div.input.select .selectize-control.single .selectize-input{border:none;border-radius:0 ;border-bottom: 1px solid;box-shadow:none}
		div.input.select .selectize-control.single .selectize-input{height: 31px;padding: 8px 4px}
		div.input.select .selectize-dropdown.single{margin-top: -5px}
		div.selectOptionContainer{float: left;position: relative;}
		div.selectOptionContainer .selectize-control{width: 140px;margin-top: 3px;}
		.tab-content .selectOptionContainer{width: 100%;}
		.tab-content .selectOptionContainer  div.input.select{width: 100%;}
		.tab-content .selectOptionContainer button.option{position: absolute;left:200px;top: 20px;}
		.tab-content .selectOptionContainer button.option.explorar{left: 475px;top: 45px;}
		.tab-content .selectOptionContainer .explorarOperaciones{width: 400px;margin-left:100px;display:inline-block}
		.tab-content .selectOptionContainer .explorarOperaciones label{width: 100%!important;text-align: left;margin-right: 0;padding-left: 0;margin-bottom: 5px;padding-right: 0;font-size: 14px;color:#725d7e;text-transform: uppercase;}
		.tab-content .selectOptionContainer .explorarOperaciones .contentExplorarOperaciones{width: 368px;border:1px solid #d8d8d8;background: #FFF;color:#6E587A;min-height: 10px;margin: 10px 0; padding:15px;}
		.tab-content .selectOptionContainer .explorarOperaciones .contentExplorarOperaciones div {border-bottom: 1px solid #d8d8d8;padding: 4px 0;}
		.tab-content .selectOptionContainer .explorarOperaciones .contentExplorarOperaciones a.circle{width:36px;top:-1px;float:right;}
		.tab-content .selectOptionContainer .explorarOperaciones .contentExplorarOperaciones a.circle i{border-color:#00c2ff}
		.tab-content .selectOptionContainer .explorarOperaciones .contentExplorarOperaciones a.circle i:hover{border-color:#F17012}


		/*div.selectOptionContainer button{right: 40px; top:10px;position: absolute;}*/


		div.input span,div.inputDH span,div.input textarea, div.select span{width: 100%;display: inline-block;border:none;border-bottom: 1px solid; border-radius:0;padding: 0; }

		div.input textarea{height: 65px;padding: 5px}
		div.input span i,div.inputDH span i{border-radius: 50%;height: 28px;width: 28px;float: right;text-align: center;line-height: 28px;}
		div.input.search span i{float: left}
		div.input.search span input{float: right;}
		div.input span input,div.inputDH span input{float: left;border: none;margin: 4px 8px;padding: 0;background: none;width: 100%;}
		div.input span input.fechaBrowser{
			width: 95%;
		}
		div.input span input:disabled{
			color:#ccc2c2
		}
		div.input.disabled span {
			border-color:#ccc2c2
		}

		div.inputDH.fecha span input{width: calc(100% - 50px);}
		div.input span ul{left:0!important; }
		div.input span ul{top:26px!important; min-width: 100%;}
		div.input span button,div.inputDH span button {background: none!important ;border:none;float: right;height: 28px;margin: 0;padding: 0;cursor: pointer;width: 28px;margin-right: 3px;font-size: 22px;}
		div.input span button i,div.inputDH span button i,div.input span i,div.inputDH span i{font-size: 34px;width: 34px;height: 34px;top: -6px}

		div.radio div{width: 100%;}
		div.radio label.btn{display: block;height: 28px;padding: 0; vertical-align: middle;cursor: pointer;line-height: 25px;text-align: left;}
		div.radio div a{border: 1px solid;border-radius:50%;width: 20px;height: 20px;display: inline-block;margin: 2px 10px 2px 0;float: left;}
		div.radio div span{display: inline-block;line-height: 25px;vertical-align: middle;padding: 0;margin: 0;float: left;}
		div.radio .btn:active a i,div.radio .btn.active a i{display: none;}
		div.radio.checkbox .btn:active a i,div.radio.checkbox .btn.active a i{display: inline-block;}
		div.radio.checkbox div a{border: 1px solid;border-radius:0;width: 18px;height: 18px;display: inline-block;margin: 2px 5px 0 0;float: left;}
		div.radio.checkbox div a i{font-size: 18px;}
		div.radio i{font-size: 26px;}
		div.radio2 {display: inline-block;}
		div.radio2 .btn{text-align: center;width: auto;height: 32px;cursor: pointer;float: left;text-align: center;line-height: 14px}
		div.radio2 .btn a{border: 2px solid;border-radius:50%;width: 20px;height: 20px;display: inline-block}
		div.input_select label.btn{float: right;border: 1px solid;border-radius:50%;width: 20px;height: 20px;display: inline-block;margin: 4px 0 ;cursor: pointer;}
		div.input span{position: relative}
		div.input.select span select{border:none;text-align: left;font-size: 14px;  height: 28px;width: 100%;white-space:normal;margin: 0;padding: 4px 8px; box-sizing:border-box}
		div.input.select span select{width:calc(100% + 25px)!important;border-bottom: 1px solid;}
		div.input.select span select option{width:calc(100% - 25px)!important;background: red;}
		div.input.select span button i.arrow{float: right;height: auto;line-height: 16px;width: auto;}
		div.input.select span button:active i.arrow, div.input.select span button.active i.arrow{background: none}
		div.input.select span .dropdown-toggle .fa-angle-up{display: block}
		/*
		div.input.select ul{position:absolute;width:auto;left:0;top:34px;border:2px solid;padding: 7px 0;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);display: none;list-style: none;width: 100%;border-top: none;}
		div.input.select span ul{width:391px;height: auto}
		div.input.select span.open ul{display: block;z-index: 1000}
		div.input.select span.open ul li{list-style: none;padding: 3px 7px;cursor: pointer;}
		div.input.select span.open ul li a{text-decoration: none;font-size: 12px;width: 100%;}
		*/
		div.input.fecha span.spanFecha{width: 160px}
		div.chipFilter{ display: inline-block; margin: auto}
		div.input.fecha span input{width: 110px}
		div.input.fecha span input.fechaBrowser{width: 150px!important}
		div.input.fecha{text-align: left;}
		div.input.fecha span button i{right: 2px;left: inherit;top: 0px;font-size: 28px;line-height: 28px;height: 28px;width: 28px;}
		div.input.fecha table button i{top:-1px;right: -2px;}
		div.input span.spanFecha ul{padding-left: 10px;padding-right: 15px;padding-bottom: 16px;}
		/*Input en Tabs*/
			.tab-content div.radio,.tab-content div.input.select,.tab-content div.input,.tab-content div.inputDH{margin-left: 40px;margin-right: 40px;width: 400px;float: left;position: relative;}
			.tab-content div.input.select{margin-bottom: 16px;}

			.tab-content .botonera-abm{float: right;margin-right: 0;text-align: right;width: 100%;margin-bottom: 20px}
			.tab-content .botonera-abm button{float: right}
			.tab-content .botonera-abm h3{float: left;margin:14px 0;padding:0;text-transform: uppercase;font-size: 13px;color:#6E587A}
			.tab-content .botonera-abm.border{border-bottom: 1px solid #d8d8d8;padding-bottom:10px;}
	/*Tooltip*/
		.tooltip-inner {text-transform:uppercase;}
		div.tooltip,div.tooltip .tooltip-arrow{width: auto!important;}
	/*Foto Google*/
		img.snapGoogle{width: 30px;height: 30px;border-radius: 50%;}
	/*Botton Circular Menu*/
		a.circle{position: relative;}
		a.circle i{
			border-radius: 50%;
			font-size: 22px;
			width: 22px;
			height:22px;
			border:1px solid transparent;
			cursor:pointer;
			padding: 0;
			line-height: 22px; 
		}
		a.circle.disabled i{cursor: default;}
	/* Botton Opcion*/
		button.option{ border-radius: 50%;clear: both;display: block;float: right;font-size: 18px;height: 36px;line-height: normal;margin: 0 0 0 6px;text-align: center;text-decoration: none;vertical-align: middle;width: 36px;padding: 0;border: none;position: relative;margin: 2px 0}
		button.option.shadow{box-shadow: 0px 4px 4px -4px  #606060}
		button.option i{font-size: 28px;top:3px;left:0; position: relative;}
		button.option.buttonClose{height: 32px;width:32px;border:2px solid #d6430c;color:#d6430c;background: #FFF;line-height: 32px;}
		button.option.buttonClose i{font-size: 28px;}
	/*Boton Menu Tarjetas*/
		button.cardButton{padding: 7px 10px;margin: 7px 5px;border:none;box-shadow: 2px 2px 2px #9b9b9b;position: relative;line-height: 20px;height: 20px;vertical-align: middle;text-transform: uppercase;font-size: 14px;border-radius:3px;position: relative;}
		button.cardButton .hover{display: none;width: 100%;position: absolute;z-index: 2;text-align: center;height: 100%;top:0;left: 0;line-height: 36px;}
		button.cardButton:hover .hover{display: block}
		button.cardButton i{font-size: 34px;}
	/*Botton Circular*/
		button.circle{cursor:pointer ;border:0;margin: 5px 10px 0 0;width: auto;height: 36px;line-height: 36px;float:left;position: relative;padding:0 0 0 40px;box-sizing:content-box;   margin: 1px;}
		button.circle i{font-size: 36px;}
		button.circle span{text-transform: uppercase;line-height: 26px;display: inline-block;float:left;width:auto;padding:0 9px 0 0;text-align: center;margin: 0}
		button.circle.active{cursor: default;}
		button.circle:active span,button.circle.active span{text-decoration: none!important;border: none;}
		button.circle.disabled,button.circle:disabled,button.circle[disabled=disabled]{cursor: auto!important}
		button.circle.last {margin-right: 0px;}
			/*Tama�os*/
			button.circle.t2 span{width: auto}
	/*Botton Circular Transparente*/
		button.circle.transparent{height: 32px;}
		button.circle.transparent span{width: 100px}
	/*Wizard*/
		.widget-body{width: 100%; padding: 0}
		.wizard-steps{width: 100%;text-align: center;height: 70px;}
		.bootstrapWizard {display: block;float: left;list-style: none outside none;padding: 0;margin: 0 175px;width: 650px;}
		.bootstrapWizard a,.bootstrapWizard a:active, .bootstrapWizard a:focus, .bootstrapWizard a:hover {text-decoration: none;}
		.bootstrapWizard li {display: block;padding-left: 0;text-align: center;display: inline-block;float: left;}
		.bootstrapWizard li.x3{width: 33%;}
		.bootstrapWizard li .step {border: 1px solid transparent;border-radius: 50%;display: inline-block;font-size: 15px;font-weight: 700;width: 30px;height: 30px;line-height: 30px;text-align: center;z-index: 2;transition: all 0.1s linear 0s;position: relative;}
		.bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {border: 1px solid ;border-radius: 50%;font-size: 15px;font-weight: 700;width: 30px;height: 30px;line-height: 30px;margin: 0}
		.bootstrapWizard li.complete .step {width: 20px;height: 20px;line-height: 20px;margin: 5px 0;}
		.bootstrapWizard li .title {display: block;font-size: 13px;line-height: 15px;max-width: 100%;position: relative;table-layout: fixed;text-align: center;top: 0px;word-wrap: break-word;z-index: 1;border: none!important}
		.bootstrapWizard li:before {border-top: 1px solid;content: "";display: block;font-size: 0;overflow: hidden;position: relative;top: 17px;width: 100%;z-index: 1;}
		.bootstrapWizard li:first-child:before {left: 50%;max-width: 50%;}
		.bootstrapWizard li:last-child:before {max-width: 50%;width: 50%;}
		/*wizard style 2*/
		.bootstrapWizard_2 {display: block;float: left;list-style: none outside none;padding: 0;margin: 5px 175px 20px;width: 650px;height: 40px;}
		.bootstrapWizard_2 a,.bootstrapWizard a:active, .bootstrapWizard a:focus, .bootstrapWizard a:hover {text-decoration: none;}
		.bootstrapWizard_2 li {display: block;padding-left: 0;text-align: center;display: inline-block;float: left;}
		.bootstrapWizard_2 li.x3{width: 33%;}
		.bootstrapWizard_2 li.x2{width: 50%;}
		.bootstrapWizard_2 li:first-child:before {left: 50%;max-width: 50%;}
		.bootstrapWizard_2 li:last-child:before {max-width: 50%;width: 50%;}

		.bootstrapWizard_2 li .title {display: inline-block;max-width: 100%;position: relative;table-layout: fixed;text-align: center;top: 0px;word-wrap: break-word;z-index: 1;border: none!important;text-transform: uppercase;}
		.bootstrapWizard_2 li i{display: none;font-size: 16px;line-height: 20px;font-weight: 700;}
		.bootstrapWizard_2 li.active i{display: inline-block;}
		.bootstrapWizard_2 li .title{font-size: 16px;line-height: 20px}
		.bootstrapWizard_2 li.active .title{font-weight: 700;}


		.tab-content{float: left;padding: 16px;width: 100%;box-sizing:border-box}
		.tab-pane{display: none}
		.tab-pane.active{display: block}

		.form-actions{width: 100%;margin: 7px 0 0 0}
		.form-actions ul li{width: 160px}
		.form-actions ul li.previous{float: left;}
		.form-actions ul li.next{float: right;}
		.form-actions ul{width: 100%;}
		.form-actions ul,.form-actions ul li{list-style: none;float: left;}
		.form-actions ul li.next button{float: right;}
		.form-actions ul li.disabled button{cursor: auto!important}
	/*menuBottomCollapseContainer*/
		.menuButtonCollapseContainer{width: 100%;height: auto;margin: 20px 0;float: left;}   
		.menuButtonCollapseContainer .menuButtonCollapse{border:none;border-top:1px solid;position: relative}
		.menuButtonCollapseContainer .menuButtonCollapse button{position: absolute;right: 0;top: -20px;z-index: 10;float:none}
		.menuButtonCollapseContainer .menuButtonCollapse button i {float: none;}
		.menuButtonCollapseContainer .menuCollapse{width: 100%;height: auto;padding: 10px;text-align: left;box-sizing:border-box;float:left;}
		.menuButtonCollapseContainer .menuCollapse.collapsing{box-shadow:none;}
	/*Calendar*/
		div.input span.spanFecha ul, div.input span.spanFecha ul *{box-sizing:border-box}
		div.input span.spanFecha ul button{-moz-user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;cursor: pointer;display: inline-block;font-size: 14px;font-weight: normal;line-height: 1.42857;margin-bottom: 0;padding: 6px 12px;text-align: center;vertical-align: middle;white-space: nowrap;float: none;padding:0!important;height: 28px;margin: 0;min-width: 28px}
		div.input span.spanFecha ul button.btn-default.btn-info{margin: 0!important;padding: 0!important}
		div.input span.spanFecha ul table{min-width: 250px}
		div.input span.spanFecha ul .btn-group{border: none;width: auto;float: left;width: 100%}
		div.inputDH span.spanFecha ul .btn-group{width: 100%!important}
		div.input span.spanFecha ul strong{text-transform: uppercase;}
		div.input span.spanFecha ul  .btn-sm, div.input span.spanFecha ul .btn-group-sm > .btn {border-radius: 0px;font-size: 12px; line-height: 1.5; padding: 5px 10px;}
		div.input span.spanFecha ul{background: #FFF!important}
		div.input span.spanFecha ul strong{color: #6e587a;}
		div.input span.spanFecha ul tbody .btn-default span{width: 35px;height: 26px;margin: 0 auto;line-height: 26px;}
		div.inputDH span.spanFecha ul tbody .btn-default span{width: 35px!important;text-align: center;}
		div.input span.spanFecha ul tbody .btn-default:hover span{background-image: url("skin/img/datepicker_buttons.png");background-position: -221px 0}
		div.input span.spanFecha ul tbody .btn-default:active span{background-image: url("skin/img/datepicker_buttons.png");background-position: -297px 0!important}
		div.input span.spanFecha ul tbody .btn-default.btn-info span{background-image: url("skin/img/datepicker_buttons.png");background-position: -297px 0}
		div.input span.spanFecha ul thead div.input span i.glyphicon-chevron-right:before{background-image: url("skin/img/datepicker_buttons.png");background-position: 0 0;	content: "";}
		div.input span.spanFecha ul thead .glyphicon-chevron-right{background-image: url("skin/img/datepicker_buttons.png");background-position: -40px 0;width: 26px;height: 26px;position: relative;}
		div.input span.spanFecha ul thead .glyphicon-chevron-left{background-image: url("skin/img/datepicker_buttons.png");background-position: -5px 0;width: 26px;height: 26px;position: relative;}
		div.input span.spanFecha ul thead button:hover .glyphicon-chevron-right{background-position: -77px 0;}
		div.input span.spanFecha ul thead button:hover .glyphicon-chevron-left{background-position: -113px 0;}
		div.input span.spanFecha ul thead button:active .glyphicon-chevron-right{background-position: -149px 0!important;}
		div.input span.spanFecha ul thead button:active .glyphicon-chevron-left{background-position: -185px 0!important;}
		div.input span.spanFecha ul .btn-info,div.input span.spanFecha ul .btn-danger  {border:none;margin: 0 !important;padding: 0 5px!important;width: 50px;float: left;box-sizing:boder-box}
		div.input span.spanFecha ul .btn-info{margin: 0 calc(50% - 25px)!important}

		div.input span.spanFecha ul .btn-danger {display:none;}
		div.input span.spanFecha ul .btn-success {display: none}
		div.input span.spanFecha ul thead .glyphicon-chevron-right:before{content: "";}
		div.input span.spanFecha ul thead .glyphicon-chevron-left:before{content: "";}
		div.input span.spanFecha ul [ng-switch-when="month"] tbody .btn-default span{width: auto;}
		div.input span.spanFecha ul [ng-switch-when="year"] tbody .btn-default span{width: auto;}
		div.input span.spanFecha ul button span{padding: 0;border: none}
		div.input span.spanFecha ul [ng-switch-when="month"] tbody td{width:100px; }
		div.input span.spanFecha ul table[ng-switch-when="month"]{width:300px; }
		div.input span.spanFecha ul [ng-switch-when="month"] tbody .btn-default.btn-info{margin: 0!important;}
		div.input span.spanFecha ul [ng-switch-when="year"] tbody .btn-default.btn-info{margin: 0!important;}
/*k GRid*/
	.k-grid{float:left;width: 100%;}
	.k-grid-header th.k-header>.k-link,.k-grid-header th.k-header, .k-filter-row th{text-transform: uppercase;font-size: 14px;color:#6e587a}
	.containerD3Bullerts {display: block;width: 100%;margin: 10px 30px;float: left;}
	.containerD3Bullerts.zoomTables {margin: 0}
	.containerD3Bullerts .d3{width: auto;margin-right: 50px;}
	.containerD3Bullerts .d3 .val{font-size: 13px;text-align: left;}
	.containerD3Bullerts .d3 .tcl{font-size: 16px;text-align: left;font-weight: bold;color:#40A3E9}
	.containerD3Bullerts.altacampaniarevision div.d3{width: 12%;margin-right:0; }
	.containerD3Bullerts.altacampaniarevision div.campana,
	.containerD3Bullerts.altacampaniarevision div.descripcion{width: 100%;margin: 0}
	.containerD3Bullerts.altacampaniarevision div.campana div.d1b{font-size: 24px;}
	.containerD3Bullerts.altacampaniarevision div.descripcion div.d1b{font-size: 16px;color:#8fc5ea;font-weight: 400;line-height: 18px;}
/*Origen Destino*/
div.origendestinoComponent{width: 113px; position: relative;display:inline-block;float:left;}
div.origendestinoComponent div.status{width: 18px;height: 18px;border:2px solid #6E587A;border-radius: 50%;box-sizing: border-box; float:left;margin-top:3px;}
div.origendestinoComponent div{margin:0 0 6px;}
div.origendestinoComponent i{position: absolute;color:#6E587A;font-size: 12px;top:21px;left:3px;}
div.origendestinoComponent div.status.pendiente{background: #F5a623}
div.origendestinoComponent div.status.ok{background: #72c21a}
div.origendestinoComponent div span{font-size: 18px;font-weight: 700;margin-left: 3px;}
/*Voyage*/
div.voyageRepeatContent .voyage{display: inline-block; width: calc(100% - 2px); box-shadow: 2px 2px 2px #d8d8d8; margin: 0 ; padding: 10px 16px; box-sizing: border-box;background: #FFF;color:#40a3e9;}
div.voyageRepeatContent .voyage .banderas{width: 250px;float:left;}
div.voyageRepeatContent .voyage .banderas div{height: 25px; margin:3px 0 5px;font-size: 13px;text-transform: uppercase;}
div.voyageRepeatContent .voyage .banderas div b{width: 200px;}
div.voyageRepeatContent .voyage .feeder{color: #6E587A;font-size: 18px;width: 120px;display: inline-block;float: left;margin: 16px 0; margin-bottom: 0px;}
div.voyageRepeatContent .voyage .eta-box{margin-left: 754px;}
div.voyageRepeatContent .voyage .oceanico {
	width: 400px;float: left;margin: 0;
	display: grid;
	grid-template-columns: 60px 1fr;
	row-gap: 10px;
}
div.voyageRepeatContent .voyage .oceanico >*{
	justify-content: flex-start;
    align-items: center;
    display: flex!important;
    height: 100%!important;
}
div.voyageRepeatContent .voyage .oceanico div:first-child {
	font-size: 60px;
}
div.voyageRepeatContent .voyage .oceanico i{font-size: 50px;float: left;height: 40px;display: inline-block;top: -12px;color:#40a3e9;margin-right: 5px;}
div.voyageRepeatContent .voyage .oceanico span{font-size: 16px;float: left;height: 17px;line-height: 14px;display: inline-block;color:#40a3e9;width: 175px;text-transform: uppercase;}
div.voyageRepeatContent .voyage .oceanico b{
	font-size: 18px;
    height: 20px;
    line-height: 18px;
    display: inline-block;
    color: #F5a623;
    text-transform: uppercase;
    overflow: hidden;
    white-space: initial;
    width: 400px;
    text-align: left;
    display: flex;
    justify-content: flex-start;
}
div.voyageRepeatContent .voyage .d6{margin-left: 28px;margin-bottom: 0}
div.voyageRepeatContent .voyage .d6, div.voyageRepeatContent .voyage .d6 span,div.voyageRepeatContent .voyage .d6 b{width: 71px;display: inline-block;}
div.voyageRepeatContent .voyage .d6 span span{float:right;width: auto;margin:0;}
div.voyageRepeatContent .voyage .d6 span span.red{color:#F00;}
div.voyageRepeatContent .voyage .d6 span span.green{color:#72c21a;}
div.voyageRepeatContent .infoSendContent{float: left; width: 800px; margin: 0 0px 1px 100px; position: relative; top: -2px;background: #FFF; box-shadow: 2px 2px 2px #d8d8d8;padding: 10px;color: #6E587A;}
div.voyageRepeatContent .infoSendContent img{width: 30px;height: 30px;border-radius:50%;float: left;margin-right:10px;}
div.voyageRepeatContent .infoSendContent .fecha{float: left;width: 150px;margin:9px 0 8px 10px;color:#40A3E9;font-size: 13px;line-height: 13px}
div.voyageRepeatContent .infoSendContent i{float: left;font-size: 30px;top:-4px;height: 32px;}
div.voyageRepeatContent .infoSendContent .right{  float: left;margin: 9px 0 8px 8px;width: 560px;font-size: 13px;line-height: 13px;text-transform: uppercase;}
/*Upload Files*/
	div.fileUploadContent{width:100%;display:block;text-align: center}
	div.fileUploadContent label.fileUpload input[type="file"]{display:none;}
	div.fileUploadContent label.fileUpload{cursor: pointer;border: 0;margin: 0 10px 0 0;width: auto;height: 36px;line-height: 36px;position: relative;padding: 0 0 0 40px;box-sizing: content-box;margin: 1px;background: #276ab9;color: #FFF;border-color: #276ab9;font-family: Lato, arial, sans-serif;font-size: 16px;}
	div.fileUploadContent label.fileUpload:hover{background: #f05b24; color:#FFF; border-color:#f05b24}
	div.fileUploadContent label.fileUpload:active{background: #00c2ff;color: #FFF; border-color:#00c2ff}
	div.fileUploadContent label.fileUpload i{position: absolute;top: 0;left: 0;font-size: 30px;}
	div.fileUploadContent label.fileUpload span{text-transform: uppercase; line-height: 26px; display: inline-block;float: left;width: auto;padding: 5px 9px 5px 0;text-align: center;margin: 0;}
	div.fileUploadContent label.labelInfo{ display: block;font-size: 13px;text-align: center;width: 100%;}
/*Select filesTypeAhead*/
div.input.filesTypeAhead span ul{width:460px;}
div.input.filesTypeAhead ul a{float:left;width: 420px;}
div.input.filesTypeAhead ul span{width: 50%;float:left;border:none;}
div.input.filesTypeAhead ul p{width: 50%;float:right;text-align: right;}
div.input span.show{border:none;font-size:16px;color:#0c84bd;margin-top: 2px;float:left;}
div.input span.show span{margin-left: 10px;border: none;display: inline-block;float: left;width: auto;}
div.input span.show span.first{margin-left: 0;}
.documentationSpecial{}
.documentationSpecial ul{ padding-left: 40px;}
.documentationSpecial iframe{
display: block;
width: 100%;
min-height: 6000px;
position: relative;
background: transparent;
border: none;
overflow: visible;
}
.templateEditor textarea{margin:20px;width:940px; border: 1px solid #efefef}
.templateEditor pre{width:100%; margin-top: 20px}
.templateEditor .abm-params-tab-container{margin: 0;width: 100%}
div.FuncandoContactMails{
    width:100%;
	display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
}
div.FuncandoContactMails div.component.email{
    width:100%;
    position:relative;
}
div.FuncandoContactMails div.component.email div.multiselect{
    width: calc(100% - 65px);
    max-width: calc(920px - 65px);
    display: inline-block;
    margin-right: 0;
    position:relative;
}
div.FuncandoContactMails div.component.email button{
    display: inline-block;
    position: relative;
    clear: none;
    float: left;
    left: 22px;
    top: 21px;
}
div.FuncandoContactMails div.component.email div.multiselect.invalid .ui-select-multiple ul.select2-choices{
    border-bottom-color: #f00!important;
    border-bottom-style: dashed!important;
}
.FilePanelMigration{

}
.FilePanelMigration hr{
    width:100%;
}
.FilePanelMigration .form{
    float: left;
    width: 100%;
}
.FilePanelMigration .form h4.firstTitle{
    line-height: 50px;
}

.FilePanelMigration .form .migrationComponent{
    width: 100%;
    float: left;
}
.FilePanelMigration .form button.circle{
    margin-left: 20px!important;
}
.FilePanelMigration .migrationTabContent{
	margin: 20px 0;
}
.FilePanelMigration .migrationTabContent .centerContentFlex > div{
	width: calc(100% - 40px);
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
}
.FilePanelMigration .migrationTabContent .centerContentFlex > div > div.repeatHasMany{
	width: 100%;
}

.FilePanelMigration .errorTab a{
	color:#d304048c!important
}

.FilePanelMigration .fieldZone {
    float: left;
    position: relative;
    margin-bottom: 25px;
}
.FilePanelMigration .fieldZone div.input{
    margin-bottom: 0;
}
.FilePanelMigration .fieldZone.disabledComponent  input{
    color:#666;
}

.FilePanelMigration .fieldZone .prevValue{
    padding-left:40px;
	margin-bottom: 20px;
	margin-right: 10px;
	font-size: 12px;
}

.FilePanelMigration .table_cell_description {
	text-align: left;
    padding-left: 14px;
}

.FilePanelMigration .input.warning span{
    background: #d304048c;
}
.FilePanelMigration table{
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    background: #FFF;
    padding: 0;
    box-shadow: 4px 3px #88888857;;
    display:table;
    position:relative;
}
.FilePanelMigration table tr{
    background: #fff;    
}
.FilePanelMigration table tr:hover td{
    background: #f4f0f0;    
    color:#333;
}
.FilePanelMigration table tr.error td{
    background: #d304048c;    
    color:#333;
}
.FilePanelMigration table tr.selected td{
    background: #316aef;    
    color:#FFF;
}
.FilePanelMigration table tr.integrated td{
    background:#05976ebd;    
    color:#333;
}

.FilePanelMigration table tr td{
    border: 1px solid #dbdbde;
    background: #FFF;
    cursor:pointer;
}
.FilePanelMigration table tr th{
    border: 1px solid #dbdbde;
    overflow: hidden;
    padding: .5em .6em .4em .6em;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    background-color:#f3f3f4;
    text-align: center;
}
.FilePanelMigration .collapseOption{
    margin:40px 0 20px 0;
}
.FilePanelMigration .form .collapseOption button.buttonClose{
    position: absolute;
    right: -17px;
    top: -28px;
}    
.FilePanelMigration .form .contentHasMany{
    display: block;
    float: left;
    width: calc(100% - 80px);
    border: 1px solid grey;
    padding: 20px;
    background: #fff;
	margin: 20px 20px;
}

.CostTotalTable {
    width: 100%;
}
.CostTotalTable thead tr th{
    color: #6E587A !important;
    font-size: 13px !important;
    text-transform: uppercase;
    line-height: 14px;
    background: none !important;
    border: none !important;
    text-align: center;
    margin-bottom: 5px;
}
.CostTotalTable tbody tr td{
    color: #40A3E9;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 14px;
    text-align: center;
    margin-bottom: 3px;
}
.naviApp_showLegend   {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    margin: 10px 0 25px;
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
.naviApp_showLegend_warning   {
    color: red;
    background-color: #ffe7cd;
    border-color: #ffeeba;
    margin: 10px 0 25px;
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0;
	font-weight: bold;
	font-size: 20px;
}
.clearSelect{
    width: 20px;height: 20px;display: block;position: absolute;right: 32px;top: 5px;
    text-align: center;
}
.clearSelect i{
    font-size: 22px;
    color: red;
}
.FuncandoMultiSelect div.input{
	margin: 5px 0px;
}

.voyage_hover:hover {
	background: #efefef !important;
	cursor: pointer;
}

.trip_selected {
	background: rgba(22, 204, 255, 0.2) !important;
	pointer-events: none !important;
}

.mar-bottom {
	margin-bottom: 30px
}

.trip_danger {
	border-left: 4px solid #f00;
}

.trip_delayed {
	border-left: 4px solid #f79f11;
}

.trip_inProgress{
	border-left: 4px solid #16ccff;
}

.trip_arrived{
	border-left: 4px solid #C0C0C0;
}

.trip_toFuture{
	border-left: 4px solid #fff;
}

.trip_pending{
	border-left: 4px solid #f2e60e;
}

.legends {
	font-size: 15px;
	margin-right: 20px;
	border: none;
}

.div_legends {
	display: inline-block;
}

.dot {
	height: 12px;
	width: 12px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
  }

  .dot_danger {
	background: #f00;
  }

  .dot_delayed {
	background: #f79f11;
  }

  .dot_inProgress {
	background: #16ccff;
  }

  .dot_arrived {
	background: #C0C0C0;
  }

  .dot_pending {
	background: #f2e60e;
  }
  .dot_green{
	background: #21f20e;
  }

.icon-transporte-air {
	background-color: #40a3e9;
	width: 50px;
	height: 40px;
    float: left;
    display: inline-block;
    top: -12px;
	margin-right: 5px;
	-webkit-mask: url(img/airplane-shape.svg) no-repeat center;
	-webkit-mask-size: 50px 40px;
}

.icon-transporte-oceanic, .icon-transporte-all{
	background-color: #40a3e9;
	width: 50px;
	height: 40px;
    float: left;
    display: inline-block;
    top: -12px;
	margin-right: 5px;
	-webkit-mask: url(img/sea-ship-with-containers.svg) no-repeat center;
	-webkit-mask-size: 50px 40px;
}
.icon-transporte-feeder {
	background-color: #40a3e9;
	width: 50px;
	height: 40px;
    float: left;
    display: inline-block;
    top: -12px;
	margin-right: 5px;
	-webkit-mask: url(img/feeder.svg) no-repeat center;
	-webkit-mask-size: 50px 40px;
}

.icon-transporte-land {
	background-color: #40a3e9;
	width: 50px;
	height: 40px;
    float: left;
    display: inline-block;
    top: -12px;
	margin-right: 5px;
	-webkit-mask: url(img/delivery-truck.svg) no-repeat center;
	-webkit-mask-size: 50px 40px;
}

.radioContainer {
	height: auto !important;
    margin: 5px 35px 0px 25px !important;
    padding-top: 6px !important;
}

.button-mar {
	margin-top: 5px !important;
}

.etd-mar-right {
	margin-right: 20px !important;
}

.etd-eta-mar-bottom {
	margin-bottom: 20px !important;
}

.armador-style{
    font-size: 14px !important;
    width: 130px;
	margin-top: 5px;
}
.divInfo{
    margin: 15px;
    border: 1px solid #cfcbcb;
    padding: 5px;
    text-align: center;
    background: #fcf3e4;
}
tbody .k-state-default>.k-select{
    display:none!important;
}
tbody .k-autocomplete.k-state-default, tbody .k-picker-wrap.k-state-default, tbody .k-numeric-wrap.k-state-default, tbody .k-dropdown-wrap.k-state-default{
	padding:0!important;
}
 tbody .k-picker-wrap .k-input, tbody .k-numeric-wrap .k-input{
	margin-top:-28px;
}
.botonera{
	width:100%;
	height:30px;
	margin: 0 0 20px 0;
	text-align: right;
	float: left;
}
.botonera button{
	float:right;
	text-align: center;
    padding: 0;
	width: 130px;
	margin-left:20px;
}
.icon-button-collapse {
	font-size: 26px !important;
}

.button-collapse {
	cursor: pointer;
	color: black !important;
	background: none !important;
	border: none !important;
}

.button-collapse:hover{
	color: none !important;
	background: none !important;
}
.button-collapse:active{
	color: none !important;
	background: none !important;
}

.file-space{
	margin-bottom: 50px;
}

.flex-center {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 37px;
}

.border-bm{
	border-bottom: 1px solid #dcdcdc;
	width: 100% !important;
}

.file-name{
	display: inline !important;
    margin-left: 10px;
}

.file-each{
	width: 100%;
    padding: 0 40px 20px;
    box-sizing: border-box;
}

.serviceLabel {
	width: 34% !important;
}


.textService{
	color: #0c84bd;
	text-overflow: ellipsis;
    width: 370px;
    white-space: nowrap;
	overflow: hidden;
}

.text-angular{
	background-color: #F0F0F0;
    padding: 10px 10px 5px;
    margin-left: 0px;
    border: 1px solid #EEE;
}

.text-angular .btn{
	padding: 6px 12px;
}

.asocButtonHistory{
    float: right !important;
    top: 14px;
    right: 43px;
}

.historyButton{
	float: none !important;
	display: inline !important;
}

.iconReenviar {
	font-size: 34px !important;
}

.emailDirective{
	padding-top: 30px;
	float: left;
}

.emailDirective2{
	padding-top: 20px;
}

.cancel-styles{
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
    width: 100% !important;
}

.other-styles{
	width: 300px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.button-stock-guia{
	margin-right: 10px !important;
}

.stockGuiaAddTable{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
    width: 100%;
	height: 100%;
	margin-bottom: 40px;
}

.stockGuiaAddTable table{
	width: 60%;
}

.stockGuiaAddTable table thead tr th{
	color: rgb(110, 88, 122);
	border: 1px solid #dcdcdc;
	background: rgb(243, 243, 244);
	padding: 2px 4px;
	font-size: 16px;
	width: 50%;
}

.stockGuiaAddTable table tbody tr td {
    border: 1px solid #dcdcdc;
    background: #fff;
    padding: 2px 4px;
    color: rgb(81, 89, 103);
    font-size: 14px;
}
.stockGuiaAddTable table tbody tr td span{
	font-weight: 900;
}
.template_editor_helper{
    width: 100%;
    display: block;
    float: left;

}
.template_editor_helper_fileC{
    text-align:center;
    padding: 0 20px !important;
}
.template_editor_text_area{
	height: 0;
    width: 0!important;
    bottom: 0;
    right: 0;
    position: fixed;
	background: transparent;

}
.emailButtonLine{
	float:right;
	margin-right:15px;
}


.OblLabelContainer {
	/* display: flex !important; */
}

.OblLabelContainer {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
/* Hide the browser's default checkbox */
.OblLabelContainer .OblInput {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.OblCheckmark {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	height: 25px !important;
	width: 25px !important;
	background-color: #ccc !important;
}

/* On mouse-over, add a grey background color */
.OblLabelContainer:hover .OblInput ~ .OblCheckmark {
	background-color: rgb(143, 140, 140) !important;
  }
  
/* When the checkbox is checked, add a blue background */
.OblLabelContainer .OblInput:checked ~ .OblCheckmark {
	background-color: #2196F3 !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.OblCheckmark:after {
	content: "" !important;
	position: absolute !important;
	display: none !important;
  }
  
  /* Show the checkmark when checked */
  .OblLabelContainer .OblInput:checked ~ .OblCheckmark:after {
	display: block !important;
  }
  
  /* Style the checkmark/indicator */
  .OblLabelContainer .OblCheckmark:after {
	left: 9px !important;
	top: 5px !important;
	width: 5px !important;
	height: 10px !important;
	border: solid white !important;
	border-width: 0 3px 3px 0 !important;
	-webkit-transform: rotate(45deg) !important;
	-ms-transform: rotate(45deg) !important;
	transform: rotate(45deg) !important;
  }

.OblInput {
	/* margin-right: 20px !important; */
}
.OblInputSize {
    width: 385px !important;
}
.PrintButton {
	font-size: 25px !important;
}

.select-status{
	background-color: transparent;
    border: none;
    width: 300px;
}

.field-invalid{
	position: absolute;
	color: rgb(240, 91, 36);
	font-size: 14px;
}

.invalid-field-class{
	border-bottom-color: #f00 !important;
	border-bottom-style: dashed !important;
}
.hideBorderBottom{
	border-bottom: 0px solid #dcdcdc !important;
}
.lockFileFilter{
    position: relative;
    width: 480px;
    height: auto;
    float: left;
}
.lockFileFilterIcon{
    position: absolute;
    left: 375px;
    top: 18px;
    border: unset;
    background: transparent;
}

.fifty-percent-width{
	width: 70% !important;
}

.company_contact-channel-phone{
	width: 100% !important;
	height: 100% !important;
	display: block;
}

.company_contact-channel-phone >.input{
	width: 30% !important;
	height: 100% !important;
	display: inline-block;
	padding-right: 15px;
}

.company_contact-channel-phone >.input.countryCode{
	margin-right: 5%;
	width: 15% !important;
	display: inline-block;
}

.company_contact-channel-phone >.input.areaCode{
	width: 20% !important;
	margin-right: 5%;
	display: inline-block;
}

.company_contact-channel-phone >.input.number{
	width: 43% !important;
	display: inline-block;
}


.contact-channel{
	width: 90% !important;
}

.contact-channel-phone{
	width: 100% !important;
	height: 100% !important;
	display: block;
}

.contact-channel-phone >.input{
	width: 30% !important;
	height: 100% !important;
	display: inline-block;
}

.contact-channel-phone >.input input{
	width: 100% !important;
	height: 100% !important;
}

.contact-channel-phone >.input.countryCode{
	margin-right: 5%;
	width: 15% !important;
	display: inline-block;
}

.contact-channel-phone >.input.areaCode{
	width: 20% !important;
	margin-right: 5%;
	display: inline-block;
}

.contact-channel-phone >.input.number{
	width: 53% !important;
	display: inline-block;
}

.contactChannelContainer >.deleteButton{
	background-color: #d0021b;
	right: 5px;
	height: 20px;
	width: 20px;
	font-size: 15px;
}
.contactChannelContainer >.deleteButton i{
	font-size: 19px;
	top: 2px;
	height: 20px;
	width: 20px;
	line-height: 20px;
	position: relative;
	display: block;
}

.contactChannelsFieldset {
	width: auto;
	margin-bottom: 15px;
	padding: 0 10px;
	position: relative;
	border: 1px solid;
}
.contactChannelsFieldsetHeader {
	padding: 0 10px;
}
.contactChannelsFieldsetContent {
	width: 100%;
	padding-top: 10px;
}
.contactChannelsFieldsetContent hr{
	border-top: 1px solid #888;
}

.fieldsetLegend {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
	margin-left: 10px;
	width: auto;
	padding: 0 10px;
	border-bottom: none;
}

.fieldsetButton {
	position: absolute !important;
	top: -11px;
	right: 10px;
}
.FilePrint h2{
	float: left;
    text-align: left;
    width: 100%!important;
    margin: 0 39px 20px!important;
    border-bottom: 1px solid;
    padding-bottom: 10px!important;
}
.FilePrint .fieldZoneVec{
	float: left;
    text-align: left;
    width: 100%!important;
}
.FilePrint .fieldZone {
    float: left;
    position: relative;
    margin-bottom: 25px;
}
.FilePrint .fieldZoneText {
    width: 50%;
    padding: 15px 0;
    float: left;
    position: relative;
}

.FilePrint .fieldZoneText .label {
    margin-left: 20px;
    color: #725d7e;
}


.FilePrint .fieldZoneVecCheck {
    float: left;
	display: flex;
	width:100%;
}
.FilePrint .fieldZoneVecCheck .fieldCheckLine{
	width: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	margin-right: 40px;
}
.FilePrint .fieldZoneVecCheck .fieldCheckLine *{
	margin-bottom: 0;
	margin-top: 0
}
.FilePrint .fieldZoneVecCheck .input{
	margin-left:25px!important;
}
.FilePrint .fieldZone .radioInput{
   width: 15px;
   height:15px;
}
.FilePrint .fieldZone .prevValue{
	left: 40px;
    bottom: 0;
    position: absolute;
    font-size: 12px;
}
.printFileZoneContent{
	width:100%;
	margin-top:20px;
	max-height:297mm;
	float: left;
	font-size: 10px;
}
.printFileZoneContent .contract-page {
	display:  none;
}
.printFileZone img{
	max-width: 100%;
}
.printFileZone{

	width:210mm;
	height:297mm;
	font-size: 10px;
	text-align: center;
	
}
#printFile{
	background: #FFF;
	border: 1px solid #000;
	margin: auto;
	position: relative;
	float: unset;
	display: block;
}
div.inputDH.fechaNew{
	margin-bottom: 0;
}
div.inputDH.fechaNew label,
div.inputDH.desdeHasta label
{
	width: calc(50% - 11px)!important;
    text-align: left;
    margin-right: 0;
    float: left;
}
div.inputDH.fechaNew label.title,
div.inputDH.desdeHasta label.title{
    width: 420px!important;
    text-align: left;
    margin-right: 0;
    float: left;
    padding-left: 0;
    margin-bottom: 5px;
    padding-right: 0;
    font-size: 14px;
}
div.inputDH.fechaNew span.spanFecha,
div.inputDH.desdeHasta span{
	margin: 10px 0 0 0;
}
div.inputDH.desdeHasta span.last{
	margin-left: 20px;
}
div.inputDH.fechaNew span.spanFecha i{
	line-height: 40px;
}
.container50 div.multiselect2{
	margin-left: unset; 
    margin-right: unset;
    width: auto;
    float: left;
}
.container50{
	margin-top: 10px;
	margin-left: 40px;
    margin-right: 40px;
    width: 400px;
    float: left;
	position: relative;
}

.k-grid-content {
	min-height: 55px;
}
.collapsePrintAdvance{
	
	float: left;
	
}
.collapsePrintAdvance .printFileZoneContent{
	text-align: center;	
}
.collapsePrintAdvance .printFileZoneContent >div{
	margin: auto;
	background-color: #fff;
}
.flexFields{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr ;
}
.flexFields >*{
	width: 100%;
}
.flexFields div.input{
	margin:  0  40px;
}
.gridTemplateColumns{
	display: grid;
	grid-template-columns: 1fr 1fr;
	float:left;
	column-gap:40px;
	row-gap: 10px;
	margin:0 50px 100px 50px;
	margin-bottom: 35px;
}
.gridTemplateColumns.gridOneColumn{
	grid-template-columns: 1fr;
}
.subGridTemplate{
	display: grid!important;
	grid-template-columns: 1fr 1fr;
	float:left;
	column-gap:40px;
	row-gap: 10px;
	margin:0 ;
}
.gridTemplateColumns.noMarginButton{	
	margin-bottom:0!important;
}
.gridTemplateColumns >div{
	display: flex;
	width:100%!important;
	margin:0!important;
}
.gridTemplateColumns >div.full{
	grid-column: 1/3;
	margin: 0!important;
    padding: 0!important;
    width: 840px!important;
}
.gridTemplateColumns .input{
	width:400px!important;
	margin:0!important
}
/* .gridTemplateColumns div >*{
	width:100%;
} */
.gridTemplateColumns .input.chico{
	width:160px!important;
	margin-right: 40px!important;
}
.gridTemplateColumns .input.chico div.input{
	width:100%!important;
}
.gridTemplateColumns .radio{
	width:400px!important;
	margin:0!important
}
.gridTemplateColumns  .col2{
	grid-column: 1/3;
}
.gridTemplateColumns  .col2.fullChildren > *{
	width:100%!important;
}
.gridTemplateColumns  .col2.fullChildren .input,
.gridTemplateColumns  .col2.fullChildren .radio{
	width:100%!important;
}
.gridTemplateColumns  .inputWithPlus button{
	width: 20px;
	height: 20px;
	top: 23px!important;
    right: 4px!important;
}
.inputWithPlus button i{
	font-size: 21px;
    line-height: 17px;
    
}
.bold_title{
	
}
.gridTemplateColumns label{
	font-weight: 700!important;
}
.positionRelative{
	position: relative;
}
.mb-20{
	margin-bottom: 20px;
}
.ml-20{
	margin-left: 20px;
}

.filemigration-buttons-container{
	display: flex;
    justify-content: flex-end;
}    
.kendoSelect{
	width: 100%;
	color: #000;
}
@keyframes spinner {
    to {transform: rotate(360deg);}
}
.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 20px;
	width: 20px;
	height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 3px solid #ffffff;
    border-top-color: #2d6ab9;
    animation: spinner .6s ease-in-out infinite;  
}
.spinner.icon:before {
	left: 10px;
    width: 25px;
    height: 25px;
}
.icon-black {
    color: #000000;
	font-size: 23px;
}
.icon-blue {
    color: #2d6ab9;
	font-size: 23px;
}
.icon-green {
    color: #72c21a;
	font-size: 23px;
}
.icon-green-grid {
	color: #72c21a;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-green-costs {
	color: #72c21a;
    font-size: 30px;
	top: 10px;
	left: 20px;
    justify-content: center;
    align-items: center;
}
.icon-red-grid {
	color: #d31818;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-red {
    color: #d31818;
	font-size: 23px;
}
.icon-red-costs {
	color: #d31818;
    font-size: 30px;
	top: 10px;
	left: 20px;
    justify-content: center;
    align-items: center;
}	
.labelTag {
	padding: 1px 3px;
    border-radius: 5px;
    font-size: 10px;
    color: #fff;
    background-color: #2d6ab9;
    min-width: 40px;
    height: auto;
    margin: 3px;
    width: auto;
    display: inline-block;
    text-align: center;
    font-weight: bold;
}
.toolbar-button-header {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	gap: 8px;
}
.header-with-toolbar-button {
	position:relative;
	position: relative;
	height: 25px;
	margin-bottom: 20px;
}
.lineTitle.titleFlex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.lineTitle.titleFlex > *{
	width: auto;
	margin: 0;
}
.header-additional-data{
	text-transform: uppercase;
    font-size: 15px;
    text-align: end;
    color: #276ab9;
	font-weight: bolder;
	margin-bottom: 10px;
}
.botoneraFlex{
	display:flex;
	width: 100%;
	justify-content: center;
	gap: 8px;
	height: 100%;
	align-items: center;
}
.botoneraFlex.left{
	justify-content: flex-start;
}
.botoneraFlex.right{
	justify-content: flex-end;
}
.botoneraFlex button {
	margin: 0!important;
}
/* Define el espaciado entre las columnas */
.table-with-spacing {
    border-collapse: separate;
    border-spacing: 10px; /* Puedes ajustar este valor según tus preferencias */
}
/* Para botones dentro de la celda de una tabla */
.buttonInCellTable {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px;
	width: 100%;
}
.cursorPointer{
	cursor: pointer;
}
.gridTemplateColumnsDetailsHistory{
	display: grid;
	grid-template-columns: 25% 25% 25%;
	float:left;
	column-gap: 10px;
	row-gap: 5px;
	margin: auto;
	margin-bottom: 10px;
}
.fieldDataHistory{
    font-size: 13px !important
}
.scrollTableIntegration{
	overflow-x: auto;
	overflow-y: hidden;
    white-space: nowrap;
	width: 100%;
}
.companyTitleName {font-size: 16px; padding: 0;}
.title-company-search {
	margin-left: 40px;
	color: #725d7e;
	font-size: 14px;
	text-transform: uppercase;
}
.company-search {
	margin-bottom: 10px;
}
.selected-companies-list {
	margin-bottom: 30px;
	background-color: #f8f9fa;
	margin-left: 40px;
	width: 90% !important;
	box-sizing: border-box !important;
}
.selected-companies-list .company-tags {
	display: flex !important;
	flex-wrap: wrap !important;
	margin-top: 10px !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	width: 100% !important;
}
.selected-companies-list .company-tags .company-tag {
	display: inline-flex !important;
	align-items: center !important;
	padding: 8px 12px !important;
	background-color: #a4abb7 !important;
	color: rgb(0, 0, 0) !important;
	border-radius: 20px !important;
	font-size: 12px !important;
	border: none !important;
	white-space: nowrap !important;
	gap: 8px !important;
	margin: 2px !important;
	width: auto !important;
	height: 15px;
}
.selected-companies-list .company-tags .company-tag .company-name {
	flex: none !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	max-width: 250px !important;
	width: auto !important;
}
.selected-companies-list .company-tags .company-tag .btn-remove {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: rgba(255, 255, 255, 0%) !important;
	border: none !important;
	padding: 0px !important;
	font-size: 12px !important;
}
.selected-companies-list .company-tags .company-tag .btn-remove:hover {
	background: rgba(255, 255, 255, 0%) !important;
	transform: scale(1.3) !important;
}
.selected-companies-list .company-tags .company-tag .btn-remove i {
	font-size: 15px !important;
	color: #bf2626;
	margin-top: 3px;
}

/* Clase específica para el input de selección múltiple de empresas */
.form-control-company-search {
	/* Heredar estilos básicos de form-control */
	display: block;
	width: 90%;
	margin-left: 40px;
	margin-bottom: 20px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control-company-search:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.form-control-company-search::-webkit-input-placeholder {
	color: #999;
}

.form-control-company-search::-moz-placeholder {
	color: #999;
	opacity: 1;
}

.form-control-company-search:-ms-input-placeholder {
	color: #999;
}

.form-control-company-search::-ms-input-placeholder {
	color: #999;
}

.asoc-file-form-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 auto 35px auto;
	width: 100%;
}
.asoc-file-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	width: 100%;
	max-width: 540px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
	padding: 36px 32px 32px 32px;
}
.asoc-file-upload-row {
	display: flex;
	align-items: center;
	gap: 18px;
	width: 100%;
	justify-content: center;
}
.asoc-file-upload-label {
	display: flex;
	align-items: center;
	gap: 6px;
	background: #f5f5f5;
	border-radius: 5px;
	padding: 10px 18px;
	cursor: pointer;
	font-weight: 500;
	color: #333;
	border: 1px solid #e1e1e1;
	transition: background 0.2s;
}
.asoc-file-upload-label:hover {
	background: #e9ffe6;
}
.asoc-file-upload-label input[type="file"] {
	display: none;
}
.asoc-file-upload-filename {
	font-size: 0.97em;
	color: #666;
	max-width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.asoc-file-form-field {
	width: 100%;
	display: flex;
	justify-content: center;
}
.asoc-file-form-progress-container {
	width: 100%;
	max-width: 540px;
	margin: 25px auto 0 auto;
	padding: 0 32px;
}
.asoc-file-form-progress-bar {
	background: linear-gradient(to right, #53d180, #36a9e1);
	height: 7px;
	border-radius: 5px;
	transition: width 0.2s;
}