.margentop8 { margin-top: 8px !important; }
.margentop10 { margin-top: 10px !important; }
.margentop20 { margin-top: 20px !important; }
.margentop30 { margin-top: 30px !important; }
.margentop40 { margin-top: 40px !important; }
.margentop50 { margin-top: 50px !important; }
.margentop60 { margin-top: 60px !important; }
.margentop70 { margin-top: 70px !important; }
.margentop80 { margin-top: 80px !important; }
.margentop90 { margin-top: 90px !important; }
.margentop100 { margin-top: 100px !important; }
.margentop110 { margin-top: 110px !important; }
.margentop120 { margin-top: 120px !important; }
.margentop130 { margin-top: 130px !important; }
.margentop140 { margin-top: 140px !important; }
.margentop150 { margin-top: 150px !important; }
.margenleft10 { margin-left: 10px !important; }
.margenleft20 { margin-left: 20px !important; }
.margenleft30 { margin-left: 30px !important; }
.margenleft40 { margin-left: 40px !important; }
.margenright10 { margin-right: 10px !important; }
.margenright20 { margin-right: 20px !important; }
.margenright30 { margin-right: 30px !important; }
.margenright40 { margin-right: 40px !important; }

.transicion {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.dataTables_scrollBody::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #ecf0f1;
}

.tablaRegistros th {
	background: #7f8c8d;
	color: #FFF;
	font-weight: normal;
}

.dataTables_scrollBody::-webkit-scrollbar {
	width: 6px;
	background-color: #95a5a6;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
	background-color: #95a5a6;
}

.modal-header {
	background: #344a92;
	color: #FFF;
}

.modal-header .close {
	color: #FFF;
	outline: none;
}

.error {
	border: solid 1px #f1c40f !important;
}

.btn {
    outline: none;
    position: relative;
}

.btn:active, .btn:focus {
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102, 175, 233, 0);
    outline: none;
}

.form-control {
	width: 95%;
    outline: none;
}

.form-control:active, .form-control:focus {
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102, 175, 233, 0);
    outline: none;
    border: solid 1px #CCC;
}

.date {
	position: relative;
	width: 90%;
}

.date input {
    border: solid 1px #CCC;
    outline: none;
    -webkit-box-shadow: none;
    cursor: pointer;
    height: 30px;
}

.date .add-on {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 34px;
	height: 30px;
	text-align: center;
	background: #7497C1;
	color: #FFF;
	cursor: pointer;
}

.date .add-on i {
	padding: 8px 0 0 0;
	display: block;
	width: 34px !important;
	height: 30px !important;
}