.divBackGroudColorAgencia a {color:white !important;}
 
html, html a {
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
-moz-font-smoothing: grayscale;
}

body 
{
    font-family: 'DinRoundPro','Roboto','Helvetica','Arial',sans-serif;
}
.txtTransformNormal
{
	text-transform: none !important;
}

.disabledElement {
    pointer-events: none;
    opacity: 0.4;
}
 
.divEstadoCitaSolicitada{
    background-color: #218A21;
    height: 20px;
}
.divEstadoCitaRealizada{
    background-color: #6396EF;
    height: 20px;
}
.divEstadoCitaNoShow{
    background-color: #FF0000;
    height: 20px;
}
.divEstadoCitaCancelada{
    background-color: #414141;
    height: 20px;
}

.vpPersona .container-fluid {
        padding: 0;
    }

.divEstadoHorarioNoDisponible{
    background-color:#868686;
    color:white;
    width: 70px;
    margin: auto;
    border-radius: 20px;
    font-size: 15px;
    padding: 5px 0px;
}

.divEstadoHorarioNoDisponiblePorComida{
    border: 3px solid #EB974E;
    width: 70px;
    margin: auto;
    border-radius: 20px;
    font-size: 15px;
    padding: 5px 0px;
}

.divEstadoHorarioDisponible{
    border: 3px solid #1d9d74;
    width: 70px;
    margin: auto;
    border-radius: 20px;
    font-size: 15px;
    padding: 5px 0px;
}

.divEstadoHorarioTemporalmenteApartada{
    border: 3px solid #c84eeb;
    width: 70px;
    margin: auto;
    border-radius: 20px;
    font-size: 15px;
    padding: 5px 0px;
}

.divCitaEstado {
    padding: 2px 10px;
    border-radius: 10px;
    color: white;
}

.divCitaEstado p{
    line-height: 15px;
    margin: 0;
}

.divCitaEstadoSolicitada {
    background-color: #218A21;
    
}
.divCitaEstadoRealizada {
    background-color: #6396EF;
}
.divCitaEstadoNoRealizada {
    background-color: #FF0000;
}
.divCitaEstadoCancelada {
    background-color: #414141;
}
.divCitaEstadoRecepcion {
    
}

.switchContenido{
  
  margin-left: 75px;
}
.switchContenido ul li{
  list-style-type: none;
}
.switchContenido input[type="checkbox"],

.switchContenido input[type="checkbox"]{
  display: none;
}
.switchContenido label {
  position: relative;
}
 .switchContenido span::before,
.switchContenido span::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.switchContenido span.switch:hover {
cursor: pointer;
}
.switchContenido span.switch::before {
  left: -63px;
  width: 68px;
  height: 35px;
  background-color: none;
 
  border: 1px solid #e2e2e2;
  border-radius: 50px;
}
.switchContenido span.switch::after {
  left: -58px;
  width: 26px;
  height: 26px;
  border-radius: 25px;
  background-color: #CC0404;
  background-image: url("/images/switch-no-aplica.png");
  background-position-x: center;
    background-position-y: center;
    background-size: 90%;
  transition: left .35s, background-color .35s;
}
input[type="checkbox"]:checked + label span.switch::after {
  left: -25px;
}
		  
.switchAprobado input[type="checkbox"]:checked + label span.switch::after {
    background-color: #27A940;
    background-image: url("/images/switch-buen-estado.png");
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}

.estatusCitas {
    font-size: 12px;
    line-height: 0;
}

/*
.BUENO{background-color: green;}
.REGULAR{background-color: yellow;}
.MALO{background-color: red;}            
.divRadioOff{background-color: gray;}
*/

.divFiltroBusqueda {
    background-color: lightgray;
    /*overflow: hidden;*/
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}

.isScroll {
    background-color:#fff;
    text-align:center;
    cursor:pointer;
    display:none;
    border: 1px solid;
}

.tblResumenOrdenServicioTres th{
    text-align: center;
    width: 33%;
    border-bottom: 2px #000 solid;
}

.tblResumenOrdenServicio th {
    text-align: center;
    width: 50%;
    border-bottom: 2px #000 solid;
}

.tblResumenOrdenServicio tr td, .tblResumenOrdenServicioTres tr td{
    border: 1px solid gray;
    padding: 10px;
}

.tblResumenOrdenServicio tr td:first-child, .tblResumenOrdenServicioTres tr td:first-child {
    background: #E3E3E3;
}

.tblResumenOrdenServicio tr td:last-child, .tblResumenOrdenServicioTres tr td:last-child {
    text-align:right;
}

.calendario.k-widget.k-calendar {
    width: 100%;
    height: 100%;
}

.calendario.k-widget.k-calendar .k-content tbody td {
    width: 75px;
    height: 90px;
}

.calendario.k-calendar .k-state-hover > .k-link {
    background-image: none;
}

.calendario.k-calendar .k-content .k-link {
    font-size: 25px;
}

.calendarioTiempo {
    margin-top: 10px;
    border: 1px solid #000;
    width: 100%;
}

.iframeInterior{
    min-height:400px;
}

#divDetallesEdicion .k-header {
	text-align:center !important;
}

.txtCenterImportant{
	text-align:center !important;
}

.txtCapitalize{
    text-transform:capitalize !important;
}
.marco-tab-pane{
    position: absolute;
    height: 95%;
    right: 5px;
}

.coverIframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.canvasDisabled{
    pointer-events: none;
}

.canvasEnabled{
    pointer-events: all;
}

#archivos-visor {
    box-shadow: 5px 5px 15px;
}

#archivos-visor img {
    max-width:100%;
}

#archivos-visor iframe {
    width:100%;
    height: 365px;
    border:0;
}

.divSubCategorias::-webkit-scrollbar
{
    width: 6px;
    height: 3px;
}

.divSubCategorias::-webkit-scrollbar-track-piece
{   
	background-color: #383838;
	opacity: 0.4;
    filter: alpha(opacity=40);
	
	position:absolute;
}
 
.divSubCategorias::-webkit-scrollbar-thumb:vertical
{
    height: 1px;
    background-color: #808285;
    border-radius: 3px;
}
 
.divSubCategorias::-webkit-scrollbar-thumb:horizontal
{
    width: 3px;
	height:2000px;
    background-color: #808285;
    border-radius: 3px;
	background: rgba(0, 0, 0, 0.5);
}

.k-grid th, .k-grid th a {
    text-transform:none !important;
}


.k-grid td .overflowed {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#embarques-grid a.k-button, .detalleEmbarque-grid a.k-button, #archivos-grid a.k-button, .detalleEmbarque-grid a.k-button {
    color:transparent;
}

.bg-lightGray{
    background-color: #e5e5e5;
}

.nav-tabs > li > a:hover {    
    cursor: pointer;
}

.delete-link {
    width: 12px;
    height: 12px;
    background: transparent url("/images/close.png") no-repeat 50% 50%;
    overflow: hidden;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    margin: 2px 0 0 3px;
    -webkit-border-radius: 5px;
    -mox-border-radius: 5px;
    border-radius: 5px;
}

textarea{
    resize: none;
}            

.divRBTipos input[type=radio]{
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}            
.divRBTipos{
    border-radius: 100%;
    width: 30px;
    height: 30px;
    margin: auto;
}

body {
    padding-top: 99px;
}

.navbar {
    background-color: #fff;
    margin-top: 10px;
}

span.tag {
    border-radius: 2px;
    display: block;
    float: left;
    padding: 5px;
    text-decoration: none;
    color: #FFF;
    margin-right: 5px;
    margin-bottom: 5px;
    font-family: helvetica;
    font-size: 13px;
}

.tagsinput {
    min-height:0 !important;
}

.txtAreaNota {
    width: 100%;
    height:100px;
}

.divContenedorDestinatarios input {
    width:100% !important;
}
   
.divContenedorCompartirPorCorreo i {
    cursor: pointer;
}

.divContenedorDestinatarios {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 320px;
    right: 0;
    /*border: 3px solid #000;
    border-radius: 10px 0 10px 10px;*/
    margin-right: 40px;
    margin-top: -20px;
    /*padding: 15px 5px;*/
    z-index: 1;
}

.divBordeInferiorSubBarra {
    border: 3px solid #000;
    border-radius: 10px 0 10px 10px;
    padding: 15px 5px;
    overflow:hidden;
}

.divContenedorReporte {
    width:95%;
    margin:auto;
}

.iframeReporte {
    width:100%;
}

.divContenedorFormGroup {
    /*max-height: 400px;
    display: inline-block;*/
    overflow: auto;
    padding-left: 50px;
    padding-right: 50px;
    margin-left: 0;
    margin-right: 0;
}

.overFlowVisible{
    overflow:visible !important;
}

.marcoTreeView {
    margin-bottom: 30px;
}

.marcoTreeView li[role=treeitem] {
    margin-left: 0px;
}

.marcoTreeView li[role=treeitem] .k-state-focused.k-state-selected {
    box-shadow:none !important;
}

.marcoTreeView li[role=treeitem] .k-state-selected .text-default, .marcoTreeView li[role=treeitem] .k-state-hover .text-default{
    color:#fff;
}

.marcoTreeView li[role=treeitem] .k-sprite{
    height: 22px;
    width: 30px;
    line-height: 20px;
    vertical-align: middle;
}

.tituloRampa {
    padding: 10px 0px 10px 10px;
    color: #fff;
    border-radius: 7px 7px 0 0;
    font: bold 15px arial;
    text-transform: uppercase;
    text-align: center;
}

.marcoTreeView .k-treeview{
    margin-top: -10px;
    padding-top: 10px;
    border-radius: 0 0 7px 7px;
    box-shadow: 10px 10px 20px;
}

.k-treeview .k-in {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    font-family: 'DinRoundPro','Roboto','Helvetica','Arial',sans-serif;
    line-height: 1.3333em;
    margin-bottom: 1px;
    margin-left: 0.16666em;
    margin-right: 0;
    margin-top: 1px;
    padding-bottom: 1px;
    padding-left: 0.25em;
    padding-right: 0.3333em;
    padding-top: 1px;
    text-decoration-color: currentcolor;
    text-decoration-line: none;
    text-decoration-style: solid;
}

.divSubMenuLIcono{display:none;}

.divLegalesFooter {
    text-align:center; 
	font-family: 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 12px;
	letter-spacing: 0.05em;
}

.divUltimosVistosFooter {
    float: left;
    cursor: pointer;
    padding: 0 20px;
    z-index: 1;
    color: #fff;   
	font-family: 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 11px;
    font-weight: 500;
	letter-spacing: 0.05em;
}

.divContenidoBuscadorAutocomplete {
    margin-top: -10px;
}

.divPopUpUltimosVistosFooter {
    display:none;
    position: absolute;
    bottom: 30px;
    text-align: left;
}

.divPopUpUltimosVistosFooter ul {
    padding: 10px 20px;
}

.divPopUpUltimosVistosFooter ul li {
    list-style:none;
    line-height: 20px;
}

.divPopUpUltimosVistosFooter ul li a{
    color:#fff;
}

.divPopUpUltimosVistosFooter ul li i, .divUltimosVistosFooter i{
    margin-right: 5px;
}

.k-datepicker .k-input[type=text] {
    border: 1px solid #c5c5c5;
    padding-left: 20px;
    text-transform: uppercase;
}

.k-calendar .k-state-hover>.k-link{
    color:#fff;
    background-color:cornflowerblue;
}

.k-timepicker .k-state-hover:hover, .k-datepicker .k-state-hover:hover{
    background: white;
    border: none;
    box-shadow:none;
}

.tabs .bg-gray-kendo{
    border-radius: 5px;
    margin: 5px;
    background-color: #eae8e8;
}

.tabs .active a {
    background: none !important;
}

.timePicker .k-widget.k-tooltip-validation {
    border-color: #ffe79e;
    background-color: #ffe79e;
    color: #6b5100;
    position: absolute;
    margin-left: 25px;
}
.timePicker .k-timepicker
{
    width: 100%;
}

.timePicker .form-control.k-widget {
    background: none;
    border: 0;
}

.timePicker .k-state-default>.k-select{
    border: 0;
}

.timePicker .k-picker-wrap .k-icon{
    margin-left: 5px;
}

.k-list-container {
    background-color: #fff;
    margin-top: -3px;
}

.deshabilitaPerfil {
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: rgba(0,0,0,0.4);
}

.cursor-pointer {
    cursor:pointer;
}

.txtRechazo {
    color:#000;
}

.ulFacturas{
    width: 100px;
    margin: 10px auto;
    padding: 0;
}

input[type=checkbox].cbxControl20, input[type=radio].cbxControl20 {
    width: 20px;
    height: 20px;
}

input[type=checkbox].cbxControl30, input[type=radio].cbxControl30 {
    width: 30px;
    height: 30px;
}

input[type=checkbox].cbxControl40, input[type=radio].cbxControl40 {
    width: 40px;
    height: 40px;
}

.espacioEntreCbRbLbl input[type=radio], .espacioEntreCbRbLbl input[type=checkbox], .rbcbMiddle {
    vertical-align: middle;
    margin-right: 5px;
}

.text-right-important{
    text-align:right !important;
}

.k-grid-content tr:hover .text-default, .k-grid-content .k-state-selected .text-default {
    color: #fff!important;
}

.k-grid-content-locked tr:hover .text-default, .k-grid-content-locked .k-state-selected .text-default {
    color: #fff!important;
}

.text-white {
    color:#fff;
}

.text-black {
    color:#000;
}

.text-red {
    color:#fc1801;
}

.text-green {
    color:#1abb0d;
}

.text-blue {
    color:#1a92d8;
}

.text-yellow {
    color:#ebce1e;
}

.text-orange {
    color:#FF4000;
}

.text-magenta {
    color:#EAB9CD;
}

.text-purple {
    color:#650FD5;
}


.chkbxBig15{
	width: 15px;
    height: 15px;
}

.chkbxBig20{
	width: 20px;
    height: 20px;
}

.chkbxBig30{
	width: 30px;
    height: 30px;
}

.divItemBH .btn{
    white-space: normal;
}

.ddlAgencias-list .k-popup .k-list{
    font: normal 11px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    color: #555555;
    border: 0;
}

.ddlAgencias-list .k-popup .k-list .k-state-focused {
    font: normal 11px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    color: #555555;
}

.ddlAgencias-list .k-state-hover:hover {background-color:#fff;border-color:#fff;}

.k-popup .k-list .k-state-focused {
    border:0;
    box-shadow:none;
}

.multiselect, .multiselect-clear-filter {
	border-top:none; 
	border-right:none; 
	border-left:none; 
	border-bottom: 1px solid #A9A9A9!important; 
	border-radius:0 !important; 
	font: bold 13px 'DINRoundPro', 'Roboto', sans-serif;
	color: #555555 !important;
	width:100%;text-align: 
	left;font-weight: 400;
    height: 40px;
}
.multiselect:hover, .multiselect-clear-filter:hover {;border-bottom: 1px solid #A9A9A9 !important;color: #555555 !important;background-color: transparent !important;}
.btn-group {width:100%;}
.multiselect .caret {margin-left: 61%;}
.multiselect-container {width:100%;overflow-x: auto !important;}
.multiselect-container li {text-align:left !important;margin-left: 10px;}
button.multiselect {text-align: left;}
.multiselect-item {margin-left: 0 !important;}
.multiselect-search {box-shadow:none;}
.multiselect-container .input-group-addon {
    border: 1px solid #A9A9A9;
   
} #roles-grid .k-grid-content-locked td[role=gridcell] {
    cursor: not-allowed;
    pointer-events: none;
}

.divLeyendaDescripcion {
    padding-top: 2px;
}

.divCuadroVerde{
    width: 20px;
    height: 20px;
    background-color: green;
    border-radius: 5px;
    float: right;
    margin-left: 5px;
}

.divCuadroAzul{
    width: 20px;
    height: 20px;
    background-color: dodgerblue;
    border-radius: 5px;
    float: right;
    margin-left: 5px;
}

.divCuadroRojo{
    width: 20px;
    height: 20px;
    background-color: red;
    border-radius: 5px;
    float: right;
    margin-left: 5px;
}
.divCuadroAmarillo{
    width: 20px;
    height: 20px;
    background-color: yellow;
    border-radius: 5px;
    float: right;
    margin-left: 5px;
}

#roles-grid td div.divChk {
    border-radius: 5px;
    width: 30px;
    padding-top: 5px;
    margin: auto;
}

#roles-grid .red{
    background-color:red;
}

#roles-grid .green{
    background-color:green;
}

#roles-grid .gray{
    background-color:gray;
}


button.multiselect b {
    display:none;
}

button.multiselect{
    background-size: 20px !important;
    background-image: url('/images/flechaabajod.png') !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    padding-right: 20px !important;
    overflow: hidden !important;
    background-color:white!important;
}

button.multiselect:hover{    
    background-color:white!important;
}

