.menu-logo{width:75%;}

/* Tema corporativo Integra (back-office) */
.index-container {
	--integra-orange: #ff8d2c;
	--integra-orange-hover: #e67d22;
	--integra-orange-rgb: 255, 141, 44;
	--bs-primary: var(--integra-orange);
	--bs-primary-rgb: var(--integra-orange-rgb);
}

.index-container > .breadcrumb {
	background-color: var(--integra-orange);
	color: #fff;
	padding: 0.75rem 1rem;
	margin: 0 0 1.5rem;
	border-radius: 0;
}

.index-container > .breadcrumb a,
.index-container > .breadcrumb > .active {
	color: #fff;
}

.index-container > .breadcrumb a:hover,
.index-container > .breadcrumb a:focus {
	color: #fff;
	opacity: 0.9;
	text-decoration: none;
}

.index-container > .breadcrumb > li + li:before {
	color: rgba(255, 255, 255, 0.85);
}

.index-container form > h3,
.index-container .col-md-12 > h3,
.index-container h2 {
	color: var(--integra-orange);
	font-size: 1.5rem;
	font-weight: 700;
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
}

.index-container form > h3,
.index-container .col-md-12 > h3 {
	font-size: 1.25rem;
	margin-top: 1.25rem;
}

.index-container > .breadcrumb + form,
.index-container .breadcrumb ~ form {
	margin-bottom: 1rem;
}

.index-container .btn-default {
	color: var(--integra-orange);
	background-color: #fff;
	border-color: var(--integra-orange);
	border-radius: 6px;
}

.index-container .btn-default:hover,
.index-container .btn-default:focus,
.index-container .btn-default:active {
	color: #fff;
	background-color: var(--integra-orange);
	border-color: var(--integra-orange);
}

.index-container .table.table-bordered thead th,
.index-container .table.table-striped thead th {
	background-color: #f5f5f5;
	font-weight: 700;
	border-color: #ddd;
}

.index-container .table.table-bordered tbody td,
.index-container .table.table-striped tbody td {
	border-color: #ddd;
	vertical-align: middle;
}

.index-container .table.table-bordered tbody tr:nth-child(even),
.index-container .table.table-striped tbody tr:nth-child(even) {
	background-color: #f9f9f9;
}

.index-container .table.table-bordered tbody tr:hover,
.index-container .table.table-striped tbody tr:hover {
	background-color: #f0f0f0;
}

.index-container .table a .glyphicon-pencil,
.index-container .table a .glyphicon-trash {
	color: #555;
	text-decoration: none;
}

.index-container .table a:hover .glyphicon-pencil,
.index-container .table a:hover .glyphicon-trash,
.index-container .table a:focus .glyphicon-pencil,
.index-container .table a:focus .glyphicon-trash {
	color: #333;
}

.index-container .dt-container {
	margin-bottom: 2rem;
}

.index-container .dt-container .dt-length,
.index-container .dt-container .dt-search,
.index-container .dt-container .dt-info {
	font-size: 0.95rem;
	color: #333;
}

.index-container .dt-paging .dt-paging-button.current,
.index-container .dt-paging .dt-paging-button.current:hover,
.index-container .pagination .page-item.active .page-link {
	background-color: var(--integra-orange) !important;
	border-color: var(--integra-orange) !important;
	color: #fff !important;
}

.index-container .dt-paging .dt-paging-button:not(.current):hover,
.index-container .pagination .page-link:hover {
	color: var(--integra-orange);
}

.index-container .btn-primary {
	background-color: var(--integra-orange);
	border-color: var(--integra-orange);
	color: #fff;
}

.index-container .btn-primary:hover,
.index-container .btn-primary:focus,
.index-container .btn-primary:active {
	background-color: var(--integra-orange-hover);
	border-color: var(--integra-orange-hover);
	color: #fff;
}

#loginModal.login-card-modal {
	background-color: #f3f3f3;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100vh;
	z-index: 1040;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 2rem 1rem;
}

#loginModal .login-card-dialog {
	max-width: 420px;
	width: 100%;
	margin: 0;
}

#loginModal .login-card {
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
	overflow: hidden;
	background-color: #fff;
}

#loginModal .login-card-header {
	padding: 2rem 2rem 1.5rem;
	text-align: center;
	border-bottom: 1px solid #eee;
	background-color: #fff;
}

