.model-path-item {
	padding: 3px 6px;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(32,32,32,.8);
	background-color: rgba(220,220,220,.6);
	color: rgba(92,92,184,.8);
	font-size: 14px;
	font-weight: bolder;
}


.tecla-resaltada {
	font-weight: bolder;
	color: rgba(180,180,240,1);
	text-shadow: 1px 1px 2px rgba(30,30,60,1);
 }


.model-button {
	border: none;
	background-color: rgba(20,20,60,1);
	color: rgba(190,190,190,1);
	font-size: 15px;
	padding: 8px;
	margin: auto;
	cursor: pointer;
	border-radius: 8px;
 }

.model-button:focus {
	background-color:rgba(64,64,128,.8);
	color: rgba(255,255,255,1);
	text-shadow: 1px 1px 2px rgba(193,193,193,.9);
 }
.model-button:hover {
	background-color: rgba(60,60,180,1);
	color: rgba(255,255,255,1);
	text-shadow: 1px 1px 2px rgba(193,193,193,.9);
 }
 .model-button:disabled {
	background-color: rgba(60,60,60,1);
	color: rgba(255,255,255,.5);
	text-shadow: none;
 }


.button {
	border: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	cursor: pointer;
	box-shadow: 2px 2px 3px rgba(180,180,180,.4);
}
.button:disabled {
	background-color: rgb(136, 136, 136)!important;
	border-color:rgb(97, 97, 97)!important;
	color: rgb(192, 192, 192)!important;
}
.button:focus {
	border: 2px solid white;
}


.button-icon {
	color: rgba(222, 224, 107, 0.878);
	text-shadow: 2px 2px 2px rgba(40,40,40,1);
	margin-left: 5px;	
	margin-right: 5px;	
 }

.button-preview {
	background-color: rgb(144, 64, 10)!important;
	/*border-color:rgb(1, 29, 105)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-preview:hover {
	background-color: rgb(195, 86, 13)!important;
	/*border-color:rgb(14, 47, 138)!important;*/
	color: white!important;
}

.button-exit {
	background-color: rgba(66, 4, 4, 1)!important;
	/*border-color:rgb(1, 29, 105)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-exit:hover {
	background-color: rgb(109, 7, 7)!important;
	/*border-color:rgb(14, 47, 138)!important;*/
	color: white!important;
}
 
.button-clean {
	background-color: rgb(99, 83, 13)!important;
	/*border-color:rgb(1, 29, 105)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-clean:hover {
	background-color: rgb(156, 133, 30)!important;
	/*border-color:rgb(14, 47, 138)!important;*/
	color: white!important;
}
.button-new {
	background-color: rgb(0, 43, 160)!important;
	/*border-color:rgb(1, 29, 105)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-new:hover {
	background-color:rgb(19, 62, 182)!important;
	/*border-color:rgb(14, 47, 138)!important;*/
	color: white!important;
}

.button-calendar {
	background-color: rgb(1, 102, 128)!important;
	/*border-color:rgb(140,0,0,1)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-calendar:hover {
	background-color: rgb(0, 154, 192)!important;
	/*border-color:rgb(160,0,0,.8)!important;*/
	color: white!important;
}
.button-delete {
	background-color: rgb(160,0,0,1)!important;
	/*border-color:rgb(140,0,0,1)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-delete:hover {
	background-color: rgb(180,0,0,.8)!important;
	/*border-color:rgb(160,0,0,.8)!important;*/
	color: white!important;
}

.button-edit {
	background-color: rgb(1, 107, 15)!important;
	/*border-color:rgb(1, 78, 12)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-edit:hover {
	background-color: rgb(13, 134, 30)!important;
	/*border-color:rgb(9, 92, 20)!important;*/
	color: white!important;
}

.button-pred {
	background-color: rgb(46, 85, 194)!important;
	/*border-color:rgb(34, 65, 151)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-pred:hover {
	background-color: rgb(88, 88, 184)!important;
	/*border-color:rgb(67, 67, 148)!important;*/
	color: white!important;
}

