.bg-custom{ background-color:#f1b000 !important; color:#FFF; }
.bg-custom{ background-color:#888888 !important; color:#FFF; }
.border_custom{ border-color: transparent transparent transparent #888888; }
.small-box:hover .icon { 
	animation-name: tansformAnimation; -webkit-animation-name: tansformAnimation; -moz-animation-name: tansformAnimation;
	animation-duration: .5s; -webkit-animation-duration: .5s; -moz-animation-duration: .5s;
	animation-iteration-count: 1; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; 
	animation-timing-function: ease; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease;
	animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; 
}
@keyframes tansformAnimation { from { font-size: 90px; } to { font-size: 95px; } }
@-webkit-keyframes tansformAnimation { from { font-size: 90px; } to { font-size: 95px; } }


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #777;
    border-color: #777;
    color: #fff;
    cursor: default;
    z-index: 2;
}
.box.box-primary { border-top-color: #777; }

.box.box-solid.box-primary > .box-header {
    background: #888888 none repeat scroll 0 0;
    color: #fff;
}

.btn.btn-primary {
    background-color: #888888;
    border-color: #a84237;
}

.nav.nav-pills.nav-stacked > li.active > a, .nav.nav-pills.nav-stacked > li.active > a:hover {
    background-color: #f6f6f6;
    border-left-color: #888888;
    color: #444;
}

td a{ color:#337ab7; border-bottom:1px dotted #888888;}
td a:hover, td a:active, td a:focus{ color:#7b0a00; border-bottom:1px dashed #7b0a00;}

.pay_pago{ background-color:#b9483c !important; color:#FFF !important;}
.pay_cobro{ background-color:#FFF !important; color:#b9483c !important; border:1px solid #b9483c; }
.pay_emision{ background-color:#222 !important; color:#FFF !important;}
.pay_abono{ background-color:#e4847a !important; color:#FFF !important;}



			.bg_icons .iconX{ position: absolute; right: 5px; top: 15px;}			
			.bg_icon {background-size:contain; background-repeat:no-repeat; background-position:right; height:50px; width:100px; } 
			.bg_icon_safe { background-image:url(img/safe_closed.png); }
			.bg_icon_safe_open { background-image:url(img/safe_open.png); }
			.bg_icon_safe_coins { background-image:url(img/safe_coins.png); }
			.bg_icon_safe_out { background-image:url(img/safe_out.png); }
			.bg_icon_safe_in { background-image:url(img/safe_in.png); }
			.small-box:hover .icon { animation-name: none !important; -webkit-animation-name: none !important; -moz-animation-name: none !important; }
			@keyframes tansformAnimation { from { font-size: 60px; } to { font-size: 60px; } }
			@-webkit-keyframes tansformAnimation { from { font-size: 60px; } to { font-size: 60px; } }
			
			
#login-box { background: #ebad14 none repeat scroll 0 0; border-radius:8px; }			
.form-box .body { background-color:#FFF !important; }