* {
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


#table-Asiento,#table-Asiento2,#table-Asiento3{
	/*width:100%;*/
	max-width:1600px;
}

#table-Asiento tr th,#table-Asiento2 tr th,#table-Asiento3 tr th{
	padding-right: 5px !important;
	white-space: nowrap !important;
	/*background-image:url('../imagenes/th.png');*/
	background-color: #2A3F54;
	height: 3rem;

	color:white;
	/*text-shadow: #012b4d 2px 2px 2px;*/
	text-align: center;
	line-height: 2.5;
	border:1px solid #bbb;
	overflow: hidden !important;
}

#table-Asiento tr td,#table-Asiento2 tr td,#table-Asiento3 tr td{
	text-indent:5px;
	color:#444;
	border-bottom:1px solid #bbb;
	border-left:1px solid #bbb;
	line-height: 2.5;
	padding-right: 5px !important;
	white-space: nowrap !important;
}

#table-Asiento tr td.disabled, #table-Asiento tr th.disabled,#table-Asiento2 tr td.disabled, #table-Asiento2 tr th.disabled,#table-Asiento3 tr th.disabled{
	width:100px;
	text-align: center;
	min-width:100px;
}

#table-Asiento tr td.left,#table-Asiento2 tr td.left,#table-Asiento3 tr td.left{
	border-left:1px solid #2e638e;
}

#table-Asiento tr td.right,#table-Asiento2 tr td.right,#table-Asiento3 tr td.right{
	border-right:1px solid #2e638e;
}

#table-Asiento tr td.bottom,#table-Asiento2 tr td.bottom,#table-Asiento3 tr td.bottom{
	border-bottom:1px solid #2e638e;
}

.grip ,.grip2{
	width:20px;
	height:15px;
	margin-top:-3px;
	/*background-image:url('../imagenes/grip.png');*/
	margin-left:-5px;
	position:relative;
	z-index:88;
	cursor:e-resize;
}

.grip:hover, .grip2:hover{
	background-position-x:-20px;
}
.JCLRLastGrip .grip, .JCLRLastGrip .grip2{
    background-position-y:-18px;
    left:-2px;
}

.dragging .grip, .dragging2 .grip2{
	background-position-x:-40px;
}

.sampleText{
	position:relative;
	width:100%;
}

.dotted{
	background-image:url('../imagenes/dotted.png');
	background-repeat:repeat-y;
}

input.check{
	
}

#sample2Txt{
	float:right;	
}
a.glyphicon-trash {
	color: white;
}

.nombre_empresa {
	float: left;
	background-color: transparent;
	background-image: none;
	padding: 15px 0px 0px 0px;
	color: #ffffff;
}
.panel.panel-invisible {
	background: transparent !important;
	border: 1px solid #dddddd;

}
.panel-invisible > .panel-body {
	padding: 10px 15px;
}

.panel-invisible > .panel-heading {
	color: #fff;
	background-color: #d0cdcd;
	border-color: #dddddd;
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #eed3d7;
	border-radius: 4px;
	/*position: absolute;
	bottom: 0px;
	right: 21px;*/
	/* Each alert has its own width */
	/*float: right;*/
	clear: right;
	background-color: white;
	z-index: 1;
	max-width: 700px;
	width: 100%;
}

.alert-red {
	color: white;
	background-color: #DA4453;
}
.alert-green {
	color: white;
	background-color: #37BC9B;
}
.alert-blue {
	color: white;
	background-color: #4A89DC;
}
.alert-yellow,.alert-warning {
	color: white;
	background-color: #F6BB42!important;
}
.alert-orange  {
	color:white;
	background-color: #E9573F ;
}

.modal3 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}
@media (min-width: 168px){
    .modal3 .modal-dialog.modal-bottom {
        bottom: 0;
    }
}
@media (min-width: 292px){
    .modal3 .modal-frame {
        position: absolute;
        max-width: 100%;
        width: 100%;
        margin: 0;
    }
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background-color: #2A3F54;
    color: #fff;
}

.select2-container--krajee .select2-results__option[aria-selected=true] {
    color: #2A3F54;
    background-color: #d7d7d7;
}

.panel-default {
    border-color: #192531 !important;
}

.panel-default>.panel-heading {
    color: #d7d7d7 !important;
    background-color: #2A3F54 !important;
}

.input-group > .alert-info.input-group-addon {
	background-color: #2A3F54 !important;
}

.alert-warning {
	background-color: #fff3cd !important;
	color: #664d03 !important;
	border-color: #ffe69c !important;
}

.alert-danger {
	background-color: #f8d7da !important;
	color: #58151c !important;
	border-color: #f1aeb5 !important;
}

.alert-success {
	background-color:  #d1e7dd !important;
	color: #0a3622 !important;
	border-color: #a3cfbb !important;
}

.btn-success:active {
	background-color: #169F85 !important;
}

.form-group .form-control:focus {
    border-color: #2A3F54;
    box-shadow: 0 0 0 0.35rem #2A3fe425 !important;
}

