/* Shapedlikeaboot Custom CSS */

.shape-no-margin {
	margin-left: 0 !important;
}

.th-tick-id-lable {
	width: 55px !important;
}

.th-status-lable {
	width: 100px !important;
}

.th-date{
	width: 100px !important;
}

.th-company{
	width: 100px !important;
}

.th-details {
	width: 70px !important;
}

.th-ticket-pri {
	width: 100px !important;
}

.th-department {
	width: 160px !important;
}

.th-category-lable {
	width: 140px !important;
}

.wag-left-20 {
	margin-left: -20px;
}

.ext-megamenu.tick-filter{
	width: 490px !important;
}

.wag-not-valid {
	border: 1px solid #d9534f !important;
}

.myprofile .modal-body {
	height: 410px;
}

.stat-filter-column {
	width: 160px !important;
}

.dept-filter-column {
	padding-right: 0px !important;
}

.tickets-table td .label {
    margin: 0 5px 0px 0;
}

.tickets-table .td-btn .btn-sm {
    margin: 0 0 0 5px;
}

.example-label i {
	padding: 0 10px;
}

.wag-col-fix-links {
	position: inherit !important;
}

.progress-bar.overdue-caution {
	background-color: #f0ad4e;
}
.progress-bar.overdue-warning {
	background-color: #d9534f;
}
.ip-recent-name {
	width: 170px;
}
.ip-recent-id {
	width: 80px;
}
.ip-recent-street {
	width: 170px;
}
.ip-recent-view {
	width: 60px;
}

.np-mw-300 {
	padding: 0px;
	min-width: 300px;
}

.span-auto-width {
	width: auto !important;
    padding-left: 3px;
    padding-right: 3px;
}

.click-hide {
	display: none;
}

.btn-square-gasolio {
	position: relative;
	float: left;
	height: 230px;
	width: 350px;
	margin: 0 20px 20px 0;
	border-radius: 7px;
	border: 1px solid #bbb;
	background-color: #fff;
}

.btn-square-gasolio-last {
	position: relative;
	float: left;
	height: 230px;
	width: 350px;
	margin: 0 20px 20px 0;
	border-radius: 7px;
	border: 1px solid #bbb;
	background-color: #daecdb;
}

.btn-square-gasolio .amount-tag {
	float: left;
	width: 100%;
	margin: 60px 0 0 0;
	font-size: 5.5em;
	text-align: center;
	font-weight: 500;
}

.btn-square-gasolio .price-tag {
	float: left;
	width: 100%;
	margin: 80px 0 0 0;
	font-size: 5em;
	text-align: center;
	font-weight: 500;
}
.btn-square-gasolio-last .amount-tag-last {
	float: left;
	width: 100%;
	padding: 30px;
	font-size: 3.5em;
	text-align: center;
	font-weight: 500;
	line-height: 50px;
}
.btn-square-gasolio .corner-lable {
	position: absolute;
    top: -2px;
    right: -2px;
    overflow: hidden;
    height: 32px;
    width: 32px;
    border-radius: 0 5px 0 0;
}
.btn-square-gasolio .corner-label:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-top: 22px solid;
    border-right: 22px solid;
    border-bottom: 22px solid transparent;
    border-left: 22px solid transparent;
}
.btn-square-gasolio .corner-label.red:before {
    border-top-color: #D9534F;
    border-right-color: #D9534F;
}
.btn-square-gasolio-sv .corner-lable {
	position: absolute;
    top: -2px;
    right: -2px;
    overflow: hidden;
    height: 32px;
    width: 32px;
    border-radius: 0 5px 0 0;
}
.btn-square-gasolio-sv .corner-label:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-top: 22px solid;
    border-right: 22px solid;
    border-bottom: 22px solid transparent;
    border-left: 22px solid transparent;
}
.btn-square-gasolio-sv .corner-label.red:before {
    border-top-color: #D9534F;
    border-right-color: #D9534F;
}

.btn-square-gasolio-sv {
	position: relative;
	float: left;
	height: 170px;
	width: 350px;
	margin: 0 20px 20px 0;
	border-radius: 7px;
	border: 1px solid #bbb;
	background-color: #fff;
}

.btn-square-gasolio-last-sv {
	position: relative;
	float: left;
	height: 170px;
	width: 350px;
	margin: 0 20px 20px 0;
	border-radius: 7px;
	border: 1px solid #bbb;
	background-color: #daecdb;
}

.btn-square-gasolio-sv .amount-tag-sv {
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
	font-size: 4em;
	text-align: center;
	font-weight: 500;
}

.btn-square-gasolio-sv .price-tag-sv {
	float: left;
	width: 100%;
	margin: 50px 0 0 0;
	font-size: 4em;
	text-align: center;
	font-weight: 500;
}
.btn-square-gasolio-last-sv .amount-tag-last-sv {
	float: left;
	width: 100%;
	padding: 10px;
	font-size: 3.5em;
	text-align: center;
	font-weight: 500;
	line-height: 50px;
}

.attention-box-sv {
	border: 1px solid #bbb;
	position: relative;
	padding: 20px 20px 20px 35px;
	background-color: #fff;
}
.attention-danger-sv ::before {
	background-color: #D9534F;
}
.attention-box-sv ::before {
	content: "";
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	width: 8px;
}

@media screen and (max-width: 600px) {
	.ip-recent-name {
		width: 120px;
	}
	.ip-recent-updated {
		display: none;
	}
	.ip-recent-street {
		display: none;
	}

}
@media screen and (max-width: 550px) {
	.notMobile {
		display: none;
	}
}

/* -------------------------------------------------
   1. Full-height foundation
   ------------------------------------------------- */
html, body { height: 100%; margin:0; }

#container {
    min-height: 100vh;               /* full viewport */
}

/* -------------------------------------------------
   2. Sidebar – full height of the container
   ------------------------------------------------- */
#sidebar-main {
    min-height: 100%;                /* matches #container */
    display: flex;
    flex-direction: column;
}

/* -------------------------------------------------
   3. Main column – column flex, pushes footer down
   ------------------------------------------------- */
#main {
    display: flex;
    flex-direction: column;
    min-height: 100%;                /* same height as sidebar */
}

/* -------------------------------------------------
   4. Content grows to fill the gap
   ------------------------------------------------- */
#content {
    flex: 1 0 auto;                  /* grow, never shrink */
}

/* -------------------------------------------------
   5. Footer stays at the bottom
   ------------------------------------------------- */
footer {
    flex-shrink: 0;                  /* never collapses */
}