.button-print {
	background-color: rgb(36, 128, 156)!important;
	/*border-color:rgb(19, 19, 78)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-print:hover {
	background-color: rgb(101, 181, 206)!important;
	/*border-color:rgb(38, 38, 85)!important;*/
	color: white!important;
}

.button-ok {
	background-color: rgba(32, 32, 139,1)!important;
	/*border-color:rgb(19, 19, 78)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-ok:hover {
	background-color: rgb(56, 56, 148)!important;
	/*border-color:rgb(38, 38, 85)!important;*/
	color: white!important;
}

.button-cancel {
	background-color: rgb(197, 104, 29)!important;
	/*border-color:rgb(143, 76, 21)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-cancel:hover {
	background-color: rgb(201, 124, 61)!important;
	/*border-color:rgb(155, 94, 44)!important;*/
	color: white!important;
}

.button-search {
	background-color: rgb(124, 116, 2)!important;
	/*border-color:rgb(92, 86, 1)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-search:hover {
	background-color:rgb(156, 147, 22)!important;
	/*border-color:rgb(112, 106, 16)!important;*/
	color: white!important;
}

.button-config {
	background-color: rgb(197, 166, 29)!important;
	/*border-color:rgb(143, 76, 21)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-config:hover {
	background-color:  rgb(228, 198, 68)!important;
	/*border-color:rgb(155, 94, 44)!important;*/
	color: white!important;
}

.button-export {
	background-color: rgb(24, 150, 87)!important;
	/*border-color:rgb(143, 76, 21)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-export:hover {
	background-color:  rgb(33, 212, 123)!important;
	/*border-color:rgb(155, 94, 44)!important;*/
	color: white!important;
}

.button-import {
	background-color: rgb(88, 145, 22)!important;
	/*border-color:rgb(143, 76, 21)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-import:hover {
	background-color:  rgb(123, 202, 33)!important;
	/*border-color:rgb(155, 94, 44)!important;*/
	color: white!important;
}

.button-toggle-pl {
	background-color: rgb(2, 63, 99)!important;
	/*border-color:rgb(92, 86, 1)!important;*/
	color: rgba(245,245,245,1)!important;
}
.button-toggle-pl:hover {
	background-color:rgb(15, 106, 158)!important;
	/*border-color:rgb(112, 106, 16)!important;*/
	color: white!important;
}

.crd-content {
	padding: 10px 30px;
}

.crd-title {
	font-size: 30px; 
	color: rgba(23, 45, 168, 0.904); 
	text-shadow: 2px 2px 2px rgba(128,128,128,.8);
}

.crd-subtitle {
	font-size: 14px; 
	font-weight: 800;
	color: rgba(23, 45, 168, 0.904); 
	text-shadow: 1px 1px 1px rgba(128,128,128,.8);
	text-decoration: underline;
}

.crd-panel {
	padding: 20px; 
	font-size: 18px;
}