.k-multiselect-wrap .k-input{
    font: normal 11px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    text-transform: uppercase;
    padding: 5px 5px 0 5px;
}

.k-multiselect {
    background-color:#fff !important;
}

.k-state-hover:hover{
    color:#fff;
}

.k-grid-content tr .k-button, .k-grid-content tr .k-button:active, .k-grid-content tr .k-button:hover, .k-grid-content tr .k-button:focus {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.k-grid-content-locked tr .k-button, .k-grid-content-locked tr .k-button:active, .k-grid-content-locked tr .k-button:hover, .k-grid-content-locked tr .k-button:focus {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.k-grid-content tr:hover .k-button {
    color: #fff;
}

.k-grid-content-locked tr:hover .k-button {
    color: #fff;
}

/*.k-button:active:hover{
    background-color:#c5c5c5;
    color:#000;
}

.k-button:active{
    border:#c5c5c5;
    background-color:#c5c5c5;
    color:#000;
}

.k-grid .k-button:hover {
    color: #fff;
    border:1px solid #fff;
}

.k-button {
    color: #2e2e2e;
    border-color: #c5c5c5;
    background-color: #e9e9e9;
}*/

#roles-grid .k-grid-content-locked {
    max-height: 500px;
}

#roles-grid .k-grid-content {
    max-height: 522px;
}

/*#ddlPerfiles {
    box-shadow:none !important;
}*/

.k-multiselect.k-header {
    background:none;
    background-size: 20px;
    background-image: url('../images/flechaabajod.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    box-shadow: 2px 2px 5px !important;
}

.k-multiselect.k-header.k-state-focused {
    background:none;
    background-size: 20px;
    background-image: url('../images/flechaabajod.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    border: 1px solid #A9A9A9;
    box-shadow: 2px 2px 5px !important;

}

#divImagenCentral {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width:40%;
}

#roles-grid .k-auto-scrollable td, #roles-grid .k-auto-scrollable th,
.center-grid .k-auto-scrollable td, .center-grid .k-auto-scrollable th
{
    text-align:center;
}

#roles-grid .k-grid-content-locked{
    height:auto !important;
}

.divContenidoPopUpSubmenu {
    width:100%;
}

.imgConstruccion{
    max-width: 90%;
    margin: 50px auto 30px auto;
}

.menu > ul > li.active > a {
    color: #ffffff;
}

.menu > ul > li:hover > a {
    color: #ffffff;
}

.menu .menu-footer {
	color: #f0f0f0;
	float: left;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	font-size: 6px;
	width: 100%;
	text-align: center;
}

.menu .menu-header {
	color: #f0f0f0;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 100%;
}

.menu ul li a {
    color: #f0f0f0;
    float: left;
    font-size: 13px;
    overflow: hidden;
    padding: 14px 22px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
	font-family: 'DINRoundPro', 'Roboto', 'Helvetica', 'Arial', sans-serif;
}

/* Carousel */
.carousel-caption {
    z-index: 10 !important;
}

.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

.busy {
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.92;
    position: fixed;
    left: 0;
    top: 0;
    /*z-index: 9999999;*/
    z-index:2147483601;
}

.busy .busy-text 
{
    color: #fff;
    /*font-weight: bold;
    font-size: 14px;
    font-family: Arial;*/
    font: bold 14px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    top: 45%;
    position: relative;
    width: 150px;
    margin: auto;
}

.divOcultaMenu {
    width: 100%;
    height: 76px;
}

.popup {
    width: 100%;
    height: 100%;
    background-color: rgba(0,30,40,0.8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999998;    
    display: none;
}

.lnkInicioSesion a:hover {
    color:#fff !important;
    text-decoration: none !important;
}

.lnkInicioSesion a {
    cursor:pointer;
    border-radius: 5px;
    padding: 5px 10px !important;
    margin: 22px 0;
    font: bold 12px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    color: #fff !important;
}

.popup .popup-whiteBackGround 
{
    color: black;
	background : white;
    opacity: 1;
}

.divTopHeader {
    height: 12px;
    width: 100%;
    position: fixed;
    top: 0;
    left:0;
    z-index: 1030;
    background: url(/images/flechaabajo.jpg) center center no-repeat #fff;
    background-size: 18px;
    cursor:pointer;
}

.girar180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


.navbar-collapse, .icon-bar {
    background-color: #fff;
}

.imgLogoPrin {
    width: 160px;
    margin: 5px 0;
}
.imgLogoPSI {
        width: 60px;
    margin: 5px 0 5px 25%;
}

.divContenedorFrame iframe {
    border: 0;
}

.divContenedorFrame {
    width: 100%;
    height: 100%;
}

.divPestaniaMenu {
    position: fixed;
    width: 30px;
    overflow: hidden;
    word-wrap: break-word;
    text-align: center;
    font: 15px 'DINRoundPro','Roboto','Helvetica-neue','Helvetica','Arial',sans-serif;
    text-transform: uppercase;
    padding: 10px 7px;
    cursor:pointer;
    background-color: #414956;
    color: #fff;
    box-shadow: 0 10px 15px #333333;   
	letter-spacing: 0.075em;
}

.navbar-brand, .navbar-brand:hover {
    padding: 0;
    height:auto;
}

.navbar-brand img{
    width: 180px;
    margin: 8px 0;
}

.divSelectHeader {
    float: right;
    width: 745px;
}

.divSelectHeader select{
    background-color: transparent;
    border: none;
    max-width: none;
    width: 700px;
    margin: auto;
    margin-top: 7px;
    border-bottom: 1px solid #000;
    border-radius: 0;
    box-shadow: none;
    background-image: url('../images/flechaabajod.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 20px;
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;  
	font-family: 'DINRoundPro', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #000;
    background-color: initial;
}

.navbar-inverse .navbar-nav > li > a {
    color: #000;
}

.dropdown-menu{
    padding: 0;
    margin: 0;
    min-width: initial;		
	font-family: 'DINRoundPro', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
}

.navbar-right{
    margin-top: 0;
}

.btn-link{
   color: #000;
}

.btn-link:hover {
    color:#9d9d9d !important;
}

.dropdown-menu button[type=submit], .dropdown-menu button[type=submit]:hover{
        color:#000 !important;
    }


.divContentLogin {
    width: 320px;
    margin: auto;
}

.divImagenPrincipalLogin img {
    width: 185px;		
	border-top: 25px;
	border-bottom: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.divTituloLogin {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    text-align: center;
    margin-bottom: 10px;
}

.divCampoTextoLogin {
    margin-bottom: 15px;
}

.divCampoTextoLogin input[type=text], .divCampoTextoLogin input[type=password] {
    height: auto;
    padding: 10px 15px;
    max-width: initial;
}

.divContenidoRecorcordarEntrar {
    overflow: hidden;
}

.divChkRecordar {
    float:left;
    margin-top: 10px;
    color: gray;
}

.divChkRecordar label {
    font:normal 12px 'DINRoundPro', 'Roboto', sans-serif;
    width: 110px;
    vertical-align: top;
}

.divBtnEntrar {
    text-align: center;
}

.divBtnEntrar button, .divBtnEntrar button::selection, #btnEntrar {
    color: #fff;
    text-transform: uppercase;
    font: bold 13px 'DINRoundPro', 'Roboto', sans-serif;
    padding: 15px 40px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color: #f2f2f2 !important;				   
    border: 1px solid #b0b0b0;

}

.form-control{
    border-bottom: 1px solid #A9A9A9!important;
    border-top:none!important;
    border-left:none!important;
    border-right: none !important;
    font: bold 13px 'DINRoundPro', 'Roboto', sans-serif;
	transition: all 0.3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
    -webkit-transition-property: all;
    transition-property: all;
    font-weight: 400;
    height: 40px;
    border-radius:0;
}  

.form-control:focus{
box-shadow: 0 13px 13px -10px rgba(0, 0, 35,0.3);
border-color:#8a8a8a;
color:#1a1a1a;
font-weight: 400;
	}
.form-control[type=text], textarea{
    text-transform: uppercase;
}

.form-control[type=date], textarea{
    text-transform: uppercase;
}
#txtUsuario{
    text-transform: none;
}

.form-control[type=email]{
    text-transform: lowercase;
}

select.form-control{
    -webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
    background-size: 20px;
    background-image: url('../images/flechaabajod.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}

.divLeyendaOlvidaContra {
    margin: 25px 0;
    text-align: center;
}

.divLeyendaOlvidaContra a {
    color: #868686;				 
    font: bold 14px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    text-align: center;
}

.divImagenLoginFooter, .divImagenPrincipalLogin {
    text-align:center;
}

.divImagenLoginFooter img {
     width: 150px;
}

.divContenidoSesionHeader {
    overflow: hidden;
    float: left;			   
    font: normal 11px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    color: #868686;
    text-align: right;
    padding-top: 5px;
    margin: 0 10px;
}


.divNombreUsuarioHeader {
    font-weight: 700;
    font-size: 15px;
    font-family: 'Weissenhof Grotesk',Roboto,Helvetica-neue,Helvetica,Arial,sans-serif;
    margin-top: 7px;
}

.divRolUsuarioHeader { 
	font-family: "DINRoundPro", 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    text-transform: uppercase;
    font-size: 8px;		
	letter-spacing: 0.025em;
}

.divSalirHeader button {
 	font-weight:700;
    font-family: 'Weissenhof Grotesk',Roboto,Helvetica-neue,Helvetica,Arial,sans-serif;
	letter-spacing:.05em;
    font-size:12px;    
    margin-top:5px;
    background:#fff;
    color:#de0a3e!important;
    border-radius:50%;
    width: 25px;
    height: 25px;
    border:1px solid#de0a3e;
    float:left;
    transition:all .5s;
    
}
.divSalirHeader button:hover {
    background-color: #de0a3e;
    color: white!important;
}

.divContenidoAgenciaHeader {
    overflow: hidden;
    float: left;
    padding-right: 10px;
    border-right: 1px solid #e3e3e3;
}

.divListaAgenciasHeader select::-ms-expand {
    display: none;
}

select::-ms-expand {
    display: none;
}

.divListaAgenciasHeader input[type=text]{
    height: 16px;
    padding: 0;
}

.divCajaAgencia{
    width: 405px;
    text-align: center;
}

.divContainer-Fluid{
    margin-top: 5px;
    margin-bottom: 5px;
}

.divListaAgenciasHeader select {
    border: 1px solid #2B70BE;
    padding-left: 10px;
    color: #2B70BE;
    font-weight: 500;
    font-size: 11px;
    box-shadow: 0 1px 8px rgba(0,0,0,.1)inset;
}

.divListaAgenciasHeader {
    margin-top: 5px;
    overflow: hidden;
}

.divImagenAgenciaDistintivo img{
    max-height: 70px;
}

#divMainMenu{
    overflow: hidden;
}

.divImagenAgenciaDistintivo{
    border-right: 1px solid #e3e3e3;
    text-align: center;
    float:right;
    padding-right: 10px;
}

.divContenidoIconoMenuHeader {
    float: right;
    width: 60px;
    padding: 17px;
    border-radius: 12px;
    cursor: pointer;
    z-index: 1200;
    position: relative;
    margin-top: 7px;
}

.divTituloMenuPrin {
    color: #fff;  
	font-family: 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
	font-weight: 500;
    margin-top: 5px;
}

.divInteriorMenuPrin {
    background-image: url(../images/menu.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    width: 16px;
    height: 16px;
    margin: auto;
}

.divContenidoSesionAgenciaMenu {
    overflow: hidden;
}

.divBuscarProgramaAutocomplete .k-header{
    color: transparent !important;
}

#mnuAutocomplete_listbox li {
    background-image: none;
    cursor: pointer;		   
    font: normal 10px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    border: 1px solid #fff;
}

#mnuAutocomplete_listbox li.k-first{
    padding-top: 6px;
}

#mnuAutocomplete_listbox .k-group {
    border-radius: 0 0 0 0;
    padding: 0 10px 3px 10px;	   
    font: bold 10px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
}

.divBuscarProgramaAutocomplete {
    position: absolute;
    bottom: 80px;
}

.divBuscarProgramaAutocomplete .k-autocomplete.k-state-default{
    border: 0;
    background: none;
}

.divBuscarProgramaAutocomplete .k-state-hover:hover{
    border: 0;
    background:none;
}

.divBuscarProgramaAutocomplete h4 {
    color:#fff;				 
    font:bold 12px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
}

.divBuscarProgramaAutocomplete .k-autocomplete .k-input {
    height: 28px;
    box-shadow: 0 0 0 !important;
    background-image: url(/images/buscar_lupa.png);
    background-repeat: no-repeat;
    background-position: 99%;
    border-radius: 5px;
    padding-right: 30px;	
	font-family: 'DinRoundPro','Roboto','Helvetica-neue','Helvetica','Arial',sans-serif;
}

.divSubMenuLateral {
    display:none;
     position: fixed;
    background-color: #2e2e2e;
    width: 499px;
    height: 100%;
    z-index: 1030!important;
    padding-top: 73px;
    margin-top: -17px;
    right: 0;
    margin-right: 0px;
    box-shadow: -3px 0px 25px rgba(0,0,0,.6);
}

.iframe {
    position: absolute;
    width: 100%;
    border: none;
    left: 0;
}

.divContenidoSubMenuAreaTrabajo {
    overflow: hidden;
    width: 95%;
    margin: auto;
}

/*.divDerechaMenuPrin {
    width: 475px;
    float: right;
}*/

.divElementoSubMenu {
    float: left;
    min-height: 115px;
    margin: 0px 3px;
}
.divNombreSubMenuP {				 
    /*font: normal 12px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;*/
    /*font: normal 12px 'Roboto', sans-serif;
    width: 85px;
    margin: auto;
    text-align: center;
    margin-top: 45px;*/

    font: 700 10px 'Weissenhof Grotesk',Roboto,sans-serif;
    width: 85px;
    margin: 45px auto auto;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.03em;


}

.divImagenSubMenuP {
    text-align: center;
    margin-bottom:10px;
    height: 40px;
}

.divImagenSubMenuP img {
    width: 48px;
}

.divImagenSubMenuP i{
    font-size:35px;
}

.spanCertificado {
    margin-left: 18px;
}

.divImagenSubMenuP .fa-stack i.fa-bookmark{
    font-size: 20px;
    margin-top: 5px;
}

.divImagenSubMenuP .fa-stack i.fa-certificate{
    font-size: 25px;
    margin-top: -15px;    
}

.divImagenSubMenuP .fa-stack i.fa-motorcycle, .divImagenSubMenuP .fa-stack i.fa-car{
    font-size: 30px !important;
    margin-top: 2px;
    margin-left: -13px;
}

.divImagenSubMenuP .fa-stack i.fa-check{
    font-size: 15px;
    text-align:right;
}

.divImagenSubMenuP .fa-stack i.fa-search{
    text-align:left;
}

.divSubMenuP {
    /*float:left;
    width: 65px;
    min-height: 95px;
    margin: 15px 10px;*/
    cursor:pointer;
    color: #fff;
}

.divContenidoElementosSubMenu {
    width: 460px;
    overflow: hidden;
    margin: 20px auto;
}
.submenu-indicator {
    display:none;
}

.divSubCategorias {
    overflow-y: auto;					 
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 90px;
    right: 498px;
    /*margin-left: -297px;
    padding: 10px 0px 10px 10px;*/
    width: 260px;
    display: none;
    box-shadow: -6px 5px 25px rgba(0,0,100,0.5);
    border-left: 1px solid gray;	
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.divContentSubCategorias {
    overflow-y: auto;
}

.divContentSubCategorias::-webkit-scrollbar
{
    width: 6px;
    height: 3px;
}

.divContentSubCategorias::-webkit-scrollbar-track-piece
{   
	background-color: #383838;
	opacity: 0.4;
    filter: alpha(opacity=40);
	
	position:absolute;
}
 
.divContentSubCategorias::-webkit-scrollbar-thumb:vertical
{
    height: 1px;
    background-color: #808285;
    border-radius: 3px;
}
 
.divContentSubCategorias::-webkit-scrollbar-thumb:horizontal
{
    width: 3px;
	height:2000px;
    background-color: #808285;
    border-radius: 3px;
	background: rgba(0, 0, 0, 0.5);
}

.divCierreSubMenu {
    display:none;
}

.divTituloModuloMenu {
    text-transform: uppercase;
}

footer img {
    width:100px;
}

footer {    
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 10px;
    color: #fff;
    text-align: center;
    z-index: 2;
}

/*.divMensajeError {
    display:none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999;
}*/

.divCerrarPopUpLogin {
    padding: 10px 0;
    text-transform: uppercase;
    cursor: pointer;
    width: 20px;
    float: right;
}

.divContenidoErrores {
    clear: both;
    text-align: center;		 
    font: bold 12px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    display: inline-block;
    max-height: 400px;
    overflow: auto;
}

.divContenidoErrores table td:first-child{
    padding: 0 20px;
}

.divContenidoErrores table td.descripcionError{
    max-width: 920px;
    padding: 10px 20px;
    text-align: left;			 
    font: normal 12px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    line-height: 20px;
    color:black;
}

.btnAceptarPopUp {
    text-align: center;
}

.divPerfil{
    float:right;
    padding: 0 10px;
    text-align:right;
}

#btnAceptarMessageBox, #btnAceptarMessageBoxConFuncion {
    padding: 5px;
    text-transform: uppercase;
    cursor: pointer;
    width: 80px;
    text-align: center;
    margin: 10px auto 0 auto;
    border-radius: 5px;
    color: #fff;			
    font: bold 11px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    border: 0;
}
												
