.mainDiv > :first-child
{
	margin-top: 36pt;
}

.mainDiv > :not(:first-child)
{
	margin-top: 10pt;
}

.selected
{
	background-color: #ddd !important;
}

.btn-app, .btn-app:hover, .btn-app:focus, .btn-app-inverse, .btn-app-inverse:hover, .btn-app-inverse:focus {
	color: white !important;
	font-size: 9pt !important;
	font-weight: bold !important;
    height: 35px !important;
    min-width: 125px !important;
    padding: 0 !important;
    border-radius: 12px !important;
}

.btn-app.btn-lg, .btn-app.btn-lg {
	font-size: 16pt !important;
	height: 50px !important;
	width: 215px !important;
}

.btn-app.btn-xl, .btn-app.btn-xl {
	font-size: 24pt !important;
	height: 70px !important;
	width: 300px !important;
}

.btn-app
{
	background-color: #777777 !important;
}

.btn-app:hover
{
	background-color: #D90404 !important;
}

.btn-app-inverse
{
	background-color: #D90404 !important;
}

.btn-app-inverse:hover
{
	background-color: #777777 !important;
}

@media (max-width: 991px) {
	.form-horizontal > .form-group > label
	{
		text-align: left;
	}
}

.modal-90 {
	width: 92%;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.center-div {
	display: flex !important;
	justify-content: center;
}

.center-div > * {
	margin: 5px;
}

.font-red {
	color: #900000;
}

.fs14 {
	font-size: 14pt;
}

.fs16 {
	font-size: 16pt;
}

.w100 {
	width: 100%;
}

.botonesDerechosGrid {
    display: flex;
    align-items: start;
    flex-direction: column;
}

.d-flex {
	display: flex;
}

#loaderModal > .modal-dialog > .modal-content {
	border-radius: 15px;
}

.loader {
	margin: 20px auto;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loader-txt > p {
	text-shadow: 1px 2px 12px #444;
	font-size: 12pt;
	color: #666
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

.col-xs-5ths-offset-1 {
	margin-left: 20%;
}

.col-xs-5ths-offset-2 {
	margin-left: 40%;
}

.col-xs-5ths-offset-3 {
	margin-left: 60%;
}

.col-xs-5ths-offset-4 {
	margin-left: 80%;
}

.col-xs-5ths-offset-5 {
	margin-left: 100%);
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }

	.col-sm-5ths-offset-1 {
		margin-left: 20%;
	}

	.col-sm-5ths-offset-2 {
		margin-left: 40%;
	}

	.col-sm-5ths-offset-3 {
		margin-left: 60%;
	}

	.col-sm-5ths-offset-4 {
		margin-left: 80%;
	}

	.col-sm-5ths-offset-5 {
		margin-left: 100%);
	}
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }

	.col-md-5ths-offset-1 {
		margin-left: 20%;
	}

	.col-md-5ths-offset-2 {
		margin-left: 40%;
	}

	.col-md-5ths-offset-3 {
		margin-left: 60%;
	}

	.col-md-5ths-offset-4 {
		margin-left: 80%;
	}

	.col-md-5ths-offset-5 {
		margin-left: 100%);
	}
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }

	.col-lg-5ths-offset-1 {
		margin-left: 20%;
	}

	.col-lg-5ths-offset-2 {
		margin-left: 40%;
	}

	.col-lg-5ths-offset-3 {
		margin-left: 60%;
	}

	.col-lg-5ths-offset-4 {
		margin-left: 80%;
	}

	.col-lg-5ths-offset-5 {
		margin-left: 100%;
	}
}