#brand-name {
	color: #444d58;
	font-size: 18px;
	margin-left: 10px;
	margin-right: 5px;
	font-weight: lighter;
	font-family: Poppins, cursive!important
}

.navbar-brand {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: lighter;
	margin-top: 3px
}

.navbar-brand:hover {
	color: #fff
}

.navbar-brand img {
	display: inline-block;
	width: 33px;
	margin-top: -15px
}

textarea {
	resize: none!important
}

h4.caption {
	margin-bottom: 30px!important;
	border-bottom: 1px #ccc solid!important;
	padding-bottom: 13px!important
}



table.dataTable tbody td,
table.dataTable tbody th {
	font-weight: lighter;
	padding: 10px 0 0 12px
}

a.form-control,
button.form-control,
div.form-control,
input.form-control,
select.form-control {
	height: 28px!important;
	padding-top: 7px

}

select.form-control {
	padding-top: 4px

}





.btn {
	font-weight: bold
}

.container {
	padding-left: 0;
	padding-right: 0
}

.container-fluid {
	padding-left: 10px;
	padding-right: 10px
}

.dropdown-user .username,
.dropdown-user .username-hide-mobile {
	font-size: 13px!important;
	font-weight: 100
}

label.full-width {
	width: 100%
}

.page-header .page-header-menu .hor-menu .navbar-nav>li>a {
	padding: 10px 18px 8px 18px!important;
	font-weight: lighter!important
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a {
	background: #4c87b9!important;
	color: #fff!important
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>i {
	color: #fff!important
}

.note.note-warning {
	background: #f1f1f1;
	border-bottom: 1px solid #f3cc31;
	border-top: 1px solid #f3cc31;
	border-right: 1px solid #f3cc31
}

.tabdrop ul.dropdown-menu {
	height: 200px;
	overflow-y: scroll
}

.image-container {
	height: 250px;
	text-align: center;
	border: 1px #f1f1f1 solid;
	margin: 5px
}

.image-container img {
	width: 100%!important;
	height: 90%!important;
	display: block
}

.image-container span {
	margin-top: 5px;
	font-weight: 700
}

.console-table {
	color: #333;
	width: 98%
}

.console-table tr {
	border-bottom: 1px #ccc solid
}

.console-table td,
.console-table th {
	padding: 5px
}

.console-table i {
	margin-left: 20px
}

.console-table i.green {
	color: #3d9082
}

.console-table i.red {
	color: #e7505a
}

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
	margin-top: 18px!important
}

section.wrapper {
	padding: 40px 0;
	position: fixed;
	z-index: 9999;
	background: #1f1f1f;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0
}

section.wrapper.dark {
	background: #ccc
}

div.spinner {
	-moz-animation: rotate 10s infinite linear;
	-webkit-animation: rotate 10s infinite linear;
	animation: rotate 10s infinite linear;
	position: relative;
	display: block;
	margin: auto;
	width: 142px;
	height: 142px;
	top: 40%
}

div.spinner i {
	-moz-animation: rotate 3s infinite cubic-bezier(.09, .6, .8, .03);
	-webkit-animation: rotate 3s infinite cubic-bezier(.09, .6, .8, .03);
	animation: rotate 3s infinite cubic-bezier(.09, .6, .8, .03);
	-moz-transform-origin: 50% 100% 0;
	-webkit-transform-origin: 50% 100% 0;
	transform-origin: 50% 100% 0;
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	border: solid 6px transparent;
	border-bottom: none;
	border-color: #606060!important
}

div.spinner i:nth-child(1) {
	-moz-animation-timing-function: cubic-bezier(.09, .3, .12, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, .3, .12, .03);
	animation-timing-function: cubic-bezier(.09, .3, .12, .03);
	width: 44px;
	height: 22px;
	margin-top: -22px;
	margin-left: -22px;
	border-color: #2172b8;
	border-top-left-radius: 36px;
	border-top-right-radius: 36px
}

div.spinner i:nth-child(2) {
	-moz-animation-timing-function: cubic-bezier(.09, .6, .24, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, .6, .24, .03);
	animation-timing-function: cubic-bezier(.09, .6, .24, .03);
	width: 58px;
	height: 29px;
	margin-top: -29px;
	margin-left: -29px;
	border-color: #18a39b;
	border-top-left-radius: 42px;
	border-top-right-radius: 42px
}

div.spinner i:nth-child(3) {
	-moz-animation-timing-function: cubic-bezier(.09, .9, .36, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, .9, .36, .03);
	animation-timing-function: cubic-bezier(.09, .9, .36, .03);
	width: 72px;
	height: 36px;
	margin-top: -36px;
	margin-left: -36px;
	border-color: #82c545;
	border-top-left-radius: 48px;
	border-top-right-radius: 48px
}

div.spinner i:nth-child(4) {
	-moz-animation-timing-function: cubic-bezier(.09, 1.2, .48, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 1.2, .48, .03);
	animation-timing-function: cubic-bezier(.09, 1.2, .48, .03);
	width: 86px;
	height: 43px;
	margin-top: -43px;
	margin-left: -43px;
	border-color: #f8b739;
	border-top-left-radius: 54px;
	border-top-right-radius: 54px
}

div.spinner i:nth-child(5) {
	-moz-animation-timing-function: cubic-bezier(.09, 1.5, .6, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 1.5, .6, .03);
	animation-timing-function: cubic-bezier(.09, 1.5, .6, .03);
	width: 100px;
	height: 50px;
	margin-top: -50px;
	margin-left: -50px;
	border-color: #f06045;
	border-top-left-radius: 60px;
	border-top-right-radius: 60px
}

div.spinner i:nth-child(6) {
	-moz-animation-timing-function: cubic-bezier(.09, 1.8, .72, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 1.8, .72, .03);
	animation-timing-function: cubic-bezier(.09, 1.8, .72, .03);
	width: 114px;
	height: 57px;
	margin-top: -57px;
	margin-left: -57px;
	border-color: #ed2861;
	border-top-left-radius: 66px;
	border-top-right-radius: 66px
}

div.spinner i:nth-child(7) {
	-moz-animation-timing-function: cubic-bezier(.09, 2.1, .84, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 2.1, .84, .03);
	animation-timing-function: cubic-bezier(.09, 2.1, .84, .03);
	width: 128px;
	height: 64px;
	margin-top: -64px;
	margin-left: -64px;
	border-color: #c12680;
	border-top-left-radius: 72px;
	border-top-right-radius: 72px
}

div.spinner i:nth-child(8) {
	-moz-animation-timing-function: cubic-bezier(.09, 2.4, .96, .03);
	-webkit-animation-timing-function: cubic-bezier(.09, 2.4, .96, .03);
	animation-timing-function: cubic-bezier(.09, 2.4, .96, .03);
	width: 142px;
	height: 71px;
	margin-top: -71px;
	margin-left: -71px;
	border-color: #5d3191;
	border-top-left-radius: 78px;
	border-top-right-radius: 78px
}

@-moz-keyframes rotate {
	to {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes rotate {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	to {
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.page-logo>a {
	color: #eee;
	font-family: Poppins, sans-serif;
	font-size: 20px;
	font-weight: lighter;
	margin-top: 9px
}

.page-logo>a:active,
.page-logo>a:hover {
	text-decoration: none
}

#account-action {
	font-size: 13px
}

#account-action option {
	padding: 3px 0px
}


.caption-subject{

    color: #24695c!important;
}

.font-dark{

    color: #24695c!important;
}

tr.filter select.form-control,
tr.filter .form-control {
    color: #fff !important;
}

tr.filter .bootstrap-select .filter-option,
tr.filter .bootstrap-select .filter-option-inner-inner {
    color: #fff !important;
}

.page-sidebar-wrapper li.nav-item.active > a,
.page-sidebar-wrapper li.nav-item.active > a > span,
.page-sidebar-wrapper li.active > a,
.page-sidebar-wrapper li.active > a > span,
.page-sidebar-wrapper li.nav-item.active > a:hover,
.page-sidebar-wrapper li.nav-item.active > a:hover > span,
.page-sidebar-wrapper li.active > a:hover,
.page-sidebar-wrapper li.active > a:hover > span,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > span,
.page-sidebar .page-sidebar-menu .sub-menu > li.active:hover > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active:hover > a > span,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a:hover > span,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active > a > span,
.page-sidebar .page-sidebar-menu > li.active:hover > a,
.page-sidebar .page-sidebar-menu > li.active:hover > a > span,
.page-sidebar .page-sidebar-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu > li.active > a:hover > span {
    color: #fff !important;
}

/* =======================================================================
   MODERN THEME LAYER  (appended — loaded last, overrides Metronic)
   Restyles the shared components used by every page: navbar, sidebar,
   portlets/cards, buttons, forms, tables, dashboard widgets.
   Tweak the palette below to re-skin the whole app in one place.
   ======================================================================= */
:root {
    --ir-accent:        #2563eb;   /* primary brand blue */
    --ir-accent-dark:   #1d4ed8;
    --ir-accent-soft:   rgba(37, 99, 235, 0.10);
    --ir-bg:            #f4f6fb;   /* app content background */
    --ir-surface:       #ffffff;   /* cards / panels          */
    --ir-border:        #e9edf5;   /* hairline dividers       */
    --ir-text:          #1f2a37;   /* primary text            */
    --ir-muted:         #6b7280;   /* secondary text          */
    --ir-sidebar-bg:    #101a30;   /* dark navy sidebar       */
    --ir-sidebar-bg2:   #0b1324;
    --ir-sidebar-text:  #b8c2d9;
    --ir-radius:        12px;
    --ir-radius-sm:     8px;
    --ir-shadow:        0 1px 2px rgba(16,24,40,.04), 0 4px 16px rgba(16,24,40,.06);
    --ir-shadow-hover:  0 6px 24px rgba(16,24,40,.10);
}

/* ---------- Base ---------- */
body,
.page-content-white .page-content,
.page-container { background: var(--ir-bg) !important; }

body { color: var(--ir-text); -webkit-font-smoothing: antialiased; }

.page-content { padding-top: 22px !important; }

/* ---------- Top navbar ---------- */
.page-header.navbar { min-height: 60px; }
.page-header.navbar .page-header-inner { padding: 6px 18px; }
.page-header.navbar .top-menu .dropdown-user > .dropdown-toggle {
    padding: 8px 12px;
    border-radius: var(--ir-radius-sm);
    transition: background .2s ease;
}
.page-header.navbar .top-menu .dropdown-user > .dropdown-toggle:hover { background: var(--ir-accent-soft); }
.page-header.navbar .top-menu .dropdown-user .username { color: var(--ir-text) !important; font-weight: 600; }
.page-header.navbar .top-menu .dropdown-user img.img-circle {
    width: 34px; height: 34px; border-radius: 50%;
    border: 2px solid var(--ir-border);
}
.page-header.navbar .top-menu .dropdown-menu {
    border: 1px solid var(--ir-border) !important;
    border-radius: var(--ir-radius-sm) !important;
    box-shadow: var(--ir-shadow) !important;
    padding: 6px 0;
}

/* ---------- Sidebar ---------- */
.page-sidebar,
.page-sidebar-wrapper,
.page-sidebar.navbar-collapse {
    background: linear-gradient(180deg, var(--ir-sidebar-bg), var(--ir-sidebar-bg2)) !important;
}
.page-sidebar .page-sidebar-menu > li > a {
    color: var(--ir-sidebar-text) !important;
    font-weight: 500;
    border-radius: var(--ir-radius-sm);
    margin: 2px 10px;
    padding: 11px 14px !important;
    transition: background .18s ease, color .18s ease;
}
.page-sidebar .page-sidebar-menu > li > a > i { color: #7f8cad !important; transition: color .18s ease; }
.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.open > a {
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
}
.page-sidebar .page-sidebar-menu > li:hover > a > i { color: #fff !important; }

/* active item -> accent pill */
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active:hover > a {
    background: var(--ir-accent) !important;
    box-shadow: 0 6px 16px rgba(37,99,235,.35);
}
.page-sidebar .page-sidebar-menu > li.active > a > i { color: #fff !important; }
.page-sidebar .page-sidebar-menu > li.active > a:after,
.page-sidebar .page-sidebar-menu > li.active > a:before { display: none !important; }

/* submenu */
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #9aa6c4 !important;
    border-radius: var(--ir-radius-sm);
    margin: 1px 10px 1px 22px;
    padding: 9px 12px !important;
}
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a { color: #fff !important; background: rgba(255,255,255,.05) !important; }
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a { color: #fff !important; background: var(--ir-accent-soft) !important; }
.page-sidebar .page-sidebar-menu > li > a > .arrow:before,
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before { color: #7f8cad !important; }

/* ---------- Portlets (cards) ---------- */
.portlet.light,
.portlet {
    background: var(--ir-surface) !important;
    border: 1px solid var(--ir-border) !important;
    border-radius: var(--ir-radius) !important;
    box-shadow: var(--ir-shadow) !important;
    padding: 4px 22px 22px !important;
    transition: box-shadow .2s ease;
}
.portlet.light.bordered { border: 1px solid var(--ir-border) !important; }
.portlet.light:hover { box-shadow: var(--ir-shadow-hover) !important; }
.portlet.light > .portlet-title,
.portlet > .portlet-title {
    border-bottom: 1px solid var(--ir-border) !important;
    padding: 6px 0 14px !important;
    margin-bottom: 14px;
    min-height: 44px;
}
.portlet .portlet-title .caption { padding: 12px 0 0; }
.portlet .portlet-title .caption > .caption-subject,
.caption-subject {
    font-family: "Inter","Poppins",sans-serif;
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: .01em;
    color: var(--ir-text) !important;
}
.portlet .portlet-title .caption > i { color: var(--ir-accent) !important; }
.font-dark { color: var(--ir-text) !important; }

/* ---------- Buttons ---------- */
.btn {
    border-radius: var(--ir-radius-sm) !important;
    font-weight: 600 !important;
    letter-spacing: .01em;
    padding: 8px 16px;
    border: 1px solid transparent;
    transition: background .18s ease, box-shadow .18s ease, transform .05s ease, border-color .18s ease;
}
.btn:active { transform: translateY(1px); }
.btn.blue, .btn.btn-primary, .btn.green-jungle, .btn.blue-madison {
    background: var(--ir-accent) !important;
    border-color: var(--ir-accent) !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(37,99,235,.25);
}
.btn.blue:hover, .btn.btn-primary:hover, .btn.blue-madison:hover {
    background: var(--ir-accent-dark) !important;
    border-color: var(--ir-accent-dark) !important;
    box-shadow: 0 4px 12px rgba(37,99,235,.35);
}
.btn.default, .btn.btn-default, .btn.btn-outline.default {
    background: #fff !important;
    border: 1px solid var(--ir-border) !important;
    color: var(--ir-text) !important;
}
.btn.default:hover, .btn.btn-outline.default:hover { background: #f4f6fb !important; border-color: #d4dbe8 !important; }
.btn.btn-outline { background: transparent !important; }
.btn.green { background: #16a34a !important; border-color:#16a34a !important; color:#fff !important; }
.btn.green:hover { background:#15803d !important; }
.btn.red { background: #dc2626 !important; border-color:#dc2626 !important; color:#fff !important; }
.btn.red:hover { background:#b91c1c !important; }
.btn.yellow, .btn.btn-warning { background:#f59e0b !important; border-color:#f59e0b !important; color:#fff !important; }

/* Fix: outline color buttons rendered white-on-transparent (invisible) because
   .btn.btn-outline forced a transparent background after the color text rule.
   Render every outline color variant as a solid, visible button.            */
.btn.btn-outline.blue, .btn.btn-outline.blue-madison, .btn.btn-outline.green-jungle {
    background: var(--ir-accent) !important; border-color: var(--ir-accent) !important; color:#fff !important;
}
.btn.btn-outline.blue:hover, .btn.btn-outline.blue-madison:hover, .btn.btn-outline.green-jungle:hover {
    background: var(--ir-accent-dark) !important; border-color: var(--ir-accent-dark) !important; color:#fff !important;
}
.btn.btn-outline.red { background:#dc2626 !important; border-color:#dc2626 !important; color:#fff !important; }
.btn.btn-outline.red:hover { background:#b91c1c !important; border-color:#b91c1c !important; color:#fff !important; }
.btn.btn-outline.green { background:#16a34a !important; border-color:#16a34a !important; color:#fff !important; }
.btn.btn-outline.green:hover { background:#15803d !important; border-color:#15803d !important; color:#fff !important; }
.btn.btn-outline.yellow { background:#f59e0b !important; border-color:#f59e0b !important; color:#fff !important; }
.btn.btn-outline.yellow:hover { background:#d97706 !important; border-color:#d97706 !important; color:#fff !important; }
.btn.btn-outline.dark { background:#3a4658 !important; border-color:#3a4658 !important; color:#fff !important; }
.btn.btn-outline.dark:hover { background:#2b3543 !important; border-color:#2b3543 !important; color:#fff !important; }

/* ---------- Form controls (compact, app-wide) ---------- */
/* NOTE: textarea is intentionally excluded from the fixed height below so
   its own inline height / rows are respected (e.g. Email Body = 420px,
   header = 300px). Forcing height on textareas collapses them.            */
a.form-control, button.form-control, div.form-control,
input.form-control, select.form-control {
    height: 32px !important;
    padding: 5px 10px !important;
    font-size: 13px;
    border: 1px solid var(--ir-border) !important;
    border-radius: var(--ir-radius-sm) !important;
    color: var(--ir-text);
    background: #fff;
    box-shadow: none !important;
    transition: border-color .18s ease, box-shadow .18s ease;
}
textarea.form-control {
    padding: 6px 10px !important;
    font-size: 13px;
    border: 1px solid var(--ir-border) !important;
    border-radius: var(--ir-radius-sm) !important;
    color: var(--ir-text);
    background: #fff;
    box-shadow: none !important;
    transition: border-color .18s ease, box-shadow .18s ease;
}
select.form-control { padding-top: 6px !important; }
.form-control:focus {
    border-color: var(--ir-accent) !important;
    box-shadow: 0 0 0 3px var(--ir-accent-soft) !important;
    outline: none;
}
.control-label { font-weight: 600; color: #374151; margin-bottom: 4px; font-size: 13px; }
.form-group { margin-bottom: 12px; }

/* bootstrap-select trigger to match */
.bootstrap-select > .btn.dropdown-toggle {
    height: 32px !important;
    padding: 5px 10px !important;
    font-size: 13px;
    border: 1px solid var(--ir-border) !important;
    border-radius: var(--ir-radius-sm) !important;
    background: #fff !important;
    color: var(--ir-text) !important;
    box-shadow: none !important;
}

/* ---------- Tables ---------- */
.table { color: var(--ir-text); }
.table > thead > tr > th,
table.dataTable > thead > tr > th {
    background: #f8fafc !important;
    color: #475467 !important;
    font-weight: 600 !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .03em;
    border-bottom: 1px solid var(--ir-border) !important;
    border-top: none !important;
    padding: 12px !important;
}
.table > tbody > tr > td,
table.dataTable tbody td { border-top: 1px solid #f1f3f8 !important; vertical-align: middle; }
.table-hover > tbody > tr:hover,
table.dataTable tbody tr:hover { background: var(--ir-accent-soft) !important; }
table.dataTable tbody td, table.dataTable tbody th { font-weight: 400; padding: 12px !important; }

/* pagination */
.pagination > li > a, .pagination > li > span {
    border: 1px solid var(--ir-border);
    color: var(--ir-text);
    margin: 0 2px;
    border-radius: var(--ir-radius-sm) !important;
}
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover {
    background: var(--ir-accent) !important;
    border-color: var(--ir-accent) !important;
    color: #fff !important;
}

/* ---------- Dashboard stat widgets ---------- */
.dashboard-stat2, .dashboard-stat {
    background: var(--ir-surface) !important;
    border: 1px solid var(--ir-border) !important;
    border-radius: var(--ir-radius) !important;
    box-shadow: var(--ir-shadow) !important;
    padding: 18px !important;
    transition: box-shadow .2s ease, transform .12s ease;
}
.dashboard-stat2:hover, .dashboard-stat:hover { box-shadow: var(--ir-shadow-hover) !important; transform: translateY(-2px); }
.dashboard-stat2 .display .number h3 { font-weight: 700; }
.dashboard-stat2 .display .number small { color: var(--ir-muted); font-weight: 500; }

/* ---------- Notes / alerts / badges ---------- */
.note { border-radius: var(--ir-radius-sm) !important; border: 1px solid var(--ir-border); }
.badge { border-radius: 999px !important; font-weight: 600; padding: 4px 10px; }
.label { border-radius: 6px !important; font-weight: 600; }

/* ---------- Modals ---------- */
.modal-content {
    border: none !important;
    border-radius: var(--ir-radius) !important;
    box-shadow: 0 20px 60px rgba(16,24,40,.25) !important;
    overflow: hidden;
}
.modal-header { border-bottom: 1px solid var(--ir-border); padding: 16px 20px; }
.modal-body { padding: 20px; }
.modal-footer { border-top: 1px solid var(--ir-border); padding: 14px 20px; }

/* ---------- Footer ---------- */
.page-footer, .page-footer-inner { color: var(--ir-muted); }

/* ---------- Scrollbar ---------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #c7d0e0; border-radius: 8px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: #aeb9cd; background-clip: content-box; }
::-webkit-scrollbar-track { background: transparent; }

/* keep dark sidebar scrollbar subtle */
.page-sidebar ::-webkit-scrollbar-thumb { background: rgba(255,255,255,.15); background-clip: content-box; }

/* ---------- Fix: filter-row text (was white for the old dark gradient) ---------- */
tr.filter select.form-control,
tr.filter .form-control,
tr.filter .bootstrap-select .filter-option,
tr.filter .bootstrap-select .filter-option-inner-inner { color: var(--ir-text) !important; }

/* ---------- Compact density for dense operational pages ----------
   The modern 40px inputs are great for normal CRUD forms but too tall
   for packed screens like the Production Send Page. Scope compact sizing
   to those pages (by form id, or add class "compact-form" to any portlet).
   Multiselect boxes keep their inline heights and are unaffected.        */
#send-process-form input.form-control,
#send-process-form select.form-control,
#send-process-form a.form-control,
.compact-form input.form-control,
.compact-form select.form-control,
.compact-form a.form-control {
    height: 30px !important;
    padding: 4px 10px !important;
    font-size: 13px;
}
#send-process-form select.form-control,
.compact-form select.form-control { padding-top: 5px !important; }

/* textareas keep their explicit heights; just tighten padding */
#send-process-form textarea.form-control,
.compact-form textarea.form-control { padding: 6px 10px !important; font-size: 13px; }

/* multiselect list boxes (they set their own inline height) — compact rows */
#send-process-form select[multiple].form-control,
.compact-form select[multiple].form-control { padding: 4px !important; }

/* bootstrap-select trigger matches the compact inputs */
#send-process-form .bootstrap-select > .btn.dropdown-toggle,
.compact-form .bootstrap-select > .btn.dropdown-toggle {
    height: 30px !important;
    padding: 4px 10px !important;
    font-size: 13px;
}

/* tighten vertical rhythm so rows don't stack too tall */
#send-process-form .form-group,
.compact-form .form-group { margin-bottom: 10px !important; }
#send-process-form .control-label,
.compact-form .control-label { margin-bottom: 3px; font-size: 13px; }