.ErrorControl{border-bottom:solid 1px #E53935 !important;}
.FineControl{border:solid 1px #66BB6A!important;}


.btn-success{
	font: 500 12px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
	letter-spacing: 0.035em;
}

.lblCajaTexto {
    width: 100%;
    min-height: 29px;
    text-align: left;		   
    font: normal 11px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    border-radius: 0px 5px 5px 0px;
    color: #868686;
    padding: 7px 10px;			
    border: 1px solid #b0b0b0;
    background-color:white;

}

.lblCajaTextoCantidad {
    width: 100%;
    min-height: 29px;
    text-align: right;
    font: normal 11px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    border-radius: 5px;
    color: #868686;
    padding: 7px 10px;
    border: 1px solid #e8e8e8;
    box-shadow: 2px 2px 5px;
}

.divContenidoLoginPopUp {
    width: 500px;
    height: 500px;
    background-color: transparent;
    border-radius: 10px;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

.divCampoTextoLogin span{
    display:none;
}

input[type="radio"], input[type="checkbox"] {
    margin:0;
}

.divMenuResponsivo {
    float: right;
}

.k-picker-wrap.k-state-default, .k-state-focused {
   border: 0;
    background: white;
        box-shadow: none;
        padding-top: 15px;
}

.ajax-loading-block-window {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	background: url('/images/loading.gif') center no-repeat;
}


.flyout-cart {
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 100;
	width: 300px;
	box-shadow: 0 0 2px rgba(0,0,0,0.25);
	background-color: #fff;
}
.flyout-cart.active {
	display: block;
}
.mini-shopping-cart {
	padding: 12px;
	text-align: right;
	font-size: 12px;
}
.mini-shopping-cart .count {
	padding: 5px 0 15px;
	color: #444;
}
.mini-shopping-cart .count a {
	margin: 0 2px;
	font-weight: bold;
	color: #444;
}
.mini-shopping-cart .items {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0 0 20px;
}
.mini-shopping-cart .item {
	overflow: hidden;
	padding: 10px 0;
}
.mini-shopping-cart .picture {
	float: right;
	width: 70px;
	text-align: center;
}
.mini-shopping-cart .picture a {
	display: block;
	position: relative;
	overflow: hidden;
}
.mini-shopping-cart .picture a:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.mini-shopping-cart .picture img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
}
.mini-shopping-cart .picture + .product {
	margin: 0 80px 0 0;
}
.mini-shopping-cart .name {
	margin: 0 0 10px;
	font-size: 14px;
}
.mini-shopping-cart .name a {
	color: #4ab2f1;
}
.mini-shopping-cart .name a:hover {
	color: #248ece;
}
.mini-shopping-cart .attributes {
	margin: 5px 0;
	color: #444;
}
.mini-shopping-cart .totals {
	margin: 0 0 12px;
	font-size: 14px;
}
.mini-shopping-cart .totals strong {
	font-size: 16px;
	color: #444;
}
.mini-shopping-cart .buttons {
	margin: 0 0 5px;
}
.mini-shopping-cart input[type="button"] {
	display: inline-block;
	border: none;
	background-color: #4ab2f1;
	padding: 10px 20px;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}
.mini-shopping-cart input[type="button"]:hover {
	background-color: #248ece;
}

.divItemBH {
    border-left: 1px solid white;
    text-align: center;
    height: 70px;
    padding: 0;
}

.fa-2x {
    font-size: 20px !important;
    height: 22px;
}

.btn-default.disabled {
    background: none;
    border: 0;
    opacity: 0.5;
}

.divItemMenu {
    margin: auto;
    /*overflow: hidden;*/;
    margin-top: 3px;	
    font: normal 0.9em 'DINRoundPro', 'Roboto', sans-serif;

}

.divEspacioBarraHerramientas{
    height:100px;
}

.divContentMenuHerramientas {
    visibility: hidden;
    position: relative;
    width: 100%;
    height:80px;
    z-index: 1001;
    overflow: hidden;
    margin: -15px auto auto auto;
    padding: 5px 40px;
}

.bx-wrapper .bx-viewport {
    background: transparent !important;
}

.marcoFieldset {			 
    border: 1px solid #a5a5a5;
    padding: 10px 10px 15px 10px;
    margin-bottom: 15px;	
	border-radius: 5px;
}

.marcoFieldset legend {
    width: auto;
    margin: 0;
    padding: 0 5px;
    border: 0;				   
    font: bold 13px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
}

.acordeon {
    padding: 10px 0;
    clear: both;
}

.acordeon h4 {	 
    background-color: rgba(0, 0, 0, 0.5);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    clear: both;
    color: #fff;
    cursor: pointer;
    font-family: 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.065em;
    line-height: 33px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 3px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    text-rendering: optimizelegibility;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.32);
}

.lblCajaNumerico {
    width: 195px !important;
    margin: 0 5px 0 10px !important;
    border: 1px solid #A9A9A9; 
    text-align: right;
    min-height: 26px;						
    font: normal 11px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif !important;
    padding: 5px 10px !important;
    overflow:hidden;
    border-radius: 5px;
    color:#868686;
    box-shadow: 5px 5px 10px;
}

.form-group-large input[type=text] {
    border: 1px solid #A9A9A9;
    border-radius: 5px;
    padding: 5px 10px;		  
    font: normal 11px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    margin: 0 5px 0 10px;
    color:#868686;
    box-shadow: 5px 5px 10px;
    width: 100% !important;
}

.btnAdd input[type=submit] {
    width: 280px;
}

.btnAdd {
    width: 280px;
    margin: 0 auto 20px auto;
}

.text-danger {
    text-align: right;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 10px;
}

.form-group-large {
    width: 445px;
    float: left;
    min-height: 44px;
    margin-bottom: 10px;
}

.ui-accordion-content {
    /*overflow:hidden;*/
    overflow: visible;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #868686;
}

.ui-datepicker {
    border: 1px solid #646464;
    background-color: #ffffff;
    color: #000000;
    /*width: 170px;*/
    text-align: center;						
    font-family: tahoma,'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif,helvetica;
    display:none;
    z-index: 2147483601 !important; /*REVISAR EN DONDE SE REQUERIA PARA QUE UNICAMENTE SE VEA AFECTADO POR ESA PANTALLA O CLASE */
}

.ui-datepicker-calendar{
    width: 148px;
    margin: 10px;
}

.ui-datepicker-calendar th {
    font-size: 11px;
    font-weight:normal;
    padding: 2px;
}

.ui-datepicker-calendar td {
    padding: 2px;

}

.ui-state-default {
    color: #000;				
    font: normal 11px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
}

.ui-datepicker-title {
    font-weight:bold;
    font-size: 11px;
}

.ui-datepicker-prev {
    position: absolute;
    left: 2px;
}

.ui-datepicker-next {
    position: absolute;
    right: 2px;
    -webkit-transform: matrix(-1,0,0,-1,0,0);
    -ms-transform: matrix(-1,0,0,-1,0,0);
    transform: matrix(-1,0,0,-1,0,0);
}

.ui-datepicker-next, .ui-datepicker-prev, .ui-datepicker-next:hover, .ui-datepicker-prev:hover {
    color: transparent;
    /*width: 10px;*/
    cursor: pointer;
}

/*.divResultadosInteractivosPop{
    z-index:2147483647 !important;
}*/

.divMensajeConfirm {
    display:none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    left: 0;
    top: 0;
    /*z-index: 2147483601;*/
    z-index: 2147483602;
    align-items: center;
}

.divResultadosInteractivosPop {
    display:none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2147483600;
    align-items: center;
}

.divResultadosPop {
    display:none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2147483600;
    align-items: center;
}

.divMensajeError {
    display:none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2147483601;
    align-items: center;
}

.divResultadoPopUp {
    color: #000;			  
    font: normal 11px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    border-radius: 5px;
    background-color: #fff;
    padding: 0;
    /*position: absolute;
        max-width:95%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin:auto;
    width: 95%;
    max-height: 95%;
    overflow-x: hidden;
    overflow-y: auto;*/
}
.divTituloPopUpResultados {
    text-align: center;
    color: #fff;				
    font: bold 14px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    padding: 10px 0;
    border-radius: 5px 5px 0 0;
    margin-bottom: 10px;
   /* border-bottom: 3px solid #000;*/
}

.divPopUpConfirm {
    color: #000;			   
    font: normal 12px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    padding: 0 15px 10px 15px;
    border-radius: 5px;
    background-color: #fff;
    width: 300px;
    height: 230px;
    margin: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.divPopUpError {
    text-align: center;
    color: #000;			  
    font: normal 12px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    padding: 0 15px 10px 15px;
    border-radius: 5px;
    background-color: #fff;
    /*width: 300px;*/
    margin: 10% auto;
}

/*.toolb-busy{
    z-index: 99999999;
}*/

.btnsPopUp button, #btnAceptarMessageBox, #btnAceptarMessageBoxConFuncion {
    padding: 5px;
    text-transform: uppercase;
    cursor: pointer;
    width: 80px;
    text-align: center;
    margin: 10px auto 0 auto;
    border-radius: 5px;
    color: #fff;			 
    font: bold 11px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    border: 0;
}

.divTituloErrores {
    /*padding: 10px 0;*/
    padding: 10px 0 2px 0;
    margin-bottom: 10px;
    text-align: center;		   
    font: bold 14px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
}

.btnsPopUp {
    overflow:hidden;
}

.divCerrarPopUp {
    padding: 10px 0;
    text-transform: uppercase;
    cursor: pointer;
    width: 10px;
    float: right;
}

.divCerrarPopUpResultados, .divCerrarPopUpResultadosInteractivos {
    padding: 10px;
    text-transform: uppercase;
    cursor: pointer;
    width: 10px;
    float: right;
    color: #fff;
    margin-right: 10px;		   
    font: bold 12px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
}

.divZindex {
    z-index: 99999999;
}

.divContenidoConfirm {
    clear: both;
    border-radius: 5px;
    padding: 7px 0 7px 10px;
    min-height: 30px;
    overflow: auto;
}

.noPaddingLateral {
   padding: 0 !important;
   margin: 0 !important;

}

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

.margin-top10{
    margin-top:10px !important;
}

.margin-top30{
    margin-top:30px !important;
}

.margin-top50{
    margin-top:50px !important;
}

.divContenedorSolo {
    padding-top: 80px;
}

section {
    /*overflow: hidden;*/
}

.k-block, .k-draghandle, .k-grid-header, .k-grouping-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #fff;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    background-image: none !important;
}

.divEstilosGrid {			   
    font: normal 10px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    clear: both;
    margin: 20px 0 10px 0;
    height:auto;
    /*width:98%;*/
}
.divEstilosGrid span.k-dropdown{
    border-bottom:none !important;
    height: 30px;
    position: relative;
    /*padding-top: 10px;*/
}

    .divEstilosGrid .k-dropdown .k-dropdown-wrap, .k-dropdown.k-state-border-down .k-dropdown-wrap .k-state-border-down {
        height: 22px;
        font-family: 'DINRoundPro', Arial, Helvetica, sans-serif;
        border-color: #d4d4d4;
    }

     .divEstilosGrid .k-state-hover:hover{
         border-color: #d4d4d4 !important;
         color:black;
     }
     .divEstilosGrid .k-input{
    padding-top: 0!important;
}
.divEstilosGrid .k-list-optionlabel.k-state-selected.k-state-focused, .k-list>.k-state-selected.k-state-focused {
    border: 0;
    box-shadow: none;
    color: black;
    background: lightgray;
}
.divEstilosGrid .k-toolbar .k-split-button, span.k-colorpicker, span.k-combobox, span.k-datepicker, span.k-datetimepicker, span.k-dropdown, span.k-numerictextbox, span.k-timepicker{
    background-color: transparent !important;
    /*height:20px !important;*/
}

.divEstilosGrid .k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    background-color: #89b1de;
    border-color: #2B70BE;
	}
	
.divEstilosGrid .k-list>.k-state-selected, .k-state-highlight, .k-state-focused {
    background-color: #163c67;

}

.divEstilosGrid .k-numeric-wrap.k-state-default.k-state-focused{
    height:0px;
    padding:0px;
    margin-top:10px;
}

.divEstilosGrid .k-dropdown .k-dropdown-wrap, .k-dropdown.k-state-border-down .k-dropdown-wrap.k-state-border-down {
    border-bottom-color: darkgrey;
    font: bold 13px 'DINRoundPro', 'Roboto', sans-serif;
    transition: all 0.3s;
    border-top-color: darkgrey;
    border-left-color: darkgrey;
    -webkit-transform: translateZ(0);
    border-right-color: darkgrey;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: all;
    transition-property: all;
    font-weight: 400;
    /* height: 40px; */
    background-color: transparent;
    height:20px;
    padding:0px;
    border-radius: 0px;
    /*padding-top:10px;*/
}

.divEstilosGrid .k-state-default > .k-select .k-icon{
        border-color: transparent !important;
    /* color: aliceblue; */
    background-color: transparent;
    /*visibility: hidden;*/
}

.divEstilosGrid .k-block, .k-draghandle, .k-grid-header, .k-grouping-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header{
    background-color:white !important;

}

.divMargen 
{
    margin: 10px 0 10px 0;
}

.k-grid tr:hover {
    background-image: none !important;
    color: #fff;
    background-position:center;
}

.k-grid-header th.k-header {
    background-image: none;
    border-right: 1px solid #fff !important;
    border-bottom: none !important;	  
	font-family: 'Weissenhof Grotesk','Roboto','Helvetica-neue','Helvetica','Arial',sans-serif;
	letter-spacing: 0.025em;
}

.k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
    color: #fff !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

.k-grid .k-grouping-header {
    font-weight: bold;
    padding-left: 15px;
    text-transform: uppercase;
}

.div.k-grid-header {
    padding-right: 19px;
    background-image: none;
}

.k-grid-header-wrap {
    border:none !important;
}

.divDesglose {
    float: right;
    padding: 0 15px 0 0;
}

.divDesglose .form-group {
    min-height: auto;
    margin-bottom: 0;
}

.divDesglose .divContenedorFormGroup {
    width: auto;
}

.divSubeArchivo input[type=file] {
    cursor: pointer;
    width: 160px;
    opacity: 0;
    position: absolute;
    z-index: 1;
}
.divSubeArchivo {
    background-image: url("/images/nube.png");
    background-size: 20px;
    background-position: 5px;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 30px;
    float: left;
    overflow: hidden;
    border-radius: 5px;
}

.divArchivoCorrecto{
    background-image: url("/images/nubeon.png");
    border-radius: 5px;
    color:#fff;
}

.divArchivoIncorrecto{
    background-image: url("/images/nubeoff.png");
    background-color: #F3003B;
    border: 2px solid #F3003B;
    border-radius: 5px;
    color:#fff;
}

.divNombreArchivo {			   
    font: normal 12px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    text-align: left;
    position: relative;
    z-index: 0;
    margin: 5px 0;
    padding: 0 0 0 30px;
}

::-webkit-file-upload-button { cursor:pointer; }

.divEtiquetaLarga {
    text-align: left;
    width: auto !important;
    padding-left: 0 !important;
}

.flotaIzq{
    float:left;
}

.divOcultaMuestraBH{
    overflow: hidden;
}

.divContenidoOMBH{
    cursor:pointer;				
    font: normal 15px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    color: #fff;
    float: right;
    margin-top: -20px;
    margin-right: -35px;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 1px 5px;
}

.fixed{position:fixed;}
.relative{position:relative;}

.divDropDownAgencias{
    float: right;
    padding-left: 10px;
}

