/**Galeria imagen de sistemas*/
 #gallery .image-container .image-inner{
	height: 200px;
	margin: 0 auto;
	text-align: center;
}

#gallery .image-container .image-inner a img{
	height: initial !important;
	margin: 25% 0;  
}

/****************************************** */

/*********************login***********************************/
/*color de body*/
.login-cover .login-cover-image , .login-cover .login-cover-bg , .pace-done, .pace-running{
   background: #FFFFFF;
}
/******************************/


/*logo del login*/
 .login .login-header .brand .logo{
	border-top-color: rgb(246, 135, 137);
	border-right-color: rgb(246, 135, 137);
	border-bottom-color: rgb(245, 92, 95);
	border-left-color: rgb(218, 111, 121);
}
/***************************/

/*icono del login*/
  .login .login-header .icon i {
  	color: #ff282c;
  }
/****************************/

/*color del texto del login*/
.login .login-header .brand , .login-v2, .login.login-v2 label{
	color: #030303;
}
/*************************/

/*contenido del login*/
  .login-content{
    background-color: #f4f6f7 ;
  }
/***********************/
/*caja de texto login*/
#frmUsuarioLogin  #nomLogin , #frmUsuarioLogin #desContrasena {
  background-color: #f5b7b1;
  color: black;

}
/*********************/
/*********************************************************************/

/*botones*/
 #submit , .btn-primary , .btn-success , #frm1 #btnguardar{
	background-color: #ff282c !important;
    border-color: #ff282c !important;
    color: white !important;
}

/********************************/

/*
.fa-folder{
	color:#fadbd8 !important;
}
*/

/*Panel de cambio de contraseña*/

.ui-sortable .panel-inverse .panel-heading {
	background: #ff282c !important;
}

.ui-sortable .panel-inverse .panel-body {
   background-color: #f4f6f7 !important;
    }

 /********************/

/*cabeceera*/
#header .container-fluid {
	background: #e5e7e9 !important;
}
/************************************/
/*menu seleccionado*/
.sidebar .nav > li.active > a, .sidebar .nav > li.active > a:focus, .sidebar .nav > li.active > a:hover{
	background: #ff282c;
	color: white !important;
}


/**********************************/

/**sub menu seleccionado*/
.sidebar .nav > li.has-sub .sub-menu, .sidebar .nav > li.has-sub .sub-menu > li > a:focus, .sidebar .nav > li.has-sub .sub-menu > li > a:hover, .sidebar li.has-sub .sub-menu > li.active > a, .sidebar li.has-sub .sub-menu > li.active > a:focus, .sidebar li.has-sub .sub-menu > li.active > a:hover{
	background: #f5b7b1;
}
/**************************************************/
/*color del submenu seleccionado*/
.sub-menu .active a span{
		color:  #CFD8DC;
        font-weight: bold;	
}
/*********************************/
.sub-menu li:hover{
		background-color:#f5b7b1   !important;
}


.sidebar .nav > li.has-sub .sub-menu{
	background-color:#e5e7e9  !important;
	
}
.sidebar .nav > li.has-sub .sub-menu a span{

	color:#929598 !important
}

.sidebar .nav  li.nav-profile  a{
	padding: 0px !important;
}

.sidebar, .sidebar-bg{
	background: #f4f6f7;
}

.sidebar .nav > li > a, .sidebar .nav > li.nav-header{
	color:#929598 !important
}


.panel-primary .panel-body {
	background: #f4f6f7 !important;
}

#paginado .pagination li.active a:hover ,  #paginado .pagination li.active a {
  background-color: #ff282c !important;
  border-color: #ff282c !important;
}

#paginado .pagination li a:hover{
	 background-color: #f5b7b1 !important;
	 border-color: #f5b7b1 !important;
}

#data-table1_paginate .pagination li.active a:hover, #data-table1_paginate .pagination li.active a {
	 background-color: #ff282c !important;
     border-color: #ff282c !important;
}

#data-table1_paginate .pagination li a:hover{
	 background-color: #f5b7b1 !important;
	 border-color: #f5b7b1 !important;
}

.pagination li.active a:hover ,  .pagination li.active a {
  background-color: #ff282c !important;
  border-color: #ff282c !important;
}

 .pagination li a:hover{
	 background-color: #f5b7b1 !important;
	 border-color: #f5b7b1 !important;
}

