.app-sidebar__user-avatar {
    width: 90px;
	height: 90px;
    background: #ec691a;
    padding: 1px;
}
.app-sidebar__toggle{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15pt;
}
.app-sidebar__toggle::before{
	display: none;
}
.headerRegister, .header-primary{
	background: #ec691a;
	color: #FFF;
}
.headerUpdate{
	background: grey;
	color: #FFF;
}
.textcenter{
	text-align: center;
}
.textright{
	text-align: right;
}
.textleft{
	text-align: left;
}
.bootstrap-select > .dropdown-toggle{
	border: 1px solid #CCC;
}
/*Estilos login*/
#divLoading{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(254,254,255, .65);
	z-index: 9999;
	display: none;
}
#divLoading img{
	width: 50px;
	height: 50px;
}
.required{
	color: red;
	font-size: 13pt;
	font-weight: bold;
}
/* style portada categoría */
.prevPhoto {
    display: flex;
    justify-content: space-between;
    width: 270px;
    height: 185px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    /* background: url(../images/uploads/portada_categoria.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPhoto label{
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.prevPhoto img{
	width: 100%;
	height: 100%;
}



.upimg, .notblock{
	display: none !important;
}
.errorArchivo{
	font-size: 16px;
	font-family: arial;
	color: #cc0000;
	text-align: center;
	font-weight: bold; 
	margin-top: 10px;
}
.delPhoto{
	color: #FFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: red;
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 10;
}

#tbl_list_productos img{
	width: 50px;
}
.imgProductoDelete{
	width: 175px;
}

#imgCategoria{
	text-align: center;
}
#imgCategoria img{
	width: 200px;
	margin: auto;
}

/* Upload fotos*/
#containerImages{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
#containerImages > div{
	margin-right: 10px;
	margin-bottom: 8px;
}
.prevImage{
	border: 1px solid #CCC;
	width: 120px;
	height: 148px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.prevImage img{
	width: 100%;
}
.inputUploadfile{
	display: none;
}
.btnUploadfile, .btnDeleteImage{
	border: 0;
	background-color: #009688;
	text-align: center;
	padding: 2px 3px;
	color: #FFF;
	font-size: 9pt;
	cursor: pointer;
	width: 100%;
}
.btnDeleteImage{
	background-color: #dc3545;
}
.prevImage .loading{
	width: 30px;
	height: 30px;
}
#celFotos img{
	width: 150px;
	margin: 10px;
}

/* TIENDA VIRTUAL */
.divmetodpago label, #divCondiciones{
	width: 100%;
	display: flex;
}
.divmetodpago label input, #divCondiciones input{
	margin-right: 15px;
}
#divCondiciones a{
	margin-left: 5px;
}
#divCondiciones  label{
	margin-bottom: 0;
}
.modal{
	z-index: 9999;
}
.linkw:hover{
	text-decoration: none;
}
.container-title{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.container-title input{
	border: 1px solid #CCC;
	padding: 4px;
	border-radius: 5px;
	margin-right: 5px;
}
.dflex{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.ui-datepicker-calendar {
    display: none;
}



div.login-box {
    border-radius: 10px !important; 
	box-shadow: 0px 40px 50px rgb(0,0,0,0.3)!important ;
}

div.cover {
    background: url("bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.main-footer {
	text-align: center!important;
	padding: 3px;
}

.logo {
	width: 25px;
	height: 25px;
	margin-left: 6rem ;
    padding: 1px;

}

.logoc {
	width: 32px;
	height: 30px;
	margin-right: 1rem ;
}

.table thead {
  background: #6c757d;
  color: #ffffff;	
  border-radius: 10px 10px 0 0;
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}




/* style foto usuario */
.user_prevPhoto {
    display: flex;
    justify-content: space-between;
    width: 150px;
    height: 150px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/uploads/users/avatar.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;

}
.user_prevPhoto label{
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.user_prevPhoto img{
	width: 100%;
	height: 100%;

}

.avatar img{
	border-radius: 10px 10px 25px 25px;
}

.user_photo{
    
	justify-content: center;

}

.user_delPhoto{
	color: #FFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: red;
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 10;
}


/* style foto company */
.company_prevPhoto {
    display: flex;
    justify-content: space-between;
    width: 200px;
    height: 200px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
  /*  background: url(../images/uploads/logos/default_logo.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;

}
.company_prevPhoto label{
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.company_prevPhoto img{
	width: 100%;
	height: 100%;

}



.company_photo{
    
	justify-content: center;

}

.textModalView{
    
	color: #ec691a;
	font-weight: 600;

}

.textModalViewBold{
    
	font-weight: 600;

}

.company_delPhoto{
	color: #FFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: red;
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 10;
}


td.details-control {
	text-align:center;
	color:forestgreen;
cursor: pointer;
}
tr.shown td.details-control {
text-align:center; 
color:red;
}

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

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

#EscalaSalarial {
    height: 400px; 
	border-radius: 5px;
	
}

#ejemplo {
    height: 400px; 
	border-radius: 5px;
	
}

#rounded-corner {
    height: 400px; 
	border-radius: 5px;
	
}



.highcharts-figure, .highcharts-data-table table {
    min-width: 310px; 
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

input:hover,textarea:hover {

	box-shadow: rgb(5, 29, 245) 0px 0px 2px 2px !important;

  }


#ejemplo4 h4 {
    text-transform: none;
    font-size: 14px;
    font-weight: normal;
}
#ejemplo4 p {
    font-size: 13px;
    line-height: 16px;
}

.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: rgb(187, 5, 5); }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: rgb(51, 219, 9);    }
}


.img_login {
	width: 30%;
	height: 30%;
	padding:  auto;
	margin: auto;
}

.login-box {
	opacity: 0.90;
}

.venezuela {
	background:rgb(187, 5, 5);
}