.divDropDownAgencias select{
    background-image: url('../images/flechaabajod.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 20px;
    padding-right: 25px;
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   max-width: 380px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.nopaddingLeft {
   padding-left: 0 !important;
   margin-left: 0 !important;
}
.nopaddingRight {
   padding-right: 0 !important;
   margin-right: 0 !important;
}

.marginRightAuto {
    margin-right: auto !important;
}

.marginLeftAuto {
    margin-right: auto !important;
}

/******************************************************************SlideBar**********************************************************************************************/
.colors {
	float: left;
	margin: 20px auto;
	width: 260px;
}

.colors a {
float: left;
height: 30px;
width: 33.33333333%;
}

	

.colors .blue {
background: #4a89dc;
}

.colors .white {
background: #ffffff;
}

.menu {
float: left;
width: 100%;
}

.menu * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
}

	

.menu ul {
list-style: none;
margin: 0;
padding: 0;
}

.menu ul li {
display: block;
float: left;
position: relative;
width: 100%;
}

			

/*.menu ul li a i {
	float: left;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	width: 34px;
    display: none;
}*/

.menu ul li .menu-label {
background: #f0f0f0;
border-radius: 100%;
color: #555555;
font-size: 11px;
font-weight: 800;
line-height: 18px;
min-width: 20px;
padding: 1px 2px 1px 1px;
position: absolute;
right: 18px;
text-align: center;
top: 14px;
}

.menu ul .submenu {
display: none;
position: static;
width: 100%;
}

.menu ul .submenu .submenu-indicator {
line-height: 16px;
}

.menu ul .submenu li {
clear: both;
width: 100%;
}

.menu ul .submenu li ul.submenu {
	display: none;
	position: static;
	width: 100%;
	overflow: hidden;
}

.lnkAncla {
    width: 81% !important;
}

.aAncla {
    width: 19% !important;
    float: right !important;
    text-align: center;
}

.divContenidoAccesosRapidos {
    width: 95%;
    margin: auto;
    display:none;
}

.divPopUpFavoritos {
    background-image: url(/images/tooltip_arrow.png);
    background-repeat: no-repeat;
    background-position: 100% -20px;
    height: 30px;
    width:100%;
}

.divPopUpFavoritosTop {
    /*background-image: url(/images/tooltip_arrowdown.png);*/
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 100% 35px;
    height: 50px;
}

.divEstrellaFavoritos {
    /*text-align: right;*/
    padding: 0 40px;
    color:#e5e53c;
}

.divEstrellaFavoritos i {
    cursor:pointer;
}

.divEstrellaFavoritos i.fa-star {
    float:right;
}

.divAccesosDirectos {
    float: none;
    background-color: #fff;
    border-radius: 5px;
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    padding: 10px;
}

.divAccesosDirectos ul {
    overflow-y: auto;
    /*height: 200px;*/
    margin-bottom: 0;
}

.divAccesosDirectos li{
    background: none;
    border: 0;
    border-radius: 0 !important;
    padding: 5px;
}

.divAccesosDirectos span{
    background: none;
    border: 0;
    border-radius: 0;
    text-transform: uppercase;
}

.divAccesosDirectos a{
    color: #000;			   
    font: normal 10px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
}

.divAccesosDirectos i {
    color: #000;
    padding-right: 3px;
    cursor:pointer;
}

.aAncla i{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);    
}

.aAncla i.anclada{
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);    
}

.menu ul .submenu li a {
    background: #383838;
    font-size: 11px;
    padding: 10px 0;
    width: 81%;
    float: left;
	/*background: #383838;
	border-left: solid 6px transparent;
	border-top: none;
	float: left;
	font-size: 11px;
	position: relative;
	width: 100%;*/
}

.menu ul .submenu li .menu-label {
	background: #f0f0f0;
	border-radius: 100%;
	color: #555555;
	font-size: 11px;
	font-weight: 800;
	line-height: 18px;
	min-width: 20px;
	padding: 1px 2px 1px 1px;
	position: absolute;
	right: 18px;
	text-align: center;
	top: 12px;
	top: 14px;
}

.menu ul .submenu > li > a {
padding-left: 10px;
}

.menu ul .submenu > li > ul.submenu > li > a {
padding-left: 45px;
}

.menu ul .submenu > li > ul.submenu > li > ul.submenu > li > a {
padding-left: 60px;
}

.menu .submenu-indicator {
	-moz-transition: "transform .3s linear";
	-o-transition: "transform .3s linear";
	-webkit-transition: "transform .3s linear";
	transition: "transform .3s linear";
	float: right;
	font-size: 20px;
	line-height: 19px;
	position: absolute;
	right: 22px;
}

.menu .submenu-indicator-minus > .submenu-indicator {
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

	

.ink {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	background: rgba(255, 255, 255, 0.3);
	border-radius: 100%;
	display: block;
	position: absolute;
	transform: scale(0);
}

.animate-ink {
	-moz-animation: ripple .3s linear;
	-ms-animation: ripple .3s linear;
	-o-animation: ripple .3s linear;
	-webkit-animation: ripple .3s linear;
	animation: ripple .3s linear;
}

@-moz-keyframes ripple {
	100%

{
	opacity: 0;
	-moz-transform: scale(2.5);
	-ms-transform: scale(2.5);
	-o-transform: scale(2.5);
	-webkit-transform: scale(2.5);
	transform: scale(2.5);
}

}
@-webkit-keyframes ripple {
	100%

{
	opacity: 0;
	-moz-transform: scale(2.5);
	-ms-transform: scale(2.5);
	-o-transform: scale(2.5);
	-webkit-transform: scale(2.5);
	transform: scale(2.5);
}

}
@keyframes ripple {
	100%

{
	opacity: 0;
	-moz-transform: scale(2.5);
	-ms-transform: scale(2.5);
	-o-transform: scale(2.5);
	-webkit-transform: scale(2.5);
	transform: scale(2.5);
}

}

.blue.menu .menu-footer {
	background: #4a89dc;
}

.blue.menu .menu-header {
	background: #4a89dc;
}

.blue.menu ul li > a {
	background: #4a89dc;
}

.blue.menu ul ul.submenu li:hover > a {
	border-left-color: #3e82da;
}

.blue.menu > ul > li.active > a {
	background: #3e82da;
}

.blue.menu > ul > li:hover > a {
	background: #3e82da;
}

.blue.menu > ul > li > a {
	border-bottom-color: #3e82da;
}

.white.menu .menu-footer {
	background: #ffffff;
	color: #555555;
}

.white.menu .menu-header {
	background: #ffffff;
	color: #555555;
}

.white.menu ul li a {
	background: #ffffff;
	color: #555555;
}

.white.menu ul ul.submenu li:hover > a {
	border-left-color: #f0f0f0;
}

.white.menu ul ul.submenu li a {
	color: #f0f0f0;
}

.white.menu > ul > li.active > a {
	background: #f0f0f0;
}

.white.menu > ul > li:hover > a {
	background: #f0f0f0;
}

.white.menu > ul > li > a {
	border-bottom-color: #f0f0f0;
}

.white.menu > ul > li > a > .ink {
	background: rgba(0, 0, 0, 0.1);
}

.container {
				margin: 0 auto;
			}

.align-left {
	display: inline-block;
}

.align-left-first {
	/*margin-left: 2px!important;
	margin-left: 1px;*/
}

.divContentMenuHerramientas .bx-controls-direction{
    filter: invert(100%);
    -webkit-filter: invert(100%);
}

#div-clientes-container {
	position: absolute;
	z-index: 10000;
	margin: 0 auto 0 auto;
	top: 100px;
	visibility: hidden;
	background-color: white;
	box-shadow: gray 5px 5px;
	padding: 5px;
}

#back {
	position: absolute;
	z-index: 9999;
	top: 0px;
	left: 0px;
	background-color: black;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	visibility: hidden;
}

/********************************************************************FIN SLIDEBAR************************************************************************************/

/*********************************************************************CALENDAR DATEPICKER***********************************************************************/

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
    border: 0;
    border-bottom: 1px solid #000;
   /* margin: 0 2px;*/
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Interaction states
----------------------------------*/
.ui-datepicker-calendar .ui-state-default,
/*.ui-widget-content .ui-state-default,*/
.ui-datepicker-calendar .ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	font-weight: normal;
	color: #555555;
}