.form-group.has-error .form-control:focus {
    border-color: #dd4b39;
    box-shadow: 0 0 0 0.35rem #dd4b3925 !important;
}

.form-group.has-success .form-control:focus {
    border-color: #00a65a;
    box-shadow: 0 0 0 0.35rem #00a65a25 !important;
}

.btn-dark, .btn-default, .btn-success {
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-dark:focus {
    border-color: #2A3F54;
    box-shadow: 0 0 0 0.35rem #2A3F5425 !important;
}

.btn-dark:active {
    border-color: #2A3F54;
    box-shadow: 0 0 0 0.35rem #2A3F5425 !important;
}

.btn-default:active {
    border-color: #2A3F54;
    box-shadow: 0 0 0 0.35rem #2A3F5425 !important;
}

.btn-default:focus {
    border-color: #2A3F54;
    box-shadow: 0 0 0 0.35rem #2A3F5415 !important;
}

.btn-success:focus {
    border-color: #169F85;
    box-shadow: 0 0 0 0.35rem #169F8525 !important;
}

.btn-success:active {
    border-color: #169F85;
    box-shadow: 0 0 0 0.35rem #169F8525 !important;
}

.form-group .checkbox label input[type=checkbox] {
	border-radius: 0 !important;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-group .checkbox label input[type=checkbox]:focus {
    /* border-color: #2A3F54;
    box-shadow: 0 0 0 0.35rem #2A3F5425 !important; */
	border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .35rem rgba(13,110,253,.25) !important;
}

.form-group .checkbox label input[type=checkbox]:checked {
	/* background-color: #2A3F54 !important;  */
	background-color: #0d6efd;
    border-color: #0d6efd;
}

.select2-container--krajee.select2-container--open .select2-selection,
.select2-container--krajee .select2-selection {
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select2-container--krajee.select2-container--open .select2-selection,
.select2-container--krajee .select2-selection:focus {
	-webkit-box-shadow: 0 0 0 0.35rem #2A3F5425 !important;
    box-shadow: 0 0 0 0.35rem #2A3F5425 !important;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border-color: #2A3F54;
}

.select2-container--krajee .select2-dropdown {
    -webkit-box-shadow: 0 0 0 .35rem #2A3F5425 !important;
    box-shadow: 0 0 0 .35rem #2A3F5425 !important;
    border-color: #2A3F54;
}

.form-group.has-error .select2-container--krajee.select2-container--open .select2-selection,
.form-group.has-error .select2-container--krajee .select2-selection:focus {
	-webkit-box-shadow: 0 0 0 0.35rem #dd4b3925 !important;
    box-shadow: 0 0 0 0.35rem #dd4b3925 !important;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border-color: #dd4b39;
}

.form-group.has-success .select2-container--krajee.select2-container--open .select2-selection,
.form-group.has-success .select2-container--krajee .select2-selection:focus {
	-webkit-box-shadow: 0 0 0 0.35rem #00a65a25 !important;
    box-shadow: 0 0 0 0.35rem #00a65a25 !important;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border-color: #00a65a;
}

.form-group.has-success .select2-container--krajee.select2-container--open .select2-selection,
.form-group.has-success .select2-container--krajee .select2-selection {
    border-color: #00a65a;
}

.form-group.has-error .select2-container--krajee.select2-container--open .select2-selection,
.form-group.has-error .select2-container--krajee .select2-selection {
    border-color: #dd4b39;
}

.kartik-sheet-style .form-control:focus {
	box-shadow: 0 0 0 .35rem #2A3F5425 !important;
    border-color: #2A3F54;
}

/* Event Cards Styles */
.event-cards-container {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 10px;
}

.event-card {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 15px;
	cursor: pointer;
	transition: all 0.3s ease;
	flex: 1 1 calc(33.333% - 10px); /* Three cards per row on larger screens */
	min-width: 200px;
	display: flex;
	align-items: center;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

@media (max-width: 768px) {
	.event-card {
		flex: 1 1 calc(50% - 10px); /* Two cards per row on smaller screens */
	}
}

.event-card:hover {
	border-color: #2A3F54;
	box-shadow: 0 4px 8px rgba(42, 63, 84, 0.15);
}

.event-card.selected {
	border-color: #2A3F54;
	background-color: rgba(42, 63, 84, 0.05);
}

.card-content {
	display: flex;
	align-items: center;
	width: 100%;
}

.custom-radio {
	width: 20px;
	height: 20px;
	border: 2px solid #ccc;
	border-radius: 50%;
	margin-right: 12px;
	position: relative;
	transition: all 0.3s ease;
}

.event-card.selected .custom-radio {
	border-color: #2A3F54;
}

.event-card.selected .custom-radio::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background-color: #2A3F54;
	border-radius: 50%;
}

.card-label {
	font-weight: 500;
	color: #333;
	font-size: 14px;
}

.event-card.selected .card-label {
	color: #2A3F54;
	font-weight: 600;
}