.k-menu {
    color: #003f59;
    background-color: #327DB7;
    color: white;
}

.k-menu .k-state-hover:hover {
    background-color: #e18133;
    color: white;
}

    .k-menu .k-group {
        background-color: #327DB7;
        border: 1px solid #226DA7;
    }

.k-menu .k-item>.k-link {
    color: white;
    padding: .3em 0.7em .2em;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid white;
    overflow: no;
}

.k-menu .k-state-active {
    background-color: #e18133;
}

.k-menu-horizontal{
    display: inline-block;
}

.k-menu-principal {
    position: absolute;
    left: 0px;
    top: 0px;
}


.k-menu .k-item>.k-link>.k-i-arrow-e {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 2px;
}

.k-menu .k-icon {
    background-image: url('sprite_sonda.png');
    border-color: transparent;
}

.k-click {
    background-color: #D5E5F1;
}

.k-menu .k-click>.k-link {
    color: #226DA7;
}

.k-item {
    white-space: nowrap;
}

.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
    overflow-x: hidden;
}

.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
    border-color: transparent;
}

.k-panelbar-expand,
.k-panelbar-collapse {
    position: absolute;
    top: 2px;
}

.k-panelbar .k-icon {
    background-image: none !important;
    border-color: transparent;
    width: 14px;
    left: 4px;
}

.k-icon.k-i-arrow-s::before {
    display: block;
    content: '';
    position: absolute;
    top: 4px;
    left: 0px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #F39A05;
    border-right: 0px solid transparent;
}

.k-icon.k-i-arrow-n {
    left: 1px;
    top: 5px;
}

.k-icon.k-i-arrow-n.k-panelbar-collapse::before {
    display: block;
    content: '';
    position: absolute;
    top: 4px;
    left: 0px;
    border-top: 5px solid #fff;
    border-bottom: 0px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.k-header {
    border: none !important;
    background-image: none !important;
}

.k-panel .k-i-arrow-n,
.k-panel .k-i-arrow-s {
    top: 1px;
}

#k_panelbar .k-button:hover,
#k_panelbar .k-button:focus,
#k_panelbar .k-button.k-state-focused,
#k_panelbar .k-textbox:hover,
#k_panelbar .k-state-selected.k-state-hover,
#k_panelbar .k-state-hover,
#k_panelbar .k-state-hover:hover,
#k_panelbar .k-pager-wrap .k-link:hover,
#k_panelbar .k-other-month.k-state-hover .k-link,
#k_panelbar div.k-imagebrowser-dropzone em,
#k_panelbar .k-draghandle:hover {
    background-image: none;
}

#k_panelbar .k-state-focused.k-state-hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-panelbar .k-link:hover {
    color: #F39A05;
}

/* primer nivel */

.k-panelbar>.k-item>.k-link {
    display: block;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0 1.3em;
    line-height: 2.34em;
    text-decoration: none;
    zoom: 1;
    border: none !important;
}

#k_panelbar li {
    background-color: inherit;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

#k_panelbar .k-link{
    font-size: 0.65em;
}

/* 2do nivel */

.k-panel>.k-item>.k-link {
    display: block;
    position: relative;
    padding: 0 1.8em;
    line-height: 2em;
    text-decoration: none;
    zoom: 1;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(7, 87, 134, 0.3);
}

.k-panel>.k-item:last-child>.k-link {
    border-bottom: none;
}

.k-panelbar-l2 .k-panelbar-expand,
.k-panelbar-l2 .k-panelbar-collapse {
    position: absolute;
    top: 1px;
    left: 5px;
}

.k-panelbar-l2 .k-panelbar-collapse.k-i-arrow-n {
    top: 3px
}

#k_panelbar>li>ul {
    background-color: #0367a2;
}

/* 3er nivel */

.k-panel .k-panel>.k-item>.k-link {
    padding-left: 2.8em;
}

.k-panelbar-l3 .k-panelbar-expand,
.k-panelbar-l3 .k-panelbar-collapse {
    position: absolute;
    top: 1px;
    left: 10px;
}

#k_panelbar>li>ul>li .k-state-selected {
    background-color: transparent;
    box-shadow: none;
}

#k_panelbar>li>ul>li>ul {
    background-color: #3c90c1;
}