.crd-subpanel {
	padding: 10px;
	border: 1px solid rgba(192,192,192,.8);
	background-color: rgba(210,210,210,1);
	box-shadow: 2px 2px 2px rgba(128,128,128,1);
	border-radius: 8px;
	margin-bottom: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.crd-ltr {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column; 
	justify-content: flex-start;
	align-items: center;
	border: 1px solid rgba(100,100,100,.6);
	padding: 10px;
}

.crd-ltr .crd {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column; 
	justify-content: flex-start;
	align-items: center;
	background-color: rgba(230,230,230,.9);
	border: 1px solid rgba(250,250,250,.9);
	padding: 10px;
}

.crd-ltr .crd .crd-data {
	display: flex; 
	flex-direction: column; 
	justify-content: flex-start; 
	align-items: flex-start; 
	padding: 10px 20px 20px 20px; 
	width: 100%;
	height: calc( 100% - 80px );
	overflow: auto;
}

.crd-ltr .crd .crd-data .title {
	font-size: 22px; 
	color: rgba(61, 94, 243, 0.9); 
	border-bottom: 4px solid rgba(17, 42, 151, 0.9); 
	text-shadow: 2px 2px 2px rgba(192,192,192,.8);
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 800;
}

.crd-ltr .crd .crd-data .row {
	display: flex; 
	flex-direction: row; 
	justify-content: flex-start; 
	align-items: center;
	margin: 0 0 4px 0;
}

.crd-ltr .crd .crd-data .row .label {
	max-width: 100px; 
	min-width: 100px;
}

.crd-ltr .crd .crd-data .row .data {
	box-shadow: 1px 1px 1px rgba(128, 128, 128,.7);
	padding: 2px 5px;
	border: 1px solid rgba(250,250,250,.5);
	background-color: rgba(240,240,240,.9);
	color: rgba(71, 69, 69, 0.8);
	font-size: 16px;
	border-radius: 4px;
	font-weight: bolder;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

.crd-ltr .crd .crd-btns {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	height: 80px;
}











.crd-row {
	display: flex; 
	flex-direction: row; 
	justify-content: flex-start; 
	align-items: center;
	margin-bottom: 5px;
}

.crd-lbl {
	display: flex; 
	flex-direction: row; 
	justify-content: flex-start; 
	align-items: center; 
	width: 150px; 
	min-width: 150px;
}

.crd-input {
	background-color: white;
	color: rgba(30,30,60,1);
	padding: 5px 10px;
	box-shadow: 2px 2px 2px rgba(128,128,128,1);
	border: 1px solid rgba(220,220,220,1);
}

.crd-input:focus {
	background-color: rgba(250, 248, 161, 0.9);
	color: rgba(32, 32, 139,1);
}

.crd-input:hover {
	background-color: rgb(245, 244, 212);
	color: rgba(30,30,60,.8);
}

.crd-input:disabled {
	background-color: rgba(200,200,200,1);
	color: rgba(100,100,100,.8);
}

.crd-right {
	text-align: right;
}









.flt-input {
	background-color: white!important;
	color: rgba(30,30,60,1)!important;
	padding: 5px 10px!important;
	box-shadow: 2px 2px 2px rgba(128,128,128,1)!important;
	border: 1px solid rgba(220,220,220,1)!important;
}

.flt-input:focus {
	background-color: rgba(250, 248, 161, 0.9)!important;
	color: rgba(32, 32, 139,1)!important;
}

.flt-input:hover {
	background-color: rgb(245, 244, 212)!important;
	color: rgba(30,30,60,.8)!important;
}

.flt-input:disabled {
	background-color: rgba(200,200,200,1)!important;
	color: rgba(100,100,100,.8)!important;
}

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






.k-button-group .k-button.k-state-focused, .k-button-group .k-button:focus {
    border-color: #ebebeb;
	background-color: rgba(250, 248, 161, 0.9)!important;
	color: rgba(32, 32, 139,1)!important;
	box-shadow: none;
}


.color {
	color: rgba(14, 88, 14, 0.986);
	color: rgba(8, 141, 134, 0.986);
	color: rgba(14, 58, 88, 0.986);
}
/*----------------------------------------------------------------*/




.mdl-flt-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	height: 100%; 
	padding: 20px; 
	overflow: hidden;
	box-sizing: border-box;
	font-size: 14px;
}

.mdl-flt-container > .mdl-flt-panel {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0; 
	margin: 0; 
	width: 100%;
	box-sizing: border-box;
}

.mdl-flt-container .mdl-flt-block {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 10px; 
	margin: 10px; 
	box-sizing: border-box;
	box-shadow: 2px 2px 3px rgba(60,60,60,.6);
}

.mdl-flt-container .mdl-flt-row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	color: white;
	/*font-size: 14px; */
	width: 100%; 
	border: 1px solid rgb(119, 109, 109);
	/*border-bottom: 3px solid rgba(82, 73, 73, 0.6);*/
	/*background-color: rgba(214, 214, 241, 0.08);*/
	padding: 0; 
	margin: 0; 
	margin-bottom: 3px;
}

.mdl-flt-container > .mdl-flt-cmds {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	margin-bottom: 0;
	padding: 5px; 
}

.mdl-flt-block > .mdl-flt-row > .mdl-flt-lbl {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 200px;
	box-sizing: border-box;
}