#loginModal .login-logo {
	display: block;
	width: auto;
	max-width: 220px;
	height: auto;
	margin: 0 auto;
}

#loginModal .login-card-body {
	padding: 1.5rem 2rem 2rem;
	background-color: #fff;
}

#loginModal .login-card-form .form-group {
	margin-bottom: 1rem;
}

#loginModal .login-submit-group {
	margin-bottom: 0;
	margin-top: 0.25rem;
}

#loginModal .login-input {
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 0.75rem 1rem;
	font-size: 1rem;
	height: auto;
	background-color: #fff;
	color: #333;
}

#loginModal .login-input::placeholder {
	color: #aaa;
}

#loginModal .login-input:focus {
	border-color: var(--integra-orange, #ff8d2c);
	box-shadow: 0 0 0 0.15rem rgba(255, 141, 44, 0.2);
}

#loginModal .login-submit-btn {
	background-color: #ff8d2c;
	border-color: #ff8d2c;
	border-radius: 6px;
	padding: 0.75rem 1rem;
	font-size: 1rem;
	font-weight: 600;
	width: 100%;
}

#loginModal .login-submit-btn:hover,
#loginModal .login-submit-btn:focus,
#loginModal .login-submit-btn:active {
	background-color: #e67d22;
	border-color: #e67d22;
	color: #fff;
}

#loginModal .modal-footer {
	display: none;
}

.glyphicon-download-link{cursor:pointer;margin-left:10px;}
.btn-preview-pdf{padding:0.4rem;margin-top:0.1%;}
.page-top-margin{margin:15px;}
.logo-status{width:40%;}
.index-container{padding-top:0;}