/*4to nivel */

.k-panel .k-panel .k-panel>.k-item>.k-link {
    padding: 0em 4em;
    border-bottom: 1px solid #4d8fb58a !important;
}

.k-panel .k-panel .k-panel>.k-item:last-child>.k-link {
    border-bottom: none;
}

.k-panelbar-l4 .k-panelbar-expand,
.k-panelbar-l4 .k-panelbar-collapse {
    position: absolute;
    top: 5px;
    left: 15px;
}

#k_panelbar > li > ul > li > ul > li > ul {
    background-color: #6fabce;
}

/*5to nivel */

.k-panel .k-panel .k-panel .k-panel > .k-item > .k-link {
    /*padding-left: 3.8em;*/
    padding: 0em 4em;
    border-bottom: 1px solid #4d8fb58a !important;
}
.k-panel .k-panel .k-panel > .k-item:last-child > .k-link {
    border-bottom: none;
}
.k-panelbar-l5 .k-panelbar-expand,
.k-panelbar-l5 .k-panelbar-collapse {
    position: absolute;
    top: 5px;
    left: 20px;
}

#k_panelbar > li > ul > li > ul > li > ul > li > ul {
    /*background-color: #98c8e4;*/
    background-color: #6fabce;
}

/*--------------------------------------------------------*/

/*Nivel 6*/
.k-panel .k-panel .k-panel > .k-item > .k-link {
    padding: 0em 4em;
    border-bottom: 1px solid #4d8fb58a !important;
}

.k-panel .k-panel .k-panel > .k-item:last-child > .k-link {
    border-bottom: none;
}

.k-panelbar-l6 .k-panelbar-expand,
.k-panelbar-l6 .k-panelbar-collapse {
    position: absolute;
    top: 5px;
    left: 25px;
}

#k_panelbar > li > ul > li > ul > li > ul li > ul > li > ul {
    background-color: #6fabce;
}

/*--------------------------------------*/

/*Nivel 7*/
.k-panel .k-panel .k-panel > .k-item > .k-link {
    padding: 0em 4em;
    border-bottom: 1px solid #4d8fb58a !important;
}

.k-panel .k-panel .k-panel > .k-item:last-child > .k-link {
    border-bottom: none;
}

.k-panelbar-l7 .k-panelbar-expand,
.k-panelbar-l7 .k-panelbar-collapse {
    position: absolute;
    top: 5px;
    left: 30px;
}

#k_panelbar > li > ul > li > ul > li > ul li > ul > li > ul > li > ul {
    background-color: #6fabce;
}

/*--------------------------------------*/


.k-header.k-tabstrip {
    background-color: transparent;
}

.k-header.k-tabstrip:focus{
    box-shadow: none;
}

.k-tabstrip-items{
    padding: 0px;
    margin-top: 10px;
}

.k-tabstrip .k-content.k-state-active {
    display: none !important;
}

ul.k-tabstrip-items>li.k-state-default {
    font-size: 1em;
    background-color: #bbbfce;
    background-image: none;
    text-align: center;
    border: none;
    border-radius: 0px;
    margin-right: 5px;
}

ul.k-tabstrip-items>li.k-state-default:last-child {
    margin-right: 0px;
}

ul.k-tabstrip-items>li.k-state-default .k-link {
    color: #ffffff;
    border-radius: 0px;
    padding: 0px 10px;
}

ul.k-tabstrip-items>li.k-state-default.k-state-active {
    background-color: #61698c;
}

.k-header.k-datepicker{
    background-color: transparent;
}

.k-header.k-datepicker .k-state-default{
    background-color: transparent;
    border: none;
}

.k-header.k-datepicker .k-state-default input{
    background-color: #e8eaef;
    border-radius: 0px;
    height: 16px;
    margin-top: 4px;
}

.k-header.k-datepicker .k-state-default>.k-select{
    border: none !important;
}

.k-overlay{
    background-color: #003d6d;
    opacity: 0.9 !important;
}

.k-widget.k-window{
    border: 3px solid #f58220;
    box-shadow: none;
    border-radius: 0px;
    padding-top: 0px;
}

.k-window-titlebar.k-header{
    background-color: #fff;
}