.ui-datepicker-buttonpane button{
    font-weight: bold !important;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #001E60;
	color: #fff;
    background-color:#001E60;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}

.k-animation-container .k-button {
    color:#FFF;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}

.ui-widget-header .ui-icon {
	background-image: url("/lib/dvaplantilla/images/leftblack.png");
    background-position: 0;
    background-size: 10px;
    background-repeat: no-repeat;
}

/************************************************************************FIN DE CALENDARIO********************************************************************/



.top-buffer10 { margin-top:10px; }
.top-buffer13 { margin-top:13px; }
.top-buffer20 { margin-top:20px; }
.top-buffer30 { margin-top:30px; }
.top-buffer40 { margin-top:40px; }
.top-buffer50 { margin-top:50px; }
.top-buffer60 { margin-top:60px; }
.top-buffer70 { margin-top:70px; }

@media (min-width: 768px) {
    .carousel-caption {
        z-index: 10 !important;
    }
}

@media (min-width: 768px) {
    .container {
        width: 95% !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}
@media (min-width: 992px) {
    .container {
        width: 95% !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 95% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 885px), only screen and (min-width: 768px) and (max-width:885px) {
    .divImagenAgenciaDistintivo {
        display:none;
    }  
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px), only screen and (min-width: 768px) and (max-width:992px) {
    .divSelectHeader {
        width: 500px;
    }

    .divSelectHeader select {
        width: 100%;
    }   
}

@media only screen and (min-device-width: 0px) and (max-device-width: 767px) and (orientation:landscape), only screen and (min-width: 0px) and (max-width:767px) and (orientation:landscape) {
    .divSubCategorias {
        position: fixed !important;
        top: 65px !important;
        padding-bottom: 5px !important;
        z-index: 1 !important;
    }
    
    .divContenidoPopUpSubmenu {
        max-height: 140px !important;
    }

    .divSubMenuLIcono{margin: 13px 15px !important;}
}

@media only screen and (min-device-width: 0px) and (max-device-width: 767px) and (orientation:portrait) {
    .divSubCategorias {
        background-color: rgba(255, 255, 255, 0.6);
        padding-bottom: 30px;
    }

    .divContenidoPopUpSubmenu {
        max-height: 250px;
    }

    .divSubMenuLIcono{margin: 8px 15px;}
}

@media only screen and (min-width: 0px) and (max-width:767px) {
    .divSubCategorias {
        background-color: rgba(255, 255, 255, 0.6);
        padding-bottom: 30px;
        z-index: 1;
    }

    .divContenidoPopUpSubmenu {
        max-height: 250px;
    }
}

@media only screen and (min-device-width: 0px) and (max-device-width: 767px), only screen and (min-width: 0px) and (max-width:767px) {
    

     .no-guttersMovil {
        padding-left: 0;
        padding-right: 0;
    }

    .marcoFieldsetMovil {
        border: none!important;
    }

    .divSubMenuLIcono{display:block;margin: 8px 15px;}

    .divPopUpFavoritosTop {
        display:block;
        margin-left: 4px;
    }    
    
    .divBuscarProgramaAutocomplete{
        bottom:auto;
        position: absolute;
        top: 65px;
        padding: 0 5px;
    }

    .divContenidoAccesosRapidos {
        /*width: 85%;*/
        width:300px;
        width: 100%;
        float: none;
    }
    
    .divContenidoBuscadorAutocomplete .input-group{
        padding-left:15px;
    }
    
    .divContenidoBuscadorAutocomplete h4, .divPopUpFavoritos {
        display:none;
    }

    .divContenidoBuscadorAutocomplete {
        float: none;
        padding: 15px 10px 0px 10px;
        position: fixed;
        top: 0;
        margin-top: 0;
        left: 0;
        width: 100%;
    }

    #spanBusqueda {
        float: left;
        display:none;
    }
    
    .menu ul li a {
        font-size: 11px !important;	   
		font-family: 'DINRoundPro', 'Roboto','Helvetica-neue','Helvetica,Arial',sans-serif;
    }

    .divContenidoLoginPopUp {
        width: 100% !important;
        height: 100% !important;
    }
    .card {
            margin: 0 auto;
    width: 100%!important;
    box-shadow: 0 0 5px rgba(10, 35, 90, 0.2);
    height: 100%;
    border-radius: 0px!important;
    background-color: white;
    transition: all .35s;
    }

    .divLeyendaOlvidaContra {
        margin: 30px 0 0 0 !important;
    }

    .divContentLogin {
        width: 270px !important;
    }
    
    .divSelectHeader {
        width:100%;
    }

    .divSelectHeader select {
        width:90%;
        padding-right: 40px;
    }

    .navbar-collapse{
        overflow: hidden;
        padding: 0;
    }

    .dropdown-toggle {
       text-align: center;
    }

    .dropdown-menu li{
        text-align: center;
    }
    .navbar-nav {
        margin: 0;
    }

    .divContenidoSesionHeader {				  
        font: normal 10px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif !important;
        width: 70%;
    }

    .divNombreUsuarioHeader {
        font-size: 11px !important;
    }

    .divSalirHeader button{
        font-size: 10px !important;
    }

    .divContenidoAgenciaHeader {
        padding-left: 0 !important;
        margin-left: 0 !important;
        padding-right: 5px !important;
        margin-right: 5px !important;
    }

    .divListaAgenciasHeader {
        width: 100%;
    }

    .divListaAgenciasHeader select {
        font-size:10px !important;
    }

    .divContenidoAgenciaHeader {
        padding-left: 5px;
        margin-left: 5px;
        width: 55px !important;
        height: 75px;
    }

    .divSubMenuLateral {
        width: 100% !important;
        margin: 0 auto 0 auto;
        left: 0;
        right: 0;
        padding-top: 60px;
        top: 0;
    }

    .divContenidoIconoMenuHeader {
        float: right !important;
        padding: 5px !important;
        font-size: 9px;
        width: 45px;
        z-index:auto;
    }

    .divContenidoElementosSubMenu {
       width: 100% !important;
       margin: 70px auto 0 auto;

        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: center;
        -webkit-justify-content: center;

        max-height: 70%;
        overflow-y: auto;
    }
    
    .navbar-brand img {
        width: 120px;
    }

    .divSubCategorias {        
        border-radius: 10px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        width: 80%;
    }

    .divCierreSubMenu {
        color: #fff;
        border-radius: 5px;
        padding: 0 3px;
        width: 21px;
        float: right;
        margin: 10px;
        cursor: pointer;		   
        font: bold 12px 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
        display: block;
    }

    .divContenidoPopUpSubmenu {
        clear: both;
        width: 100%;
        min-height: 126px;
        overflow: auto;
        margin: 10px auto;
    }

    .submenu-indicator {
        display: inline;
    }

    .divContentMenuHerramientas {
        width:100%;
        margin: 12px auto auto auto;
    }
    .col-sm-2 {
        float: left;
    }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1105px), only screen and (min-width: 992px) and (max-width:1105px) {
    .divContentMenuHerramientas {
        width:100%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px), only screen and (min-width: 768px) and (max-width:992px) {
    .divContentMenuHerramientas {
        width:100%;
    }
    .form-group-large input[type=text] {
        width: 200px !important;
    }
    .form-group-large {
        width: 355px;
    }
}

/**********************************************************************MEDIA QUERYS BOOTSTRAP**********************************************************/

/*xs-sm*/
@media (max-width: 559px) {
    #divMainMenu{
        width:100%;
    }
    .divPerfil {
        width: 75%;
        float: left;
    }
    .divListaAgenciasHeader select{
        width: 100%;
    }
    .divImagenAgenciaDistintivo {
        display:none;
    }
    .divDropDownAgencias{
        width: 75%;
    }
    .divEstrellaFavoritos {
        padding-right: 36px;
    }
    
}

/*xs-md*/
@media (min-width: 560px) and  (max-width: 767px) {
    #divMainMenu{
        margin: 5px auto;
        /*width: 520px;*/
    }
    .divPerfil {
        width: 360px;
    }
    .divListaAgenciasHeader select{
        width: 290px;
    }
    .divImagenAgenciaDistintivo img {
        height: 38px;/*50px;*/
    }

    .tab-title a{
        padding-left: 3px !important;
        font-size: .8em;
    }
}

/*xs*/
@media (max-width: 767px) {
    .form-group .text-right{text-align:left;}
    .desglose .form-group .text-right{text-align:right;}
    .top-xs-buffer10 { margin-top:10px; }
    .top-xs-buffer20 { margin-top:20px; }
    .top-xs-buffer30 { margin-top:30px; }
    .top-xs-buffer40 { margin-top:40px; }
    .top-xs-buffer50 { margin-top:50px; }
    .nopadding-xs {padding: 0 !important;margin: 0 !important;}
    .imgLogoPrin {width: 120px;}
    .navbar-toggle{margin-right:0;}
    .divCajaAgencia {width: 100%;}
    body {padding-top: 63px;}
    /*.imgLogoPSI {width: 40px;}*/
    .logosPrincipal {width: 246px!important;}
    .divContainer-Fluid { margin-top: 0px;margin-bottom: 0px;}
    .container {margin-right: auto;margin-left: auto;padding-left: 2px;padding-right: 2px;}
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
    .top-sm-buffer10 { margin-top:10px; }
    .top-sm-buffer20 { margin-top:20px; }
    .top-sm-buffer30 { margin-top:30px; }
    .top-sm-buffer40 { margin-top:40px; }
    .top-sm-buffer50 { margin-top:50px; }
    .nopadding-sm {padding: 0 !important;margin: 0 !important;}
    .divContenidoIconoMenuHeader{padding: 15px 0 12px 0;margin-right: 5px;}
    .imgLogoPrin { width: 140px;}
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
    .top-md-buffer10 { margin-top:10px; }
    .top-md-buffer20 { margin-top:20px; }
    .top-md-buffer30 { margin-top:30px; }
    .top-md-buffer40 { margin-top:40px; }
    .top-md-buffer50 { margin-top:50px; }
    .nopadding-md {padding: 0 !important;margin: 0 !important;}
}

/*lg*/
@media (min-width: 1200px) {
    .top-lg-buffer10 { margin-top:10px; }
    .top-lg-buffer20 { margin-top:20px; }
    .top-lg-buffer30 { margin-top:30px; }
    .top-lg-buffer40 { margin-top:40px; }
    .top-lg-buffer50 { margin-top:50px; }
    .nopadding-lg {padding: 0 !important;margin: 0 !important;}
}

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 1.2em;height: 1.2em;cursor: default;}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle {top: -.3em;margin-left: -.6em;}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle {top: -.3em;margin-left: -.6em;}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui_tpicker_minute, .ui_tpicker_hour  {border-radius: 10px;border: 1px solid #aaaaaa;}
.ui-slider .ui-slider-handle {    position: absolute;    z-index: 2;    width: 1.2em;    height: 1.2em;    cursor: default;}
.ui-slider-handle  {background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight: normal;color: #555555;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {    border: 1px solid #fcefa1;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui_tpicker_minute, .ui_tpicker_hour  {    border-radius: 10px; border: 1px solid #aaaaaa}
.ui-slider-handle {   border: 1px solid #d3d3d3;border-radius: 20px;}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-timepicker-div {text-align: left;padding-left: 8px;padding-right: 6px;}
.ui-slider-horizontal {height: .8em;}
.ui-slider-horizontal .ui-slider-handle {top: -.3em;margin-left: -.6em;}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }


.logosPrincipal {overflow: hidden;width: 273px;}   
.linkPerfil {
    cursor: default;
    color: #2B70BE;
    font-family: "Weissenhof Grotesk",Roboto,Helvetica-neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
}
.linkPerfil:hover{cursor:pointer; cursor: hand;text-decoration:none;color: #333333;}
.checkDefault {vertical-align: middle;float: right;}
.checkPrograma input[type=checkbox]:before {position: absolute;background-color: #FFFFFF;height: 100%;width: 100%;font-family: FontAwesome;display: inline-block;content:"\f204";}
.checkPrograma input[type=checkbox]:checked:before {font-family: FontAwesome;display: inline-block;content:"\f205";}
.checkPrograma input[type=checkbox] {position: relative;}
.checkPrograma input[type=checkbox]:hover {cursor:pointer; cursor: hand;}
.checkPrograma {vertical-align: middle;float: right;}

/********************************************************************** Iconografía ****************************************************************************/

@font-face {
  font-family: 'Smart-IT-Icon-Set-v17';
  src:  url('../lib/fonts/Smart-IT-Icon-Set-v17.eot?h550g8');  
  src:  url('../lib/fonts/Smart-IT-Icon-Set-v17.eot?h550g8#iefix') format('embedded-opentype'),
    url('../lib/fonts/Smart-IT-Icon-Set-v17.ttf?h550g8') format('truetype'),
    url('../lib/fonts/Smart-IT-Icon-Set-v17.woff?h550g8') format('woff'),
    url('../lib/fonts/Smart-IT-Icon-Set-v17.svg?h550g8#Smart-IT-Icon-Set-v17') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Smart-IT-Icon-Set-v17' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-fc-mxpeso-alt:before {
  content: "\e938";
}
.icon-fc-mxpeso:before {
  content: "\e971";
}
.icon-fc-id-empleado .path1:before {
  content: "\e972";
  color: rgb(0, 0, 0);
}
.icon-fc-id-empleado .path2:before {
  content: "\e973";
  margin-left: -1.25em;
  color: rgb(255, 255, 255);
}
.icon-fc-id-empleado .path3:before {
  content: "\e974";
  margin-left: -1.25em;
  color: rgb(255, 255, 255);
}
.icon-fc-id-empleado .path4:before {
  content: "\e975";
  margin-left: -1.25em;
  color: rgb(0, 0, 0);
}
.icon-sd2-meta:before {
  content: "\e976";
}
.icon-sd2-peso:before {
  content: "\e977";
}
.icon-fc-calendar:before {
  content: "\e937";
}
.icon-fc-list-nest:before {
  content: "\e939";
}
.icon-fc-list:before {
  content: "\e93a";
}
.icon-fc-mail:before {
  content: "\e93b";
}
.icon-fc-number:before {
  content: "\e93c";
}
.icon-fc-phone:before {
  content: "\e93d";
}
.icon-fc-select-inv:before {
  content: "\e93e";
}
.icon-fc-select:before {
  content: "\e93f";
}
.icon-fc-select-up:before {
  content: "\e978";
}
.icon-fc-time:before {
  content: "\e940";
}
.icon-fc-input:before {
  content: "\e979";
}
.icon-it:before {
  content: "\e941";
}
.icon-logo:before {
  content: "\e942";
}
.icon-menu:before {
  content: "\e943";
}
.icon-smart:before {
  content: "\e944";
}
.icon-adelante:before {
  content: "\e945";
}
.icon-atras:before {
  content: "\e946";
}
.icon-auto:before {
  content: "\e947";
}
.icon-detalles:before {
  content: "\e94d";
}
.icon-finalizado:before {
  content: "\e953";
}
.icon-folio:before {
  content: "\e955";
}
.icon-op-autopartes:before {
  content: "\e966";
}
.icon-operacion-en-curso:before {
  content: "\e967";
}
.icon-operaciones:before {
  content: "\e968";
}
.icon-tiempo:before {
  content: "\e969";
}
.icon-tipo-de-orden:before {
  content: "\e96a";
}
.icon-insp-amortiguador:before {
  content: "\e92c";
}
.icon-insp-bandas:before {
  content: "\e92d";
}
.icon-insp-clutch:before {
  content: "\e92e";
}
.icon-insp-direccion:before {
  content: "\e92f";
}
.icon-insp-electrico:before {
  content: "\e930";
}
.icon-insp-freno-bal-d:before {
  content: "\e931";
}
.icon-insp-freno-bal-t:before {
  content: "\e932";
}
.icon-insp-freno-disco:before {
  content: "\e935";
}
.icon-insp-freno-tambor:before {
  content: "\e936";
}
.icon-insp-limpiador:before {
  content: "\e92b";
}
.icon-insp-llanta-d:before {
  content: "\e92a";
}
.icon-insp-llanta-t:before {
  content: "\e929";
}
.icon-insp-mofle:before {
  content: "\e928";
}
.icon-insp-niveles:before {
  content: "\e927";
}
.icon-insp-suspension:before {
  content: "\e917";
}
.icon-contactoactivo:before {
  content: "\e97a";
}
.icon-g-de-negocios:before {
  content: "\e96b";
}
.icon-carteras:before {
  content: "\e96c";
}
.icon-comisiones:before {
  content: "\e96d";
}
.icon-antiguedadPerdida:before {
  content: "\e924";
}
.icon-psiEncuesta:before {
  content: "\e925";
}
.icon-postventa:before {
  content: "\e926";
}
.icon-mkt360:before {
  content: "\e956";
}
.icon-biga:before {
  content: "\e96e";
}
.icon-recursosHumanos-cm4:before {
  content: "\e933";
}
.icon-recursosHumanos2:before {
  content: "\e934";
}
.icon-auditoria:before {
  content: "\e948";
}
.icon-businessIntelligence:before {
  content: "\e949";
}
.icon-c-por-cobrar:before {
  content: "\e94a";
}
.icon-c-por-pagar:before {
  content: "\e94b";
}
.icon-caja:before {
  content: "\e94c";
}
.icon-carteras-alt:before {
  content: "\e96f";
}
.icon-comisiones-alt:before {
  content: "\e94e";
}
.icon-compras:before {
  content: "\e94f";
}
.icon-contabilidad:before {
  content: "\e950";
}
.icon-crm-alt:before {
  content: "\e951";
}
.icon-crm:before {
  content: "\e952";
}
.icon-fiscal:before {
  content: "\e954";
}
.icon-persona:before {
  content: "\e957";
}
.icon-presupuestos:before {
  content: "\e958";
}
.icon-psi:before {
  content: "\e959";
}
.icon-recursosHumanos:before {
  content: "\e95a";
}
.icon-refacciones:before {
  content: "\e95b";
}
.icon-seguridad:before {
  content: "\e95c";
}
.icon-servicioAuto:before {
  content: "\e95d";
}
.icon-servicioMoto:before {
  content: "\e95e";
}
.icon-tesoreria:before {
  content: "\e95f";
}
.icon-unidadesNuevas-moto:before {
  content: "\e960";
}
.icon-unidadesNuevas:before {
  content: "\e961";
}
.icon-unidadesUsadas-alt:before {
  content: "\e962";
}
.icon-unidadesUsadas-moto:before {
  content: "\e963";
}
.icon-unidadesUsadas:before {
  content: "\e964";
}
.icon-utilerias:before {
  content: "\e965";
}
.icon-desContacto:before {
  content: "\e970";
}
.icon-activo:before {
  content: "\e900";
}
.icon-actualizar:before {
  content: "\e901";
}
.icon-agencia:before {
  content: "\e902";
}
.icon-anadirContacto:before {
  content: "\e903";
}
.icon-autorizar:before {
  content: "\e904";
}
.icon-ayuda:before {
  content: "\e905";
}
.icon-buscar:before {
  content: "\e906";
}
.icon-cambiarCliente:before {
  content: "\e907";
}
.icon-cambiarPropietario:before {
  content: "\e908";
}
.icon-cambiarUsuario:before {
  content: "\e909";
}
.icon-cambiarVehiculo-alt:before {
  content: "\e90a";
}
.icon-cambiarVehiculo:before {
  content: "\e90b";
}
.icon-cerrarInvetario:before {
  content: "\e90c";
}
.icon-cerrarOrden:before {
  content: "\e90d";
}
.icon-configuracion:before {
  content: "\e90e";
}
.icon-desautorizar:before {
  content: "\e90f";
}
.icon-devolver:before {
  content: "\e910";
}
.icon-eliminar:before {
  content: "\e911";
}
.icon-exportar:before {
  content: "\e912";
}
.icon-guardar:before {
  content: "\e913";
}
.icon-guardarComo:before {
  content: "\e914";
}
.icon-importar:before {
  content: "\e915";
}
.icon-imprimir:before {
  content: "\e916";
}
.icon-modulo:before {
  content: "\e918";
}
.icon-nuevo:before {
  content: "\e919";
}
.icon-nuevoCliente:before {
  content: "\e91a";
}
.icon-nuevoContacto:before {
  content: "\e91b";
}
.icon-nuevoCorreo:before {
  content: "\e91c";
}
.icon-nuevoVehiculo:before {
  content: "\e91d";
}
.icon-perfil:before {
  content: "\e91e";
}
.icon-programa:before {
  content: "\e91f";
}
.icon-reabrirOrden:before {
  content: "\e920";
}
.icon-surtir:before {
  content: "\e921";
}
.icon-suscribir:before {
  content: "\e922";
}
.icon-vistaPrevia:before {
  content: "\e923";
}



/*Fin iconografia*/
.servicio{
background: #062532 none repeat scroll 0 0;
/*color:#3be6ff;
border:1px solid #3be6ff;
text-shadow:1px 2px 6px #0376B5;*/
}
.servicio-invertido{
color:#22A7F0;
border-color:#22A7F0;
}
.servicio-linea{
color:#22A7F0;
border-color:#22A7F0;
text-shadow:none;
}
.servicio-linea:hover{
background: #22A7F0 none repeat scroll 0 0;
color:#fff;
border:none;
}
.refacciones{
background: #380d08 none repeat scroll 0 0;
/*color:#fa4b57;
border: 1px solid #fa4b57;
text-shadow:1px 2px 6px rgba(250,75,87,0.5);*/
}
.refacciones-invertido{
color:#EF4836;
border-color:#EF4836;
}
.refacciones-linea{
color:#EF4836;
border-color:#EF4836;
text-shadow:none;
}
.refacciones-linea:hover{
background: #EF4836 none repeat scroll 0 0;
color:#fff;
border:none;
}
.presupuestos{
background: #221208 none repeat scroll 0 0;
/*color:#ffa56f;
border:1px solid #ffa56f;
text-shadow:1px 2px 6px rgba(255,155,111,0.5);*/
}
.presupuestos-invertido{
color:#F9690E;
border-color:#F9690E;
}
.presupuestos-linea{
color:#F9690E;
border-color:#F9690E;
text-shadow:none;
}
.presupuestos-linea:hover{
background: #F9690E none repeat scroll 0 0;
color:#fff;
border:none;
}
.caja{
background: #03251c none repeat scroll 0 0;
/*color:#25ffc4;
border:1px solid #25ffc4;
text-shadow:1px 2px 6px rgba(37,255,196,0.5);*/
}
.caja-invertido{
color:#36D7B7;
border-color:#36D7B7;
}
.caja-linea{
color:#36D7B7;
border-color:#36D7B7;
text-shadow:none;
}
.caja-linea:hover{
background: #36D7B7 none repeat scroll 0 0;
color:#fff;
border:none;
}
.comisiones{
background: #101b04 none repeat scroll 0 0;
/*color:#b6ff43;
border:1px solid #b6ff43;
text-shadow:1px 2px 6px rgba(182,255,67,0.5)*/
}
.comisiones-invertido{
color:#4090a2;
border-color:#4090a2;
}
.comisiones-linea{
color:#4090a2;
border-color:#4090a2;
text-shadow:none;
}
.comisiones-linea:hover{
background: #4090a2 none repeat scroll 0 0;
color:#fff;
border:none;
}
.unidadesNuevas{
background: #140629 none repeat scroll 0 0;
/*color:#FFF;
border:1px solid #a98eff;
text-shadow:1px 2px 6px rgba(197,91,252,0.5);*/
z-index:1;
}
.unidadesNuevas-invertido{
color:#BF55EC;
border-color:#BF55EC;
}
.unidadesNuevas-linea{
color:#BF55EC;
border-color:#BF55EC;
text-shadow:none;
}
.unidadesNuevas-linea:hover{
background: #BF55EC none repeat scroll 0 0;
color:#fff;
border:none;
}
.unidadesUsadas{
background: #11133f none repeat scroll 0 0;
/*color:#fff;
border:1px solid #879eff;
text-shadow:1px 2px 6px rgba(99,176,233,0.5)*/
}
.unidadesUsadas-alt{
background: #11133f none repeat scroll 0 0;
/*color:#fff;
border:1px solid #879eff;
text-shadow:1px 2px 6px rgba(105,175,220,0.5)*/
}
.unidadesUsadas-invertido{
color:#BE90D4;
border-color:#BE90D4;
}
.unidadesUsadas-linea{
color:#BE90D4;
border-color:#BE90D4;
text-shadow:none;
}
.unidadesUsadas-linea:hover{
background: #BE90D4 none repeat scroll 0 0;
color:#fff;
border:none;
}
.crm{
background: #310000 none repeat scroll 0 0;
/*color:#ff611b;
border:1px solid #ff611b;
text-shadow:1px 2px 6px rgba(248,21,21,0.5)*/
}
.crm-invertido{
color:#F22613;
border-color:#F22613;
}
.crm-linea{
color:#F22613;
border-color:#F22613;
text-shadow:none;
}
.crm-linea:hover{
background: #F22613 none repeat scroll 0 0;
color:#fff;
border:none;
}
.businessIntelligence{
background: #02062c none repeat scroll 0 0;
/*color:#6dceff;
border:1px solid #6dceff;
text-shadow:1px 2px 6px rgba(141,171,250,0.5)*/
}
.businessIntelligence-invertido{
color:#4183D7;
border-color:#4183D7;
}
.businessIntelligence-linea{
color:#4183D7;
border-color:#4183D7;
text-shadow:none;
}
.businessIntelligence-linea:hover{
background: #4183D7 none repeat scroll 0 0;
color:#fff;
border:none;
}
.c-por-Cobrar{
background: #112906 none repeat scroll 0 0;
/*color:#a2ff8d;
border:1px solid #a2ff8d;
text-shadow:1px 2px 6px rgba(162,255,141,0.5)*/
}
.c-por-Cobrar-invertido{
color:#66CC99;
border-color:#66CC99;
}
.c-por-Cobrar-linea{
color:#66CC99;
border-color:#66CC99;
text-shadow:none;
}
.c-por-Cobrar-linea:hover{
background: #66CC99 none repeat scroll 0 0;
color:#fff;
border:none;
}
.c-por-Pagar{
background: #2c0f1a none repeat scroll 0 0;
/*color:#ffa3b4;
border:1px solid #ffa3b4;
text-shadow:1px 2px 6px rgba(255,163,180,0.5)*/
}
.c-por-Pagar-invertido{
color:#E08283;
border-color:#E08283;
}
.c-por-Pagar-linea{
color:#E08283;
border-color:#E08283;
text-shadow:none;
}
.c-por-Pagar-linea:hover{
background: #E08283 none repeat scroll 0 0;
color:#fff;
border:none;
}
.seguridad{
background: #051d0d none repeat scroll 0 0;
/*color:#22ff70;
border:1px solid #22ff70;
text-shadow:1px 2px 6px rgba(34,255,112,0.5)*/
}
.seguridad-invertido{
color:#2ECC71;
border-color:#2ECC71;
}
.seguridad-linea{
color:#2ECC71;
border-color:#2ECC71;
text-shadow:none;
}
.seguridad-linea:hover{
background: #2ECC71 none repeat scroll 0 0;
color:#fff;
border:none;
}
.carteras{
background: #EB974E none repeat scroll 0 0;
color:#fff;
border:none;
}
.carteras-invertido{
color:#EB974E;
border-color:#EB974E;
}
.carteras-linea{
color:#EB974E;
border-color:#EB974E;
text-shadow:none;
}
.carteras-linea:hover{
background: #EB974E none repeat scroll 0 0;
color:#fff;
border:none;
}
.g-de-Negocios{
background: #1f2504 none repeat scroll 0 0;
/*color:#a5e6ea;
border:1px solid #a5e6ea;
text-shadow:1px 2px 6px rgba(162,219,246,0.5)*/
}
.g-de-Negocios-invertido{
color:#5C97BF;
border-color:#5C97BF;
}
.g-de-Negocios-linea{
color:#5C97BF;
border-color:#5C97BF;
text-shadow:none;
}
.g-de-Negocios-linea:hover{
background: #5C97BF none repeat scroll 0 0;
color:#fff;
border:none;
}
.fiscal{
background: #1f2504 none repeat scroll 0 0;
/*color:#e0ff50;
border:1px solid #e0ff50;
text-shadow:1px 2px 6px rgba(224,255,80,0.5)*/
}
.fiscal-invertido{
color:#1E824C;
border-color:#1E824C;
}
.fiscal-linea{
color:#1E824C;
border-color:#1E824C;
text-shadow:none;
}
.fiscal-linea:hover{
background: #1E824C none repeat scroll 0 0;
color:#fff;
border:none;
}
.compras{
background: #350632 none repeat scroll 0 0;
/*color:#ff35d7;
border:1px solid #ff35d7;
text-shadow:1px 2px 6px rgba(255,35,215,0.5)*/
}
.compras-invertido{
color:#F62459;
border-color:#F62459;
}
.compras-linea{
color:#F62459;
border-color:#F62459;
text-shadow:none;
}
.compras-linea:hover{
background: #F62459 none repeat scroll 0 0;
color:#fff;
border:none;
}
.tesoreria{
background: #120e0b none repeat scroll 0 0;
/*color:#dcbfa2;
border:1px solid #dcbfa2;
text-shadow:1px 2px 6px rgba(220,191,162,0.5);*/
}
.tesoreria-invertido{
color:#96281B;
border-color:#96281B;
}
.tesoreria-linea{
color:#96281B;
border-color:#96281B;
text-shadow:none;
}
.tesoreria-linea:hover{
background: #96281B none repeat scroll 0 0;
color:#fff;
border:none;
}
.utilerias{
background: #272727 none repeat scroll 0 0;
/*color:#c9c9c9;
border:1px solid #c9c9c9;
text-shadow:1px 2px 6px rgba(105,103,103,0.5);*/
}
.utilerias-invertido{
color:#6C7A89;
border-color:#6C7A89;
}
.utilerias-linea{
color:#6C7A89;
border-color:#6C7A89;
text-shadow:none;
}
.utilerias-linea:hover{
background: #6C7A89 none repeat scroll 0 0;
color:#fff;
border:none;
}
.contabilidad{
background: #081915 none repeat scroll 0 0;
/*color:#abffea;
border:1px solid #abffea;
text-shadow:1px 2px 6px rgba(97,203,178,0.5);*/
}
.contabilidad-invertido{
color:#87D37C;
border-color:#87D37C;
}
.contabilidad-linea{
color:#87D37C;
border-color:#87D37C;
text-shadow:none;
}
.contabilidad-linea:hover{
background: #87D37C none repeat scroll 0 0;
color:#fff;
border:none;
}
.persona{
background: #231e07 none repeat scroll 0 0;
/*color:#ffe360;
border:1px solid #ffe360;
text-shadow:1px 2px 6px rgba(255,227,96,0.5);*/
}
.persona-invertido{
color:#F7CA18;
border-color:#F7CA18;
}
.persona-linea{
color:#F7CA18;
border-color:#F7CA18;
text-shadow:none;
}
.persona-linea:hover{
background: #F7CA18 none repeat scroll 0 0;
color:#fff;
border:none;
}

.psi{
/*color:#7df1cc;
border:1px solid #7df1cc;
background:#0b231b;
text-shadow:1px 2px 6px rgba(112,205,175,0.5);*/
}
	
.recursosHumanos{
	/*color:#f2eeae;
	border: 1px solid #f2eeae;
	background:#1b1a0e;
	text-shadow:1px 2px 6px rgba(172,145,46,0.5);*/
	}

.light-bg{
    padding-left: 8px;
}

.light-bg i{
	/*box-shadow:inset 0px 10px 50px rgba(0,0,0,0.2);*/
}
    .light-bg i:hover{
	/*background:#fff;
	border:1px solid #82c3ff;
	/*color:#fff;
	box-shadow:2px 3px 10px #83c3ff;
	text-shadow:2px 3px 10px #83c3ff;*/
	}

   .light-bg .icon{
	font-size:  50px;
    /*line-height: 85px;*/
	transition:  all 0.2s ease-out;
	}
.light-bg .icon-frame{
	border-radius:15px;
	/*padding:5px;
	color:#000;*/
	margin:10px;
	border:none;
	}

    /* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
	  transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bob:before {
  position: absolute;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-bob:hover {
  color:#fff;
	text-shadow: 1px 2px 7px rgba(255,255,255,0.35);
}
/****************************** Elementos Kendo ***************************************/

#mnuAutocomplete-list .k-group-header {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #2b70be;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    font-family: 'DINRoundPro', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
}

#mnuAutocomplete_listbox .k-group {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #000;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 7px;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.12);
    font-weight: 300;
    padding-top: 3px;
}


/****************************** Elementos Kendo **********************************************/
/****************************** Efecto de los elementos en el menú principal ******************
.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .2s, 1.5s;
  animation-duration: .2s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}*/

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

.inspeccionContenido{
  margin-left: 50%;
}
.inspeccionContenido ul li{
  list-style-type: none;
}
.inspeccionContenido input[type="radio"],

.inspeccionContenido input[type="checkbox"]{
  display: none;
}
.inspeccionContenido label {
  position: relative;
}
 .inspeccionContenido span::before,
.inspeccionContenido span::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.inspeccionContenido span.radio:hover {
cursor: pointer;
}
.inspeccionContenido span.radio::before {
  left: -63px;
  width: 68px;
  height: 35px;
  background-color: none;
  border: 1px solid #e2e2e2;
  border-radius: 50px;
}
.inspeccionContenido span.radio::after {
  left: -58px;
  width: 26px;
  height: 26px;
  border-radius: 25px;
  background-color: #D8D8D8;
  transition: left .35s, background-color .35s;
}
input[type="radio"]:checked + label span.radio::after {
  left: -25px;
}
		  
.BUENO input[type="radio"]:checked + label span.radio::after {
    background-color: #27A940;
    background-image: url("../images/ComponentesChecklist/inspeccion-buen-estado.png");
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}
.REGULAR input[type="radio"]:checked + label span.radio::after {
  background-color: #DAA717;
	background-image: url("../images/ComponentesChecklist/inspeccion-regular.png");
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}
.MALO input[type="radio"]:checked + label span.radio::after {
    background-color: #CC0404;
	background-image: url("../images/ComponentesChecklist/inspeccion-mal-estado.png");
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}
.noAplica input[type="radio"]:checked + label span.radio::after {
  background-color: #505663;
	background-image: url("../images/ComponentesChecklist/inspeccion-no-aplica.png");
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}	
.control-label {
    font: normal 1.2em 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
	line-height: 1.4;
}

/******************************************************************* Fin iconografía *********************************************************************/


.siglasAgencia {
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1)inset;
    margin-top: 1px;
    color: #2B70BE;
    font-family: DINRoundPro;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 8px!important;
    border: 1px solid #2B70BE;
}

.siglasAgencia:focus {
    background-color: #2B70BE;
    color: white!important;
}

.siglasAgencia:hover{
	border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
}



/*Tooltip Ayuda*/
.tooltipAyuda
{
    cursor:pointer;
}

.tooltipAyuda:hover:after 
{
    content: attr(ayuda);
    
    background: rgba(20,20,20,0.9) url('../images/info2.png') center left 1px no-repeat;    
     background-size: 20px 20px;
    border-radius: 5px;
    cursor:pointer;
    font-size: 0.8em;
    padding: 10px 10px 10px 35px;
    max-width: 600px;
    position: absolute;
    z-index: 100;   
    border: solid;
    border-color: rgba(255,255,255, 0.2) transparent;
    border-width: 2px 2px 0 2px;            
    text-align: center;    
    color:white;
    font-family: 'Weissenhof Grotesk', 'Roboto', sans-serif;
}
/*Tooltip Ayuda*/


/*Login*/



.st0 {
        fill: #2a2268;
    }

    .st1 {
        fill: #2a2268;
    }

    .card {
  margin: 0 auto;
  width: 345px;
  box-shadow: 0 0 5px rgba(10, 35, 90, 0.2);
  border-radius: 25px;
  background-color: white;
  transition: all .35s;
}
.card:hover {
   box-shadow: 0 6px 20px rgba(15, 150, 180, 0.35);
	resize:both 1.1;
}
.card a{
	text-decoration: none;
}

.title {
  margin: 0;
  padding: 25px 25px 40px;
  font-weight: 400;
  text-align: center;
  color: #10d0ff;
}

.login {
  padding: 40px 55px 15px;
}

.info {
  padding: 0 25px 10px 25px;
  font-size: 0.7em;
  text-align: center;
}
.info a {
  color: #10d0ff;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    font-size: 1.6em;
    margin-bottom: 10px;
}
.info a:hover, .info a:focus, .info a:active {
  color: #10d0ff;
}
.info a::after {
  content: "|";
  color: #646464;
  margin: 0 10px;
}
.info a:last-child::after {
  content: "";
}

.login fieldset {
  padding: 0;
  margin-bottom: 10px;
  border: none;
  position: relative;
}

.login label {
  position: absolute;
  pointer-events: none;
  font-size: 1em;
  top: 7px;
  -webkit-transition: top 0.2s, font-size 0.2s, color 0.2s;
  transition: top 0.2s, font-size 0.2s, color 0.2s;
}

.underline {
  width: 100%;
}

.underline::before,
.underline::after {
  position: absolute;
  content: "";
  top: 30px;
  width: 0%;
  height: 3px;
  opacity: 0;
  background-color: #10d0ff;
  -webkit-transition: width 0.2s, opacity 0.2s;
  transition: width 0.2s, opacity 0.2s;
}

.underline::before {
  right: 50%;
}

.underline::after {
  left: 50%;
}


.login input {
  position: relative;
  display: block;
  width: 100%;
  padding: 6px 0;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #c0c0c0;
  border-left: none;
  font-weight: 400;
	font-size: 1.2em;
}
.login input:focus {
  outline: none;
}
.login input:focus ~ .underline::before, input:focus ~ .underline::after {
  opacity: 1;
  width: 50%;
}
.login input:focus + label {
  color: #10d0ff;
}

.login input:focus + label,
.login input.filled + label {
      font-size: .97em;
    top: -15px;
}

.login button {
  display: block;
  width: 100%;
  padding: 15px;
  border: none;
  background-color: #10d0ff;
  border-radius: 8px;
  color: #f0f0f0;
  -webkit-transition: background-color 0.2s, box-shadow 0.2s;
  transition: background-color 0.2s, box-shadow 0.2s;
	margin-top:5px;
	font-size: 14px;
	letter-spacing: 0.04em;
}
.login button:focus, button:active {
  outline: none;
}
.login button:hover {
  box-shadow: 0 4px 10px rgba(100, 150, 180, 0.8);
	cursor: pointer;
}
.login button:active {
  box-shadow: 0 6px 15px rgba(100, 100, 100, 0.3) inset;
}

.go{
	background: rgba(100, 240, 245, 0.15);
	width: 70px;
	height: 70px;
	margin: auto;
	border-radius: 100%;
	box-shadow: 0 0 15px rgba(15, 60, 130, 0.5) inset;
}
.imagotipo{
	margin: auto;
	padding-top:16px;
	padding-left: 0;
	width: 70px;
	height: 70px;

}
.smartit-logo{
	width: 165px;
	height: 80px;
	margin: auto;
}
.footer-copyright{
	width: 100vw;
	height: 30px;
	bottom: 0;
	position: absolute;
	background: #10d0ff;
	margin: auto;
	color:#fff;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	line-height: 30px;
	
}
/* Dropdown style */


.selected-item {
  margin: 20px 0;
  text-align: center;
}
.selected-item p {
  font-size: 18px;
}
.selected-item p span {
  font-weight: bold;
}
/* dropdown list */

.dropdown {
  position: relative;
  width: 100%;
  background: white;
  display: block;
  margin: 10px auto;
	z-index: 101;
}
.dropdown .selected {
  display: block;
  /*padding: 1rem;*/
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
	border: 1px solid #10d0ff;
	border-radius: 10px;
        height: 36px;
}
.dropdown .selected i {
  position: absolute;
  right: 1rem;
	color:#10d0ff;
}
.dropdown .selected span {
	color:#10d0ff;
	
}

.dropdown .selected:hover {
  box-shadow: 0 4px 12px rgba(20, 230, 255, 0.12), 0 1px 2px rgba(6, 200, 239, 0.24) !important;
	
}
.dropdown .dropdown-list {
  position: absolute;
  top: 0;
  width: 100%;
  max-height: 0;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.67, 0, 1);
  transition: all 0.3s cubic-bezier(0.17, 0.67, 0, 1);
}
.dropdown .dropdown-list li {
  padding: 1rem;
  display: block;
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.dropdown .dropdown-list li:hover, .dropdown .dropdown-list li.active {
	background: #10d0ff;
	color:#fff;}
.dropdown .dropdown-list li:active, .dropdown .dropdown-list li.active {
	background: rgba(35, 221, 121, 0.1);
	color:#000;
}

.dropdown .dropdown-list.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  max-height: 260px;
  overflow: auto;
	border-radius: 10px;
}


label.active {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  left: 2px;
  font-size: 14px;
}
label.active .req {
  opacity: 0;
}


/*Dropdown*/

@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #10d0ff solid 1px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
	border-radius: 8px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  cursor:pointer;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
	max-width: 90%;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #10d0ff;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

.text-danger ul li 
{
    list-style-type:none;
}

.text-danger  
{
    margin-bottom:20px;
    
}

.usuarioCambioContra 
{
    font-weight: bold;
    font-size: 1.4em;
    text-align:center;
}





.underlineCambioContra { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
} 


/*Login*/


/*Loader*/

	.loader-ring i{
font-size: 100px;
position: absolute;
/*width: 80px;
height: 80px;*/
margin: auto;
z-index: 999;
padding: 50px;
border-radius:100%;
color: #10d0ff;

	}
.loader-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  width: 200px;
  height: 200px;
}

.loader-ring-light {
  width: 200px;
  height: 200px;
  -moz-border-radius: 240px;
  -webkit-border-radius: 240px;
  border-radius: 240px;
  -moz-box-shadow: 0 4px 0 #10d0ff inset;
  -webkit-box-shadow: 0 4px 0 #10d0ff inset;
  box-shadow: 0 4px 0 #10d0ff inset;
  animation: rotate-360 2s linear infinite;
}

.loader-ring-track {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  -moz-border-radius: 240px;
  -webkit-border-radius: 240px;
  border-radius: 240px;
  -moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.5) inset;
}