/* Navbar estilo Integra (fondo blanco, menú gris, línea naranja inferior) */
.index-container > .navbar.navbar-default {
	background-color: #fff;
	border: 0;
	border-bottom: 3px solid var(--integra-orange);
	border-radius: 0;
	margin-bottom: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.index-container > .navbar.navbar-default .navbar-brand {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.index-container > .navbar.navbar-default .navbar-nav > li > a,
.index-container > .navbar.navbar-default .navbar-nav .nav-link {
	color: #555;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.9rem;
	letter-spacing: 0.02em;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.index-container > .navbar.navbar-default .navbar-nav > li > a:hover,
.index-container > .navbar.navbar-default .navbar-nav > li > a:focus,
.index-container > .navbar.navbar-default .navbar-nav .nav-link:hover,
.index-container > .navbar.navbar-default .navbar-nav .nav-link:focus {
	color: var(--integra-orange);
	background-color: transparent;
}

.index-container > .navbar.navbar-default .navbar-nav > .open > a,
.index-container > .navbar.navbar-default .navbar-nav > .open > a:hover,
.index-container > .navbar.navbar-default .navbar-nav > .open > a:focus,
.index-container > .navbar.navbar-default .navbar-nav .show > .nav-link {
	color: var(--integra-orange);
	background-color: transparent;
}

.index-container > .navbar.navbar-default .dropdown-toggle::after {
	display: none;
}

.index-container > .navbar.navbar-default .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 6px;
	vertical-align: middle;
	border-top: 5px solid #555;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-bottom: 0;
	font-weight: normal;
}

.index-container > .navbar.navbar-default .nav-link:hover .caret,
.index-container > .navbar.navbar-default .nav-link:focus .caret,
.index-container > .navbar.navbar-default .show > .nav-link .caret {
	border-top-color: var(--integra-orange);
}

.index-container > .navbar.navbar-default .navbar-toggle,
.index-container > .navbar.navbar-default .navbar-toggler {
	border-color: #ccc;
}

.index-container > .navbar.navbar-default .navbar-toggle .icon-bar {
	background-color: #555;
}

.principal-logo-col{padding-top:150px;}
.envio-com-wrap{padding-top:15px;}
.envio-radio-input{margin-top:9px;cursor:pointer;}
.envio-clickable-label{padding-top:4px;cursor:pointer;}
.envio-label-pad{padding-top:4px;}
.filter-label{padding-top:4px;font-weight:700;}
.table-th-sort{cursor:pointer;vertical-align:middle;}
.table-td-middle{vertical-align:middle;}
.table-td-middle-nowrap{vertical-align:middle;white-space:nowrap;}
.vercig-form .form-group{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1rem;}
.vercig-form .form-group > .control-label{flex:0 0 25%;max-width:25%;text-align:right;padding-right:1rem;margin-bottom:0;}
.vercig-form .form-group > .col-lg-2.control-label{flex:0 0 16.666667%;max-width:16.666667%;}
.vercig-form .form-group > .col-lg-8,
.vercig-form .form-group > .col-lg-10{flex:1 1 0;min-width:0;float:none;width:auto;}
.vercig-form .form-group > .col-lg-8 > .col-xs-5,
.vercig-form .form-group > .col-lg-8 > .col-xs-9,
.vercig-form .form-group > .col-lg-10 > .col-xs-9{width:100%;max-width:320px;padding:0;}
.vercig-form .vercig-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem;padding-left:25%;}
.vercig-form .vercig-actions .btn{margin:0;}
.envio-euro-col{padding-left:5px;}
.envio-textarea{height:125px;}
.envio-longitud{margin-top:3px;}
.envio-alert-compact{padding:7.5px;}
.envio-alert-small{font-size:75%;}
.envio-alert-normal{font-size:100%;}
div.show-top-margin{margin-top:2em;}.show-grid{margin-bottom:2em;}.show-grid [class^="col-"]{padding-top:10px;padding-bottom:10px;border:1px solid #AAA;background-color:#EEE;background-color:rgba(200,200,200,0.3);}.responsive-utilities-test .col-xs-6{margin-bottom:10px;}.responsive-utilities-test span{padding:15px 10px;font-size:14px;font-weight:bold;line-height:1.1;text-align:center;border-radius:4px;}.visible-on .col-xs-6 .hidden-xs,.visible-on .col-xs-6 .hidden-sm,.visible-on .col-xs-6 .hidden-md,.visible-on .col-xs-6 .hidden-lg,.hidden-on .col-xs-6 .visible-xs,.hidden-on .col-xs-6 .visible-sm,.hidden-on .col-xs-6 .visible-md,.hidden-on .col-xs-6 .visible-lg{color:#999;border:1px solid #ddd;}.visible-on .col-xs-6 .visible-xs,.visible-on .col-xs-6 .visible-sm,.visible-on .col-xs-6 .visible-md,.visible-on .col-xs-6 .visible-lg,.hidden-on .col-xs-6 .hidden-xs,.hidden-on .col-xs-6 .hidden-sm,.hidden-on .col-xs-6 .hidden-md,.hidden-on .col-xs-6 .hidden-lg{color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6;}div.controls input,div.controls select{margin-bottom:.5em;}#inputSeleccionado{border-color:rgba(82,168,236,.8);outline:0;outline:thin dotted \9;-moz-box-shadow:0 0 8px rgba(82,168,236,.6);box-shadow:0 0 8px rgba(82,168,236,.6);}.bs-glyphicons{padding-left:0;padding-bottom:1px;margin-bottom:20px;list-style:none;overflow:hidden;}.bs-glyphicons li{float:left;width:25%;height:115px;padding:10px;margin:0 -1px -1px 0;font-size:12px;line-height:1.4;text-align:center;border:1px solid #ddd;}.bs-glyphicons .glyphicon{display:block;margin:5px auto 10px;font-size:24px;}.bs-glyphicons li:hover{background-color:rgba(86,61,124,.1);}@media (min-width: 768px) {.bs-glyphicons li{width:12.5%;}}.btn-toolbar+.btn-toolbar{margin-top:10px;}.dropdown>.dropdown-menu{position:static;display:block;margin-bottom:5px;}form .row{margin-bottom:1em;}.nav .dropdown-menu{display:none;}.nav .open .dropdown-menu{display:block;position:absolute;}

#iniciosesion
{
	/*background-color:#4da6bb;*/
	color:#ff8d2c;
}

#selectMonth table, 
#selectYear table
{
    background-color:#e8e8f4 !important;
}

/* Bootstrap 5 dropdown compatibility over legacy BS3 rules */
.navbar .dropdown-menu.show {
    display: block;
    position: absolute;
}

/* Ítems del desplegable: aspecto de menú, no de enlace */
.navbar .dropdown-menu {
    padding: 0.25rem 0;
    min-width: 10rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.navbar .dropdown-menu > li > a {
    display: block;
    padding: 0.5rem 1rem;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-menu > li > a:active,
.navbar .dropdown-menu > li > a:visited {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.navbar .dropdown-menu > li.divider {
    height: 1px;
    margin: 0.5rem 0;
    overflow: hidden;
    background-color: #e5e5e5;
}