.k-window-titlebar.k-header .k-window-action.k-link{
    opacity: 1 !important;
}

.k-window-titlebar.k-header .k-icon{
    background-image: none;
}

.k-window-titlebar.k-header .k-window-action.k-link .k-icon.k-i-close{
    background-color: #004873;
}

.k-window-titlebar.k-header .k-window-action.k-link .k-icon.k-i-close:after{
    content: "x";
    color: white;
    display: block;
    height: 20px;
    width: 20px;
    font-size: 15px;
    font-family: sans-serif;
    position: absolute;
    top: 20px;
    left: 0;
}

/* modificaciones */

.k-panelbar>.k-item>.k-link, .k-panelbar>.k-panelbar-header>.k-link {
    color: #FFFFFF;
}
.k-panelbar>.k-panelbar-header>.k-link {
   background-color: #004873;
   background-image:none;
}

k-panelbar>.k-item+.k-item, .k-panelbar>.k-panelbar-header+.k-panelbar-header {
    border-top-width: 0px;
    border-color: inherit;
}

.k-panelbar>.k-item, .k-panelbar>.k-panelbar-header::before {
	border-color:none;
}
.k-i-arrow-chevron-down:before{
    display: block;
    content: '';
    position: absolute;
    top: 4px;
    left: 0px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #F39A05;
    border-right: 0px solid transparent;
}


.k-i-arrow-chevron-up:before{
	display: block;
    content: '';
    position: absolute;
    top: 4px;
    left: 0px;
    border-top: 5px solid #fff;
    border-bottom: 0px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}




#k_panelbar .k-link {
    padding-left: 2.1em;	
	color:#f7941e;
}

.k-panelbar {
    border-color: none;
    color: #003f59;
    background-color: none;
	border-width:0px;
}
.k-panelbar-item-text {
    color: white;
    background-color: inherit;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
	padding-top: 1px; /* agregado por joaquin */
    padding-bottom: 1px;/* agregado por joaquin */
}
.k-state-hover:hover {
	color:#f7941e;
}
.k-link.k-state-hover: hover {
	color:#f7941e;	
}
.k-panelbar>.k-panelbar-header>.k-link::hover {
	background-color: #115e7e	
}

.k-tabstrip-items .k-reset {
    padding: 0px;
    margin-top: 10px;
}

.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-state-active {
    background-color: #61698c;
}
.k-tabstrip-items .k-state-active {
    background-color: none;
    background-image: none;
    border-color: none; 
}
.k-tabstrip-items .k-item {
background-color:none;
}

.span>.k-link:hover{
 background-color:red;
 color:red;
}


/*tabs*/
.k-widget {
	border-style:none;
	border-top-style:none;
}
/* .k-tabstrip-items .k-link { */
	/* padding-top:0px; */
/* } */
 .k-tabstrip{ 
 border-style:none;
	 height:24px; 
} 
/* .k-reset .k-tabstrip-items { */
	/* margin-top:0px; */
/* } */



.k-panelbar>.k-item>.k-link.k-state-hover, .k-panelbar>.k-item>.k-link:hover, .k-panelbar>.k-panelbar-header>.k-link.k-state-hover, .k-panelbar>.k-panelbar-header>.k-link:hover{
	background-color : #004873;
	color : #f7941e
}

.k-panelbar .k-group>.k-item>.k-link.k-state-hover, .k-panelbar .k-group>.k-item>.k-link:hover, .k-panelbar .k-group>.k-panelbar-item>.k-link.k-state-hover, .k-panelbar .k-group>.k-panelbar-item>.k-link:hover, .k-panelbar .k-panelbar-group>.k-item>.k-link.k-state-hover, .k-panelbar .k-panelbar-group>.k-item>.k-link:hover, .k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link.k-state-hover, .k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link:hover{
		background-color : transparent !important;
}

	/* agrega scroll al div principal del side menu */
#k_panelbar_container {
	overflow-y : auto !important;
	height: 887px;
}

.k-link{
	cursor: pointer!important;
}
.k-state-focused{
	background-color : #004873!important;
}

.k-panelbar-item > .k-state-focused{
	background-color : #4d8fb58a!important;
}

.k-tabstrip {/* propiedad del tab */
	background-color: transparent !important;
}

