#toTop {
 	display: block;
 	position: fixed;
 	top: 90%;
 	right: 30px;
 	padding: 10px;
}

.message-center .mail-contnet h5 {
	white-space: normal;	
}

.message-center .mail-contnet .time {
	display: initial;
	margin-left: 50px;
}

.message-center .mail-contnet .mail-desc {
	margin: 0 0 5px 0;	
}	

#info_estados_inscrito {
	display: none;
	border: 1px solid #e4e7ea;
	padding: 10px;
}

#table-clicks-stats {
	table-layout: fixed;
}

#table-clicks-stats th#th-url {
	width: 80%;
}

#table-clicks-stats td.td-url {
	overflow-wrap: break-word;
}

.table-modal.table>tbody>tr>th {
	background-color: #f7fafc;	
}

.table-bordered.table-boder-top-only {
	border: none;
}

.table-bordered.table-boder-top-only th,
.table-bordered.table-boder-top-only td {
	border: none;
	border-top: 1px solid #e4e7ea;
}

.dataTable span {
	font-weight: 500;
	display: none;
}

.dataTable .div_inline {
	display: inline-block;
}



#logo-login {
	width: 100%;
	margin-bottom: 30px;
}

.login-register {
    background: url(../plugins/images/bg-login.png) center !important;
}

.login-page {
	background: #f9d100;
}



.fix-sidebar .top-left-part {
	padding: 10px 0;
}



.navbar-header {
	background: #254635;
}

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
	background-image: linear-gradient(#f9d100,#f9d100),linear-gradient(rgba(0,0,0,.13),rgba(0,0,0,.13));
}

.bg-title h4 {
	font-weight: 300;
	color: #54667a;
}

.bg-title .breadcrumb .active{
	color: #254635;
	font-weight: 400;
}

.bg-title h4 i,
#side-menu>li>a.active i {
	color: #f9d100;
}

#side-menu>li>a.active {
	border-left: 3px solid #f9d100;
}

.jq-icon-warning {
	background-color: #fb9678;
}

.bg-secondary {
	background: #de872d !important;
}

.table-striped>tbody>tr.bg-row-success {
	background-color: #bdffef !important;
}



#signature-pad,
#signature-pad-resp {
	width: 100%;
	height: 200px;	
	border: 1px solid #e4e7ea;
}

#clear-signature,
#clear-signature-resp {
	cursor: pointer;
}


.mfp-wrap{
	z-index: 1100;
}


#listado_lotes_popup_alta_calibrado table td, 
#recibos_descascarado_popup table td,
#recibos_calibrado_popup table td,
#venta_almendra_pepita_popup table td {
	padding: 6px;
}



/* Custom */
.bg-brown {
	background: #DE872D !important;
}
.bg-pink {
	background: #dd6fc3 !important;
}



/* Menu: submenu arrow */

.sidebar-nav .has-arrow {
	position:relative
}
.sidebar-nav .has-arrow::after {
	position:absolute;content:'';width:7px;height:7px;border-width:1px 0 0 1px;border-style:solid;border-color:#8d97ad;right:20px;-webkit-transform:rotate(135deg) translate(0,-50%);-ms-transform:rotate(135deg) translate(0,-50%);-o-transform:rotate(135deg) translate(0,-50%);transform:rotate(135deg) translate(0,-50%);-webkit-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;top:21px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out
}
.sidebar-nav .has-arrow[aria-expanded=true]::after,.sidebar-nav li>.has-arrow.active::after{
	-webkit-transform:rotate(-135deg) translate(0,-50%);-ms-transform:rotate(-135deg) translate(0,-50%);-o-transform:rotate(-135deg) translate(0,-50%);top:42%;width:7px;transform:rotate(-135deg) translate(0,-50%)
}
.sidebar-nav ul li {
    list-style: none;
}

.sidebar-nav ul li ul {
	padding-left: 20px;
}

.sidebar-nav ul li ul li {
    padding: 7px 35px 7px 15px;
}


#loading-overlay {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    z-index: 99999;
    color: white;
    text-align: center;
    align-content: center;
    font-size: 20px;

	.loader {
		display: inline-block;
		width: 22px;
        height: 22px;
        margin-left: 10px;
        margin-bottom: -2px;
		border-radius: 50%;
		position: relative;
		animation: rotate 1s linear infinite
	}
	.loader::before {
		content: "";
		box-sizing: border-box;
		position: absolute;
		inset: 0px;
		border-radius: 50%;
		border: 5px solid #FFF;
		animation: prixClipFix 2s linear infinite ;
	}
}

.warning-text {
	background-color: #ffeae0;
    padding: 5px 10px;
    border-left: 3px solid #ff8000;
}



@keyframes rotate {
	100%   {transform: rotate(360deg)}
}

@keyframes prixClipFix {
	0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
	25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
	50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
	75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
	100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}


/* RESPONSIVE */

@media (min-width: 768px){
	
	.sidebar {
		padding-top: 90px;	
	}

}


@media (max-width: 768px){

	.dataTable span {
		display: inline-block;
	}
	
	.dataTable thead {
		display: none;
	}
	
	.table-buttons {
		text-align: center;
	    background: #edf1f5;
	    padding: 3px;
	}
}