.pagination .disabled  a:hover {
	 background-color: initial !important;
	 border-color: #e0e0e0 !important;
}



table .btn-circle , .invoice .panel .panel-body .form-group button{
	border-radius: 15% !important;
}
table .btn-icon, .btn.btn-icon , .invoice .panel .panel-body .form-group button{
	background-color: white !important;
    border: 1px solid !important;
    border-color: #a2a4a7 !important;
   
}

table .fa , .invoice .panel .panel-body .form-group button{
	color: #8C8E90 !important;
}

table .btn , .invoice .panel .panel-body .form-group button{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255),0 2px 2px rgba(255, 255, 255);
    box-shadow: 0 0 2px rgba(255, 255, 255),0 2px 2px rgba(255, 255, 255);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}

.btn.btn-icon.btn-circle.btn-success.btn-scroll-to-top.fade{
	background-color: #ff282c !important;
	border-color: #ff282c !important;
	color: white !important;
}

.fa-folder{
  color: #8C8E90 !important;
}

.invoice{
	padding: 0px!important;
}
.page-header{
	margin-left: -2px;
}
.invoice-company.text-inverse{
	margin-left: -14px;
}


.panel-body form{
	margin-left: -15px;
}
#grillaCapa #paginado{
	margin-left: -18px;
}


 .panel-body form .input-group-btn button{
 	padding: 5px 10px !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	margin-top: 5px !important;
 }
  
 .panel-body form input , .panel-body form select{
   height: 30px !important;
 } 

/*
option {
    filter: hue-rotate(871deg)!important;

}
.ui-sortable .panel-inverse .panel-body select >option:focus{
	background-color: green;
}*/

.ui-sortable .panel-inverse .panel-heading-btn .btn-circle, #capaopciones .panel-inverse .panel-body .btn-circle  {
	border-radius: 15% !important;
	background-color: white !important;
    border: 1px solid !important;
    border-color: #a2a4a7 !important;
    height: 22px!important;
	width: 22px!important;
}

.ui-sortable .panel-inverse .panel-heading-btn .fa{
	color: #8C8E90 !important;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox::after{
	color: #f5b7b1;
}

.jstree-default .jstree-wholerow-clicked{
	background: #f5b7b1;
	background: -webkit-linear-gradient(top,#beebff 0,#a8e4ff 100%);
	background: linear-gradient(to bottom,#f5b7b1 0,#f5b7b1 100%);
}

.jstree-default .jstree-clicked{
	background: #f5b7b1!important;
}


#content .panel-primary{
	background-color: #fff !important;
    border: 1px solid #e5e7e9 !important;
}

.textomodifica{
   color: #ff282c;
   text-align: justify;
}

#frm1 .reppas a{
	color:#ff282c;
}

#verpas{
width: 40px;
height: 30px;
margin: 0 -22px;	
}

#grillaCapaopciones th , #grillaCapaopciones  tr  td{
  padding:10px 8px!important;
}

#frm1 .input-group-btn{
	vertical-align: top;
}

 #frm1 .input-group-btn button {
 	margin-top: 0px !important;
 	height: 30px;
 	border: 1px solid #ccc;
 }

  #frm1 {
  	font-size: 12px;
  }

   #frm1 .input-group a {
   	color: #ff282c;
   }

.modal-dialog .modal-content{
	margin-top: -20px;
}

.nav-profile a img {

width: 100% !important;
height: 100% !important;
}

.pagination{
	float: left;
}
.form-horizontal .col-md-2, .form-horizontal .col-md-4{
	padding-right: initial !important;
} 

.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover{
	background-color: #ff282c !important;
	border-color: #ff282c !important;
}

.gallery .image .image-container {
    -webkit-box-shadow: 0 1px 1px 2px rgb(229, 231, 233);
    -moz-box-shadow: 0 1px 1px 2px rgb(229, 231, 233);
    box-shadow: 0 1px 1px 2px rgb(229, 231, 233);
}

.link-manual{
	cursor: pointer;
}
.link-manual:hover
{
	text-decoration: none;
}
.manual-btns{
	position: absolute;
    right: 45px;
    top: 10px;
}
    #manual_body{
    	user-select: none;
    }
    #manual_body img{
    	pointer-events: none;
    }