.k-drag-clue, .k-grid-header, .k-grouping-header, .k-header, .k-menu, .k-panelbar> .k-progressbar, .k-state-highlight, .k-tabstrip, .k-tabstrip-items .k-item, .k-toolbar{
	background-color: #bbbfce;
}

.k-tabstrip-items .k-state-active{
	background-color: #68b1d2;
}
.k-tabstrip{/* correige superpocicion del tab con los elementos bajo este */
	padding-bottom: 50px;
	border-color: transparent;
}

/* borra linea azul que queda en el tab */
.k-block, .k-content, .k-dropzone-active, .k-editor-dialog .k-tabstrip-items, .k-filter-row>th, .k-footer-template td, .k-grid td, .k-grid td.k-state-selected, .k-grid-content-locked, .k-grid-footer, .k-grid-footer-locked, .k-grid-footer-wrap, .k-grid-header, .k-grid-header-locked, .k-grid-header-wrap, .k-group, .k-group-footer td, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panel>.k-item>.k-link, .k-separator, .k-splitbar, .k-state-default, .k-state-disabled, .k-toolbar, .k-treemap-tile, .k-upload .k-action-buttons, .k-upload-files, .k-widget{
	border-color: transparent;
}

/* cambia el tamaño de los botones de los tabs y quita el redondeado */
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item{
	border-radius: 0;
	height: 20px;
}
/* cambia el color de los botones de los tabs */
.k-block>.k-header, .k-tabstrip-items .k-item, .k-tabstrip-items .k-link{
	color: white;
}

/* corrige el icono del calendario que aparece corrido*/
.k-input-button.k-button>.k-button-icon, .k-input-button>.k-button-icon {
	 position: unset; 
	
}
/* refactoriza las flechas del side menu ya que rompian el icono del datepicker*/
.k-i-arrow-chevron-down:before {
width:0px;
height:0px;
}
/* refactoriza las flechas del side menu ya que rompian el icono del datepicker */
.k-i-arrow-chevron-up:before {
width:0px;
height:0px;
}
/* cambia la altura y el ancho del datepicket */
span.k-colorpicker, span.k-combobox, span.k-datepicker, span.k-datetimepicker, span.k-dropdown, span.k-dropdownlist, span.k-dropdowntree, span.k-numerictextbox, span.k-timepicker{
	height: 21px;
	width: 110px !important;
	background-color: #e8eaef;
}
/* remueve el redondeo del datepicker */
.k-rounded-md{
	border-radius : 0
}
/* centra el icono del datepicker despues del cambio de tamaño */
.k-button.k-button-icon, .k-icon-button{
	bottom: 5px;
}
/* hace que el valor del datepicker se vea completo, antes se veia cortado */
.k-input-inner {
	padding: 0;
}
/* deja un pequeño espacion entre el label y sus elementos adyacentes*/
.label, .Label{
	padding-left: 5px;
}

.k-tabstrip-items .k-state-active {
	border-color : transparent
}
/* */
.k-drag-clue, .k-grid-header, .k-grouping-header, .k-header, .k-menu, .k-panelbar>.k-panelbar-header>.k-link, .k-progressbar, .k-state-highlight, .k-tabstrip, .k-tabstrip-items .k-item, .k-toolbar{
	background-image : unset;
	background-position : unset;
	box-shadow: unset !important;
}

/* corrige el fondo del modal */
.k-content-frame {
	background-color: white !important;
}

/* pinta las letras de cada item del side menu cuando se hace hover al parent */
.k-link:hover > .k-panelbar-item-text {
	color : #f7941e
}
/* quita el cambio de color de las letras del tab al hacer hover */
.k-tabstrip-items .k-state-hover .k-link{
	color : white;
}
/* agrega espacio entre las pestañas del tab*/
.k-tabstrip-items > .k-tabstrip-item {
	margin-right : 5px;
}

/*  */

#k_panelbar {
	padding-inline-start:10px;
}

#k_panelbar>li>ul {
    padding-left: 7px;
}

#k_panelbar>li>ul>li>ul {
    padding-left: 7px;	
}

#k_panelbar > li > ul > li > ul > li > ul {
    padding-left: 7px;	

}