/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

html body {/*height: auto;*/} 
body{font-size:.9rem}

html body .content.app-content {
    overflow: visible;} 
/*______________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________*/
.btn{
	font-size: 0.9rem;
    line-height: 1;}

.nopadding{
	padding: 0px !important;}

.nomargin{
  margin:0px !important;}

footer.footer { 
    padding: 1rem;
	box-shadow: none !important;
	width: 100%;
	bottom: 0}	

.hr_{
	background: #fbfbfb;
    display: block;
    height: 1px;
    border: 0px;
	margin-top: 2rem;
    margin-bottom: 2rem;}

.position_relative{
	position: relative;}

.fadeIn_{
	animation: fadeIn .5s ease-in-out;}

.opacity_{
	opacity: 1 !important;
	animation: fadeIn .5s ease-in-out;}

.opacity_5{
	opacity: .3 !important;
	pointer-events: none;}

.s-back-switch {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;}

.disable_{
	opacity: .4 !important;
	pointer-events: none;}

/* NAV */
.header_{
    background: #404E67;
    position: relative;
	z-index: 10001;
	/*z-index: 100;*/
	/*position: fixed;*/
    width: 100%;}

    .header_, .navbar-dark.navbar-horizontal, .navbar-dark{
    	background: #3a475d}

.menu_{
    width: auto;
    float: left;
    box-shadow: none !important;}

.logo_{
    width: auto;
    float: right;}

    .header_ .header-navbar .navbar-header .navbar-brand{
    	margin: 0;
    	padding: 18px 0px;}

    .header_ .header-navbar .navbar-header .navbar-brand .brand-logo{
    	height: 20px }

    .header_ .header-navbar .navbar-header .navbar-brand .brand-text{
    	font-size: 18px;
	    letter-spacing: -1px;
	    padding-left: 0px;}	

    .header_ .dropdown-menu{
    	margin: 0;
    	margin-top: 2px;}

    .header_ .menu_ .nav-item{}

    	.header_ .menu_ .nav-item:hover{
    		background: rgba(0, 0, 0, 0.1);
    		transition: all .2s ease-in-out;}

    .horizontal-menu .header_ .navbar-dark .nav-item.active > a {
    	border-bottom: 3px solid #ffffff;}

    .header_ .dropdown-menu{
    	font-size:.9rem}

    .header_ .nav .nav-item i {
	    align-self: center;
	    font-size: 12px;
	    font-weight: lighter;
		margin-right: 0.1rem;}

/**/
.dropdown-menu .dropdown-submenu > a:after, .dropdown-menu .dropdown-submenu > button:after{
	font-size: 1rem;
	margin-top: 1.3rem;
	color: #686b6d;}

/**/
.logo_mobile{display: none;}
.logo_desk{}

	.logo_desk .navbar-brand{
		position: relative;
	    top: 50%;
	    transform: translateY(-50%);
	    margin-right: 40px;}

	.logo_desk img{
		/*vertical-align: sub;*/
		height: 19px;
		display: inline-block;
		vertical-align: bottom;}

		/*.inside_.logo_desk img{
			opacity: .6;
			transition: all .25s ease-in-out}

			.inside_.logo_desk img:hover{
				opacity: 1}*/
 
	.logo_desk h2{
		font-size: 14px;
		letter-spacing: -0.5px;
		padding-left: 0px;
		font-weight: 500;
		margin-bottom: 0;
		font-family: "Montserrat", Georgia, "Times New Roman", Times, serif;
		line-height: 15px;
		color: inherit;
		display: inline-block;
		text-shadow: none;}

@media (max-width: 767.98px) {
	.logo_desk{display: none;}
	.logo_mobile{display: block;}
}	

.notext_{
	margin: 0;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    background: #fdfdfd;
    color: #b3b3b3;}
	
	.notext_ i{
		margin-right: 5px;
    	position: relative;
    	top: 1px;}

/*______________________________*/
.tooltip_ .tip_chart{
	opacity: 0;
	top: 40%;
	pointer-events: none;
	position: absolute;
	z-index: 100;
	padding: 0em 0.5em;
	line-height: normal;
	cursor: pointer;
	display: inline-block;
	/*width: 200px;*/
	color: #fff;
	right: 5px;
	background: #404e67;
	box-shadow: none;
	transition:all 0.3s ease-in-out;}

.tooltip_ .tip_chart:before{
	opacity: 0;
	position: absolute;
	z-index: -1;
	content: '';
	right: 0;
	top: 0;
	border-style: solid;
	border-width: 0 0px 6px 6px;
	border-color: transparent transparent #404e67 transparent;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: transform;
	transition-property: transform;}

.tooltip_:hover > .tip_chart {
	display: block;
	opacity: 1;                     
	-webkit-transform: translateY(15px);
	transform: translateY(15px);}

	.tooltip_:hover > .tip_chart:before {
		opacity: 1;
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);}

	.tooltip_ .tip_chart h1{
		font-size: 12px;
		margin: 7px 0px;
		letter-spacing: -0.3px;
		font-weight: 100;
		color: #fff;}

/*______________________________*/
.dropdown-menu-sm a{
	font-size: 0.9rem;
    color: #717171;
    padding: 6px 15px;}

	.dropdown-menu-sm a i{   
		position: relative;
	    top: 1px;
	    margin-right: 5px;}

/*______________________________*/
.block_{    
	/*min-height: 95%;
	min-height: 95vh;*/
	min-height: 65%;
	min-height: 65vh;
    height: auto;
	padding-top: 55px;
	padding-top: 5px;}

.pageTitle_{}

html body .content.pageTitle_ .content-wrapper .content-header-title{
	font-size: 1.2rem;
	text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0px;
    color: #1B2942;}

.pageTitle_ .breadcrumb{
	font-size: 0.8rem;
	font-weight: 500;
	font-size: 0.65rem;
    letter-spacing: 0.3px;}

/*____*/
html body .content .content-wrapper {
    /*padding: 1.8rem 0px;*/
	padding: 1rem 0px;}

/*KENDO*/
.kgrid_{
	background: transparent;}

.kgrid_ .k-grid{
	border: 0px !important}

.kgrid_ div.k-grid-header{
	padding-right: 0px !important}

.kgrid_ div.k-grid-footer{
	padding-right: 0px !important}

.kgrid_ .k-grid-content.k-auto-scrollable{    
	overflow-y: hidden;}

.kgrid_ .k-grid-header .k-header{
	background-color: #77849a;
	padding: 10px;
	border: 0px;} 

	.kgrid_ .k-grid-header .k-header:first-of-type {
    	border-top-left-radius: 4px;}

    .kgrid_ .k-grid-header .k-header:last-of-type {
    	border-top-right-radius: 4px;}

.kgrid_ .k-grid-header .k-header{
	color: #fff;	
	vertical-align: middle;}

	.kgrid_ .k-grid-header th.k-header>.k-link{
		color: #fff;
		font-size: 13px;}

.kgrid_.th_lines .k-grid-header .k-header{
	white-space: inherit;
    line-height: 14px;
    padding: 10px 8px;} 

    .kgrid_.th_lines .k-grid-header .k-header>.k-link{
    	font-size: 12.5px;
    	line-height: 13px;}

/**/
.kgrid_ .k-detail-row .k-header{
	background-color: #f3f3f3;
    border: 1px solid rgb(228, 228, 228);
	background-image: none;}  

	.kgrid_ .k-detail-row .k-grid-header th.k-header>.k-link{
		color: #676767;
    	font-weight: 600;}

    .kgrid_ .k-detail-row .k-grid-header th.k-header:first-child {
    	border-left-width: 1px;}

   	.kgrid_ .k-detail-row .k-grid td:first-child{
   		border-left-width: 1px;}

   	.kgrid_ .k-grid tr.k-detail-row:hover {
    	background-color: #fdfdfd;
    	background-image: none;}

    .kgrid_ .k-grid .k-hierarchy-cell{
    	text-align: center;}

/**/
.kgrid_ .k-pager-wrap{    
	background-image: none;
    background-color: #fbfbfb;
    border: 0px; 
    padding: 10px;}

/**/
.kselect_ .k-multiselect.k-header{
	padding: 0;
    box-shadow: none;
    border: 0px;
    padding-right: 30px;
	background-image: none;
    background-color: #f5f5f5;}

   	.kselect_ .k-multiselect-wrap{
   		background-color: #f5f5f5;
	    color: #64616f;
	    border: 0px;
	    padding: 0px 0px;
	    font-size: 13px;
	    font-weight: 400;
	    border-radius: 5px;
	    box-shadow: none;
	    min-height: 38px;}

	.kselect_ .k-clear-value{
		right: -28px !important;} 

		.kselect_ .k-clear-value:before{
			font-family: feather!important;
			content: "\e9c7";
			font-size: 14px;
			color: #4eb5b8;
			font-weight: normal;} 

	.kselect_ .k-multiselect-wrap li{    
		padding: 2px 15px 2px 5px;
	    background-image: none;
	    border-radius: 3px;
	    background-color: #efefef;
	    margin: 3px;
	    border-color: #e4e4e4;}

	    .kselect_ .k-multiselect-wrap li .k-icon{
	    	font-size: 10px;
		    text-shadow: none;
		    position: relative;
		    top: 1px;
		    color: #a7a7a7; }

/**/
.kgrid_ .k-grid td{
	padding: .5em .6em;
	border-width: 0px 0 0 0px;
	box-shadow: none;}

	.kgrid_ .k-grid tr:hover,
	.kgrid_ .k-grid .k-alt:hover {
    	background-color: #f3f3f3;
    	background-color: #fbfbfb !important;
    	background-image: none;}

    	.kgrid_ .k-grid tr.k-state-selected{
    		background-color:#404E67;
    		background-image: none;}

    	.kgrid_ .k-grid tr.k-state-selected:hover td{
    		background-color:#404E67}

    	.kgrid_ .k-state-selected span{
    		color: #fff;}

    	.kgrid_ .k-state-selected .k_delete.k-grid-delete{
    		color: #fff;}

	.kgrid_ .k-grid .k-alt {
    	background-color: #fbfbfb;}

    .kgrid_ .k-widget{
   		color: #6f6f6f;}

   	.k-widget.k-tooltip-validation{
   		color: #ffffff;}

.kgrid_ .k-pager-numbers .k-state-selected{
	background: #00B5B8;
    border-radius: 50%;
    border: 0px;
    color: #fff;
    vertical-align: middle;
    min-width: 25px;
    min-height: 25px;
    padding: 0;
    line-height: 25px;
    margin-top: 2px;}

/**/
.kcheckbox_{}

	.kcheckbox_.card{
		box-shadow: none;}

	.kcheckbox_.kgrid_ .k-grid .k-alt {
   		background-color: #fdfdfd;}

	.kcheckbox_ .k-grid input.k-checkbox+label.k-checkbox-label{
		margin-top: 5px;}

	.kcheckbox_.kgrid_ .k-grid tr.k-state-selected {
    	background-color: #f5f5f5;}

    	.kcheckbox_.kgrid_ .k-grid tr.k-state-selected td{
    	    border-width: 0px 0 1px 0px;
    		border-color: #ececec;
    		color: #868686;}

    .kcheckbox_.kgrid_ .k-grid tr.k-state-selected:hover td {
    	background-color: #f5f5f5;}

    /**/
    .kcheckbox_.kgrid_ .k-grid tr.k-state-selected {
    	color: #868686;}

    	.kcheckbox_.kgrid_ .k-grid tr.k-state-selected span{
    		color: #868686;}

    .kcheckbox_.kgrid_ .k-grid tr.k-state-selected .klink_ a{
    	color: #868686;}

    	.kcheckbox_.kgrid_ .k-grid tr.k-state-selected .klink_ a:after{
    		color: #868686;}

    	.kcheckbox_.kgrid_ .k-grid tr.k-state-selected .klink_ a:hover {
    		color: #009c9f;}

    	.kcheckbox_.kgrid_ .k-grid tr.k-state-selected .klink_ a:hover:after {
    		color: #009c9f;}

    .kcheckbox_.kgrid_ .k-grid tr.k-state-selected .k_edit.k-grid-edit{
    	color: #868686;}

    	.kcheckbox_.kgrid_ .k-grid tr.k-state-selected .k_edit.k-grid-edit:hover{
    		color: #ffffff;}

    .kcheckbox_.kgrid_ .k-state-selected .k_delete.k-grid-delete{
    	color: #868686;}

    	.kcheckbox_.kgrid_ .k-state-selected .k_delete.k-grid-delete:hover{
    		color: #ffffff;}

/**/
.kgrid_.kborder_ .k-grid td,
.kborder_ .k-grid td{
	border-width: 0px 1px 1px 0px;
	border-color: #f5f5f5;}

	.kborder_ .k-grid tbody td:last-child{
		border-width: 0px 0px 1px 0px;}

	.kborder_.kgrid_ .k-grid tr.k-state-selected td {
    	border-width: 0px 1px 1px 0px;}

    .kborder_ .k-grid td{
    	line-height: 16px;}

    .kborder_ .k-grid td .text-center{
    	margin: 0 auto;
    	display: block;}

   	.kborder_ .k-grid td.text-center{
    	margin: 0 auto;}

    .kborder_ .k-grid td .font_weight,
    .kborder_ .k-grid td.font_weight {
    	font-weight: 600;}

/**/
.th_valueCenter{
	text-align: center !important;}

	.kgrid_ .k-grid-header th.th_valueCenter>.k-link{
		font-weight: 600;
    	letter-spacing: 0.2px;}

/**/
.check_{
	margin: 0 auto;
    display: block;}

.k_delete, 
.kgrid_ .k_delete.k-grid-delete{
	min-width: auto;
    font-size: 12px;
    box-shadow: none;
    border: 0px;
    background: rgba(0,0,0,.1);
	transition: all .2s ease-in-out;
	margin: 0 auto;
	display: table;}
 
	.kgrid_ .k_delete.k-grid-delete i{
		position: relative;
    	top: 1px;}

	.k_delete:hover,
	.kgrid_ .k_delete.k-grid-delete:hover{
		color: #fff;
		background: #EF5350;}

.k_edit,
.kgrid_ .k_edit.k-grid-edit{
	min-width: auto;
    font-size: 12px;
    box-shadow: none;
    border: 0px;
    background: rgba(0,0,0,.1);
	transition: all .2s ease-in-out;
	margin: 0 auto;
    display: table;}

    	.kgrid_ .k_edit.k-grid-edit i{
    		position: relative;
    		top: 1px;}

	.k_edit:hover,
	.kgrid_ .k_edit.k-grid-edit:hover{
		color: #fff;
		background: #4abd86;}

	.k_edit h6, .kgrid_ .k_edit.k-grid-edit h6{    
		font-size: 13px;
	    display: inline;
	    position: relative;
	    margin: 0;
	    margin-left: 5px;
	    top: -1px;}

.klink_ a{
	transition: all .2s ease-in-out;
	position: relative;
	color: #6f6f6f;
	/* margin-left: 16px; */
	line-height: 15px;
	padding-left: 25px;
	display: block;}

	.klink_ a:hover{
		color: #009c9f;}

	.klink_ a:after{
		font-family: feather!important;
		content: "\e952";
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		font-size: 12px;
		color: #a9a9a9;
		left: 4px;}

		.klink_ a:hover:after{
			color: #009c9f;}

	.kgrid_ .k-grid tr.k-state-selected .klink_ a,
	.kgrid_ .k-grid tr.k-state-selected .klink_ a:after,
	.kgrid_ .k-grid tr.k-state-selected .k_edit.k-grid-edit {
		color: #fff;}

.userLink_ a{}

	.userLink_ a:after{
		content: "\e9d8";}

	.userLink_.inbox_icon a:after{
		content: "\e967";}

.kbtn_modal{
	min-width: auto;
    font-size: 13px;
    box-shadow: none;
    border: 0px;
    background: rgba(0,0,0,.1);
	transition: all .2s ease-in-out;
	margin: 0 auto;
    display: table;
	border-radius: 6px;
	color: #676767;
	padding: 2px 7px 2px;
    line-height: 1.72em;
    text-align: center;
    cursor: pointer;}

	.kbtn_modal:hover{
		color: #fff;
		background: #4abd86;}

	.kbtn_modal h6{    
		font-size: 13px;
	    display: inline;
	    position: relative;
	    margin: 0;
	    margin-left: 5px;
	    top: -1px;}

/*btn*/
.bilink_{position: relative;}
	
.k_text{  
	transition: all .3s ease-in-out; 
	position: relative;
    display: block;}

	.k_text i{
		font-size: 13px;
	    box-shadow: none;
	    border: 0px;
	    background: rgba(0,0,0,.1);
	    transition: all .15s ease-in-out;
	    text-align: center;
	    cursor: pointer;
	    vertical-align: middle;
	    border-radius: 6px;
	    color: #676767;
	    min-height: 26px;
	    width: 27px;
	    line-height: 26px;
	    z-index: 101;
	    display: inline-block;}

	   	.k_text:hover i{
	   		border-radius: 6px 0px 0px 6px ;
	   		color: #fff;
    		background: #404e67;}

    .k_text p{
    	margin: 0;
	    display: inline-block;
	    color: #6f6f6f;
	    margin-left: 5px;
		transition: all .3s ease-in-out;}

		.k_text:hover p{
			color: transparent;}

	    .k_text p b{
		    font-weight: 700;
		    font-size: .8rem;
		    position: relative;}

	.k_text.tooltip_ .tip_chart{
		top: 0%;
		right: auto;
    	left: 30px;
    	transition: all .15s ease-in-out;}

	.k_text.tooltip_:hover > .tip_chart{
		-webkit-transform: translateY(0px);
    	transform: translateY(0px);
    	left: 25px;
    	padding: 0em 0.6em 0em 0.3em;
    	border-radius: 0px 6px 6px 0px;}

    	.k_text.tooltip_ .tip_chart h1{
    		margin: 6px 0px}

    .k_text.tooltip_ .tip_chart:before{
    	display: none; }

/**/
.group_grid{
	background: #fff;
    padding: 20px;
    border-radius: 5px;}

    .group_grid .card{
    	box-shadow: none }

.kgridHead_{
    margin-bottom: 10px;}

	.kgridHead_.kgrid_ .k-grid-header .k-header {
	    background-color: #ffffff;
	    padding: 0 5px;
	    background-image: none; }

	.kgridHead_.kgrid_ .k-grid-header th.k-header>.k-link {
    	color: #b3b3b3;} 

    .kgridHead_.kgrid_ div.k-grid-header {
    	border: 0px}

/**/    	
.kgrid_ .k-grid .k-button-icontext.k-grid-edit{
	border: 0px;
    padding: 3px 7px 4px;
    box-shadow: none;
    background: rgba(0,0,0,.1);
	transition: all .2s ease-in-out;}

    .kgrid_ .k-grid .k-button-icontext.k-grid-edit:hover{
    	color: #fff;
    	background: #4abd86;}

    .kgrid_ .k-button.k-button-icontext.k-grid-edit .k-icon{
    	margin: 0px;
	    margin-right: 3px;
	    font-size: 12px;
	    vertical-align: middle;}

.kgrid_ .k-grid .k-button-icontext.k-grid-delete{
	border: 0px;
    padding: 3px 7px 4px;
    box-shadow: none;
    background: rgba(0,0,0,.1);
	transition: all .2s ease-in-out;}

    .kgrid_ .k-grid .k-button-icontext.k-grid-delete:hover{
    	color: #fff;
    	background: #EF5350;}

    .kgrid_ .k-button.k-button-icontext.k-grid-delete .k-icon{
    	margin: 0px;
	    margin-right: 3px;
	    font-size: 12px;
	    vertical-align: middle;}

.kgrid_ .k-header.k-grid-toolbar .k-button-icontext{
	border: 0px;
	padding: 4px 10px 4px;
	box-shadow: none;
	background: rgba(0,0,0,.1);
	transition: all .2s ease-in-out;
	color: #fff;
	text-shadow: none;
	letter-spacing: 0.2px;
	font-weight: 200;}

    .kgrid_ .k-header.k-grid-toolbar .k-button-icontext:hover{
    	color: #fff;
    	background: #00B5B8;}

    .kgrid_ .k-header.k-grid-toolbar .k-button.k-button-icontext .k-icon{
    	margin: 0px;
    	margin-right: 3px;
    	font-size: 12px;
    	vertical-align: middle;
    	position: relative;
    	top: -1px;
    	text-shadow: none;	}		

/**/
.kgrid_ .k-header.k-grid-toolbar{
	padding: 10px;
    background: #404e66;
    border-radius: 4px 4px 0px 0px;
	border-color: rgba(0, 0, 0, 0.2);}

.kgrid_ .k-grouping-header{
  	text-align: center;
    padding: 8px;
    background: #364358;
    color: #fff;
    border: 0px;}

	.kgrid_ .k-grouping-header .k-group-indicator{
		background: #00B5B8;
	    color: #fff;
	    border: 0px;
	    padding: 5px 8px;
	    border-radius: 4px;}

	.kgrid_ .k-grouping-header .k-group-indicator .k-link{
		color: #fff;}

/**/
.tableKendo_{
	padding-bottom: 15px;}

	.tableKendo_ .table thead th{
	    color: #fff;
	    font-size: 13px;
	    background-color: #77849a;
	    padding: 10px;
	    border: 0px;
	    min-height: 18px;
	    line-height: 18px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    font-weight: 400;
	    white-space: nowrap;
	    vertical-align: middle;}

		.tableKendo_ .table thead th:first-of-type {
    	border-top-left-radius: 4px;}

	    .tableKendo_ .table thead th:last-of-type {
	    	border-top-right-radius: 4px;}

	    .tableKendo_ .table tbody tr:hover,
	    .tableKendo_ .table tbody tr:nth-of-type(even):hover{
	    	background-color: #f3f3f3;}

	    .tableKendo_ .table tbody tr:nth-of-type(even){
	    	background-color:#fbfbfb}

	    .tableKendo_ .table th, .tableKendo_ .table td{
	    	border: 0px;
	    	padding: .5em .6em;
		    border-width: 0px 0 0 0px;
		    box-shadow: none;}

	.tableKendo_ .table td{
	    line-height: 1.6em;
	    color: #6f6f6f;
	    position: relative;
	    vertical-align: middle;}

	.tableKendo_ .k_edit.k-grid-edit{
		font-weight: 500;
	    border-radius: 2px;
	    vertical-align: middle;
	    padding: 2px 7px 2px;
	    font-family: inherit;
	    line-height: 1.72em;
	    text-align: center;
	    cursor: pointer;
	    display: inline-block;
	    margin: 0 auto;
	    position: relative;}

/**/
.table_white{
	margin-bottom: 0px}	

	.table_white .tableKendo_{
		padding-bottom: 0px}	

	.table_white .tableKendo_ .table thead th{    
		
	    background-color: #f3f3f3;
	    border: 1px solid rgb(228, 228, 228);
		color: #676767;
    	font-weight: 600;} 

		.table_white .tableKendo_ .table thead th:last-of-type{
			border-top-right-radius: 0;} 
	
	.table_white .tableKendo_ .table td {
		border: 1px solid #f5f5f5;
		padding: .65em .6em;} 

	.table_white .tableKendo_ .table tbody tr:nth-of-type(even) {
    	background-color: #fdfdfd;} 

    .table_white .tableKendo_ .table tbody tr:hover, 
    .table_white .tableKendo_ .table tbody tr:nth-of-type(even):hover {
    	background-color: #fbfbfb;}

    .table_white .tableKendo_ .table td strong{
    	font-weight: 600;
    	color: #696969;
    	margin-right: 5px;}

    .totalI_{
    	background: #fdfdfd;
    	/*text-align: right;*/}

	    .totalI_ h5{
	    	background: #404e66;
	    	color: rgb(255, 255, 255);
	    	/*text-align: right;*/
	    	font-size: .8rem;
	    	font-weight: 100;
	    	margin: 0px 0px;
	    	display: inline-block;
	    	padding: 5px 5px;
	    	border-radius: 5px;
	    	margin: 0 auto;
    		display: table;}

		    .totalI_ h5 b{
		    	font-size: .85rem;
		    	font-weight: 500 !important;
    			color: #ffffff !important;
		    	letter-spacing: 1px;
		    	/*margin-left: 5px;*/}

		.tableKendo_ .totalI_ h5{
			display: inline-block;
    		padding: 6px 10px;}

	.lastI_{
    	color: #949494;
    	text-align: right;
    	font-size: .84rem;
    	margin: 5px 5px;}

	    .lastI_ b{
	    	font-size: .85rem;}

.table_child{
    margin-top: 2rem;}

    .table_white .tableKendo_ .table_child thead th{
    	color: #404e66;
    	font-weight: 700;
    	background-color: #fdfdfd;
    	border: 1px solid rgb(236, 236, 236);
    	border-left: 3px solid rgb(230, 230, 230);}

.styleT_ h5{    
	background: #6f7c91;
    border-radius: 3px;}

	.styleT_ h5 b{
		font-size: .8rem;}

/**/
.table_white .kgrid_ .k-grid-header .k-header{
	color: #828282;
    background-color: #f3f3f3;
    border: 1px solid rgb(228, 228, 228);
    border-left: 0px;
	background-image: none !important;
	border-radius: 0px !important; }   

	.table_white .kgrid_ .k-grid-header .k-header._NoBT{
		border-top: 0px !important;}

	.table_white .kgrid_ .k-grid-header .k-header:first-child{
	   	border-left-width: 1px;
		border-color: rgb(228, 228, 228);
		border-style: solid;} 	

    .table_white .kgrid_ .k-grid-header th.k-header>.k-link{
    	color: #676767;
    	font-weight: 600;}

    .table_white .kgrid_ div.k-grid-header{    
    	border: 0px !important;}

    .table_white .k-grid-header-wrap{    
    	border: 0px !important;}

    .table_white .k-grid-header-wrap>table{    
    	margin-bottom: 0px;}

.table_white .kgrid_ .k-grid .k-alt {
    background-color: #fdfdfd;}

    .table_white .kgrid_ .k-grid td{    
    	border: 1px solid #f5f5f5;
	    border-top: 0px;
	    border-left: 0px;
		padding: .65em .6em;}

		.table_white.border_black .kgrid_ .k-grid td {
    		border-color: rgba(0, 0, 0, 0.04);}

	   	.table_white .k-grid tbody td:first-child{
	   		border-left-width: 1px;
		    border-color: #f5f5f5;
		    border-style: solid;}

.table_white .kgrid_ .k-grid tr:hover,
.table_white .kgrid_ .k-grid .k-alt:hover {
    background-color: #fbfbfb;}

.table_white .kgrid_ div.k-grid-footer {
    border: 0px;
    border-bottom: 1px solid #f5f5f5;
    border-top: 0px solid #f5f5f5;}

.table_white .k-footer-template td{
	background-color: #ffffff;}

.table_white .kgrid_ .k-footer-template td{    
	text-overflow: unset;
	padding: .5em .3em;
	border: 0px solid #f5f5f5;}

	.table_white .kgrid_ .k-footer-template .totalI_{
		background: #fdfdfd;
		border: 1px solid #f5f5f5;
		border-top: 0px solid #f5f5f5;
		border-bottom: 0px solid #f5f5f5;}

	.table_white .kgrid_ .k-footer-template .totalI_ h5{
	    /*display: block;*/
		padding: 5px;}

.box_ultimaAct{
	border: 1px solid #f5f5f5;
    border-top: 0px;
    padding: .65em .6em;}

.btn_mov,
.k_edit.btn_mov, .kgrid_ .k_edit.k-grid-edit.btn_mov{
	color: #fff;
	background: #4eb5b8;
	box-shadow: none !important;}

	.btn_mov:hover,
	.k_edit.btn_mov:hover, .kgrid_ .k_edit.k-grid-edit.btn_mov:hover{
	    background: #404e66;  }



/**/
.toolbar_bar{}

	.toolbar_bar.kgrid_ .k-header.k-grid-toolbar{
	    background: #fff;
	    border: 0px;
		padding-top: 0px;}

	.title_header{}

		.title_header h6{
		    color: #b3b3b3;
		    font-size: 12px;
		    margin: 0;
		    margin-top: 9px;}

		.title_header h6 i{}

	.toolbar_bar.kgrid_ .title_header .k-button-icontext{    
		color: #fff;
    	background: #00B5B8;}

    	.toolbar_bar.kgrid_ .title_header .k-button-icontext:hover{    
			color: #fff;
	    	background: #00B5B8;}

		.toolbar_bar.kgrid_ .title_header .k-button-icontext i{
			position: relative;
    		top: 1px;}
 

/* MOD SCROLL */
.h_scrollable {
	overflow-x: auto;
	white-space: nowrap;}

.h_scrollable::-webkit-scrollbar{
	width: 12px;
	height: 5px;
	background-color: #F5F5F5;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

.h_scrollable::-webkit-scrollbar-track{
	border-radius: 10px;
	background-color: #fdfdfd;}

.h_scrollable::-webkit-scrollbar-thumb{
	border-radius: 10px;
	background-color: #d2d7de;}

/*TABS*/		
.tabs_{
	margin-bottom: 1.875rem;}

	.tabs_ .nav{
		border: 0px;}

		.tabs_ .nav.flex_end{    
			align-items: flex-end;}

	.tabs_ .nav-tabs .nav-item{
		margin-bottom: 0px;}

	.tabs_ .nav.nav-tabs .nav-item .nav-link{
		background-color: rgba(64, 78, 103, 0.2);
		color: #888a8e;
		font-size: 13px;
		border: 0px;
		margin-right: 0px;
		padding: 0.6rem 1rem;}

	.tabs_ .nav.nav-tabs .nav-item .nav-link.active{
		background-color: #404e67;
		color: #fff;}

	.tabs_ .nav.nav-tabs .nav-item .nav-link.dropdown-toggle{
		background-color: #00B5B8 !important;
    	color: #FFFFFF;}

    .tabs_ .dropdown .dropdown-menu .dropdown-item {
    	padding: 5px 20px;}

    .tabs_ .nav.nav-tabs .nav-item .nav-link.nav_page,
    .nav_page{
    	background-color: rgb(255, 255, 255);
		padding: 1rem 1.5rem;
		font-weight: 700;
		color: #4f4f54;
		letter-spacing: -0.5px;
		font-size: 1rem;
		height: 50px;
		pointer-events: none;}

		.tabs_ .nav.nav-tabs .nav-item .nav-link.nav_page i,
    	.nav_page i{
    		position: relative;
    		top: 2px;
    		font-weight: 900;
    		margin-right: 0.3rem;}

.tabsContent_{
	background:#fff;
	box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.01), 0 2px 9px 0 rgba(62, 57, 107, 0.01);
	border-radius: 0px 5px 5px 5px;
    padding: 50px;
	/*padding: 20px;*/}

.tabs_ .kgrid_{
    box-shadow: none;}

	.k-grid table{max-width: 100% !important;}

/**/
.tabs_ .k-header>.k-grid-filter{
	background: rgba(0, 0, 0, 0.16);
	color: #fff;
    font-weight: 500;
    border-radius: 2px;
    vertical-align: middle;
    padding: 0px 7px 2px;
    font-family: inherit;
    line-height: 1.72em;
    text-align: center;
    cursor: pointer;
	margin: -.2em 0 -.4em 0;}

    .tabs_ .k-grid-filter .k-icon{
    	font-size: 10px;}

        .tabs_ .k-header>.k-grid-filter:hover{
        	color: #fff;
        	background-color: #00B5B8;}

/**/
.tabs_inpanel{
	margin: 0px;}

	.tabs_inpanel.tabs_ .nav{
		display: block;}

		.tabs_inpanel.tabs_ .nav-tabs .nav-item{
			display: inline-block;
    		float: left;}
	
	.tabs_inpanel .tabsContent_{    
		padding: 0px;
		box-shadow: none;
		clear: both;}

	.tabs_inpanel.tabs_ .nav.nav-tabs .nav-item .nav-link{
		margin-right: 0px;}

	.tabs_inpanel .kgrid_ .k-grid-header .k-header{
		border-radius: 0px !important}

	.tabs_inpanel .kgrid_ .k-grid-header .k-header{
		padding: 5px;}

	.tabs_inpanel .tab-content > .tab-pane{
		position: relative;}

	.tabs_inpanel .paddingTab.kgrid_ .k-grid-header .k-header {
    	padding: 12px;}

    .tabs_inpanel .paddingTab.kgrid_ .k-grid td {
   		padding: .8em .6em;}

   	.tabs_inpanel .tableKendo_ .table thead th:first-of-type {
    	border-top-left-radius: 0;}

/*TABS ICONS*/
.tab_icons{}

.tab_icons .nav .nav-item i {
    align-self: center;
    font-weight: 100;
    font-size: 14px;}

/**/
.bar_vincular{
	padding: 30px;
	position: relative;}

.vincular_{
    position: absolute;
    right: 0px;
    top: -37px;}	

	.vlink_{
		font-weight: 500;
		border-radius: 3px;
		vertical-align: middle;
		color: #fff;
		background: #4abd86;
		text-align: center;
		cursor: pointer;
		display: inline-block;
		font-size: 13px;
		padding: 10px 0.7rem;
		transition: all .2s ease-in-out;}

		.vlink_:hover{
			color: #fff;
			background: #404e67;}

.change_name{
	display: inline-block;
    position: relative;}

    .change_name.tooltip_ .tip_chart{
    	width: 130px;}

/*SELECT KENDO PHOTO*/
.kselectItem_ .k-widget.k-multiselect.k-header{
	min-height: 38px;
	border-radius: 3px;
    background: #fff;
    background-image: none;
	box-shadow: none !important;
    border-color: #f1f1f1 !important;}

    .kselectItem_ .k-multiselect-wrap li{
    	margin: 1px 0px 1px 2px; 
	    border-radius: 2px;
	    border-color: #e4e4e4;
	    background: #f5f5f5;}

	    .kselectItem_ .k-multiselect-wrap .k-reset li .k-icon.k-i-close{    
	    	font-size: 10px;
		    text-shadow: none;
		    position: relative;
		    top: 1px;
		    color: #a7a7a7;}

	.k-list>.k-state-selected.k-state-focused{
		background-color: #f5f5f5 !important;
		background-image: none !important}

.dropdown-header {
	border-width: 0 0 1px 0;
	text-transform: uppercase;}

.dropdown-header > span {
	display: inline-block;
	padding: 10px;}

.dropdown-header > span:first-child {
	width: 50px;}

.k-list-container > .k-footer {
	padding: 10px;}

.selected-value {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background-size: 100%;
	margin-right: 5px;
	border-radius: 50%;}	

/* Material Theme padding adjustment*/
.k-material .k-list-container.k-popup.k-group.k-reset .k-item,
.k-material .k-list-container.k-popup.k-group.k-reset .k-item.k-state-hover,
.k-materialblack .k-list-container.k-popup.k-group.k-reset .k-item,
.k-materialblack .k-list-container.k-popup.k-group.k-reset .k-item.k-state-hover {
	padding-left: 5px;
	border-left: 0;}

.k-list-container.k-popup.k-group.k-reset .k-item > span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	margin: 15px 10px 10px 5px;}

.k-list-container.k-popup.k-group.k-reset .k-item > span:first-child {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 10px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: 100%;
	background-repeat: no-repeat;}

.k-list-container.k-popup.k-group.k-reset h3 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 0px 0;
	padding: 0;
	color: #8e8e8e;}

.k-list-container.k-popup.k-group.k-reset p {
	margin: 0;
	padding: 0;
	color: #bfbfbf;
	font-size: 13px;
	line-height: 13px;}				

/*FOMRS*/
.form_ .label-control{
    color: #505d71;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: .8rem;
    letter-spacing: -0.2px;
    position: relative;
    padding-right: 10px;
    }

	.form_ .label-control.required{}

		.form_ .label-control.required:after{
			display: block;
			content: "";
			position: absolute;
			right: 0px;
			top: 4px;
			background: #F44336;
			width: 3px;
			height: 3px;
			border-radius: 50%;}

.form_ .form-group {
    margin-bottom: 5px;
	min-height: 40px;}

.input_control{}

.input_tipo{
	position: relative;}

	.input_tipo .RTipo{
		position: absolute;
    	top: 50%;
    	transform: translateY(-50%);
    	left: 25px;	}

	.form_ .input_tipo input{
		padding-left: 40px;}

	.input_tipo .RTipo.btn_navigation,
	.btn_navigation{
		color: #fff;
		transition: all .2s ease-in-out}

		.input_tipo .RTipo.btn_navigation:hover,
		.btn_navigation:hover{
			background: #35a4a7;
		    box-shadow: 0px 0px 10px rgba(62, 180, 183, 0.3);
		    color: #fff;}

.form_ .form-control{
	background-color: #f5f5f5;
    color: #64616f;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 10px 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 5px;
	min-height: 40px;}

		.form_ select.form-control:not([size]):not([multiple]){
			height: 40px;}

    .form_ .form-control:disabled, .form_ .form-control[readonly] {
    	background-color: #fdfdfd !important;}

	.form_ .form-control::-webkit-input-placeholder {color: #969696;}
	.form_ .form-control::-moz-placeholder {color: #969696;;opacity: 1;}
	.form_ .form-control:-ms-input-placeholder {color: #969696;}
	.form_ .form-control:-moz-placeholder {color: #969696;;opacity: 1;}

	.form_ .select_{
		position: absolute;
	    width: calc(100% - 30px);
	    height: 100%;
	    top: 0;
	    pointer-events: none;}

	.form_ select{
		-webkit-appearance: none;
	    -moz-appearance: none;
	    -ms-appearance: none;
	    -o-appearance: none;
	    appearance: none;
		position: relative;}

		.form_ .select_:after{
			content: '';
		    position: absolute;
		    z-index: 1;
		    right: 10px;
		    top: 50%;
		    margin-top: -6px;
		    display: block;
		    width: 12px;
		    height: 12px;
		    background: url(../images/cd-icon-arrow.png) no-repeat center center;
		    pointer-events: none;
		    background-size: cover;}

	.icon_edit{
		position: absolute;
		width: calc(100% - 30px);
		height: 100%;
		top: 0;
		pointer-events: none;}
		.icon_edit:after{
			font-family: feather!important;
			content: "\e94e";
			display: block;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			font-size: 14px;
    		font-weight: 900;
			color: #4eb5b8;
			right: 10px;
			opacity: 0;
			transition: all .4s ease-in-out;}

	.input_control:hover .icon_edit:after{
		opacity: 1}

.input_control .btn.btn_search{
	position: absolute;
    right: 15px;
    top: 0px;
    height: 100%;
    border: 0px;}

.form_ .form-actions{
	padding: 20px 20px 0;
	padding: 20px 0px 0;
	border-top: 0px solid #fbfbfb;}

form .form_section{
    margin-top: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #fbfbfb;
    color: #404E67;
    font-size: 1em;}

	form .form_section i{
		font-size: 12px;
		margin: 0;}

.form_ .skin fieldset{
	position: relative;
    width: auto;
    display: inline-block;
	margin-right: 10px;}

    .form_ .iradio_flat-green{
    	margin-right:0px}

    .form_ .skin label{
    	font-size: .85rem; }

.custom_label .custom-control-label{
	font-size: .85rem;
    letter-spacing: -0.5px;
    margin-top: 1px;}

.bgc_form{
	padding: 20px 0px 15px;
    margin: 5px -15px 20px;
    background: #fdfdfd;
    border-radius: 4px;}

/**/
.form_actions{}

	.form_actions .btn {
    	font-size: 13.5px;
	    padding: 0.85rem 1.2rem;
	    letter-spacing: 0.1px;}

/**/
.card_reload{
	margin: 0;
    display: block;
    box-shadow: none;}
    
    /*.card_reload .form-actions .btn,*/
    .card_reload .form-actions .btncase_ .btn{
    	color: #fff !important; }

form.text_left.form-horizontal .form-group .label-control{
	text-align: left;}

	form.text_left .form_section{
    	margin-bottom: 20px;}

    .form_.text_left .form-group {
	    margin-bottom: 25px; }

.form_edit{}

	form.form_edit.form-horizontal .form-group .label-control{
		text-align: left;
		font-weight: 500;
		color: #a8b2c1;
		transition: all .25s ease-in-out;}	

    .form_.form_edit .form-control {
    	background-color: #fdfdfd;
    	/* border: 1px solid rgba(0, 0, 0, 0); */
    	/* border-bottom: 1px solid rgba(0, 0, 0, 0.03); */
    	border: 1px solid rgba(0, 0, 0, 0.03);
    	transition: all .25s ease-in-out;}

    form.form_edit span.icon_edit{
    	opacity: 0 !important }


/*FORM PANEL*/
.cd_panel{}
	
	.cd_panel form.form-horizontal .form-group .label-control{
	    text-align: left;
	    padding-right: 10px;
	    padding-left: 15px;
	    font-size: 12px;
	    letter-spacing: -0.2px;}

    .cd_panel form.form-horizontal .form-group {
    	margin-bottom: 10px;}

    .cd_panel .kgrid_.card{    
    	margin-bottom: 0;
    	box-shadow: none;} 

/*AREA MODULOS*/
.area_m{}

	.area_m .card{
		background: #fff;
	    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.01), 0 2px 9px 0 rgba(62, 57, 107, 0.01);
	    border-radius: 0px 5px 5px 5px;
		overflow: hidden;}

	.area_m .card-header .card-title{
		color: #8c8c8c;
		font-size: 14px;
		font-size: 13.3px;
		text-transform: none;
		letter-spacing: -0.2px;
		}

    .area_m .card-header{
    	border-bottom: 1px solid rgba(0,0,0,.015);
    	padding: 20px 20px;
    	}

    .area_m .collapse-icon a[data-toggle="collapse"]:before{
    	top: 50%;
    	right: 60px;
    	color: #cccccc;
    	content: "\e927";}

    .area_m .collapse-icon a[data-toggle="collapse"]:after{
    	top: 50%;
    	right: 60px;
    	color: #cccccc;
    	content: "\e92a";}

    .area_m .card-content{
    	border-bottom: 1px solid rgba(0,0,0,.015);}

    .area_m .number_{
    	background: #4abd86;
    	background: #4eb5b8;
    	margin-left: 8px;
    	border-radius: 3px;
    	padding: 0px 4px;
    	min-width: 20px;
    	height: 20px;
    	line-height: 19px;
    	color: #fff;
    	display: inline-block;
    	text-align: center;
    	font-style: normal;
    	font-size: 10.2px;
    	font-weight: 600;
    	position: relative;
    	top: -1px;
    	}

    /**/
    .area_m .tooltip_ .tip_chart{    
    	top: 0%;
    	right: 25px;} 

    	.area_m .tooltip_:hover > .tip_chart{
    		-webkit-transform: translateY(5px);
    		transform: translateY(5px);}

    		.area_m .tooltip_ .tip_chart:before{
    			border-width: 3px 3px 3px 3px;
    			right: -5px;
    			border-color: #404e67 transparent transparent #404e67;}

    		.area_m .tooltip_:hover > .tip_chart:before {
			    -webkit-transform: translateY(0px);
			    transform: translateY(0px);}

    .area_m .tooltip_ .tip_chart h1{
    	font-size: 11px;}

.aicon_{}

	.aicon_ i{
		color: #bdbdbd;
	    font-weight: 100;
	    position: relative;
	    top: 1px;}

.alink_{
	position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);} 

	.alink_ a{
	    background: #d2d7dd;
	    width: 27px;
	    height: 27px;
	    display: inline-block;
	    text-align: center;
	    color: #fff;
	    line-height: 27px;
	    border-radius: 3px;
		transition: all .2s ease-in-out;}

	.alink_ a:hover,
	.alink_ .indicador{
		background: #4abd86;
		background: #4eb5b8;}

	.alink_ .indicador:after {
	    content: '';
	    width: 3px;
	    height: 3px;
	    background: #ffffff;
	    color: #FFF;
	    border-radius: 50%;
	    position: absolute;
	    top: 3px;
	    right: 3px;
	    margin: auto;
	    -webkit-animation-name: flash 2s both infinite;
	    animation: flash 2s both infinite;}

/**/
.area_m .card-header.mod_esp,
.mod_esp{
    padding: 18px 20px 18px 50px;}

	.mod_esp .aicon_{
	    position: absolute;
	    top: 49%;
	    transform: translateY(-50%);
	    left: 14px;
		transition: all 0.3s ease-in-out;}

	.mod_esp .aicon_ i{
	    color: #ffffff;
	    background: #4eb5b8;
	    border-radius: 50%;
	    width: 28px;
	    height: 28px;
	    line-height: 29px;
	    display: inline-block;
	    text-align: center;
	    font-size: .8rem;}

	.sidebar_mini .mod_esp .aicon_ {
		left: 17px;}

	.sidebar_mini .sidebar .area_m .mod_esp .aicon_ i{
		width: 26px;
	    height: 26px;
	    line-height: 26px;
		font-size: .8rem;}

	.sidebar_mini .sidebar .area_m .card-header.mod_esp:hover .aicon_{
    	opacity: 0;}

/**/
.full_{}

	.full_ .area_m .collapse-icon a[data-toggle="collapse"]:before{
    	top: 40%;
    	right: 20px;
	    content: "\e927";
	    background: #d2d7dc;
	    width: 27px;
	    height: 27px;
	    display: inline-block;
	    text-align: center;
	    color: #fff;
	    line-height: 27px;
	    border-radius: 3px;}

    .full_ .area_m .collapse-icon a[data-toggle="collapse"]:after{
    	transform: none;
    	top: 40%;
    	right: 20px;
    	content: "\e92a";
    	background: #404e67;
    	width: 27px;
	    height: 27px;
	    display: inline-block;
	    text-align: center;
	    color: #fff;
	    line-height: 27px;
	    border-radius: 3px;}

    .full_ .alink_{
    	position: relative;
    	float: right;
    	top: auto;
    	transform: none;
    	margin-top: -1px;
    	right: 35px;}

    	.full_ .alink_ a{
    		width: auto;
    		padding: 0px 10px 0px 0px;}

    	.full_ .alink_ a i{
		    width: 20px;
		    display: inline-block;
		    position: relative;
		    top: 1px;}

    	.full_ .alink_ a p{
		    display: inline-block;
		    margin: 0;}

/**/
.pag_{}
	
	.pag_ .btn_info{    
		font-weight: 800;
		border-right: 0;
    	border-left: 0;
    	border-color: rgba(186, 191, 199, 0.6);}

    	.pag_ .btn_info:hover{
    		border-color: #00A5A8 !important;
    		background-color: #00B5B8 !important;
    		color: #fff;}    

/**/
.table_{
	max-width: 100%;}

	.table_ .table{
		max-width: 100%;
    	margin-bottom: 0;}

    .table_ .table thead th{
    	border: 0;
    	padding: 0.5rem 5px;
    	color: #8a8d90;
    	background-color: #f1f1f1;
    	font-size: 11px;
    	font-weight: 600;}

	    .table_ .table thead th:first-of-type {
	    	border-top-left-radius: 4px;}

	    .table_ .table thead th:last-of-type {
	    	border-top-right-radius: 4px;}

	.table_ .table th, .table_ .table td {
		padding: 5px;
		vertical-align: middle;
		border-top: 0px;
		border-bottom: 1px solid #f6fbff;
		text-align: left;}

.tlink_{
	position: relative;
    margin: 0 auto;
    display: block;
    text-align: center;}

    .tlink_.width_auto a,
	.width_auto a{
		width: auto;}		

	.tlink_ a{
	    width: 25px;
	    height: 25px;
	    display: inline-block;
	    text-align: center;
	    color: #404E67;
	    line-height: 25px;
	    border-radius: 3px;
	    transition: all .2s ease-in-out;}

	    .tlink_ a:hover{
		    color: #4eb5b8;}

	.tlink_ a i{
		font-weight: 600;}

/**/
/**/
.title_inForm{
  text-align: center;
  margin-top: 20px;}

  .title_inForm .iconn{
    max-height: 50px;
    margin: 10px;}

  .title_inForm h1{
    color: #404e67;
    font-size: 17px;
    line-height: 19px;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-bottom: 0px;
    position: relative; }

    .title_inForm h1 b{
      color: #1f4c81;
      font-weight: 700;}

  .title_inForm p{
    font-size: 15px;
    line-height: 21px;
    color: #9e9e9e;
    font-weight: 300;
    letter-spacing: -0.5px;}		

/*MODAL*/
a.btn_search,
.btn_search{
	color: #fff;}

._Modal{}

	._Modal .modal-content{
		border: 0px;}

	._Modal .modal-header{    
		background: #f3f3f3;
		border: 0px;
		padding: 20px;}

		._Modal .modal-title{
			color: #b7b7b7;
    		font-size: 15px;}

	._Modal .modal-footer{
		border-top: 1px solid #f5f5f5;}

	@media (min-width: 576px){
	._Modal .modal-dialog {
	    max-width: 700px;}
	}

	@media (min-width: 992px){
	._Modal .modal_big {
		max-width: 990px;}
	}

	._Modal .tabs_{
		margin-bottom: 0;}

	._Modal .tabsContent_{
		box-shadow: none;}

	._Modal .form_ .skin fieldset{
		display: block;
		margin: 10px 0px; }

	._Modal .form_ .skin.display_inline fieldset {
	    display: inline-block;
	    margin: 10px 10px;}

/**/
.kgrid_ .th_cutWords{
	width: 80px;
	max-width: 80px;}

.kgrid_ .td_cutWords{
	width: 80px;
	max-width: 80px;}

.cut_words{
	width: 90px;
	max-width: 90px;}	

	.cut_words span{
		width: 100%;
		text-overflow: ellipsis;
		/* Required for text-overflow to do anything */
		white-space: nowrap;
		overflow: hidden;
		display: block;}		

/*KENDO UPLOAD*/	
.upload_{}

.upload_ p{
	color: #b3b3b3;}

.upload_ .k-upload{
	background-image: none;
    background-color: #fdfdfd;
    border-color: #ececec;}

    .form_ .input_control .upload_ .k-upload{
    	background-color: #f5f5f5;}

    	.form_ .input_control .upload_ .k-upload .k-dropzone {
    		padding: .52em;}

.upload_ .k-file-success .k-file-name{
	color: #404e6796;}

/*KENDO SEMAFORO*/	
.Color_color{
	width: 5px;
	height: 5px;
	line-height: 5px;
	border-radius: 50%;
	padding: 5px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	display: block;
	margin: 0 auto;
	position: relative;}

    .Color_color.Rojo{
		background-color: #EF5350;}
	.Color_color.Amarillo{
		background-color: #FFC107;}
	.Color_color.Azul{
		background-color: #2196F3;}
	.Color_color.Verde{
		background-color: #4CAF50;}

.semaforos_{}

	.semaforos_.kgrid_ .k-grid td{
		overflow: visible;}

	.tooltip_.Color_color .tip_chart{
		top: 0%;	
		width: 180px;
		right: auto;
    	left: 5px;}

    .tooltip_.Color_color .tip_chart:before{    
    	right: auto;
    	left: 0px;}

/*BTN SWITCH*/
.form-group .btn-Switch.btn-sm{
    margin-top: 4px;}

/* KENDO DATAPICKER */  
.kendo_date{}

	.kendo_date .k-datepicker.k-header{
		background: transparent;
	    border-radius: 5px;
	    border: 0px;}

	.kendo_date .k-picker-wrap{
	    background: transparent;
    	border: 0px;
    	box-shadow: none !important;
    	padding-bottom: 0px !important}

	.kendo_date .k-input{
	    width: 100%;
	    background-color: #f5f5f5;
	    color: #64616f;
	    border: 1px solid rgba(0, 0, 0, 0.03);
	    padding: 0px 10px;
	    font-size: 13px;
	    font-weight: 400;
	    border-radius: 5px;
	    height: 38px;
	    box-shadow: none !important;}

	.kendo_date .k-state-default>.k-select {
    	border: 0px;
	    border-radius: 0 5px 5px 0;
	    width: auto;
	    min-width: 38px;
	    line-height: 38px;
	    background: #4eb5b8;
	    color: #fff;
	    transition: all .5s ease-in-out;
	    cursor: pointer;}

	    .kendo_date:hover .k-state-default>.k-select {
	    	background: #289396;}

	    .kendo_date .k-i-calendar:before{
			font-family: feather!important;
			content: "\e920";
			font-size: 14px;
			color: #ffffff;
			font-weight: normal;} 

		.kendo_date .k-i-clock:before{
			font-family: feather!important;
			content: "\e932";
			font-size: 14px;
			color: #ffffff;
			font-weight: normal;} 			

		.kendo_date:hover .k-i-calendar:before,
		.kendo_date:hover .k-i-clock:before{
			-webkit-animation-name: rubberBand 1.5s both 2;
	    	animation: rubberBand 1.5s both 2;}

	    .kendo_date .k-state-default>.k-select .k-icon{
	    	background-image: none;}

	    .kendo_date .k-link{
	    	margin: 0 auto !important;}

	    	.kendo_date .k-datetimepicker .k-select .k-link-time{
	    		border-left: 1px solid rgba(0, 0, 0, 0.15)}

	    .kendo_date .k-datetimepicker .k-picker-wrap .k-icon {
    		margin: 0 10px;}

/* KENDO RADIO */
.control_radio{    
	min-height: 38px;
    padding-top: 9px;}

	.control_radio .icheckbox_square-red, .control_radio .iradio_square-red{
		background-image: url(../../app-assets/vendors/css/forms/icheck/square/aero.png);
		margin-right: 0px;
	    transform: scale(0.7, 0.7);}	

    .control_radio .skin label{
    	color: #505d71;
	    font-weight: 600;
	    line-height: 12px;
	    font-size: .8rem;
	    letter-spacing: -0.3px;
	    position: relative; } 

	.control_radio .skin fieldset{
		margin-right: 0px;}

.skin_round{}

	.skin_round .icheckbox_square-red{
		border-radius: 50% !important}

		.skin_round .icheckbox_square-red .iCheck-helper{
			border-radius: 50% !important}

/*WIZAR FORM TABS*/		
.wizard__{}

	.wizard__ .form_ .label-control{    
		text-align: right;}

	.wizard__.app-content .wizard > .content fieldset.body{    
		padding-top: 25px;}

	.wizard__.app-content .wizard.wizard-circle > .steps .step {
		width: 40px;
	    height: 40px;
	    line-height: 30px;
	    font-size: 14px;
	    font-weight: 700;
		margin-left: -20px;}

	.wizard__.app-content .wizard > .steps > ul > li.current .step {
	    border-color: #404e66;
	    background-color: #fff;
	    color: #404e66;}

	.wizard__.app-content .wizard > .steps > ul > li.done .step {
	    background-color: #404e66;
	    border-color: #404e66;
	    color: #fff;}

	.wizard__.app-content .wizard > .steps > ul > li a{
	    color: #ababab;
		padding-top: 45px;
		transition: all .25s ease-in-out }

	.wizard__.app-content .wizard > .steps > ul > li.done a {
    	color: #999999;}

    .wizard__.app-content .wizard > .steps > ul > li a:hover {
    	color: #404e66;}

/**/
.title_separator{
	margin: 15px 15px;    
	padding: 0;}

	.repeater_item{
		position: relative;
    	overflow: hidden;}

	.delete_repeater{
		position: absolute;
		right: -30px;
		z-index: 2;
		min-height: 40px;
		padding: 0;
		transition: all .25s ease-in-out;}

		.repeater_item:hover .delete_repeater{
			right: 10px;}

	    .delete_repeater h1{
		    position: relative;
		    height: 40px;
		    width: 22px;
		    float: right;
			cursor: pointer;}

	    .delete_repeater i{
		    background: #404e66;
		    border-radius: 50%;
		    font-size: 12px;
		    color: #fff;
		    height: 22px;
		    width: 22px;
		    line-height: 22px;
		    display: block;
		    text-align: center;
		    position: relative;
		    top: 50%;
		    transform: translateY(-50%);}

		.delete_repeater .tooltip_ .tip_chart{
			top: 50%;
			padding: 0px 30px 0px 10px;
			border-radius: 30px;
			z-index: -1;
			-webkit-transform: translate(5px, -50%);
			transform: translate(5px, -50%);}

			.delete_repeater .tooltip_ .tip_chart h1{
				min-height: initial;
			    height: auto;
			    float: none;
			    width: auto;}

			.delete_repeater .tooltip_ .tip_chart:before{
				display: none;}

		.delete_repeater .tooltip_:hover > .tip_chart{
			-webkit-transform: translate(7px, -50%);
			transform: translate(7px, -50%);}

	.add_repeater{    
		padding-top: 15px;
		text-align: right;}

.repea_min{
	padding-top: 0px;}

	.repea_min p{
		padding: 10px;
    	font-size: 11px;
    	margin: 0;}

    .repea_min p i{    
    	position: relative;
    	top: 1px;}

.ba_ .title_separator {
    margin: 10px 0px;
    position: relative;
    z-index: 0;}

    .ba_ .btn {
    	font-size: 0.8rem;
    	padding: 7px 12px 8px;}

    .ba_ .title_separator span{
    	background: #fbfbfb;
	    height: 1px;
	    width: 100%;
	    display: inline-block;
	    content: "";
	    border: 0px;
	    float: right;
	    position: absolute;
	    top: 50%;
	    right: 0;
	    z-index: -1;}

/**/
.base_options{} 
	
	.base_options form .form-actions{    
		margin-top: 30px;
		padding: 30px 20px 0;}

	.base_options .btn{
    	padding: 12.5px 1rem;}

    .base_options .kendo_date .k-input {
	    width: 100%;
	    background-color: #ffffff;}

    .base_options .btn-outline-light {
    	border-color: #f3f3f3;}

    .base_options .btn-outline-light:hover{
	    border-color: #00A5A8 !important;
	    background-color: #00B5B8 !important;
	    color: #FFFFFF;}

/**/
.accordion_info{}

	.accordion_info .card-header{
		padding: 0;
		box-shadow: none !important;}
	
	.accordion_info .card-header .card-title{
		display: block;
		padding: 1.5rem 1.5rem;
		padding: 13px 20px;
		padding: 15px 20px;
		border: 1px solid rgba(0, 0, 0, 0.05);
		border-top: 0;
		border-radius: 0px;
		background: #f7f7f7;
		background: rgb(162, 162, 162);
		background: rgb(64, 78, 102);
		box-shadow: none !important;
		}

		.accordion_info .card-header .card-title.collapsed{
			border: 1px solid rgba(0, 0, 0, 0.05);
			border-top: 0px;
			background: #fff;
			transition: all .25s ease-in-out;}

		.accordion_info .card-header:first-child .card-title{
			border-radius: 3px 3px 0px 0px;
			border-top: 1px solid rgba(0, 0, 0, 0.05);}

		.accordion_info .card-header .card-title:after, 
		.accordion_info .card-header .card-title:before{
			color: #ffffff;}

			.accordion_info .card-header .card-title.collapsed:after, 
			.accordion_info .card-header .card-title.collapsed:before{
				color: #bdbdbd;}

	.accordion_info .card-header .card-title .aicon_{
		margin-right: 10px;
		}

		.accordion_info .card-header .card-title .aicon_ i{
			top: 2px;
			color: #ffffff;
			text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
			}

			.accordion_info .card-header .card-title.collapsed .aicon_ i{
				top: 2px;
				color: #bdbdbd;
				color: #4eb5b8;
				text-shadow: none;
				}

	.accordion_info .card-header .card-title h1{
		color: #fff;
		font-size: 14px;
		font-size: 13.5px;
		text-transform: none;
		letter-spacing: 0.3px;
		font-weight: 500;
		display: inline-block;
		margin: 0;
		text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
		}

		.accordion_info .card-header .card-title.collapsed h1{
			color: #7d7d7d;
			text-shadow: none;
			}

	.accordion_info .card-content{   
		border: 1px solid rgba(0, 0, 0, 0.03);
    	border-top: 0px;}

    form.form_edit.form-horizontal .accordion_info .form-group .label-control{
    	/* color: #505d71 !important; */
    	color: #8a909a !important;
    	/* font-weight: 600; */
    	}

    .form_.form_edit .accordion_info .form-control{
    	border: 1px solid rgba(0, 0, 0, 0.05);
    	}

    .accordion_info .Color_color {
    	padding: 10px;}

    	.sticky-offset {
    		top: 0px;}

/**/
.tabs_inInfo{}

	.tabs_inInfo.accordion_info{}

	.tabs_inInfo.accordion_info .card-content{
		border: 0px}

	.tabs_inInfo .card-body{
		padding: 0px}

	.tabs_inInfo .tabsContent_{
    	border-radius: 0px 0px 5px 5px;}

	/**/ 
	.tabs_inInfo .tabs_ .nav.nav-tabs .nav-item .nav-link{
		position: relative;
		padding: 8px 12px;
		margin-right: 0px;
		background-color: rgba(64, 78, 103, 0.05);
		border-bottom: 1px solid rgba(0, 0, 0, 0.03);
		}

		.tabs_inInfo .tabs_ .nav.nav-tabs .nav-item .nav-link:after{
			position: absolute;
		    display: block;
		    content: "";
		    width: 1px;
		    height: 100%;
		    background: rgba(0, 0, 0, 0.05);
		    margin: 0 auto;
		    right: 0; 
		    top: 50%;
		    transform: translateY(-50%);} 

		    .tabs_inInfo .tabs_ .nav.nav-tabs .nav-item:last-child .nav-link:after{
		    	display: none;}

	.tabs_inInfo .tabs_ .nav.nav-tabs .nav-item .nav-link.active{    
		background-color: #4eb5b8;}

	.tabs_inInfo .nav .nav-item i{    
		width: 0;
	    opacity: 0;
	    margin: 0;
		transition: all .25s ease-in-out}

	.tabs_inInfo .nav .nav-link.active i{
		width: auto;
		opacity: 1;
		margin-right: 5px;}

/**/
.loading-overlay {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    z-index: 100;}

.loading-overlay.active {
    display: block}

.loading-overlay .loading-icon {
    position: absolute;
    top: 45%;
    left: 50%;
    color: #4eb5b8;
    animation: spin .8s infinite linear;
    -webkit-animation: spin .8s infinite linear;
    -moz-animation: spin .8s infinite linear;
    -ms-animation: spin .8s infinite linear;
    -o-animation: spin .8s infinite linear;}

    .loading-overlay.loading_tipo{
    	background: rgba(255, 255, 255, 0.8);} 

/*STICKY SIDEBAR PANELES*/
@media (min-width: 992px) {
	body .content-detached.content-left {
      	margin-right: -430px;}
    body .content-detached.content-left .content-body {
        margin-right: 450px;}
        body .content-detached.content-left .content-body .content-body {
        	margin: 0 auto !important;}

    .sidebar-right.sidebar-sticky{
    	margin-left: -430px;
    	width: 430px !important;
    	bottom: auto !important;}

    .sidebar-right .sidebar{    
    	width: 100%;}
}

/**/
.bar_select_btn{
	/*background: #fdfdfd;*/
	float: right;}

	.bar_select_btn .row{
		margin: 0;}

.bar_select_btn h6{	
	font-size: 13px;
    border: 0px;
    padding: 0.5rem 0.7rem;
    font-weight: 600;
    letter-spacing: -0.5px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.8;
    margin-bottom: 0}

.bar_select_btn .form-group {
    margin-bottom: 0} 

.bar_select_btn .kselect_ .k-multiselect.k-header{
	min-width: 150px;
	margin-top: 4px;}

.bar_select_btn .kselect_ .k-multiselect-wrap{
    height: 30px;
    min-height: 30px;
	background-color: #f1f1f1;}

.bar_select_btn .kselect_ .k-multiselect-wrap li{
	z-index: 10;
    position: relative;}

.bar_select_btn .k-multiselect-wrap .k-input{
	position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    padding: 0px;
	margin: 0px}

.bar_select_btn .k-multiselect>.k-multiselect-wrap>.k-i-close{
	display: block !important;}

	.bar_select_btn .kselect_ .k-clear-value:before{
		transition: all .25s ease-in-out;
		opacity: 0}

		.bar_select_btn .kselect_ .k-multiselect.k-header.k-state-hover .k-clear-value:before{
			opacity: 1}

	.bar_select_btn .kselect_ .k-clear-value:after{    
		position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	    height: 1em;
	    line-height: 1;
	    display: inline-block;
	    text-indent: 0;

		font-family: feather!important;
	    content: "\e9b6";
	    font-size: 14px;
	    color: #717e93;
	    font-weight: normal;
		transition: all .25s ease-in-out;}

		.bar_select_btn .kselect_ .k-multiselect.k-header.k-state-hover .k-clear-value:after{
			opacity: 0}

.bar_select_btn .vlink_{    
	padding: 7px 0.7rem;
    margin: 3px 0px 0px 4px;}

    .bar_select_btn .vlink_ i{}  

/*_________*/
/*  input range  */
.cd_range{
	position: relative;
	height: 40px;}

.value_range{
    background: #00B5B8;
    color: #fff;
    width: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 0px;}

    .value_range:after{
    	font-family: 'FontAwesome';
    	content: "\f295";
    	line-height: 40px;
    	font-size: 10px;
    	color: #0000004a;
    	right: 9px;
    	position: absolute;
    	animation: fadeIn .3s ease-in-out .15s both;
    	font-weight:  normal;}

.form_ input[type="range"] {
  	-webkit-appearance: none;
  	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  	width: calc(100% - 55px);
  	height: 2px;
  	margin: 0;
  	border: none;
  	padding: 0px 0px;
  	border-radius: 14px;
  	background: #e8e8e8;
  	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
  	outline: none;
  	cursor: pointer;
  	min-height: auto;}

.form_ input[type="range"]::-moz-range-track {
  	border: inherit;
  	background: transparent;}

.form_ input[type="range"]::-ms-track {
  	border: inherit;
  	color: transparent; /* don't drawn vertical reference line */
  	background: transparent;}

.form_ input[type="range"]::-ms-fill-lower,
.form_ input[type="range"]::-ms-fill-upper {
  	background: transparent;}

.form_ input[type="range"]::-ms-tooltip {
  	display: none;}

/* thumb */
.form_ input[type="range"]::-webkit-slider-thumb {
  	-webkit-appearance: none;
  	width: 20px;
  	height: 20px;
  	border: none;
  	border-radius: 50%;
  	background-color: #00B5B8;}

.form_ input[type="range"]::-moz-range-thumb {
	width: 20px;
  	height: 20px;
  	border: none;
  	border-radius: 50%;
  	background-color: #00B5B8;}

.form_ input[type="range"]::-ms-thumb {
	width: 20px;
  	height: 20px;
  	border: none;
  	border-radius: 50%;
  	background-color: #00B5B8;}

.form_ input[type="range"][disabled] { 
  	cursor: not-allowed; }

/*_____________________*/  	
.RTipo{
    padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    display: inline-block;
    margin: 0px;
    margin-right: 3px;}
	
	.RTipo.Verde{
    	background: #4eb5b8;}

	.RTipo.Naranja{
    	background: #FF9800;}

/**/
.RTipo.toDo, .RTipo.Doing, .RTipo.Done {
    padding: 0px 3px;
    margin-right: 1px;}

.RTipo.toDo{
	background:#29B6F6}

	.RTipo.toDo .ft-:before{
		content: "\e9c0";}

.RTipo.Doing{
	background:linear-gradient(60deg, #ffa726, #fb8c00)}

	.RTipo.Doing .ft-:before{
		content: "\e99a";}

.RTipo.Done{
	background:#26a69a}

	.RTipo.Done .ft-:before{
		content: "\e926";}

/**/
.RDoc{
    font-weight: 600;}

.RNombre{
    display: block;}

.row_total{
	margin-bottom: 1rem;
	margin-top: 1rem;}

.ft_peso{
	font-style: normal;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -0.5px;}

.hr_peso{   
	background: #f9f9f9;
    display: block;
    height: 1px;
    position: relative;
    top: 40%;}

.progress_,
.progress_.progress{
	margin:0;
	height: 16px;}

	.progress_ .progress-bar{
		font-weight: 600;
		background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
		background-color: #404e66;
		font-size: 10px;
    	letter-spacing: 0.2px;}

/**/
.bg-init,
.animsition-overlay-slide {
    background-color: #fff;}    	

    .animsition-overlay-slide {
    	z-index: 10005;}

/**/
.animsition-overlay-slide::after,
.animsition-overlay-slide::before {
	content: '';
	position: fixed;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10px;
	border-radius: 50%;
	visibility: hidden;
	opacity: 0;
	z-index: 10007;
	-webkit-transition: opacity 0.15s;
	transition: opacity 0.15s ;}

.animsition-overlay-slide::after {
	background: #6cc88a;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-animation: moveRight 0.6s linear infinite alternate;
	animation: moveRight 0.6s linear infinite alternate;}

.animsition-overlay-slide::before {
	background: #4fc3f7;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
	-webkit-animation: moveLeft 0.6s linear infinite alternate;
	animation: moveLeft 0.6s linear infinite alternate;}

@-webkit-keyframes moveRight {
	to { -webkit-transform: translateX(20px); }
}

@keyframes moveRight {
	to { transform: translateX(20px); }
}

@-webkit-keyframes moveLeft {
	to { -webkit-transform: translateX(-20px); }
}

@keyframes moveLeft {
	to { transform: translateX(-20px); }
}

.bg-init .animsition-overlay-slide::after,
.bg-init .animsition-overlay-slide::before {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;}    
 
/**/
.md_title{
    display: block;
    padding: 1.5rem 1.5rem;
    padding: 15px 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    margin-bottom: 10px;
    z-index: 0;
    z-index: 10;
    position: relative;
    background: #f7f7f7;
    background: #fdfdfd;
    background: #ffffff;}

	.inf{}

	.inf .aicon_{
	    font-size: 1.1rem;
	    display: inline-block;
	    position: relative;
	    top: 1px;
		display: none;}

	.inf p{
	    margin: 0;
	    display: inline-block;
	    color: #8c8c8c;
	    font-size: 13px;
	    text-transform: none;
	    letter-spacing: -0.3px;
	    font-weight: 500;}

	.inf .tooltip_{
    	display: inline-block;
    	top: 3px;
    	padding: 7px;
    	margin-left: 5px;}

	.inf .estado{
	    color: #404e66;
	    font-size: 14px;
	    font-weight: 700;
	    letter-spacing: -0.5px;}

.md_title.intabs_{
	padding: 1rem 1rem;
    border: 0px;
    background: #ffffff;}

    .md_title.intabs_ .inf {
    	/*text-align: center;*/}

    .md_title.intabs_ .inf p{
    	font-size: 13px;}

    .md_title.intabs_ .inf .estado{
    	font-size: 13px;}

    .md_title.intabs_ .aicon_ i {
    	color: #4eb4b8;}

.select_min{
	position: relative;
	display: inline-block;
	z-index: 0;
	transition: all .25s ease-in-out;}

    .select_min:after{
    	width: 100%;
    	height: 40px;
    	border-radius: 3px;
    	display: block;
    	content: "";
    	background-color: #fdfdfd;
    	border: 1px solid rgba(0, 0, 0, 0.03);
    	position: absolute;
    	left: 0px;
    	top: -11px;
    	z-index: -1;
    	opacity: 0;
    	transition: all .25s ease-in-out;}

    	.select_min:hover:after{
    		opacity: 1;}

.form_.form_edit .select_min .form-control,
.select_min .form-control{
	font-size: 13px;
    color: #404e66;
    font-weight: 700;
    letter-spacing: -0.3px;
    height: auto !important;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0);
    min-height: auto;
	padding: 10px 25px 10px 10px;
	max-width: 130px;}

    .form_.form_edit .select_min .form-control:hover,
    .select_min .form-control:hover{
    	background-color: transparent;
        border: 1px solid rgba(0, 0, 0, 0);}

    .form_ .select_min .select_{
    	top: 50%;
	    transform: translateY(-50%);
	    right: -2px;}

    .form_ .select_min .select_:after{
    	width: 10px;
	    height: 10px;
	    margin-top: 0;
	    transform: translateY(-50%);}

/**/
.mini_navpage{}

	.mini_navpage .md_title{
		float: left;
	    border: 0px;
	    margin-left: 20px;
	    margin-bottom: 0;
	    padding: 14px 0px;
	    background: transparent;}    

/**/
.badge{
	font-size: 75%;}

.header_ .header-navbar .navbar-wrapper .dropdown-menu{
	margin-top: 0px;}

.add_{    
	margin-right: 10px;}
	
	.header_ .header-navbar .navbar-wrapper .add_ .dropdown-menu{
		padding-top: 0px;
		padding-bottom: 0px;}

	.add_ .nav-link h3{
		margin: 0;
	    display: inline-block;
	    font-size: .9rem;
		position: relative;}

	    .add_ .nav-link h3::after {
		    font-family: 'FontAwesome';
		    content: "\f107" !important;
		    position: relative;
		    top: 1px;
		    right: 0px;
		    padding: 0 0px 0 6px;
		    margin: 0;
		    vertical-align: 0;}

	.header-navbar .navbar-container ul.nav li.add_ a.nav-link-label{
		padding: 13px 20px;
	    position: relative;
	    top: 50%;
	    transform: translateY(-50%);
	    background-color: #00B5B8;
	    border-radius: 30px;}

	.header-navbar .navbar-container ul.nav li.add_  i.ficon{
		align-self: center;
	    font-size: 13px;
	    font-weight: lighter;
	    margin: 0;
        margin-right: 3px;
	    position: relative;
	    top: 1px;}

	.add_.dropdown .dropdown-menu .dropdown-header{    
		text-align: center;}

		.add_ .dropdown-header > span{
			width: auto;
			text-transform: none;
    		font-size: 0.9rem;}

.media_items{}
	
	.media_items .row{
		margin: 0}

	.header-navbar .navbar-container ul.nav li .media_items{
		max-height: 380px;}

	.media_items a{
		display: block;
    	border-right: 1px solid rgba(0,0,0,.05);
    	border-bottom: 1px solid rgba(0,0,0,.05);
    	transition: all .2s ease-in-out}

	.infoo{
	    padding: 17px 0px;
	    text-align: center;
	    position: relative; }

		.add_.nav-item .infoo i{
		    display: block;
		    height: 35px;
		    width: 35px;
		    line-height: 35px;
		    background: #404e66;
		    border-radius: 50%;
		    text-align: center;
		    margin: 0 auto;
		    font-size: 13px;
		    color: #ffffff;
		    transition: all .3s ease-in-out;}

		    .add_.nav-item .media_items a:hover .infoo i{
		    	color: #ffffff;
		    	background: #4eb5b8;}

		    .add_.nav-item .infoo i:after{
		    	position: absolute;
			    background: #404e66;
			    font-family: feather!important;
			    content: "\e99d";
			    display: block;
			    right: 8px;
			    top: 25px;
			    /* transform: translateY(-50%); */
			    opacity: 0;
			    transition: all .3s ease-in-out;
			    width: 20px;
			    height: 20px;
			    line-height: 21px;
			    font-size: 10px;
			    border-radius: 50%;}

		    	.add_.nav-item .media_items a:hover .infoo i:after{
		    		opacity: 1;
		    		animation: bounceIn .5s ease-in-out .2s both;
		    	}

		.infoo h6{
			display: none !important;
		    color: #ffffff;
		    font-size: 10px;
		    font-weight: 400;
		    position: absolute;
		    background: #404e66;
		    padding: 4px 5px;
		    border-radius: 3px 3px 3px 0px;
		    margin: 0 auto;
		    display: inline;
		    /* bottom: 18px; */
		    top: 20px;
		    right: 3px;
		    /* left: 0; */
		    width: max-content;
		    opacity: 0;
		    transition: all .25s ease-in-out;
		    z-index: 1;}

		    .media_items a:hover .infoo h6{
		    	opacity: 1;
		    	top: 13px;}

		    .infoo h6:after{
		    	position: absolute;
		    	z-index: -1;
		    	content: '';
		    	/* right: 0; */
		    	left: 0px;
		    	width: 5px;
		    	margin: 0 auto;
		    	bottom: -10px;
		    	border-style: solid;
		    	border-width: 5px 0px 5px 5px;
		    	border-color: #404e67 transparent transparent transparent;}

		.infoo h5{
		    color: #626E82;
		    font-size: 13px;
		    line-height: 13px;
		    letter-spacing: -0.5px;
		    padding: 15px 0px 0px;
		    margin: 0;
		    position: relative;}

/**/
.lblMonto{
	float: right;
    position: relative;
    display: block;
    width: 100%;
    text-align: right;}	

    .lblMonto label{
    	position: relative;
    	font-size: 11px;
    	letter-spacing: 0.3px;
    	background: #404e66;
    	color: #fff;
    	font-weight: initial;
    	padding: 5px 10px;
    	border-radius: 0px 4px 4px 4px;
    	margin: 0;
    	}

	    .lblMonto label:after{
	    	position: absolute;
	    	z-index: 1;
	    	content: '';
	    	right: 0;
	    	/* left: 0px; */
	    	width: 5px;
	    	margin: 0 auto;
	    	top: -7px;
	    	border-style: solid;
	    	border-width: 5px 5px 5px 5px;
	    	border-color: #fbfbfb #fbfbfb transparent transparent;
	    	}

.monto_panel{
    float: none;
    text-align: left;
    padding: 0px 20px;}

	.monto_panel label{
		background: #fbfbfb;
		color: #9d9ca0;
		line-height: 15px;}

	.monto_panel label:after{
	    left: -10px;
	    right: auto;
	    top: 0px;}

/*GRID BUSCADOR*/
.toolbar_{
	padding: 15px 15px 15px 100px;
	background: #fff;
	margin-bottom: 20px;
	border-radius: 4px;
	position: relative;}

	.icon_search{
		font-size: 36px;
		color: rgba(0, 0, 0, 0.05);
		position: absolute;
		left: 30px;
		top: 50%;
		transform: translateY(-50%);}

.box_input{
	display: inline-block;
	margin-right: 20px;}

	.box_input label{
		margin: 0;
		color: #ababab;
		margin-right: 10px;}

	.box_input .k-autocomplete.k-header{
		width: auto;
		background: transparent;
		background-image: none;
		border: 0;
		border-radius: 4px 0px 0px 4px;
		padding: 0;
		height: 40px;
		box-shadow: none !important;}

	.box_input input,
	.box_input .k-autocomplete .k-input{
		height: 38px;
		padding: 0px;
		width: 200px !important;
		border-radius: 4px 0px 0px 4px;
		border: 1px solid #e2e2e2;
		transition: all .2s ease-in-out;}

		.box_input input:focus,
		.box_input .k-autocomplete .k-input:focus{
			box-shadow: 0px 0px 20px rgba(0,0,0,.03);
    		border: 1px solid #ffffff;}

	.box_input .btn{
	    height: 40px;
	    min-width: 40px;
	    margin-left: -6px;
	    border-radius: 0px 4px 4px 0px;
	    background-color: #00B5B8;
	    color: #FFFFFF;
	    padding: 0px 15px;
		transition: all .2s ease-in-out;}

	    .box_input .btn:hover{ 
	    	background-color: #26C0C3;}

	    .box_input .btn i{
	    	margin-right: 4px;
		    position: relative;
		    top: 1px;}

.optons_{
	display: inline-block;}

	.optons_ .btn{
	    height: 40px;}

	.optons_ .btn i{
	    margin-right: 4px;
		position: relative;
		top: 1px;}

.ocultar_pag{}

	.ocultar_pag .k-pager-wrap{
		opacity: 0;
    	display: none;}

.highlighted{}

    .highlighted span.parr_{
    	background-color: rgba(0, 0, 0, 0.1) !important;
	    display: inline-block;
	    padding: 5px 13px 5px 5px;;
	    border-radius: 3px;
		position: relative;}

	.highlighted span.parr_:after{
		position: absolute;
	    background: #2e3a4e;
	    content: "";
	    display: block;
	    right: 5px;
	    top: 5px;
	    transition: all .3s ease-in-out;
	    width: 3px;
	    height: 3px;
	    border-radius: 50%;
	    animation: flash 3s ease-in-out infinite;}

._Modal .form_ .form-control {
    background-color: #fdfdfd;
    border: 1px solid rgba(0, 0, 0, 0.08);}

._Modal .form_ .label-control{   
	margin: 0;
    padding-top: 5px;
	text-align: left !important;}

._Modal .form_ .kselect_{}
	
	._Modal .form_ .kselect_ .k-multiselect.k-header{
		background-color: #fdfdfd;
	    border: 1px solid rgba(0, 0, 0, 0.08);
	    background-image: none;}

	._Modal .form_ .kselect_ .k-multiselect-wrap{
		background-color: #fdfdfd;
    	border: 0px solid rgba(0, 0, 0, 0.08);}

/**/
.multiselect-container{
	position:absolute;
	list-style-type:none;
	margin:0;
	padding:0;
    min-width: 210px;
	box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.05);}

	.multiselect-container .input-group{margin:5px}
	.multiselect-container>li{padding:0}
	.multiselect-container>li>a.multiselect-all label{font-weight:bold}
	.multiselect-container>li>label.multiselect-group{margin:0;padding:3px 20px 3px 10px;height:100%;font-weight:bold;}
	.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:normal}
	.multiselect-container>li>a>label.radio,
	.multiselect-container>li>a>label.checkbox{margin:0}
	.multiselect-container>li>a>label>input[type="checkbox"]{margin-bottom:5px}

	.multiselect-container>li>a{
		display: block;
		padding: 7px 10px;
		border-top: 1px solid rgba(0, 0, 0, 0.03);}

		.multiselect-container>li:first-child a{
			border-top: 0px solid rgba(0, 0, 0, 0.03);}

    	.multiselect-container>li>a label{
    		font-size: 13px;
    		color: #505d71;
    		font-weight: 500;
    		line-height: 12px;
    		letter-spacing: -0.3px;}

		.multiselect-container>li>a .glyphicon{
		    width: 25px;
		    text-align: center;
		    color: #c7c9ce;
		    font-size: 12px;
		    font-weight: 100;
			transition: all .3s ease-in-out;}

			.multiselect-container>li>a:hover .glyphicon{    
				color: #00B5B8;}

.multiselect_{}

	.multiselect_ .row{
		margin: 0;}

	.selec_{
		padding: 0;}

		.selec_ .btn-group{
			display: block;	}

		.selec_ .btn{
			width: 100% !important;
		    position: relative;
		    display: block;
		    height: 40px;
		    border-radius: 4px 0px 0px 4px;
		    background: #00B5B8;
			transition: all .3s ease-in-out;}

		    .selec_ .btn:hover{    
		    	background: #069ea0;}

		    .selec_ .btn .fa{    
		    	color: #fff;
			    font-weight: normal;
			    font-size: 14px;}

		    .selec_ .dropdown-toggle::after{
		    	color: rgba(255, 255, 255, 0.6);
    			top: -1px;}

	.inputI_{
		padding: 0;}

		.form_ .inputI_ .form-control{
			border-radius: 0px 5px 5px 0px;}

		.form_ .inputI_ .icon_edit,
		.form_ .inputI_ .select_{
			width: calc(100% - 2px);}

   		.inputI_.kendo_date .k-input {
    		background-color: #fdfdfd;
    		border-radius: 0px 5px 5px 0px;
    		border: 1px solid rgba(0, 0, 0, 0.08);}

.cut_group{} 

	.cut_group .bilink_{
		position: relative;
		float: left;
		display: inline-block;}

	.cut_group .cut_words  {
		position: relative;
		float: left;
		display: inline-block;
		margin-top: 3px;} 	

/**/
.modal{
	z-index: 10004;}
 
.modal-backdrop.show{
	z-index: 10003;
	opacity: 0.7;}

._infoMovi{
	padding: 1rem;}

	.headM_{}

		.headM_ h1{
		    background-color: #404e67;
		    background-color: #50bd86;
    		color: #fff;
    		text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.22);
		    display: inline-block;
		    margin: 0;
		    font-size: 14px;
		    font-weight: 500;
		    letter-spacing: 0.3px;
		    padding: 0.8rem 1rem;
		    border-radius: 0.25rem 0.25rem 0 0;}

		.headM_ span{
		    display: inline-block;
		    margin-right: 10px;}

		.headM_ i{
		    position: relative;
		    top: 1px;}

.infoM_{
    padding: 2rem;
    border: 1px solid #f5f5f5;
    border-radius: 0px 0px 5px 5px;}	

    .infoM_.no_border{
    	border: 0px solid #f5f5f5;
    	border-radius: 0px;}

	.infoM_ .table_white{}

	.infoM_ .kgrid_{
		margin-bottom: 0px;
		box-shadow: none}

/*MODEL RIGHT*/
.in_panel.modal-open .modal-backdrop.show {
    opacity: 0.3;}

.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 50%;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);}

.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;}

.modal.right.fade .modal-dialog {
	right: -50%;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;}

.modal.right.fade.show .modal-dialog {
	right: 0;}

.modal.right .modal-content {
	border-radius: 0;
	border: none;}

/**/
._Modal.right .modal-header{
	min-height: 62px;
	padding: 10px 60px 10px 10px;
    background-color: #404e67;
    border-radius: 0px;
	position: relative;}

    ._Modal.right .modal-title {
	    color: #ffffff;
	    font-size: 15px;
	    line-height: 15px;
	    letter-spacing: 0px;
	    font-weight: 400;
	    margin: 12px;}

	._Modal.right .modal-header .close{
		position: absolute;
	    top: 0;
	    right: 0;
	    height: 100%;
	    width: 60px;
	    display: inline-block;
	    overflow: hidden;
	    text-indent: 100%;
	    white-space: nowrap;
	    background-color: rgba(0, 0, 0, 0.05);
	    transition: all .2s ease-in-out;
	    margin: auto;
		outline: none !important}

	    ._Modal.right .modal-header .close:hover{    
	    	background-color: #364256;}

	    ._Modal.right .modal-header .close .cd-panel__close{
	    	z-index: 1;}

._Modal.right .headM_ h1{
	background-color: #404e67;
	text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);}

._Modal.right .modal-footer {
    min-height: 70px;
    padding: 1rem 3rem;}

    ._Modal.right .modal-footer .btn{
	    font-size: 14px;
	    letter-spacing: 0.2px;}

    ._Modal.right .modal-footer .btn i {
	    position: relative;
	    top: 1px;
	    margin-right: 5px;}

._Modal .box_input{
	margin: 0;
	text-align: center;
	width: 100%;
	display: block;}

	._Modal .box_input label{
		display: block;
		margin: 0 auto;
		margin-bottom: 15px;
		font-size: 14px;}

	._Modal .box_input input{
	 	display: inline-block;
	 	height: 40px;
	 	padding: 8px 10px 10px;
	 	border: 1px solid #e2e2e2;
	 	background: #fdfdfd;
	 	width: 215px !important;
	 	line-height: normal;
	 	color: #727375;}

    ._Modal .box_input .btn{
    	margin: 0;}

.button_search,
._Modal .box_input .button_search{}

.reset_filter,
._Modal .box_input .reset_filter{
    background-color: #404e67;
    border-radius: 4px;
    margin-left: 10px !important;}

.loading-overlay.loading_code{
	min-height: 200px;}

/**/
.group_filter{}
	
	.form_ .group_filter .form-control{
		display: inline-block;
	    float: left;
	    width: auto;
	    margin-right: 5px;}

	    .form_ .group_filter .form-control.k-multiselect{    
	    	width: calc(100% - 80px);}

	.group_filter .open_filter{
		position: relative;
	    height: 40px;
	    min-width: 40px;
	    border-radius: 3px;
	    background-color: #00B5B8;
	    color: #fff;
		transition: all .2s ease-in-out;}

		.group_filter .open_filter:hover {
    		background-color: #26C0C3;}

	.group_filter .reset_filter{
		position: relative;
	    height: 40px;
	    min-width: 40px;
	    border-radius: 3px;
	    background-color: #404e67;
	    color: #fff;
	    margin-left: 0px !important;
		transition: all .2s ease-in-out;}

		.group_filter .reset_filter:hover {
    		background-color: #4e5f7d;}

	.group_filter .tooltip_ .tip_chart{
		background: #333f54;}

		.group_filter .tooltip_ .tip_chart:before{
			border-color: transparent transparent #333f54 transparent;	}

/* TABLE CODIGO */
.code_table{
	margin: 0px; 
	margin-top: 30px;}

.code_table .table_head{
	pointer-events: none;}

.code_table td{
	line-height: 16px;}

.code_table .table thead th{
	border-bottom: 1px solid #e3ebf3;
	font-size: 14px;
    letter-spacing: -1px;}

.code_table.table-hover tbody tr:hover {
	cursor: pointer;
    background-color: rgba(245, 247, 250, 0.5);}

.results_ tr[visible='false'],
.no_result{
  	display:none;
  	pointer-events: none;}

.results_ tr[visible='true']{
  	display:table-row;
  	transition: all .2s ease-in-out;}

.counter_{
    padding: 10px;
    color: #c5c5c5;
	animation: fadeInLeft .5s ease-in-out;}

.no_result{
	margin-top: 30px;}

/* GESTIONAR SIDEBAR */
.pagewrap{
	overflow: hidden}

.area_m .tabs_ .nav.nav-tabs .nav-item .nav-link{
	margin-right: 0 !important}

body .content-detached.content-left .content-body{
	transition: all .2s ease-in-out;}

body .sidebar_mini .content-detached.content-left .content-body{    
	margin-right: 80px;}

.sidebar_mini .sidebar-right.sidebar-sticky{
	position: relative;
    margin-left: -60px;
    width: 60px !important;}

	.sidebar_mini .area_m .card{
		overflow: visible;}

	.sidebar_mini .area_m .tabs_ .nav-tabs .nav-item{
		display: none;}

	.sidebar_mini .area_m .card-header{
		text-align: center;
    	padding: 0;
    	height: 55px;
    	line-height: 55px;}

	.sidebar_mini .area_m .card-header .card-title{    
		position: absolute;
	    right: 90%;
	    background: #fff;
	    box-shadow: -3px 5px 10px rgba(0, 0, 0, 0.04);
	    padding: 0px 0px 0px 15px;
	    border-radius: 3px 0px 0px 3px;
	    opacity: 0;
	    transition: all .2s ease-in-out;

		text-overflow: ellipsis; 
		overflow: hidden; 
		white-space: nowrap;
		pointer-events: none;}

	    .sidebar_mini .area_m .card-header:hover .card-title{ 
	    	opacity: 1;
    		right: 100%;}

    .sidebar_mini .area_m .number_{
    	display: none}

    .sidebar_mini .area_m .collapse-icon a[data-toggle="collapse"]:before,
    .sidebar_mini .area_m .collapse-icon a[data-toggle="collapse"]:after{
    	display: none}

    .sidebar_mini .sidebar .area_m .alink_{
    	width: 100%;
	    right: 0;
	    float: right;
	    top: 0;
	    transform: none;
	    height: 100%;
		opacity: 0;	}

		.sidebar_mini .sidebar .area_m .card-header:hover .alink_{
			opacity: 1;
		transition: all .5s ease-in-out;}

    .sidebar_mini .sidebar .area_m .tooltip_ .tip_chart{
    	display: none}

    .sidebar_mini .sidebar .area_m .alink_ a{
    	line-height: 30px;
	    border-radius: 50%;}

    .sidebar_mini .sidebar .area_m .aicon_ i{
    	font-size: 15px;}

    .sidebar_mini .sidebar .area_m .collapse.show,
    .sidebar_mini .sidebar .area_m .collapse{
    	display: none}

    .mini_out .sidebar-right.sidebar-sticky{
    	animation: move 1s ease-in 1;
    	transition: all .2s ease-in-out}

	@keyframes move{
		0%,100%{transform:translateX(0px);}
	  	50%{transform:translateX(430px);}
	}

.btn.min_bar,
.min_bar{    
	position: relative;
    background-color: #374358;
    color: #FFFFFF !important;
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: center;
    line-height: 50px;
    border-radius: 3px 3px 0px 0px;
    transition: all .2s ease-in-out;}

	.sidebar_mini .btn.min_bar,
	.sidebar_mini .min_bar{ 
		opacity:0;
		display: none;}

	.btn.min_bar:hover, .min_bar:hover {
    	background-color: #4eb5b8;}

.btn.max_bar,
.max_bar{    
	position: relative;
    background-color: #404e65;
    color: #FFFFFF !important;
    width: 60px;
    height: 60px;
    padding: 0;
    line-height: 60px;
    border-radius: 3px 3px 0px 0px;
    opacity: 0;
    display: none;
	transition: all .2s ease-in-out}

	.sidebar_mini .btn.max_bar,
	.sidebar_mini .max_bar{
		opacity:1;
		display: block;}

	.btn.max_bar:hover, .max_bar:hover {
    	background-color: #4eb5b8;}

.area_m .min_bar.tooltip_ .tip_chart {
    right: 5px;
	background: #37445a;}

.area_m .min_bar.tooltip_ .tip_chart h1 {
    font-size: 12px;}

.area_m .min_bar.tooltip_:hover > .tip_chart {
    -webkit-transform: translateY(35px);
    transform: translateY(35px);} 

.area_m .min_bar.tooltip_ .tip_chart:before{
	top: -6px;}

.area_m .min_bar.tooltip_ .tip_chart:before{
	right: 0px;
    border-color: transparent #37445a #37445a transparent;}

/**/
.area_m .norman.tooltip_ .tip_chart {
    right: 5px;
	background: #37445a;}

.area_m .norman.tooltip_ .tip_chart h1 {
    font-size: 12px;}

.area_m .norman.tooltip_:hover > .tip_chart {
    -webkit-transform: translateY(35px);
    transform: translateY(35px);} 

.area_m .norman.tooltip_ .tip_chart:before{
	top: -6px;}

.area_m .norman.tooltip_ .tip_chart:before{
	right: 0px;
    border-color: transparent #37445a #37445a transparent;}

/**/
.vista_control{
	transition: all .2s ease}

	.sticky-wrapper.is-sticky .vista_control{
		opacity: 0;}

	.sidebar_mini .vista_control{
		display: none}

/**/
.group_parametros{    
	margin-right: 6px !important;}

	.group_parametros .norman{    
		border-color: #FF9800;
	    background-color: #FF9800;
	    color: #fff;
	    border-radius: 0.25rem !important;
	    margin-left: 5px !important;
	    padding: 0.75rem 0.9rem;
		transition: all .25s ease;}

	    .group_parametros .norman i{    
	    	font-size: 1rem;}

	.group_parametros .norman:hover{
		-webkit-transform: translateY(-4px);
	    -moz-transform: translateY(-4px);
	    -ms-transform: translateY(-4px);
	    -o-transform: translateY(-4px);
	    transform: translateY(-4px);
		box-shadow: 0px 0px 15px rgba(255, 152, 0, 0.4);}

/**/
.kgrid_ .k-i-more-vertical{
	color: #fff;
    font-size: 12px;
    font-weight: normal;
    margin-top: 4px;}

/*RADIO BUTTONS*/
.gridradio_.kgrid_ .k-grid .k-alt {
    background-color: #fdfdfd;}

.gridradio_.kgrid_ .k-grid-header th.k-header {
    vertical-align: bottom;}

.gridradio_.kgrid_ .k-grid-header-wrap{
	border-width: 0 0px 0 0;}

.gridradio_ .k-grouping-header{
	display: none;}

.gridradio_ input[type="radio"],
.gridradio_ input[type="checkbox"] {
  	display: none;}

.gridradio_ input[type="radio"] + label,
.gridradio_ input[type="checkbox"] + label {
  	color: #a7a7a7;
  	font-family: Arial, sans-serif;
  	font-size: 14px;
  	display: block;
  	text-align: center;
  	margin-bottom: 3px;
  	margin-top: 3px;}

.gridradio_ input[type="radio"] + label span,
.gridradio_ input[type="checkbox"] + label span {
  	display: inline-block;
  	width: 20px;
  	height: 20px;
  	margin: 0px 0px 0px 0px;
  	vertical-align: middle;
  	cursor: pointer;
  	-moz-border-radius: 50%;
  	border-radius: 50%;
  	}

.gridradio_ input[type="radio"] + label span,
.gridradio_ input[type="checkbox"] + label span {
  	background-color: #f1f1f1;}

.gridradio_ input[type="radio"]:checked + label span {
	position: relative;
	background-color: #4eb5b8;
	}

  	.gridradio_ input[type="radio"]:checked + label span.nivel_bajo{
		background: #3a475d;
		}

	.gridradio_ input[type="radio"]:checked + label span.nivel_medio{
		background: #576782;
		}

	.gridradio_ input[type="radio"]:checked + label span.nivel_alto{
		background: #7384a0;
		}

	.gridradio_ input[type="checkbox"]:checked + label span {
		position: relative;
  		background-color: #9CCC65;}

	.gridradio_ input[type="radio"]:checked + label span:after,
	.gridradio_ input[type="checkbox"]:checked + label span:after {
  		font-family: 'feather' !important;
  		content: "\e926";
  		line-height: 22px;
  		font-size: 12px;
  		color: #fff;
  		border-radius: 50%;
  		text-align: center;
  		right: 3.5px;
  		position: absolute;
  		bottom: auto;
  		animation: fadeIn .3s ease-in-out .15s both;
  		}

	    .gridradio_ input[type="checkbox"]:checked + label span:after{
	    	content: "\e9e6"; }

.gridradio_ input[type="radio"] + label span,
.gridradio_ input[type="radio"]:checked + label span,
.gridradio_ input[type="checkbox"] + label span,
.gridradio_ input[type="checkbox"]:checked + label span {
  -webkit-transition: background-color 0.5s ease-in-out;
  -o-transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;} 

/**/
.formB_.form-bordered .form-group .label-control{
	padding: 0;
	margin: 0;}

	.formB_ .label-control p{
		position: relative;
		margin: 0;
		padding-right: 10px;
		top: 45%;
		transform: translateY(-50%);
		margin-right: 10px;}

	    .formB_ .label-control p:after{
	    	display: block;
		    content: "";
		    position: absolute;
		    right: 0px;
		    top: 4px;
		    background: #F44336;
		    width: 3px;
		    height: 3px;
		    border-radius: 50%;}

		.formB_.form_ .label-control.required:after{
			display: none;}

.formB_.form-bordered .form-group > div{
	padding: 1.2rem;
	border-left: 1px solid #f5f7f9;
	min-height: 75px;}

.formB_.form-bordered .form-group {
    border-bottom: 1px solid #f5f7f9;}

.formB_ .form-group .btn-Switch.btn-sm {
    margin-top: 8px;}	

/**/
.modal_map{
	margin-top: 15px;}

	.modal_map iframe{
		max-width: 100%;}

/**/
.bar_close{    
	padding: 5px 0px;
    border: 1px solid rgba(0, 0, 0, 0);}

    .bar_close.intabs_ {
    	padding: 1rem 0rem;}

.bar_close .inf {
    position: relative;
    top: 50%;
    transform: translateY(-50%);}

.btn_close{
    border-color: #FF9800;
    background-color: #FF9800;
	color: #fff !important;}

	.btn_close i{    
		position: relative;
    	top: 1px;}

    .btn_close:hover {
    	border-color: #ffad34;
    	background-color: #ffad34;}

/**/
.alert_block{
	background: transparent;
	margin: 0;
	border-radius: 0px;
	box-shadow: none;
	padding: 15px 50px 50px;
	min-height: 320px;}   

    .alert_block .f-modal-icon{
    	margin-bottom: 10px;
    	position: relative;
    	display: none}

    .cd-panel--is-visible .alert_block .f-modal-icon{
    	display: block;}    

    .opt_:hover .f-modal-success{
    	animation: bounceIn 1s ease-in-out;}

    	.opt_:hover .f-modal-icon.f-modal-success .f-modal-placeholder{
    		border: 4px solid #A5DC86}

    .opt_:hover .f-modal-error{
    	animation: bounceIn 1s ease-in-out;}

    	.opt_:hover .f-modal-icon.f-modal-error .f-modal-placeholder{
    		border: 4px solid #F27474}

    .opt_{
    	display: block;
    	text-align: center;
    	position: relative;
    	background: #ffffff;
    	box-shadow: 0px 3px 20px -5px rgba(0, 0, 0, 0);
    	border: 1px solid rgba(0, 0, 0, 0.02);
    	padding: 10px 30px 0px;
    	border-radius: 10px;
    	transition: all .25s ease-in-out;
    	margin-top: 20px;}

    	.opt_:hover{
    		box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.03);
    		border: 1px solid rgba(0, 0, 0, 0);
    		margin-top: 0px; }

	.opt_ h1{
	    position: relative;
	    z-index: 1;
	    display: inline-block;
	    margin: 0;
	    color: #404e67;
	    font-size: 18px;
	    line-height: 19px;
	    font-weight: 700;
	    letter-spacing: -0.5px;
	    margin-bottom: 30px;
	    margin-top: 40px;
		transition: all .25s ease-in-out;}  

	    .opt_:hover h1{
	    	margin-bottom: 40px;}

	    .opt_ h1:after{
	    	position: absolute;
		    content: "";
		    display: block;
		    background: #ececec;
		    height: 4px;
		    width: 20px;
		    right: 0;
		    left: 0;
		    margin: 0 auto;
		    bottom: -30px;
    		transition: all .2s ease-in-out;}

    	.opt_:hover h1:after{
    		height: 5px;
    		width: 5px;
    		background: #404e67;
    		bottom: -20px;
    		border-radius: 50%;}

/**/
.box_O{
	background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 0px 50px 0px;}

    .box_O .form-body{
    	padding: 30px;}

    .box_O .form_ .form-actions {
    	padding: 20px 20px 20px;
    	margin-top: 0;}

.titleO{
    position: relative;
    background: #ffffff;
    padding: 20px 20px 20px;
    border-radius: 0;
    transition: all .25s ease-in-out;
    z-index: 10;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
	animation: fadeInUp .2s ease-in-out;}

	.titleO h1{
		color: #404e67;
	    font-size: 17px;
	    line-height: 19px;
	    font-weight: 700;
	    letter-spacing: -0.5px;
	    margin-bottom: 0px;
	    position: relative;}

	.titleO h1 i{
	    position: relative;
	    top: 1px;
	    margin-right: 7px;
	    color: #dcdcdc;}

	.titleO a{
	    position: absolute;
	    right: 0px;
	    height: 100%;
	    top: 0px;
		width: 60px;
		text-align: center;
		border-left: 1px solid rgba(0, 0, 0, 0.04);
		transition: all .2s ease-in-out;}

	.titleO a i{
		color: #404e67;
	    font-size: 14px;
	    position: relative;
	    top: 40%;
	    transform: translateY(-50%);
	    font-weight: 700;} 

	.titleO .tip_chart{
		min-width: 120px;
		text-align: center;}

/**/
.btn_spin{
    transition: all .3s ease-in-out;}

	.btn_spin i{
		position: relative;
		margin-right: 3px;
		top: 1px;}

	.btn.btn_spin.opacity{
		border-color: #FF9800;
		background-color: #FF9800;
		pointer-events: none;}

/**/
.btn_gridAct{
	padding: 0.5rem 0.5rem;
	font-size: 0.85rem;}

/*______ ESTADISTICAS _______*/
.cbp_tmtimeline {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;} 

/* The line */
.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 2px;
	bottom: 0;
	width: 2px;
	background: rgb(64, 78, 102);
	left: 25%;
	margin-left: -8px;
	}

/* The date/time */
.cbp_tmtimeline > li{
	position: relative;
	z-index: 0;}

	.cbp_tmtimeline > li:last-child .cbp_tmlabel:before{
	    content: '';
	    position: absolute;
	    top: 2px;
	    bottom: 0;
	    width: 5px;
	    background: rgb(255, 255, 255);
	    left: -8%;
	    margin-left: -7px;
	    z-index: -1;}

.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	width: 30%;
	padding-right: 70px;
	padding-top: 6px;
	position: absolute;
	}

.cbp_tmtimeline > li .cbp_tmtime span {
	display: block;
	text-align: right;
	line-height: 16px;}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
	font-size: 13px;
	color: #404e66;
	font-weight: 700;}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
	font-size: 12px;
	font-weight: 400;
	color: #bbbbbb;}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
	color: #adadad;}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 0 10px 30%;
	background: #f9f9f9;
	/* color: #989898; */
	padding: 0;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.4;
	position: relative;
	border-radius: 5px;
	}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
	background: #fbfbfb;}

.cbp_tmtimeline > li .cbp_tmlabel h2 {
	margin: 0px;
	color: #404e67;
	font-size: 13.5px;
	line-height: 19px;
	font-weight: 600;
	letter-spacing: -0.3px;
	padding: 1em;}

.cbp_info{
	padding: 10px 15px;
	margin: 0px 0 0 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);}

    .cbp_info p{
    	margin: 0;
	    color: #888888;
	    font-size: 13px;
	    line-height: 19px;
	    text-transform: none;
	    letter-spacing: -0.1px;
	    font-weight: 500;}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #f9f9f9;
	border-width: 10px;
	top: 10px;}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #fbfbfb;}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
	width: 30px;
	height: 30px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.2em;
	line-height: 31px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #404e66;
	text-align: center;
	left: 25%;
	top: 4px;
	margin: 0 0 0 -22px;
	transition: all .25s ease-in-out;
	}

	.cbp_tmtimeline > li:hover .cbp_tmicon {
		box-shadow: 0 0 0 3px #404e66;
		background: #404e66;}

	.cbp_tmtimeline li .cbp_tmicon i{
		color: #404e66;
		transition: all .25s ease-in-out;}

		.cbp_tmtimeline li:hover .cbp_tmicon i{
			color: #ffffff;}	

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

	.cbp_tmtimeline > li .cbp_tmtime span:last-child {
		font-size: 1.5em;}
}

@media screen and (max-width: 47.2em) {
	.cbp_tmtimeline:before {
		display: none;}

	.cbp_tmtimeline > li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;}

	.cbp_tmtimeline > li .cbp_tmtime span {
		text-align: left;}

	.cbp_tmtimeline > li .cbp_tmlabel {
		margin: 0 0 30px 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;}

	.cbp_tmtimeline > li .cbp_tmlabel:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		border-bottom-color: #3594cb;
		top: -20px;}

	.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
		border-right-color: transparent;
		border-bottom-color: #6cbfee;}

	.cbp_tmtimeline > li .cbp_tmicon {
		position: relative;
		float: right;
		left: auto;
		margin: -55px 5px 0 0px;}	
}

/*METAS*/
.kgrid_ .k-tabstrip:focus{
	box-shadow: none !important;}

.kgrid_ .k-detail-cell .k-tabstrip .k-content {
    padding: 0.5em;
	border-color: #dcdcdc;}

.kgrid_ .k-tabstrip-items .k-state-active{   
	border-color: #dcdcdc;
	border-bottom-color: #fff;}

.employee-details ul{
    list-style:none;
    font-style:italic;
    margin: 15px;
    padding: 0;
}
.employee-details ul li
{
    margin: 0;
    line-height: 1.7em;
}

.employee-details label
{
    display:inline-block;
    width:90px;
    padding-right: 10px;
    text-align: right;
    font-style:normal;
    font-weight:bold;
}

/*STYLE SCROLL GRID*/
.kgrid_ .k-grid-content.k-auto-scrollable {
	}

.kgrid_scroll ::-webkit-scrollbar{
	width: 12px;
	height: 7px;
	background-color: #ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: w-resize;}

.kgrid_scroll ::-webkit-scrollbar-track{
	border-radius: 10px;
	background-color: #ffffff;}

.kgrid_scroll ::-webkit-scrollbar-thumb{
	border-radius: 10px;
	background-color: #717e93;}

/**/
.k-widget.k-window{
	border-width: 0;}

.k-window-titlebar.k-header{
    margin-top: -50px !important;
    padding: .6em 0;
    font-size: 1.2em;
    height: auto;}

	.k-window-titlebar.k-header .k-window-title{
	    padding-left: 8px;
	    padding-top: 1px;
	    font-size: 0.9em;
	    color: #757575;}

.k-widget.k-window .k-autocomplete.k-state-default, 
.k-widget.k-window .k-dropdown-wrap.k-state-default, 
.k-widget.k-window .k-numeric-wrap.k-state-default, 
.k-widget.k-window .k-picker-wrap.k-state-default{
	background-color: #f7f7f7;
	background-image: none;
	border-color: #ebebeb;}	

/* ______________________________________________________________________________*/
/* DASHBOARD_____________________________________________________________________*/
/* ______________________________________________________________________________*/
html body.dash_,
.dash_{
	background-color: #f9f9fc;}

html body .content.app_content,
.app_content{
	padding: 15px 0px;}

html body .content.app_content .content-wrapper {
    padding: 0rem 0px;}

/*SIDEBAR*/
.bar_action{
	max-width: 100px;}

@media (min-width: 992px){
	.bar_action .sidebar {
	    vertical-align: top;
	    width: 100px;}
}	

.menu_review{
	position: relative;
	border-radius: 3px;
	box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
	background-color: #fff;
	padding: 1.25rem 1.5rem;
	display: block;
	transition: all 0.5s ease;
	width: 100px;
	border: 0px;}

	.menu_review.open,
	.menu_review.byclick{
		width: 250px;
		transition: all 0.5s ease}

/*CONTENT DASHBOAD*/
@media (min-width: 992px){
	body .detached_.content-right .content-body {
	    margin-left: 120px;}

	body .block_toggle .detached_.content-right .content-body {
	    margin-left: 265px;}

}

/*FOTO*/
.user_block{
	position: relative;
	clear: both;
	display: block;
	width: 100%;
	height: 55px;
	margin-bottom: 10px;}

.user_block .img_{
	height: 55px;
	width: 55px;
	position: absolute;
	border-radius: 50%;
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 0px;
	-webkit-animation: fadeIn .7s ease-in-out .5s both;
	-moz-animation: fadeIn .7s ease-in-out .5s both;
	-o-animation: fadeIn .7s ease-in-out .5s both;
	-ms-animation: fadeIn .7s ease-in-out .5s both;
	animation: fadeIn .7s ease-in-out .5s both;	}       	

	.user_block .img_:after{
		width: 10px;
		height: 10px;
		display: block;
		position: absolute;
		content: "";
		bottom: 3px;
		right: 3px;
		box-shadow: 0px 0px 0px 3px #fff;
		border-radius: 50%;
		background: #80c900;
		animation: fadeInDown .5s ease-in-out .8s both;}

.open .user_block .detail,
.byclick .user_block .detail{
	left: 0px;
	opacity: 1;	}

	.user_block .detail{
		margin-left: 65px;
		position: relative;
		display: block;
		padding-left: 6px;
		white-space: nowrap;
		overflow: hidden;
		left: -10px;
		/* opacity: 0; */
		text-shadow: none;
		-webkit-transition: all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
		-o-transition: all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
		transition: all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
		top: 50%;
		transform: translateY(-50%);}

	.nombre-User{
		display:  block;
		font-size: 14px;
		letter-spacing: -0.5px;
		color: #5d5b6f;
		font-weight: 700}

	.cargo-User{
		font-size: 11px;
		letter-spacing: -0.5px;
		font-weight: 700;
		display: block;
		color: #9e95c3;
		margin-top: -5px;}

/**/
.item_menu{
	clear: both;
	padding: 0rem;
	border: 0px;
	max-height: 80vh;
    overflow-x: hidden !important;
    overflow-y: scroll;}

    .bar_action .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y{
		background-color: #dadada;
		width: 3px;}

    .bar_action .ps-scrollbar-x-rail{
    	display: none !important;} 

.item_menu ul{
	margin: 0;
	padding: 0;
	padding-right: 10px;
	}

.item_menu li{
	position: relative;
	margin-bottom: 0px;	}

.item_menu li a{
	position: relative;
	display: block;
	text-decoration: none;
	padding: 0px 0px;
	border-radius: 0;
	padding-left: 0;
	height: 55px;
	min-width: 60px;
	z-index: 1;
	border-radius: 3px;
	transition: all 0.15s ease;	}

	.item_menu li a:hover{
		background: rgba(0, 0, 0, 0.01);}

.iconfix{
	position: absolute;
	left: 0px;
	top: 0;
	width: 60px;
	height: 55px;
	line-height: 55px;
	color: #bdbdbd;
	font-size: 18px;
	overflow: hidden;
	border-radius: 999px;
	-webkit-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;}

		.item_menu a:hover .iconfix{
			color: #43a0a2;}

	.iconfix i{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: 0 auto;
		line-height: 55px;
		text-align: center;
		font-size: 16px;}

		.actove .iconfix i{
			color: #43a0a2;}

.item_menu span{
	margin-left: 55px;
	position: relative;
	display: block;
	padding-left: 3px;
	white-space: nowrap;
	overflow: hidden;
	left: -10px;
	opacity: 0;
	text-shadow: none;
	-webkit-transition: all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
	-o-transition: all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
	transition: all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
	top: 50%;
	transform: translateY(-50%);
	/*-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;*/}

	.open .item_menu span,
	.byclick .item_menu span{
		left: 0px;
		opacity: 1;}

	.item_menu span p{
		position: relative;
		margin:0;
		display: block;
		font-size: 13px;
		letter-spacing: -0.5px;
		color: #7f7e8a;
		font-weight: 700;
		padding-right: 15px;}			

		.actove span p{
			color: #43a0a2;}

		.item_menu span p:after{
			display: block;
		    position: absolute;
		    content: "";
		    width: 3px;
		    height: 3px;
		    line-height: 5px;
		    border-radius: 50%;
		    background: #c5c5c5;
		    right: 10px;
		    top: 50%;
		    transform: translateY(-50%);
			transition: all 0.15s ease-in-out}

		    .item_menu .actove span p:after{
		    	background: #43a0a2;}

		    .item_menu a:hover span p:after{
		    	background: #43a0a2;}

.name_area{
	color: #9e95c3;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	margin: 0;
	margin-left: 20px;
	position: relative;
	display: block;
	width: 100%;
	/*text-align: center;*/
	opacity: 0;
	transition: all 0.3s ease;
	padding: 5px 0px;}

    .open .name_area,
    .byclick .name_area{
    	opacity: 1;}

/*HEADER DASH*/    
.head_dash{
    background-color: #fff;
    margin-bottom: 1.5rem;
    border-radius: 3px;
    padding-bottom: 5px;
    padding-top: 5px;
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.02), 0 2px 9px 0 rgba(62, 57, 107, 0.02);
    }

    .head_dash.head_case{    
    	margin-bottom: 0;
	    border-radius: 3px 3px 0px 0px;
	    padding-bottom: 0px;
	    padding-top: 0px;
	    box-shadow: none;
		z-index: 1;
    	position: relative;}

	.head_dash .card-header{
		background: transparent;
		padding: 2rem 15px 1px;
		/* background-color: #fff; */
		margin: 0;}

	.head_dash .content-header-left{
		padding-top: 3px;}

	.head_dash h4{
		font-size: 1.2rem;
		font-weight: 700;
		color: #4f4f54;
		letter-spacing: -0.5px;
		display: inline-block;
		margin: 0;
		position: relative;
		float: left;
		padding: 5px 10px 0px 0px;}

		.head_dash h4.filtertile{
			font-size: .9rem;
			padding: 10px 10px 0px 0px;
			    letter-spacing: -0.3px;
			    color: #65657b;}

			.head_dash h4.filtertile i{
				font-size: 12px;
			    font-weight: 600;
			    margin-right: 3px;} 

.sub_break{
	display: inline-block;
	height: 30px;
	float: left;}

.toggle_button{
	position: relative;
	display: block;
	margin: 0;
	clear: both;
	height: 30px}

	.toggle_button .icono_{
		position: relative;
		display: inline-block;
		width: 20px;
		height: 30px;
		float: left;}

	.toggle_button i{
	    position: absolute;
	    display: inline-block;
	    top: 50%;
	    transform: translateY(-50%);
		color: #a4a9bf;
		transition: all .15s ease}

		.open_toggle.toggle_button i{
			color: #4eb5b8;}

		.open_toggle.toggle_button i:before {
    		content: "\e9c5";}

    	.toggle_button i:after{
			display: block;
    		position: absolute;
		    content: "";
		    width: 4px;
		    height: 4px;
		    line-height: 5px;
		    border-radius: 50%;
		    background: #cccccc;
		    right: 4.2px;
		    top: 50%;
		    transform: translateY(-50%);
		    transition: all 0.15s ease-in-out;
		    -webkit-animation-name: flash 2s both infinite;
		    animation: flash 2s both infinite;}

		    .open_toggle.toggle_button i:after{
		    	display: none;}

	.toggle_button span{
		position: relative;
		display: inline-block;
		height: 30px;
		padding-left: 5px;	}

		.toggle_button p{
			font-size: 14px;
			line-height: 18px;
			font-weight: 700;
			letter-spacing: -0.5px;
			color: #959cb6;
			transform: translateY(-50%);
			position: absolute;
			min-width: 160px;
			top: 50%;
			transition: all .25s ease-in-out;
			margin: 0;}

		    .toggle_button:hover p{
		        opacity: 0;
		        margin-left: 30px;}

		.toggle_button h6{
			font-size: 14px;
			line-height: 18px;
			font-weight: 700;
			letter-spacing: -0.5px;
			color: #51617b;
			top: 50%;
			transform: translateY(-50%);
			position: absolute;
			opacity: 0;
			transition: all .25s ease-in-out;
			margin: 0;
			margin-left: 30px;}

		    .toggle_button:hover h6{
		    	margin-left: 0px;
		    	opacity: 1;}

	.nak_link{
		font-size: 14px;
		line-height: 18px;
		font-weight: 700;
		letter-spacing: -0.5px;
		color: #959cb6;
		position: relative;
		top: 6px;
		transition: all .25s ease-in-out;
		margin: 0;
		display: inline-block;
		margin-left: 15px;}

			.nak_link:first-of-type{
				margin-left: 0px;}

	    .nak_link:hover{
	    	color: #51617b;}

	    .nak_link:after{
		   	display: block;
		   	position: absolute;
		   	content: "";
		   	width: 3px;
		   	height: 3px;
		   	line-height: 5px;
		   	border-radius: 50%;
		   	background: #c5c5c5;
		   	left: -10px;
		   	top: 50%;
		   	transform: translateY(-50%);
		   	transition: all 0.15s ease-in-out;}

		    .nak_link:hover:after{
		        background: #43a0a2;}

		    .nak_link:first-of-type:after{
				display: none;}

.today_date{
	display: inline-block;
    margin: 0;
    margin-left: 5px;}  

.content_header_right .btn-outline-primary {
    border-color: #ffffff;
    background-color: transparent;
    color: #c7c7c7;
	padding: 0.9rem 1rem;}

    .content_header_right .btn-outline-primary:hover {
    	background-color: #00B5B8;
    	border-color: #00B5B8;
    	color: #FFF !important;}

.group_dropdown{
	margin-right: 5px;
	z-index: 0;}

    .content_header_right .group_dropdown .btn-outline-primary{
    	color: #a2a2a2;
    	font-size: 13px;
    	font-weight: 400;
    	padding: 0.85rem 1rem;}

	.group_dropdown .show > .btn-outline-primary.dropdown-toggle{
		color: #fff;}

	.content_header_right .group_dropdown .btn-outline-primary i{
		font-size: 0.9rem;
	    position: relative;
	    top: 1px;}

/**/
.grupo_card{}

.grupo_card .card{    
	border-radius: 3px;
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;}

	.grupo_card .card:hover{    
		-webkit-transform: translateY(-4px) scale(1.02);
		-moz-transform: translateY(-4px) scale(1.02);
		-ms-transform: translateY(-4px) scale(1.02);
		-o-transform: translateY(-4px) scale(1.02);
		transform: translateY(-4px) scale(1.02);
		-webkit-box-shadow: 0 14px 24px rgba(62,57,107,.2);
		box-shadow: 0 14px 24px rgba(62,57,107,.2);
		z-index: 30;}

.tile_card{
	font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: -0.2px;
    color: #959cb6;
    margin-top: 15px;
    display: block;}

.grupo_card .media{
	position: relative;
	padding-right: 75px;}

	.grupo_card .media-right{
		height: 100%;
		position: absolute;
		right: 5px;
		top: 0;}

.number_card{
	font-size: 1.7rem;
	font-weight: 700;
	margin: 0;
	top: 50%;
	position: relative;
	display: block;
	transform: translateY(-50%);
	transition: all .5s ease-in-out;} 

    .loading .number_card{display: none;}

.grupo_card .progress.progress-sm {
    height: 3px;}

	.grupo_card .progress-bar{
		transition: width 2s ease;}

    .loading .grupo_card .progress-bar-animated{width: 0px !important}

.grupo_card .tooltip_{
	display: block;}

	.grupo_card .tooltip_ .tip_chart{
		top: auto;
    	bottom: 25px;
    	right: 10px;}
 	
/**/
.card_filter{    
	z-index: 1;
    position: relative;}

	.card_filter .row{
		margin: 0;}

	.card_filter .card{
	    border-radius: 3px;
	    background: transparent;
	    box-shadow: none;
	    margin: 0;}

	.card_filter form .form-group {
		margin-top: 1rem;
    	margin-bottom: 1rem;}

    .card_filter form .form-control{
    	border: 1px solid #f7f7f7;
		border-radius: 5rem;
		background-color: #fdfdfd;
		padding-right: 25px;
		padding-left: 20px;}

		.card_filter form .has-icon-left .form-control{
			padding-left: 35px;}

		.card_filter form .has-icon-left .form-control-position{
			left: 4px;	
			color: #c3c3c3;}

	.card_filter .form_ .select_{
		width: 100%;
		right: 7px;}

    .card_filter .form_ .select_:after{    
		margin-top: -4px;
		width: 10px;
		height: 10px;}

/**/
.bar_filter{
	display: block;
	top: -3px;}

.toolbar_filter{    
	display: inline-block;
    width: 85%;}
 
	.toolbar_filter .card_filter form .form-group{    
		margin: 0;}

	.toolbar_filter .card_filter{
		display: flex;
    	flex-wrap: wrap;}

	.toolbar_filter .form-body{
		display: flex;
    	flex-wrap: wrap;}

/**/
.calendario_{
    position: relative;
    z-index: 0;
    margin-bottom: 1.875rem;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);}

	.agenLinks_{
		text-align: right;
		padding:  0;
		position:  absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		padding-right: 35px;}

        .agenLinks_ .item_{
            position: relative;
            display: inline-block;
            padding-right: 30px;
            margin-right: 10px;}

                .agenLinks_ .item_:after{
                    position: absolute;
                    right: 15px;
                    width: 1px;
                    height: 15px;
                    background: rgb(232, 232, 232);
                    content: "";
                    display: block;
                    top: 50%;
                    transform: translateY(-50%);}  

                .agenLinks_ .item_:last-child{
                    padding-right: 0px;
                    margin-right: 0px; }

                    .agenLinks_ .item_:last-child:after{
                        display: none;}	

            .agenLinks_ .item_ .gridradio_{
            	padding: 0;}

            	.agenLinks_ .gridradio_ input[type="checkbox"] + label span {
    				background-color: #e0e0e0;}

    			.agenLinks_ .gridradio_ input[type="checkbox"]:checked + label span{
    				background-color: #4eb5b8;}

    			.agenLinks_ input[type="checkbox"]:checked + label span:after{
	    			content: "\e926"; }

        	.agenLinks_ .name_check{
			    margin:  0;
			    margin-top: 5px;
			    color: #959cb6;
			    font-size: 13.4px;
			    font-weight: 500;
			    letter-spacing: -0.2px;
			    padding-left: 5px;}

.scheduler_{
	    margin: 0px 1px;
	    padding: 0px 30px 40px;
	    background: #fff;}

	.scheduler_ .k-icon{
		background-image: none}

	.scheduler_ .k-scheduler-layout{
		border: 1px solid #f3f3f3}

	.scheduler_ .k-scheduler-table td{    
		border-color: #f3f3f3;}

	.scheduler_ .k-scheduler{
		border: 0px;}

.scheduler_ .k-scheduler-toolbar{
    background: #66bb6a;
    padding: 0;
    border: 0px;}

    .scheduler_ .k-scheduler-toolbar{
	    background: #404e66;
	    padding: 0;
	    border: 0px;}

    .scheduler_ .k-widget{
        border-width: 0px;}

    .scheduler_ .k-scheduler-table th{
        height: 2.5em;}

    .scheduler_ .k-scheduler .k-header .k-link{
        background-color: transparent;
        border-color: transparent;
        padding: 10px 15px;}

    .scheduler_ .k-scheduler .k-header li{
        background-color: transparent;
        border-color: transparent;
        border: 0px;
        position: relative;
        transition:all .25s ease-in-out;}

        .scheduler_ .k-scheduler .k-header li.k-state-hover{
            background-color: #39465a;
            border-color: rgba(0,0,0,0.05);}

    .scheduler_ .k-scheduler-toolbar>ul{
        background-color: transparent;}

        .scheduler_ .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover,
        .scheduler_ .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link{
            background-color: #39465a;
            border-color: rgba(0,0,0,0.03);}

    .scheduler_ .k-scheduler-toolbar>.k-scheduler-views>li.k-state-selected{   }

        .scheduler_ .k-scheduler-toolbar>.k-scheduler-views>li.k-state-selected:after{
            background: #ffffff;
            position: absolute;
            bottom: 0px;
            display: block;
            width: 15px;
            height: 2px;
            content: "";
            left: 0px;
            right: 0px;
            margin: auto;
            border-radius: 5px;
            animation: fadeInUp .5s ease-in-out .1s both;
            transition: all .25s ease-in-out;}

    .scheduler_ .k-header.k-scheduler-footer{
        color: #ffffff;
        background-color: #fff;}

    .scheduler_ .k-header.k-scheduler-footer ul.k-header li,
    .scheduler_ .k-header.k-scheduler-footer ul.k-header li .k-link {
        color: #ffffff;
        background-color:#3a475d;
        border-color: transparent;}    

    .scheduler_ .k-picker-wrap.k-state-default>.k-select{
        background: linear-gradient(60deg, #39465a, #39465a);
        border-color: #39465a;}		
        
.sect_info{
    position:  relative;
    background:  #fff;
    margin: 0px 0px;
    padding: 25px 30px 23px 30px;
    float:  none;
    z-index: 2;
    border-radius: 3px;
    border: 0px solid rgba(0, 0, 0, 0.05);
    border-bottom: 0;}

	/*.sect_info i{
	    position:  absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    color: #d8d8d8;
	    left: 15px;
	    font-size: 20px; }*/

	.sect_info h1{
	    display:  inline-block;
	    font-size: 15px;
	    margin:  0 auto;
	    letter-spacing: -0.3px;
	    color: #959cb6;
	    font-weight: 500;
	    font-size: 1.2rem;
	    font-weight: 700;
	    color: #4f4f54;
	    letter-spacing: -0.5px;}

/**/
.infodash_{}

	.infodash_ .row{}

.ficha_{
	position: relative;
    z-index: 0;
	margin-bottom: 1.875rem;}

	.ficha_ .sect_info .row{
		margin: 0; 
		position: relative;}

	.ficha_ .sect_info .row:after,
	.ficha_ .sect_info .row:before{
		position: absolute;
	    display: block;
	    content: "";
	    width: 100%;
	    height: 1px;
	    background: #f1f1f1;
	    bottom: -20px;
	    left: 0;}

	    .ficha_ .sect_info .row:before{
	    	width: 17px;
		    height: 4px;
		    background: #43a0a2;
		    bottom: -23px;
		    z-index: 1;}

.content_box_left{
    padding: 0;}

	.content_box_left p{
		padding: 0;
		margin: 0;
		font-size: 13px;
		line-height: 13px;
		font-weight: 500;
		letter-spacing: -0.2px;
		color: #a3aac1;
		display: block;
		margin-top: 3px;}

.content_box_right{
	text-align: right;
	padding-right: 0;
	padding-top: 3px;}

	.content_box_right a{}

	.content_box_right .btn-outline-primary {
	    border-color: #ffffff;
	    border: 0px;
	    background-color: transparent;
	    color: #bdbdbd;
	    padding: 10px;
		transition: all .25s ease;}

	   	.content_box_right .btn-outline-primary:hover {
	   		color: #00B5B8 !important}

	   	.content_box_right .btn-outline-primary.active {
	   		color: #ffffff !important}

	.content_box_right .nav-tabs{
		border: 0px;}

.box_ficha {
    margin: 0px 0px;
    padding: 20px 30px 40px;
    background: #fff;
	box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.03), 0 2px 9px 0 rgba(62, 57, 107, 0.03);
	border-radius: 0px 0px 3px 3px;}

.box_ficha .k-chart, .box_ficha .k-stockchart {
    height: 320px;}

    .box_ficha .height_380 .k-chart {
    	height: 380px;}

    .box_ficha .height_400 .k-chart {
    	height: 380px;}


.table_dashb{}

	.table_dashb table{
		margin: 0}

	.table_dashb .table th, .table_dashb .table td{
		padding: 0.5rem 1rem;}

.notext_box{
	min-height: 320px;}

.box_ficha .kgrid_.card	{
	box-shadow: none;
	margin-bottom: 0}

/**/
.box_ficha .tab_icons{
	margin-bottom: 0rem;}

.box_ficha .tabsContent_{
	box-shadow: none;
    border: 1px solid #f1f1f1;
    border-radius: 0px 3px 3px 3px;}

.box_ficha .tabs_ .nav.nav-tabs .nav-item .nav-link{
	margin-right: 1px;
	background-color: rgba(64, 78, 103, 0.1);
	padding: 0.5rem 1rem;}  

.box_ficha .tabs_ .nav.nav-tabs .nav-item .nav-link.active {
    background-color: #404e67;
    color: #fff;} 

.box_ficha .table_white .kgrid_ .k-footer-template .totalI_ h5{
	background: transparent;
	display: block;	}   

	.box_ficha .table_white .kgrid_ .k-footer-template .totalI_{    
		background: #fbfbfb;
		border-bottom: 1px solid #f5f5f5;}

	.box_ficha .totalI_ h5 b{
		font-weight: 900 !important;
    	color: #848282 !important;}

.weekend{
    background-color: #F7DCAA;
}  

/*KANBAN*/
.btn_kan{    
	font-size: 1rem;
    padding: 0.85rem 1.25rem;} 

    .btn_kan i{    
    	margin-right: 3px;  }	

/* TABLEROS CASOS */
.kanbanBox_{
	position: relative;
	background: #fff;
	margin: 0px 0px;
	padding: 20px 10px 20px 10px;
	border-radius: 4px;
	box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.04), 0 2px 9px 0 rgba(62, 57, 107, 0.04);
	}

#DragDrop_ {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}

.demo_section {
    margin: 0px !important;
	padding: 0;
	border: 0px;}

.list-wrapper {
    /* min-width: 1800px; */
    /* min-width: max-content; */
    min-width: 100%;
    /* overflow: hidden; */
    padding: 0px;
    }

.panel_case{
    display: inline-block;
    position: relative;
    z-index: 0;
    float: left;
    background: #ffffff;
    padding: 0px 20px 20px;
    margin: 0px 8px 0px 8px;
    /* box-shadow: 0 0px 10px 0 rgba(16, 37, 133, 0.01); */
    border-radius: 4px;
    overflow: hidden;
    width: 32%;
    align-items: start;
    vertical-align: top;
    border: 1px solid rgba(0, 0, 0, 0.03);}

    .panel_case .bg{
        position: absolute;
        width: 100%;
        height: 70px;
        top: 0px;
        right: 0px;
        z-index: -1;
        opacity: .6;}

        .panel_case .bg[data-background-color="blue"]{
            background: linear-gradient(60deg, #26c6da, #00acc1);}
        .panel_case .bg[data-background-color="orange"]{
            background: linear-gradient(60deg, #ffa726, #fb8c00);}
        .panel_case .bg[data-background-color="green"]{
            background: linear-gradient(60deg, #66bb6a, #43a047);}
        .panel_case .bg[data-background-color="red"]{
            background: linear-gradient(60deg, #ef5350, #e53935);}


.sortable_panel{
    /*width: 230px; */
    min-height: 300px;
    padding: 0;
    border: 0px solid #ececec;
    border-radius: 0px;
    width: 95%;
    margin: 0 auto;
    }

.list-item {
    list-style-type: none;
    width: 220px;
    margin-bottom: 20px;
    padding: 0px;
    line-height: 30px;
    background-color: rgb(254, 254, 254);
    border: 0px solid rgba(0, 0, 0, 0.03);
    color: #ffffff;
    border-radius: 3px;
    cursor: grab;
    overflow: hidden;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.05);
    opacity: .9;}

.sortable_header{
    position: relative;}

    .card-stats{
    	border-radius: 4px;
    	margin-top: 20px;
    	box-shadow: none;
    	position: relative;
    	padding-left: 60px;
    	}

    	.card-stats .card-header{
    		 position: absolute;
    		 left: 0px;
    		 padding: 0px;
    		 width: 60px;
    		 height: 100%;
    		 text-align: center;
    		 }

    	.card-stats .card-header i{
            font-size: 24px;
            line-height: normal;
            position: relative;
            top: 20px;
            }

    .card-stats .card-content{
    	padding-top: 20px;}
    
	    .sortable_header .card-stats .title{
	        margin: 0;
	        font-weight: 700;
	        font-size: 17px;
	        line-height: 18px;
	        letter-spacing: -1px;
	        color: #404E67;}

	        .sortable_header .card-stats .category{
			    margin: 0;
			    font-size: 14px;
			    letter-spacing: -1px;}        

/* Cards */
.headDrop_{
    position: relative;
    padding: 10px 20px 10px 20px;
    z-index: 1;}
    
    .headDrop_ h2{
        font-size: 15px;
        margin: 0;
        padding: 13px 0px;
        color: #334152;
        letter-spacing: -1px;
        font-weight: 500;
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        margin-bottom: 0px;
        transition: all .25s ease-in-out;}

        .list-item:hover .headDrop_ h2{
        	border-bottom: 1px solid rgba(0, 0, 0, 0.015);}

        .headDrop_ h2:after{
            position: absolute;
            width: 15px;
            height: 3px;
            display: block;
            content: "";
            background: linear-gradient(60deg, #26c6da, #00acc1);
            bottom: -2px;
            left: 0;
            margin: auto;
            border-radius: 5px;}       
        
    .headDrop_ .semaf{
        position: absolute;
        display: block;
        right: 16px;
        top: 9px;}

        /* Tooltip */
        .semaf a {
            background: #e2e2e2;
            position: absolute;
            width: 8px;
            height: 8px;
            display: block;
            border-radius: 50%;
            z-index: 1;
            cursor: pointer;}

            .semaf a .tip_chart{
                opacity: 0;
                top: 65%;
                pointer-events: none;
                position: absolute;
                z-index: 100;
                padding: 0em 0.8em;
                line-height: normal;
                cursor: pointer;
                display: inline-block;
                /*width: 200px;*/
                color: #fff;
                right: 5px;
                background: #3a475d;
                box-shadow: 0px 0px 15px rgba(58, 71, 93, 0.05);
                transition:all 0.3s ease-in-out;
                }

            .semaf a .tip_chart:before{
                opacity: 0;
                position: absolute;
                z-index: -1;
                content: '';
                right: 0;
                top: 0;
                border-style: solid;
                border-width: 0 0px 10px 10px;
                border-color: transparent transparent #3a475d transparent;
                -webkit-transition-duration: 0.4s;
                transition-duration: 0.4s;
                -webkit-transition-property: transform;
                transition-property: transform;
                }

                .semaf a:hover > .tip_chart {
                    display: block;
                    opacity: 1;                     
                    -webkit-transform: translateY(15px);
                            transform: translateY(15px);}

                .semaf a:hover > .tip_chart:before {
                    opacity: 1;
                    -webkit-transform: translateY(-10px);
                            transform: translateY(-10px);}

                .semaf a .tip_chart h1{
                    font-size: 13px;
                    margin: 7px 0px;
                    letter-spacing: -0.5px;
                    font-weight: 100;
                    color: #fff;
                    }

        /* Config */
        .headDrop_ .config_ {
            position: absolute;
            display: block;
            right: 10px;
            top: 10px;
            width: 15px;
            height: 15px;
            text-align: center;}  

            .headDrop_ .config_ button {
                color: #dedede;
                position: relative;
                width: auto;
                height: auto;
                display: block;
                border-radius: 50%;
                z-index: 20;
                border: none;
                padding: 0;
                background: transparent;
                margin: 0 auto;
                font-size: 14px;
                top: 0px;}    

            .headDrop_ .config_.open{
                left: auto;}
                 
                .headDrop_ .config_.open button {
                    color: #fff;} 

            .headDrop_ .dropdown-menu{
                animation: zoomIn .15s ease-in-out;  
                padding-top: 30px;}

                .headDrop_ .dropdown-menu li a{
                    padding: 10px;
                    color: #fff;}

                    .headDrop_ .dropdown-menu li a i{
                        margin-right: 10px;
                        font-size: 13px;
                        font-weight: normal;
                        line-height: normal;}

    .infoDrop_{
        position: relative;
        z-index: 0;
        padding: 13px 15px;
        }

        .infoDrop_ h3{
            margin: 0;
            padding: 0;
            font-size: 13px;
            line-height: 13px;
            font-weight: 400;
            letter-spacing: -0.5px;
            color: #797979;
            display: inline;
            min-height: 22px;
            position: relative;
            float: left;
            margin-right: 10px;
            }

        .infoDrop_ h3 small{
            display: inline-block;
            font-size: 11px;
            margin-bottom: 5px;
            background: #f1f1f1 !important;
            color: #969696;
            padding: 6px 7px;
            font-weight: 500;
            letter-spacing: 0px;
            border-radius: 4px;
            float: left;
            margin-right: 6px;
            }

        .infoDrop_ h3 p{
            margin-top: 6px;
            display: inline-block;
            margin-bottom: 15px;
            font-weight: 500;
            letter-spacing: -0.2px;
            }

            .infoDrop_ h3 small i{    
                font-size: 12px;
                line-height: 12px;
                margin: 0px;
                vertical-align: middle;
                position: relative;}
  
.footDrop_{
    position: relative;
    display: block;
    width: 100%;
    z-index: 0}

    .footDrop_ a{
        position: relative;
        display: block;
        padding: 8px;
        text-align: center;
        color: #ababab;
        font-size: 14px;
        letter-spacing: -0.5px;
        font-weight: 500;
        border-top: 1px solid rgba(0, 0, 0, 0.06);
        transition: all .25s ease-in-out;}

        .list-item:hover .footDrop_ a{
        	border-top: 1px solid rgba(0, 0, 0, 0.015);}

    .footDrop_ a i{
        font-size: 13px;
        top: 1px;
        position: relative;}

        .footDrop_ a:hover{
            color: #fff;}

        .footDrop_ a:after{
            position: absolute;
            width: 100%;
            height: 100%;
            content: "";
            display: block;
            top: 0;
            right: 0;
            z-index: -1;
            opacity: 0;
            background: linear-gradient(60deg, #26c6da, #00acc1);} 

            .footDrop_ a:hover:after{
                opacity: 1;
                animation: fadeInUp .25s ease-in-out; }
      
.p_PorHacer .list-item, .p_EnEjecucion .list-item,
.p_Realizado .list-item, .p_Cerrado .list-item {
    width: 100%;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.06);
    opacity: 1;	
    transition: all .25s ease-in-out;}

    .list-item:hover {
    	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.025);
	    border: 1px solid rgba(0, 0, 0, 0);
	    background-color: rgb(255, 255, 255);}

    .p_PorHacer .list-item .headDrop_ h2:after,
    .p_EnEjecucion .list-item .headDrop_ h2:after,
    .p_Realizado .list-item .headDrop_ h2:after,
    .p_Cerrado .list-item .headDrop_ h2:after{
        animation: fadeInUp .6s ease-in-out .08s both;}

.p_PorHacer .list-item {}
    
    .p_PorHacer .list-item .headDrop_ h2:after{        
        background: linear-gradient(60deg, #26c6da, #00acc1);}
    .p_PorHacer .list-item .infoDrop_ h3 small{
        background: #10b8cb;}
    .p_PorHacer .list-item .footDrop_ a:after{
        background: linear-gradient(60deg, #26c6da, #00acc1);}

.p_EnEjecucion .list-item {}

    .p_EnEjecucion .list-item .headDrop_ h2:after{
        background: linear-gradient(60deg, #ffa726, #fb8c00);}
    .p_EnEjecucion .list-item .infoDrop_ h3 small{
        background: #ffa624;}
    .p_EnEjecucion .list-item .footDrop_ a:after{
        background: linear-gradient(60deg, #ffa726, #fb8c00);}

.p_Realizado .list-item {}

    .p_Realizado .list-item .headDrop_ h2:after{
        background: linear-gradient(60deg, #66bb6a, #43a047);}
    .p_Realizado .list-item .infoDrop_ h3 small{
        background: #66bb6a;}
    .p_Realizado .list-item .footDrop_ a:after{
        background: linear-gradient(60deg, #66bb6a, #43a047);}

.p_Cerrado .list-item {}

    .p_Cerrado .list-item .headDrop_ h2:after{
        background: linear-gradient(60deg, #ef5350, #e53935);}
    .p_Cerrado .list-item .infoDrop_ h3 small{
        background: #ef5350;}
    .p_Cerrado .list-item .footDrop_ a:after{
        background: linear-gradient(60deg, #ef5350, #e53935);}

#placeholder.list-item {
    background-color: #ffffff;
    padding: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
	color: #334152;
	letter-spacing: -0.5px;}    	 

/* SUBMENU */
.top_submenu{
	padding-top: 110px;}

.submenu_ {
	z-index: 0;
    position: relative;}

.submenu_ .header-navbar.navbar-shadow {
    box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, 0.03);}

.submenu_  .header-navbar .navbar-container ul.nav li > a.nav-link {
    padding: 1.4rem 0.9rem;}

	.submenu_ .navbar-light .navbar-nav .nav-link {
		display: block;
	    color: #404E67;
	    font-size: .92rem;
    	letter-spacing: -0.3px;
	    font-weight: 500;
	    position: relative;
		transition: all .25s ease-in-out}

			.submenu_ .navbar-light .navbar-nav .active .nav-link {
				color: #00B5B8;}

	    .submenu_ .nav-item i {
	    	margin-right: 0.15rem;
		    top: 1px;
		    position: relative;
			transition: all .25s ease-in-out}

	.submenu_ .navbar-light ul#main-menu-navigation > li.active > a {
    	border-bottom: 0px solid #00B5B8; }

    .submenu_ .nav-link:hover span{
    	color: #5d6d8a;}

    	.submenu_ .active .nav-link:hover span {
    		color: #00B5B8;}

    .submenu_ .nav-link:hover i{
    	color: #00B5B8;}

    	.submenu_ .active .nav-link i{
    		color: #00B5B8;}

    .submenu_ a.nav-link::before{
    	position: absolute;
	    width: 0%;
	    height: 2px;
	    display: block;
	    content: "";
	    background: #00B5B8;
	    bottom: -1px;
	    right: 0;
	    left: 0;
	    margin: auto;
	    border-radius: 1px;
		transition: all .25s ease-in-out}

		.submenu_ a.nav-link:hover:before{
			width: 40%;}

		.submenu_ .active a.nav-link:before{
			width: 60%;
			height: 3px;}

			    

/* LOGIN PAGE */

.line-on-side span{
	padding: 0 15px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.5px;}


/**/
.header_model{
	position: relative;}

	.header_model img{
		position: relative;
		width: 100%;}

/**/
.menu_navigation{
	position: relative;}

	.menu_navigation.navbar-fixed{
		background: #3a475d;}				

	.header_ .header-navbar{
		min-height: auto;}

		.header_ .submenu_ .header-navbar{
			padding: 0px 30px;}

    .header_ .header-navbar .navbar-container {
    	padding: 0rem 0px;} 

    .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name{
    	margin-bottom: 0.6rem;}

    .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
    	padding: 0.75rem 0.6rem;}

    .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name{    
    	margin-left: 0rem;}

/*VISTA CASOS BUSCAR*/
.vista_buscar{}

	.vista_buscar .tabsContent_{
		padding: 30px;}

	.vista_buscar .form_ .form-group {
	    min-height: 40px;
	    width: 50%;
	    float: left;
	    margin: 0 auto;
	    margin-bottom: 10px;}

	.vista_buscar .selec_ .btn .fa{
		font-size: 11px;}

	.vista_buscar .selec_ .dropdown-toggle::after{    
		top: 0px;
    	right: 3px;}

    .vista_buscar .form_ .label-control{
    	font-size: .88rem;
    	margin-bottom: 10px;
    	padding-top: 10px;}

    .vista_buscar ._Modal .form_ .form-control {
	    background-color: #fdfdfd;
	    border: 1px solid rgba(0, 0, 0, 0.05);}

.btn_fb{
	font-size: 1rem;
	color: #fff;
    background-color: #404E67;
    border-color: #404E67;
	padding: 1rem 1rem;
	transition: all .2s ease-in-out;}

	.btn_fb:hover{
		box-shadow: 0 4px 14px rgba(62,57,107,.2);
		color: #fff;
		background-color: #5b6f92;
		border-color: #5b6f92;
		padding: 1rem 1.3rem;}

.result_ {
    padding-top: 25px;}

    .result_.grupo_card .card {
    	border-radius: 5px;
    	background-color: #fdfdfd;
	    border: 1px solid rgba(0, 0, 0, 0.05);
	    box-shadow: none;}

	    .result_.grupo_card .card:hover {
		    -webkit-transform: none;
		    -moz-transform: none;
		    -ms-transform: none;
		    -o-transform: none;
		    transform: none;}

    .result_ .tile_card{    
    	display: inline;
    	font-size: 14px;
    	color: #83899c;}

    .result_ .font-large-1{
    	font-size: 1.1rem !important;
	    position: relative;
	    top: 1px;}

	.result_ .number_card {
    	font-size: 1.2rem;}

.datos_result{
    background: #fff;
    margin-top: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px;}

	.datos_result p{
		background: transparent;
		color: #a2a2a2;
		border: 0px solid rgba(0, 0, 0, 0.05);}

	.datos_result .table_ .table th, .datos_result .table_ .table td {
    	padding: 3px 5px;}

	.linkb_{
		color: #5a6880;}

.page_nav{}

	.page_nav .pagination{
		margin: 0;}

	.page_nav .page-link{
		border: 0px solid #ddd;
		padding: 0.3rem 0.5rem;}

/* GRID KENDO SCROLL */
.grid_scroll{}

	.grid_scroll.kgrid_ .k-grid-header-wrap{
		border-width: 0 0px 0 0;}

	.kgrid_.grid_scroll .k-grid{
    	border-radius: 0px 0px 4px 4px;}

	.grid_scroll .horizontal-scroll{
		padding-bottom: 30px;}

	.grid_scroll .horizontal-scroll .ps-scrollbar-x-rail{    
		bottom: 11px !important;        
		/*left: 10px !important;*/
		opacity: .5;
		height: 6px;
		cursor: e-resize;}

	.grid_scroll .horizontal-scroll .ps-scrollbar-x{
		height: 6px;}

	.grid_scroll .ps-theme-dark:hover > .ps-scrollbar-x-rail:hover {
    	background-color: #f5f5f5;
    	opacity: 0.9;}

	.grid_scroll .ps-theme-dark:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    	background-color: rgb(114, 126, 148);}

    .grid_scroll .ps-theme-dark.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
	    background-color: #f5f5f5;
	    opacity: 1; }

	.grid_scroll .ps-theme-dark.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: rgb(114, 126, 148);
	    opacity: 1; }

/**/
.info_box{
	background: #fff;
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.01), 0 2px 9px 0 rgba(62, 57, 107, 0.01);
    border-radius: 0px 5px 5px 5px;
	padding: 30px;
    position: relative;}

.model_gr{}

	.model_gr .result_{
    	padding-top: 0px;}

    .model_gr .datos_result{
    	position: relative;
    	min-height: 180px;}

    .model_gr .datos_result .k-chart, .model_gr .datos_result .k-stockchart {
   		height: 320px;}

   	.model_gr .grupo_card .media{
   		padding-right: 85px;}

   	.model_gr .result_ .number_card {
    	font-size: 1.1rem;}

    .icon_nodate{
    	position: absolute;
	    top: 50%;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    text-align: center;
	    font-size: 44px;
	    transform: translateY(-50%);
	    color: #e0e0e0;
	    font-weight: normal;}

/**/
.gridbox_columns{
	border-radius: 0px 0px 3px 3px;
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.04), 0 2px 9px 0 rgba(62, 57, 107, 0.04);
    background: #fff;}

	.gridbox_columns .result_ {
    	padding-top: 0px;}  

    .gridbox_columns .kborder_ .k-grid tbody td:last-child {
    	border-width: 0px 1px 1px 0px;}

    .gridbox_columns .kborder_ .k-grid tbody td:first-child {
    	border-width: 0px 1px 1px 1px;}

    .gridbox_columns .result_ .tile_card{
    	font-size: .9rem;}

    .gridbox_columns .calendario_{
    	box-shadow: none;}

/**/
.kgrid_ .k-grid .k-grid-norecords{
    background-color: #fdfdfd;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-top: 0px;
    max-width: calc(100% - 3px);
    border-radius: 0px 0px 3px 3px;
    padding: 20px 0px;
    text-align: left;
    position: relative;}
	
	.kgrid_ .k-grid .k-grid-norecords-template{
	    width: 100%;
	    max-width: calc(100% - 80px);
	    left: auto;
	    color: #a2a2a2;
	    border-radius: 4px;
	    padding: 1px 15px;
	    position: relative !important;}

/**/
.check_model{
	position: relative;
    padding: 0px;}  

    .check_model.agenLinks_ .item_{
    	padding-right: 10px;
    	margin-right: 10px;}