@keyframes rotate-360 {
  from {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



.loader i {font-size: 80px;
	line-height:.2}
#loader-wrapper{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; z-index: 15; overflow: hidden;}

.loader{width: 150px; height: 150px; border: 1px #fff solid; position: absolute; left: 50%; top: 50%; margin: -75px 0 0 -75px; border-radius: 50%;}

.loader .loading{font-size: 9px; position: absolute; width: 100%; text-align: center; line-height: 12px; font-family: 'Century Gothic', sans-serif; font-style: normal; left: 0; top: 50%; margin-top: 20px; color: #fff; font-weight: bold; text-transform: uppercase;}

.loader-circle-1{width: 138px; height: 138px; left: 5px; top: 5px; border: 1px #fff solid; border-radius: 50%; position: absolute; border-right-color: transparent;
-webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
}

.loader-circle-2{width: 126px; height: 126px; left: 5px; top: 5px; border: 1px transparent solid; border-radius: 50%; position: absolute; border-right-color: #10d0ff;
-webkit-animation: spin 5s linear infinite;
        animation: spin 5s linear infinite;
}

.loader .line{width: 10px; height: 2px; background: #fff; position: absolute;}

.loader .line:nth-child(1){left: 16px; top: 50%; margin-top: -1px;}

.loader .line:nth-child(2){transform: rotate(45deg);left: 33px; top: 33px;}

.loader .line:nth-child(3){top: 16px; left: 50%; width: 2px; height: 10px;}

.loader .line:nth-child(4){transform: rotate(135deg); right: 33px; top: 33px;}

.loader .line:nth-child(5){right: 16px; top: 50%; margin-top: -1px;}

.loader .line:nth-child(6){transform: rotate(45deg); right: 33px; bottom: 33px; background: #e81512;}

.loader .subline{position: absolute; width: 3px; height: 2px; background: #fff;}

.loader .subline:nth-child(7){transform: rotate(22.5deg); left: 21px; top: 50px;}

.loader .subline:nth-child(8){transform: rotate(67.5deg); left: 50px; top: 21px;}

.loader .subline:nth-child(9){transform: rotate(112.5deg); right: 50px; top: 21px;}

.loader .subline:nth-child(10){transform: rotate(157.5deg); right: 21px; top: 50px;}

.loader .subline:nth-child(11){transform: rotate(22.5deg);  right: 20px; bottom: 49px; background: #e81512;}

.loader .needle{width: 14px; height: 14px; border-radius: 50%; border: 1px #fff solid; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px;  z-index: 1;  
-webkit-animation: pegIt 12s infinite ease-in-out;
        animation: pegIt 12s infinite ease-in-out;
}

.loader .needle:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 3.5px 50px 3.5px 0; border-color: transparent #e81512 transparent transparent; position: absolute; right: 50%; top: 50%; margin: -3.5px 0 0 0; border-radius: 0 50% 50% 0;}

@keyframes pegIt {
  0% {transform: rotate(0deg);}
  16% {transform: rotate(75deg);}
  25% {transform: rotate(55deg);}
  30% {transform: rotate(90deg);}
  36% {transform: rotate(170deg);}
  42% {transform: rotate(150deg);}
  50% {transform: rotate(227deg);}
  100% {transform: rotate(0deg);}
}


@keyframes spin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
	}	

/*Loader*/

.no-gutters {
 padding-right: 0;
 padding-left: 0;
 }

.tabs .bg-gray-kendo{
    border-radius: 10px 10px 0px 0px;
    margin: 5px;
    border: 1px solid white;
    background: slategrey;
}

.tabs .bg-gray-kendo a{
    color:white!important;
}

.tabs .active a {
    background: none !important;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #337ab7;
}

.nav > li > a:hover, .nav > li > a:focus{
    background-color: rgba(0,0,0,.7);
        border-radius: 10px 10px 0px 0px;
        color:white;
}



.navbar-inverse {
    border:none!important;
}

.k-grid-header th.k-header>.k-link {
    display: block;
    min-height: 18px;
    line-height: 11px;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .6em .4em 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 9px;
}
.form-group 
{
         margin-bottom: 10px!important; 
}


/*Reeamplazar cuando esten todos center produccion*/
.control-label-vb {
    letter-spacing: 0.01em;
    font-weight: 500;
    font:bold 12px 'Weissenhof Grotesk','Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    line-height: 35px;
    margin-top:5px !important;
    margin-bottom: 5px!important; 
    color:#565656
}

.control-label-vb label {
    letter-spacing: 0.01em;
    font-weight: 500;
    font-family:'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    text-shadow: 1px 1px 0px #fff;
    
}

.control-label {
    font: normal 1.2em 'Weissenhof Grotesk', 'Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
line-height: 1.4;
    padding-top: 11px;
}
/*Reeamplazar cuando esten todos center produccion*/




/**ARREGLA LOS INPUTS NO EDITABLES*/
button[disabled], html input[disabled] {
    cursor: text;
}
/**ARREGLA LOS INPUTS NO EDITABLES*/

.row{
        margin-left: 0;
    margin-right: 0;
}

.input-group-addon{
    
background-color: #fff;
border-color:#A9A9A9;
border-top:none!important;
border-bottom: 1px solid #A9A9A9 !important;
border-left:none!important;
border-right:none;
border-right-color: #fff;
color:#6C7A89;
border-radius:0;
font-size: 16px !important;
}

.form-control input, textarea{
font-weight: 700;
}
.form-control input:focus, textarea:focus {
color:#1a1a1a;
font-weight: 700;
}

.required{
    border: 1px dashed #f55753!important;
}
.required:focus{
    border: 1px solid #f55753!important;
}
.required-icon{
	color:#f55753;
}

/**ESTILOS PARA MODIFICAR LA APARIENCIA DEL KENDO*/
.k-dropdown {
    background-color: transparent !important;
        width: 100% !important;
}
.k-dropdown .k-dropdown-wrap, .k-dropdown.k-state-border-down .k-dropdown-wrap.k-state-border-down {
    border-bottom-color: darkgrey;
    font: bold 13px 'DINRoundPro', 'Roboto', sans-serif;
    transition: all 0.3s;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: translateZ(0);
    border-right-color: transparent;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: all;
    transition-property: all;
    font-weight: 400;
    /* height: 40px; */
    background-color: transparent;
    border-radius: 0px;
    padding-top: 4px;
    
}
.k-dropdown .k-dropdown-wrap .k-select, .k-ie .k-dropdown .k-dropdown-wrap .k-select, .k-ff .k-dropdown .k-dropdown-wrap .k-select {
   -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-size: 20px;
    background-image: url(../images/flechaabajod.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    
}
[data-role="popup"] {
   
    border-radius: 1px !important;
    
}
[data-role="popup"] ul li[class="k-item k-state-hover"], [data-role="popup"] ul li[class="k-item k-state-selected k-state-focused"] {
    border-radius: 0px;
    background-color:transparent;
}

.k-i-arrow-60-down{
   color: transparent !important;
}

.k-state-hover:hover{
    background-color:transparent !important;
    border-bottom-color:darkgrey !important;
    border-top-color:transparent!important;
    border-right-color:transparent!important;
    border-left-color:transparent!important;
}

.k-dropdown .k-input{
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
   padding-top: 10px;
}

.k-item>.k-state-hover{
    background-color:blue !important;
}

.k-numeric-wrap.k-state-default{
    box-shadow:none;
    border-bottom-color:darkgrey;
}

.k-numeric-wrap .k-state-default .k-state-hover{
        border-color: white !important;

}

.k-item>.k-state-selected{
    background-color:blue !important;
}

.k-list>.k-state-selected, .k-state-selected,.k-state-highlight{
    background-color:blue;
}

.k-list .k-state-hover{
    background-color:dodgerblue !important;
}

.k-header .k-with-icon{
    background-color: #2B70BE !important;
}

.k-filter-row .k-dropdown-operator{
    right:0 !important;
}

/*TIMEPICKER*/
.k-toolbar .k-split-button, span.k-colorpicker, span.k-combobox, span.k-datepicker, span.k-datetimepicker, span.k-dropdown, span.k-numerictextbox, span.k-timepicker{
/*border-bottom: 1px solid #A9A9A9!important;*/
    border-top:none!important;
    border-radius: 0;
    border-left:none!important;
    border-right: none !important;
    font: bold 13px 'DINRoundPro', 'Roboto', sans-serif;
	transition: all 0.3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
    -webkit-transition-property: all;
    transition-property: all;
    font-weight: 400;
    height: 40px;
    background-color:#ffffff;
}
.k-input[readonly]{
    background-color:white;
}


/*Numeric textbox*/
.k-numerictextbox .k-icon{
    color:transparent !important;
}

.k-numerictextbox .k-i-arrow-60-down{
     -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-size: 20px;
    background-image: url(../images/flechaabajod.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 20px;
    color:transparent !important;
}
.k-numerictextbox .k-i-arrow-60-up{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-size: 20px;
    background-image: url(../images/flechaarribad.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 20px;
}

.k-state-default > .k-select .k-icon {
    border-color: transparent !important;
    /* color: aliceblue; */
    background-color: white;

}

.k-numeric-wrap .k-state-default .k-state-focused .k-state-hover{
        border-color: transparent !important;
        background-color: transparent !important;
}

.k-state-hover>.k-select .k-icon{
    border-color:transparent !important;
    background-color:transparent !important;
}

.k-link .k-link-increase .k-state-selected{
        border-color:transparent !important;

}

.k-icon .k-i-arrow-60-down{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-size: 20px;
    background-image: url(../images/flechaarribad.png) !important;
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}

.Required-User-Control{
    border-bottom: 1px solid #fd1f34;
}


.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 11px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}

/*CHECKBOXES FORMULARIOS*/

.checkSmartIT{
    margin-top:40px;
    font-size:12px;
    
}

.checkSmartIT input{
    margin-top: 0px;
    margin-left: 5px;
        padding-top: 3px;
}
.checkSmartIT label{
    margin-bottom: 8px;
    float: left;
        display: table;
}
.customized {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
    background: white;
    width: 20px;
    height: 20px;
    position: relative;
    border: 2px solid #6C7A89;
    border-radius: 100%;
}
/*.customized:checked {
  background: #2b70be;
}*/
.customized:checked:before {
  content: "";
    position: absolute;
    background: transparent;
    width: 19%;
    height: 45%;
    top: 4px;
    left: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkLabelVP{
    letter-spacing: 0.01em;
    font-weight: 500;
    font: bold 12px 'Weissenhof Grotesk','Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    line-height: 35px;
        color:#565656;

}

/*/CHECKBOXES FORMULARIOS*/

/*ACORDION COLOR*/
.navbar-inverse .ui-accordion-content .navbar-inverse{
    border:0!important;
    border-color:transparent!important;
}
/*/ACRODIN COLOR*/
.text-center{
    text-align:center
}
.pt5{
    padding-top: 5px;
}
.pt10{
    padding-top:10px;
}
.pt20{
    padding-top: 20px;
}
.pt25{
    padding-top:25px;
}
.pt30{
    padding-top:30px;    
}
.pt40{
    padding-top: 40px;
}
.pt45{
    padding-top:45px;
}
.pt50{
    padding-top: 50px;
}

.pb5{
    padding-bottom: 5px;
}
.pb10{
    padding-bottom:10px;
}
.pb20{
    padding-bottom: 20px;
}
.pb30{
    padding-bottom:30px;    
}
.pb40{
    padding-bottom: 40px;
}
.pb50{
    padding-bottom: 50px;
}


.control-label-expangular{
     letter-spacing: 0.01em;
    font-weight: 500;
    font:normal 12px 'Weissenhof Grotesk','Roboto', 'Helvetica-neue', 'Helvetica', 'Arial', sans-serif;
    line-height: 35px;
    margin-top:5px !important;
    margin-bottom: 5px!important; 
    margin-left:20px;
    color:#565656
}


/*Botones*/

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    margin: 10px;
}

/*Botones*/

/*Para alinear inputs de kendo*/
.kendoInput .input-group-addon:first-child {
    border-right: 0;
    padding-top: 16px;
}

.kendoInput .k-dropdown .k-input {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding-top: 14px;
}

.kendoInput .k-dropdown .k-dropdown-wrap {
   border-bottom-color: darkgrey;
    font: bold 13px 'DINRoundPro', 'Roboto', sans-serif;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    /* height: 40px; */
    background-color: transparent;
    border-radius: 0px;
    padding:0px;
}

.kendoInput span.k-numerictextbox{
    border-bottom: 1px solid #A9A9A9!important;
    border-top: none!important;
    border-radius: 0;
    border-left: none!important;
    border-right: none !important;
    font: bold 13px 'DINRoundPro', 'Roboto', sans-serif;
    transition: all 0.3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: all;
    transition-property: all;
    font-weight: 400;
    height: 40px;
    background-color: #ffffff;
}
.kendoInput .k-numerictextbox .k-link {
    height:1.5em;
}
.kendoInput .k-state-hover:hover {
    border: 1px solid black;
    box-shadow: none;
    border-bottom-color:darkgrey;
}
.kendoInput .k-state-hover:active{
     border: 1px solid black;
    box-shadow: none;
}


.kendoInput .k-numeric-wrap.k-state-default {
    border-right-color: white !important;
    border-left-color: white !important;
    border-top-color: white !important;
    border-bottom-color: darkgrey !important;
    padding-top: 13px;
    border-radius: 0px;
    /*background-color: white;*/
}

.kendoInput .k-numeric-wrap{
     background-color:white;
    border-bottom-color:darkgrey !important;
}

.kendoInput span.k-numeric-wrap.k-state-focused{
    background-color:white;
    border-bottom-color:darkgrey !important;
}

.kendoInput .k-picker-wrap.k-state-default, .k-state-focused {
   border: 0;
    background: white;
        box-shadow: none;
        padding-top: 14px;
            border-bottom-color:darkgrey;
}

.kendoInput .k-state-default>.k-select {
    border-color: transparent;
}

span.k-picker-wrap.k-state-disabled{
    border: 0;
    border-radius:0;
    background: #f7f7f7;
    box-shadow: none;
    padding-top: 15px;
}

.kendoInput .form-control{
    border-bottom-color:darkgrey !important;
}

.kendoInput .k-timepicker .k-state-hover:hover{
    background: white;
    border: none;
    box-shadow:none;
    border-bottom-color:white !important;
}

.kendoInput .k-picker-wrap.k-state-default.k-state-hover{
        border-bottom-color:white !important;

}

.kendoInput .k-datepicker .k-state-hover:hover{
    background: white;
    border-bottom-color:darkgrey;
    border-top-color:white;
    border-left-color:white;
    border-right-color:white;
    box-shadow:none;
}

.kendoInput .k-datepicker .k-input[type=text] {
    border: 0;
    padding-left: 20px;
    text-transform: uppercase;
}

.kendoInput  span.k-datepicker{

    border-bottom: 1px solid #A9A9A9!important;
    border-top: none!important;
    border-radius: 0;
    border-left: none!important;
    border-right: none !important;
    font: bold 13px 'DINRoundPro', 'Roboto', sans-serif;
    transition: all 0.3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: all;
    transition-property: all;
    font-weight: 400;
    height: 40px;
    background-color: #ffffff;}

.kendoInput .k-calendar .k-state-hover>.k-link{
    color:#fff ;
    background-color:dodgerblue !important;
}

.kendoInput .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color: transparent !important;				   
    border: 1px solid #b0b0b0;

}
/*UI GENERAL 2017*/
.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
	transition: all 0.5s;
}
.ibox.collapsed .ibox-content {
  display: none;
}
.ibox.collapsed .fa.fa-chevron-up:before {
  content: "\f078";
}
.ibox.collapsed .fa.fa-chevron-down:before {
  content: "\f077";
}
.ibox:after,
.ibox:before {
  display: table;
}
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 3px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 48px;
}
.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}
.ibox:hover {
  box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
}
.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}
.ibox-content {
  clear: both;
}
.ibox-heading {
  background-color: #f3f6fb;
  border-bottom: none;
}
.ibox-heading h3 {
  font-weight: 200;
  font-size: 24px;
}
.ibox-title h5 {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 7px;
  padding: 0;
  text-overflow: ellipsis;
  float: left;
}
.ibox-title .label {
  float: left;
  margin-left: 4px;
}
.ibox-tools {
  display: block;
  float: none;
  margin-top: 0;
  position: relative;
  padding: 0;
  text-align: right;
}
.ibox-tools a {
  cursor: pointer;
  margin-left: 5px;
  color: #c4c4c4;
}
.ibox-tools a.btn-primary {
  color: #fff;
}
.ibox-tools .dropdown-menu > li > a {
  padding: 4px 10px;
  font-size: 12px;
}
body.rtls .ibox-tools {
  float: left;
}
.skin-1 .ibox-title,
.skin-1 .ibox-content {
  border-width: 1px;
}
.skin-1 .ibox-content:last-child {
  border-style: solid solid solid solid;
}
.skin-2 .ibox-title {
  background: rgba(255, 255, 255, 0.7);
  border: none;
  margin-bottom: 1px;
}
.skin-2 .ibox-content {
  background: rgba(255, 255, 255, 0.4);
  border: none !important;
}
.ibox .ibox-tools.open > .dropdown-menu {
  left: auto;
  right: 0;
}
.skin-3 .ibox-title,
.skin-3 .ibox-content {
  border-width: 1px;
}
.skin-3 .ibox-content:last-child {
  border-style: solid solid solid solid;
}
.md-skin .ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin .ibox.border-bottom {
  border-bottom: none !important;
}
.md-skin .ibox-title,
.md-skin .ibox-content {
  border-style: none;
}
.md-skin .ibox-title h5 {
  font-size: 16px;
  font-weight: 400;
}
.ibox-content h1,
.ibox-content h2,
.ibox-content h3,
.ibox-content h4,
.ibox-content h5,
.ibox-title h1,
.ibox-title h2,
.ibox-title h3,
.ibox-title h4,
.ibox-title h5 {
  margin-top: 5px;
}
.ibox-content.text-box {
  padding-bottom: 0;
  padding-top: 15px;
}
.hr-line-dashed {
  border-top: 1px dashed #e7eaec;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 20px 0;
}
.hr-line-solid {
  border-bottom: 1px solid #e7eaec;
  background-color: rgba(0, 0, 0, 0);
  border-style: solid !important;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* MARGINS & PADDINGS */
.p-xxs {
  padding: 5px;
}
.p-xs {
  padding: 10px;
}
.p-sm {
  padding: 15px;
}
.p-m {
  padding: 20px;
}
.p-md {
  padding: 25px;
}
.p-lg {
  padding: 30px;
}
.p-xl {
  padding: 40px;
}
.p-w-xs {
  padding: 0 10px;
}
.p-w-sm {
  padding: 0 15px;
}
.p-w-m {
  padding: 0 20px;
}
.p-w-md {
  padding: 0 25px;
}
.p-w-lg {
  padding: 0 30px;
}
.p-w-xl {
  padding: 0 40px;
}
.m-xxs {
  margin: 2px 4px;
}
.m-xs {
  margin: 5px;
}
.m-sm {
  margin: 10px;
}
.m {
  margin: 15px;
}
.m-md {
  margin: 20px;
}
.m-lg {
  margin: 30px;
}
.m-xl {
  margin: 50px;
}
.m-n {
  margin: 0 !important;
}
.m-l-none {
  margin-left: 0;
}
.m-l-xs {
  margin-left: 5px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-l {
  margin-left: 15px;
}
.m-l-md {
  margin-left: 20px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-l-xl {
  margin-left: 40px;
}
.m-l-n-xxs {
  margin-left: -1px;
}
.m-l-n-xs {
  margin-left: -5px;
}
.m-l-n-sm {
  margin-left: -10px;
}
.m-l-n {
  margin-left: -15px;
}
.m-l-n-md {
  margin-left: -20px;
}
.m-l-n-lg {
  margin-left: -30px;
}
.m-l-n-xl {
  margin-left: -40px;
}
.m-t-none {
  margin-top: 0;
}
.m-t-xxs {
  margin-top: 1px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-sm {
  margin-top: 10px;
}
.m-t {
  margin-top: 15px;
}
.m-t-md {
  margin-top: 20px;
}
.m-t-lg {
  margin-top: 30px;
}
.m-t-xl {
  margin-top: 40px;
}
.m-t-n-xxs {
  margin-top: -1px;
}
.m-t-n-xs {
  margin-top: -5px;
}
.m-t-n-sm {
  margin-top: -10px;
}
.m-t-n {
  margin-top: -15px;
}
.m-t-n-md {
  margin-top: -20px;
}
.m-t-n-lg {
  margin-top: -30px;
}
.m-t-n-xl {
  margin-top: -40px;
}
.m-r-none {
  margin-right: 0;
}
.m-r-xxs {
  margin-right: 1px;
}
.m-r-xs {
  margin-right: 5px;
}
.m-r-sm {
  margin-right: 10px;
}
.m-r {
  margin-right: 15px;
}
.m-r-md {
  margin-right: 20px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-r-xl {
  margin-right: 40px;
}
.m-r-n-xxs {
  margin-right: -1px;
}
.m-r-n-xs {
  margin-right: -5px;
}
.m-r-n-sm {
  margin-right: -10px;
}
.m-r-n {
  margin-right: -15px;
}
.m-r-n-md {
  margin-right: -20px;
}
.m-r-n-lg {
  margin-right: -30px;
}
.m-r-n-xl {
  margin-right: -40px;
}
.m-b-none {
  margin-bottom: 0;
}
.m-b-xxs {
  margin-bottom: 1px;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-md {
  margin-bottom: 20px;
}
.m-b-lg {
  margin-bottom: 30px;
}
.m-b-xl {
  margin-bottom: 40px;
}
.m-b-n-xxs {
  margin-bottom: -1px;
}
.m-b-n-xs {
  margin-bottom: -5px;
}
.m-b-n-sm {
  margin-bottom: -10px;
}
.m-b-n {
  margin-bottom: -15px;
}
.m-b-n-md {
  margin-bottom: -20px;
}
.m-b-n-lg {
  margin-bottom: -30px;
}
.m-b-n-xl {
  margin-bottom: -40px;
}
.space-15 {
  margin: 15px 0;
}
.space-20 {
  margin: 20px 0;
}
.space-25 {
  margin: 25px 0;
}
.space-30 {
  margin: 30px 0;
}
.fullscreen-ibox-mode .animated {
  animation: none;
}
body.fullscreen-ibox-mode {
  overflow-y: hidden;
}
.ibox.fullscreen {
  z-index: 2030;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  margin-bottom: 0;
}
.ibox.fullscreen .collapse-link {
  display: none;
}
.ibox.fullscreen .ibox-content {
  min-height: calc(100% - 48px);
}
body.modal-open {
  padding-right: inherit !important;
}
body.modal-open .animated {
  animation-fill-mode: initial;
  z-index: inherit;
}

/* Jobsite */

/*Subir CV*/
.subirCVSector{margin-bottom: 1px;
}
.subirCVSector p{
	font-size: 0.75em;
}
.subirCVBtn{
	margin-top: 0;
}
.vacantesSubirCV {
	background-color: #0063B1!important;
	border: 0;
}
.vacantesSubirCV h5{
	color: #fff;
}
.rhReculta{
	background-color: #F7630C!important;
	border: 0;	
}
.rhReculta h5{
	color: #fff;
}
.recursosHumanosSite .btn-primary{
	background-color: #F7630C;
	color:#fff;
 }
.recursosHumanosSite .btn-primary:hover{
	background-color: #FF8C00;
	color:#fff;
	border: 1px solid #FF8C00;
 }
.recursosHumanosSite .form-control:focus{
	border-bottom: 1px solid #FF8C00!important;
}
.recursosHumanosSite .ibox{
	background: white;
}
.subirCVBtn p{
	font-size: 0.75em;
}
.publicarVacantebtn p{
	font-size: 0.75em;
}
@media (max-width: 768px) {
    .subirCVSector p{
	font-size: 0.85em;
}
	.vacantesSubirCV h5{
		font-size: 1.3em;
	}
	.filtro-vacantes h5 {
    font-size: 1.1em;
		padding-bottom:7;
	}
	.filtro-vacantes input{
		font-size: 1.1em;
		color: #353535;
	}
	.filtro-vacantes .tag-list li a{
		font-size: .9em;
		color: black;
	}
	.filtro-vacantes .btn{
		font-size: .9em;
	}
	#page-wrapper {
    position: inherit;
    margin: 0 0 0 0;
    min-height: 1000px;
  }
  .body-small .navbar-static-side {
    display: none;
    z-index: 2001;
    position: absolute;
    width: 70px;
  }
  .body-small.mini-navbar .navbar-static-side {
    display: block;
  }
  .lock-word {
    display: none;
  }
  .navbar-form-custom {
    display: none;
  }
  .navbar-header {
    display: inline;
    float: left;
  }
  .sidebard-panel {
    z-index: 2;
    position: relative;
    width: auto;
    min-height: 100% !important;
  }
  .sidebar-content .wrapper {
    padding-right: 0;
    z-index: 1;
  }
  .fixed-sidebar.body-small .navbar-static-side {
    display: none;
    z-index: 2001;
    position: fixed;
    width: 220px;
  }
  .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
    display: block;
  }
  .ibox-tools {
    float: none;
    text-align: right;
    display: block;
  }
}
@media (max-width: 350px) {
  .timeline-item .date {
    text-align: left;
    width: 110px;
    position: relative;
    padding-top: 30px;
  }
  .timeline-item .date i {
    position: absolute;
    top: 0;
    left: 15px;
    padding: 5px;
    width: 30px;
    text-align: center;
    border: 1px solid #e7eaec;
    background: #f8f8f8;
  }
  .timeline-item .content {
    border-left: none;
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
    min-height: 100px;
  }
  .nav.navbar-top-links li.dropdown {
    display: none;
  }
  .ibox-tools {
    float: none;
    text-align: left;
    display: inline-block;
  }
}
/* Resizable */
.resizable-panels .ibox {
  clear: none;
  margin: 10px;
  float: left;
  overflow: hidden;
  min-height: 150px;
  min-width: 150px;
}
.resizable-panels .ibox .ibox-content {
  height: calc(100% - 49px);
}
.ui-resizable-helper {
  background: rgba(211, 211, 211, 0.4);
}
/* UI Sortable */
.ui-sortable .ibox-title {
  cursor: move;
}
.ui-sortable-placeholder {
  border: 1px dashed #cecece !important;
  visibility: visible !important;
  background: #e7eaec;
}
.ibox.ui-sortable-placeholder {
  margin: 0 0 23px !important;
}
/*JOBSITE*/
.jobsite{
	padding-top: 35px;
}
/* FILTRO VACANTES */
.file-box {
  float: left;
  width: 220px;
}
.filtro-vacantes h5 {
  text-transform: uppercase;
}
.filtro-vacantes {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.folder-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}
.folder-list li {
  border-bottom: 1px solid #e7eaec;
  display: block;
}
.folder-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.category-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}
.category-list li {
  display: block;
}
.category-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.category-list li a .text-navy {
  color: #1ab394;
}
.category-list li a .text-primary {
  color: #1c84c6;
}
.category-list li a .text-info {
  color: #23c6c8;
}
.category-list li a .text-danger {
  color: #EF5352;
}
.category-list li a .text-warning {
  color: #F8AC59;
}
.filtro-vacantes h5.tag-title {
  margin-top: 20px;
}
.tag-list li {
  float: left;
}
.tag-list li a {
  font-size: 10px;
  background-color: #f3f3f4;
  padding: 5px 12px;
  color: inherit;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-right: 5px;
  margin-top: 5px;
  display: block;
}
.file {
  border: 1px solid #e7eaec;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px;
}
.filtro-vacantes .hr-line-dashed {
  margin: 15px 0;
}
.file .icon,
.file .image {
  height: 100px;
  overflow: hidden;
}
.file .icon {
  padding: 15px 10px;
  text-align: center;
}
.file-control {
  color: inherit;
  font-size: 11px;
  margin-right: 10px;
}
.file-control.active {
  text-decoration: underline;
}
.file .icon i {
  font-size: 70px;
  color: #dadada;
}
.file .file-name {
  padding: 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7eaec;
}
.file-name small {
  color: #676a6c;
}
.corner {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 0;
  border: 0.6em solid transparent;
  border-right: 0.6em solid #f1f1f1;
  border-bottom: 0.6em solid #f1f1f1;
  right: 0em;
  bottom: 0em;
}
a.compose-mail {
  padding: 8px 10px;
}
.mail-search {
  max-width: 300px;
}
.filtro-vacantes-input input{
	text-transform: capitalize!important;
}
.filtro-vacantes-input i{
	padding: 5px;
	font-size: 16px;
}
.sectorDivisionAutomotriz{
	border: 1px solid #42A5F5!important;
	color: #42A5F5!important;
	background: white!important;
}
.sectorDivisionAutomotriz:hover,
.sectorDivisionAutomotriz:focus,
.sectorDivisionAutomotriz:active,
.sectorDivisionAutomotriz.active,
.open .dropdown-toggle.sectorDivisionAutomotriz,
.sectorDivisionAutomotriz:active:focus,
.sectorDivisionAutomotriz:active:hover,
.sectorDivisionAutomotriz.active:hover,
.sectorDivisionAutomotriz.active:focus{

	background: #42A5F5!important;	
	color: white!important;
}

.sectorTurismo{
	border: 1px solid #FF4343!important;
	color: #FF4343!important;
	background: white!important;
}

.sectorTurismo:hover,
.sectorTurismo:focus,
.sectorTurismo:active,
.sectorTurismo.active,
.open .dropdown-toggle.sectorTurismo,
.sectorTurismo:active:focus,
.sectorTurismo:active:hover,
.sectorTurismo.active:hover,
.sectorTurismo.active:focus{
	background: #FF4343!important;
	color: white!important;
}


.sectorFinanciero{
	color: #00B294!important;
	border: 1px solid #00B294!important;
	background: white!important;
}

.sectorFinanciero:hover,
.sectorFinanciero:focus,
.sectorFinanciero:active,
.sectorFinanciero.active,
.open .dropdown-toggle.sectorFinanciero,
.sectorFinanciero:active:focus,
.sectorFinanciero:active:hover,
.sectorFinanciero.active:hover,
.sectorFinanciero.active:focus{
	background: #00B294!important;
	color: white!important;
}
.sectorTI{
	color: #6B69D6!important;
	border: 1px solid #6B69D6!important;
	background: white!important;
}
.sectorTI:hover,
.sectorTI:focus,
.sectorTI:active,
.sectorTI.active,
.open .dropdown-toggle.sectorTI,
.sectorTI:active:focus,
.sectorTI:active:hover,
.sectorTI.active:hover,
.sectorTI.active:focus{
	background: #6B69D6!important;
	color: white!important;
}
.quitarFiltro{
	float: right;
	margin-left: 5px;
	padding: 2px 3px 3px 3px;
	background: white;
	border-radius: 5px;
	color: #9a9a9a;
	transition: 0.2s;
}
.quitarFiltro:hover{
	background-color:  #9a9a9a;
	color: white;
}
/*FILTRO VACANTES*/
/* RECURSOS HUMANOS*/
/* CONTACTS */
.contact-box {
  background-color: #ffffff;
  border: 1px solid #e7eaec;
  padding: 20px;
  margin-bottom: 20px;
  transition: all 0.5s;
}
.contact-box:hover{
	box-shadow: 1px 5px 10px rgba(0,0,0,.2)
}
.contact-box > a {
  color: inherit;
}
.contact-box.center-version {
  border: 1px solid #e7eaec;
  padding: 0;
}
.contact-box.center-version > a {
  display: block;
  background-color: #ffffff;
  padding: 20px;
  text-align: center;
}
.contact-box.center-version > a img {
  width: 80px;
  height: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.contact-box.center-version address {
  margin-bottom: 0;
}
.contact-box .contact-box-footer {
  text-align: center;
  background-color: #ffffff;
  border-top: 1px solid #e7eaec;
  padding: 15px 79px;
}
.img-circle {
  border-radius: 50%;
}

/*RECURSOS HUMANOS*/
/* LISTA VACANTES*/

.lista-vacantes h4{
	color: #0063B1;
	font-size: 16px;
	font-family: 'weissenhof_groteskregular';
	text-transform: uppercase;
	letter-spacing: 0.03em;
	display: inline-block;
    margin: 5px 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}

.jobsiteDescripcionVacante {
	font-family: 'weissenhof_groteskregular';
	font-size: 1.1em;
	margin-bottom:  20px;
}
.vacanteTitulo{
	text-transform: uppercase;
	line-height: 1.5;
	font-size: 1.2em;
	padding-bottom:   10px;
	
}
.vacanteSubtitulo{
	text-transform: uppercase;
	line-height: 1;
	color: #9D9D9D;
	
}
.vacanteDetalle{
	width: 25px;
	height: 25px;
  padding: 6px 9px;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
background: darkgrey;
	color: white;
}
.vacanteSalario{
	background: #FFB900;
}
.vacanteTiempo{
	background: #F7630C;
}
.vacanteUbicacion{
	background: #00CC6A; 
}
.vacanteDepartamento{
	background: #B146C2; 
}
/* JOBSITE LOGIN */

.jobsite-name {
  color: #e6e6e6;
  font-size: 180px;
  font-weight: 800;

  margin-bottom: 0;
}

.middle-box h1 {
  font-size: 50px;
}
.wrapper .middle-box {
  margin-top: 80px;
}

/* JOBSITE LOGIN */

/* MODAL JOBSITE */
.modal-content {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  outline: 0 none;
  position: relative;
}
.modal-postula{
	width: 340px;
}
.modal-dialog {
  z-index: 2200;
}
.modal-body {
  padding: 20px 30px 30px 30px;
}
.inmodal .modal-body {
  background: #f8fafb;
}
.inmodal .modal-header {
  padding: 30px 15px;
  text-align: center;
}
.animated.modal.fade .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.inmodal .modal-title {
  font-size: 26px;
}
.inmodal .modal-icon {
  font-size: 84px;
  color: #e2e3e3;
}
.modal-footer {
  margin-top: 0;
}
/*MODAL JOBSITE END*/