html{background: #f9f9fb}
/*Fuentes*/
.k-i-close{color: #40a3e9}
h4{border-bottom-color: #9b9b9b;color:#9b9b9b;}

.d1{color:#6E587A;}
.d1i, .d1 i{color:#6E587A;}
.d1b, .d1 b{color:#40a3e9;}

.d2{color:#6E587A;}
.d2i, .d2 i{color:#6E587A;}
.d2b, .d2 b{color:#40a3e9;}

.d3{color:#6E587A;}
.d3i, .d3 i{color:#6E587A; }
.d3b, .d3 b{color:#40a3e9; }

.d4{color:#40a3e9;}
.d4i, .d4 i{color:#40a3e9;}
.d4b, .d4 b{color:#40a3e9;}

.d5{color:#6E587A;}
.d5i, .d5 i{color:#6E587A;}
.d5b, .d5 b{color:#40a3e9;}

.tc{color:#6E587A}
.tclc{color:#6E587A}
.tcb{color:#40a3e9;}
.tcl{color:#8fc5ea;}
.tclOverflow{
    text-overflow: ellipsis;
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
}
.tct{color:#267499;}
.t_url{color:#8fc5ea;}
.t_url:hover{color: #f05b24}
.t_link:hover{color: #f05b24!important}
	/*Tabs y Menu*/
		.nav-tabs a{color:#6E587A}
		.nav-tabs > li.active > a{border-bottom-color:#6E587A;background: transparent;}
		.nav-tabs > li > a:hover{background:transparent;border-bottom-color:#f05b24;color:#f05b24;}
		.nav-tabs > li > a:hover,.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background: transparent;}
		.nav-tabs li a.circle i{color: #d6430c;}
	/* Loading*/
	.div-loading-background{background: #eaeff3;}
	/*progress-bar*/
	div.progress{background: #eeeeee;border-color:#e5e5e5;}
	div.progress-bar{background: red;}
	/*Inputs*/
		input,textarea,button.btn-select,select{color: #0c84bd;}
		div.input{border:none}
		div.input.search span{border-color: #00c2ff}
        div.input.search input,div.input label,div.inputDH label,div.checkbox label,div.radio label{color:#725d7e;}

		div.inputTag tags-input .tags {background-color: transparent;border-bottom-color: #00c2ff;}
        div.inputTag tags-input .tags.focus {border-bottom-color: #f05b24;}
        div.inputTag tags-input.ng-invalid .tags{
                    border-bottom-color: #f00!important;
                    border-bottom-style: dashed!important;
		}
		div.inputTag tags-input .tags input{background-color: transparent;}
		div.input.select span{background: transparent;}
        div.input span,div.input textarea,div.inputDH span{border-bottom-color: #00c2ff; background: transparent;}
        div.input span.disabled{border-bottom-color: #dcdcdc!important;}
                /*
                form.ng-invalid .ng-invalid-required div.input span,
                form.ng-invalid .ng-invalid-required div.input textarea,
                form.ng-invalid .ng-invalid-required div.inputDH span,
                form.ng-invalid .ng-invalid div.input span,
                form.ng-invalid .ng-invalid div.input textarea,
                form.ng-invalid .ng-invalid div.inputDH span,
                form.ng-invalid .ng-invalid-required div.input.select .selectize-control.single .selectize-input,
                form.ng-invalid .ng-invalid div.input.select .selectize-control.single .selectize-input,
                form.ng-invalid .ng-invalid div.input.select .selectize-control.single .selectize-input,

                ng-form.ng-invalid fg-input-new.ng-invalid-required div.input span,
                ng-form.ng-invalid fg-input-new.ng-invalid-required div.input textarea,
                ng-form.ng-invalid fg-input-new.ng-invalid-required div.inputDH span,
                ng-form.ng-invalid fg-input-new .ng-invalid div.input span,
                ng-form.ng-invalid fg-input-new.ng-invalid div.input textarea,
                ng-form.ng-invalid fg-input-new.ng-invalid div.inputDH span,
                ng-form.ng-invalid fg-select.ng-invalid-required div.input.select .selectize-control.single .selectize-input,
                ng-form.ng-invalid fg-select.ng-invalid div.input.select .selectize-control.single .selectize-input,
                ng-form.ng-invalid div.input.select .ng-invalid .selectize-input,
                ng-form.ng-invalid fg-datepiker.ng-invalid span,
                ng-form.ng-invalid div.input textarea.ng-invalid */
				fg-datepicker.ng-invalid span,fg-datepicker.ng-invalid-required span,
				div.input.ng-invalid span,
                fg-input-new.ng-invalid div.input span,fg-input-new.ng-invalid-required div.input span,
                div.input.select  .selectize-control.single.ng-invalid .selectize-input,div.input.select  .selectize-control.single.ng-invalid .selectize-input-required,
                div.input textarea.ng-invalid,div.input textarea.ng-invalid-required,
                fg-typeahead-files.ng-invalid .filesTypeAhead>span,
                fg-typeahead-services.ng-invalid .input>span,
                fg-typeahead-migration.ng-invalid .input>span,
                fg-typeahead-select.ng-invalid .input>span,
				fg-typeahead-companies.ng-invalid .input>span
                {
                    border-bottom-color: #f00;
                    border-bottom-style: dashed;
				}
				div.input.ng-invalid span li span
                {
                    border:none;
                }
				div.fg_enabled_edit{
					border: 1px solid #dedede;
					width: calc(100% - 75px);
					float: left;
					margin: 10px 35px 20px;
					padding: 30px 0 20px;
					position: relative;
				}
				div.fg_enabled_edit div.select{
					position: absolute;
					left: 15px;
					top:-15px;
					background: #efefef;
					z-index: 2;
				}
				div.fg_enabled_edit div.dark{
					position: absolute;
					left:0;
					top:0;
					opacity: 0.25;
					background: #000;
					width:100%;
					height: 100%;
					z-index: 1;
					cursor: not-allowed;
				}
				div.fg_enabled_edit div.transclude div{
					width:41%;
				}
				div.fg_enabled_edit div.transclude div li div{
					width:auto;
				}
				div.fg_enabled_edit div.transclude div li div span{
					width:60%;
				}
				div.fg_enabled_edit label{
					font-size:14px;
					font-size: 14px;
					width: auto;
					margin: 0 12px 0 0;
				}
				div.fg_enabled_edit div.select a{
					border: 1px solid;width: 20px;height: 20px;display: inline-block;margin: 2px 10px 2px 10px;float: left;
					border-color:#00c2ff;background: transparent;
				}
				div.fg_enabled_edit div.select a.active{
					border-color:#00c2ff;background: #00c2ff;
				}
                form.ng-invalid div.radio div label.ng-invalid-required a, form.ng-invalid  div.radio.checkbox div label.ng-invalid-required a,
                form.ng-invalid div.radio div label.ng-invalid a, form.ng-invalid div.radio.checkbox div label.ng-invalid a,
                ng-form.ng-invalid div.radio div label.ng-invalid-required a, ng-form.ng-invalid  div.radio.checkbox div label.ng-invalid-required a,
				ng-form.ng-invalid div.radio div label.ng-invalid a, ng-form.ng-invalid div.radio.checkbox div label.ng-invalid a,
				ng-form.ng-invalid fg-checkbox.ng-invalid div.radio.checkbox div label a
                {
                    border-color: #f00;
                    border-style: dashed;
                }
		div.input.select span select{background: url(img/select_row.png) no-repeat right transparent;}
		div.input.select span select:active,div.input.select span select:focus{background: url(img/select_row_active.png) no-repeat right transparent;border-bottom-color: #f05b24}
		div.input span.invalid{background: #FAE7E0; border-bottom-color: #D6430D;}
		div.input span.invalid input,div.input span.invalid i,div.input span.invalid button{color: #D6430D;}
		div.input span.focus input,div.input span.focus i,div.input span.open button{color: #0c84bd;;}
		div.inputDH span.focus,div.input span.focus,div.input textarea:focus{border-bottom-color: #f05b24;background: #FFF;}
		div.input.select span.open button i.arrow,div.input.select span.open button:active i.arrow, div.input.select span.open button.active i.arrow,div.input.select span.open button:hover i.arrow{color: #f05b24;}
		div.input.select span button:active i.arrow, div.input.select span button.active i.arrow,div.input.select span button:hover i.arrow{color: #00c2ff;}
		div.input span i,div.inputDH span i{background: transparent;color: #00c2ff;border-color:transparent;}
		div.input span button:hover i,div.inputDH span button:hover i{background: transparent;color: #f17012;border-color:transparent;}
		div.input span button:active i,div.inputDH span button:active i,div.input span button.active i,div.inputDH span button.active i{background: #8fc5ea;color: #FFF;border-color:#8fc5ea;}
		div.radio div a,div.radio.checkbox div a{border-color:#00c2ff;background: transparent}
		div.radio .btn:active a,div.radio .btn.active a{border-color:#00c2ff;background: #00c2ff}
		div.radio.checkbox .btn a{border-color:#00c2ff;background:transparent;}
		div.radio.checkbox .btn:active a,div.radio.checkbox .btn.active a{border-color:#00c2ff;background: #00c2ff;}
		div.radio .btn a i{color:#00c2ff}
		div.radio .btn span{color:#1c3d54}

		div.radio2 .btn{color:#99aabc}
		div.radio2 .btn a{border-color:#163850;background: transparent;}
		div.radio2 .btn:hover a{border-color:#f17012;background: transparent;}
		div.radio2 .btn:hover {color:#f17012}
		div.radio2 .btn:active a,div.radio2 .btn.active a{border-color:#FFF!important;background: #163850!important;}
		div.radio2 .btn:active,div.radio2 .btn.active{color: #163850;}

		div.input.select .selectize-control.single .selectize-input{background: transparent;color:#0c84bd;border-bottom-color:#00c2ff;}
		.selectize-control .selectize-input.disabled{opacity:1;border-bottom-color: #dcdcdc!important;}
		.selectize-control.single .selectize-input.disabled:after{border-color: #dcdcdc transparent transparent!important;}
		div.input.select .selectize-control.single .selectize-input.focus{background: #FFF;border-bottom-color:#f05b24}
		div.input.select .selectize-control.single .selectize-input:after{border-color: #00c2ff transparent transparent;}
		div.input.select .selectize-control.single .selectize-input.focus:after{border-color: #f05b24 transparent transparent;}
		div.select.multiselect1 .select2-container-multi .select2-choices .select2-search-field:after{border-color: #00c2ff transparent transparent transparent;}
		div.select.multiselect1 .select2-container-multi .select2-choices .select2-search-field.focus:after{border-color: #f05b24 transparent transparent transparent;}
		div.select.multiselect1 .select2-drop-active{border-color:#b8b8b8}
		div.select.multiselect1 .select2-container-multi .select2-choices .select2-search-field input{border-color: #00c2ff;}
		div.select.multiselect1 .select2-container-multi .select2-choices .select2-search-field input.focus
		div.select.multiselect1 .select2-container-multi .select2-choices .select2-search-field input:focus{border-color: #f05b24;background: #FFF!important}
		div.input.select .selectize-input.selectize-focus{border-bottom-color:#00c2ff!important;}
		div.input.select .selectize-control.single input {color: #0c84bd}
		div.select.multiselect1 .ui-select-match .ui-select-match-item,
		div.multiselect2 .host .tags .tag-item
		{background: #8fc5ea;color: #000;border-color: #357ebd;}
		div.input span.spanFecha ul{background: #f3f3f3;}
		div.input span.spanFecha ul{padding-left: 10px;padding-right: 15px;padding-bottom: 16px;}
		div.input span.spanFecha ul .text-muted{color:#d4d4d4;}
	/* Botton Opcion*/
		button.option{background: #276ab9;color:#FFF;}
		button.option.turquesa{background: #54b5d3}
		button.option.tabOption{background: #6E587A}
		button.option:hover{background: #f05b24; color:#FFF;}
		button.option:active,button.circle.active{background: #00c2ff;color: #FFF;}
		button.option.disabled,button.option[disabled]{background:#bab7b7!important; color:#FFF;}
	/*Boton Menu Tarjetas*/
		button.cardButton{background: #eaeff3;}
		button.cardButton{background: #6E587A;color:#fff}
		button.cardButton:hover{background: #f5a623;color:#FFF}
		button.cardButton:hover .text{color: #f5a623;}
		button.cardButton:hover .hover{color: #fff;}
		button.cardButton:active{background: #00c2ff;}
		button.cardButton:active .text{color: #00c2ff;}
		button.cardButton[disabled],button.cardButton.disabled{background: #bab7b7!important}
	/*Botton Circular*/
		button.circle{background: #276ab9;color:#FFF; border-color:#276ab9}
		button.circle.red{background: #d0021b; border-color:#d0021b}
		button.circle.green{background: #72c21a; border-color:#72c21a}
		button.circle:hover{background: #f05b24; color:#FFF; border-color:#f05b24}
		button.circle:active,button.circle.active{background: #00c2ff;color: #FFF; border-color:#00c2ff}
		button.circle[disabled],button.circle:disabled,button.circle[disabled=disabled],.form-actions ul li.disabled button.circle{background:#bab7b7!important; color:#FFF; border-color:#bab7b7!important}
	/*Botton Circular Transparente*/
		button.circle.transparent{background: transparent;color:#017eba;border-color:#017eba}
		button.circle.transparent.red{background: transparent;color: #d0021b}
		button.circle.transparent:hover{color: #f05b24;background: transparent;}
		button.circle.transparent:active,button.circle.transparent.active{color: #00c2ff;background: transparent;}
		button.circle.transparent.disabled{color:#bab7b7!important; background: transparent;}
	/*Botton Circular Menu*/
		a.circle i{color:#00c2ff;border-color:transparent;background: transparent;}
		a.circle.red i{color:red;border-color:transparent;background: transparent;}
		a.circle:hover i{color:#F17012;border-color:#F17012;background: transparent;}
		a.circle:active i,a.circle.active i,a.circle.select i{color:#163850;border-color:#FFF;background: #FFF;}
		a.circle.disabled i{color: #9b9b9b;border-color: transparent;background: transparent;}
	/*Tooltip*/
		.tooltip-inner {background: #677c8b;color: #eaeff3}
		.tooltip.left .tooltip-arrow {border-left-color: #677c8b;}
		.tooltip.top .tooltip-arrow {border-top-color: #677c8b;}
		.tooltip.right .tooltip-arrow {border-right-color: #677c8b;}
		.tooltip.bottom .tooltip-arrow {border-bottom-color: #677c8b;}
	/*Wizard*/
		.tab-content{background: #f9f9fb;}
		.wizard-steps button.circle.finish,.wizard-steps button.circle.green{background: #7ed321;border-color: #7ed321;}
		.wizard-steps button.circle{background: #276ab9;border-color: #276ab9;}
		.bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {background:#0091d9;border-color:#55606e;}
		.bootstrapWizard li:before {border-color:#55606e;}
		.bootstrapWizard li .step {background: #b2b5b9;color: #fff;}
		.bootstrapWizard li .title {color: #bfbfbf;}
		.bootstrapWizard li.complete .step {background:#0aa66e;border-color:#55606e;}
		.bootstrapWizard li.active .title, .bootstrapWizard li.complete .title {color: #2b3d53;}
		.bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {color: #fff;}
		/*wizard style 2*/
		.bootstrapWizard_2 li .title {color: #6E587A;}
		.bootstrapWizard_2 li.active .title,.bootstrapWizard_2 li i{color: #40a3e9!important}
		.bootstrapWizard_2 li.complete .title {color: #6E587A;}
		.bootstrapWizard_2 li.complete.active .title{color: #40a3e9!important}
	/*menuBottomCollapseContainer*/
		.menuButtonCollapseContainer .menuButtonCollapse{border-color:#bab7b7}
		.menuButtonCollapseContainer .menuCollapse{background: #f0f0f0}
		.menuButtonCollapseContainer .menuButtonCollapse button i{color:#FFF;}
	/*Calendar*/
		div.input span.spanFecha ul tbody .btn-default:active span{color: #FFF;}
		div.input span.spanFecha ul tbody .btn-info span{color: #FFF;}
		div.input span.spanFecha ul tbody .btn-info{background: transparent;border:none;}
		div.input span.spanFecha ul .btn-default,div.input span.spanFecha ul .btn-default.btn-info:hover { background-color: #fff!important; border-color: #FFF; color: #333; }
		div.input span.spanFecha ul .btn-group .btn-info,div.input span.spanFecha ul .btn-group .btn-danger  {color: #fff;background-color: #276ab9!important;}
		div.input span.spanFecha ul .btn-info:hover,div.input span.spanFecha ul .btn-danger:hover{background: #f05b24!important;}
		div.input span.spanFecha ul .btn-info:active,div.input span.spanFecha ul .btn-danger:active{background: #00c2ff!important;}
		div.input span.spanFecha ul [ng-switch-when="day"] .btn-info:hover{background: transparent;}
		div.input span.spanFecha ul [ng-switch-when="month"] tbody .btn-default span{background: transparent;}
		div.input span.spanFecha ul [ng-switch-when="month"] tbody .btn-default:hover {background: #f05b24!important;}
		div.input span.spanFecha ul [ng-switch-when="month"] tbody .btn-default:hover span{color: #FFF!important}
		div.input span.spanFecha ul [ng-switch-when="month"] tbody .btn-default:active {background: #00c2ff!important;}
		div.input span.spanFecha ul [ng-switch-when="month"] tbody .btn-default.btn-info {background:#40a3e9!important;}
		div.input span.spanFecha ul [ng-switch-when="year"] tbody .btn-default span{background: transparent;}
		div.input span.spanFecha ul [ng-switch-when="year"] tbody .btn-default:hover {background: #f05b24!important;}
		div.input span.spanFecha ul [ng-switch-when="year"] tbody .btn-default:hover span{color: #FFF!important}
		div.input span.spanFecha ul [ng-switch-when="year"] tbody .btn-default:active {background: #00c2ff!important;}
		div.input span.spanFecha ul [ng-switch-when="year"] tbody .btn-default.btn-info {background:#40a3e9!important;}

.buttonClear{
	background: #da370e !important;
	width: 20px !important;
	height: 20px !important;
	position: absolute !important;
    top: 20px;
    right: -1px;
}
.buttonClear i {
	top:0!important
}
.buttonClear:hover{
	background: #f05b24 !important;
}

.iconClear{
	font-size: 22px !important;
    top: -5px !important;
	left: -1px !important;
}

.sideBySideFlex{
	display: flex !important;
}

.sideBySideFlex div:first-child{
	margin-right: 30px; 
}

.long{
	width: 315px !important;
}