.mdl-flt-container .mdl-flt-icon {
	font-size: 12px;
	color: rgb(228, 243, 96);
	text-shadow: 2px 2px 2px rgba(90,90,90,1);
	margin-right: 5px;
}

.mdl-flt-container .mdl-flt-input {
	width: 100px; 
	font-weight: bolder; 
	color: rgba(32,32,64,1); 
	text-align: left; 
	padding: 0 5px;	
}

.mdl-flt-container .mdl-flt-input:focus {
	background-color: rgba(146, 198, 240, 0.9);
	color: rgb(5, 41, 83); 
}

.mdl-flt-container .mdl-flt-input-right {
	text-align: right; 
}

.mdl-flt-container .mdl-flt-btn {
	padding: 5px;
	margin-left: 5px; 
}







/*-------------------------------------------
modelo de Ficha Nuevo
-------------------------------------------*/
.mdl-fld-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	height: 100%; 
	padding: 20px; 
	overflow: hidden;
	box-sizing: border-box;
	font-size: 16px;
}

.mdl-fld-container > .mdl-fld-panel {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0; 
	margin: 0; 
	width: 100%;
	box-sizing: border-box;
}

.mdl-fld-container .mdl-fld-block {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0; 
	margin: 0 10px 15px 10px; 
	box-sizing: border-box;
	width: 100%;
	box-shadow: 2px 2px 3px rgba(60,60,60,.6);
}

.mdl-fld-container .mdl-fld-block .mdl-fld-title{
	padding: 3px; 
	box-sizing: border-box;
	width: 100%;
	font-size: 11px;
	background-color: rgba(25, 6, 95, 0.404);
	color: white;
}

.mdl-fld-container .mdl-fld-block .mdl-fld-container{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	box-sizing: border-box;
	padding: 5px 15px 10px 15px; 
	width: 100%;
}


.mdl-fld-container .mdl-fld-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* color: white; */
    /* font-size: 14px; */
    width: 100%;
    /* border: 1px solid rgb(119, 109, 109); */
    /* border-bottom: 3px solid rgba(82, 73, 73, 0.6); */
    /* background-color: rgba(214, 214, 241, 0.08); */
    padding: 2px;
    margin: 0;
    margin-bottom: 3px;
}

.mdl-fld-container .mdl-fld-row .mdl-fld-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    /* color: white; */
    /* font-size: 14px; */
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 0;
}


.mdl-fld-container > .mdl-fld-row .mdl-fld-cmds {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	margin-bottom: 0;
	padding: 5px; 
}

.mdl-fld-block > .mdl-fld-container > .mdl-fld-row > .mdl-fld-data > .mdl-fld-lbl {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	color: rgb(74, 74, 75);
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	box-sizing: border-box;
	font-size: 13px;
}

.mdl-fld-container .mdl-fld-icon {
	font-size: 12px;
	color: rgb(87, 56, 201);
	text-shadow: 2px 2px 2px rgb(228, 228, 228);
	margin-right: 5px;
}

.mdl-fld-container .mdl-fld-input {
	width: 100px; 
	font-weight: bolder; 
	color: rgba(32,32,64,1); 
	text-align: left; 
	padding: 0 5px;	
}

.mdl-fld-container .mdl-fld-input:focus {
	background-color: rgba(146, 198, 240, 0.9);
	color: rgb(5, 41, 83); 
}

.mdl-fld-container .mdl-fld-input:disabled {
	background-color: rgba(204, 204, 204, 0.9);
	color: rgb(107, 107, 107); 
}

.mdl-fld-container .mdl-fld-input-right {
	text-align: right; 
}

.mdl-fld-block > .mdl-fld-container > .mdl-fld-row > .mdl-fld-mensaje {
	display: flex;
	flex-direction: column;
	font-size: 11px;
	color: rgb(172, 16, 16);
	width: 100%;
	text-align: left;
	padding-right: 12px;
	text-shadow: 2px 2px 2px rgba(250,250,250,1);
}

.mdl-fld-container .mdl-fld-btn {
	padding: 5px;
	margin-left: 5px; 
}