@charset "UTF-8";

/*
 * Colors
 */
:root {
	--portal-orange: #FFAA00;
	--portal-blue: #003580;
	
	--portal-color-primary: var(--portal-orange);
	--portal-color-secondary: var(--portal-blue);
}

html {
	overflow-y: scroll;
}

body {
	font-size: .8rem;
	color: var(--portal-color-secondary);
	padding-right: 0 !important;
}

.input-group-text, input, select, textarea {
	font-size: .8rem !important;
}
.input-group-text {
	border-color: var(--portal-color-primary);
}

.portal-bg-orange, .portal-bg-primary {
	background-color: var(--portal-color-primary);
}
.portal-bg-blue, .portal-bg-secondary {
	background-color: var(--portal-color-secondary);
}
.portal-text-orange, .portal-text-primary {
	color: var(--portal-color-primary);
}
.portal-text-blue, .portal-text-secondary, .portal-text-default {
	color: var(--portal-color-secondary);
}
.portal-border-orange, .portal-border-primary {
	border-color: var(--portal-color-primary) !important;
}
.portal-border-blue, .portal-border-secondary {
	border-color: var(--portal-color-secondary) !important;
}

.cursor-pointer {
	cursor: pointer;
}

/* Sizes */
.portal-w-30 {
	width: 30px;
}

/* 
 * Portal 
 */
.portal-navbar-bar {
	background-color: var(--portal-color-primary);
	padding: .2rem;
}

.portal-name {
	color: var(--portal-color-secondary);
}
.portal-text {
	font-size: .7rem;
}
.portal-logo img {
	max-width: 150px;
	max-height: 50px;
}

/* Portal Button */
.portal-btn-default {
	background-color: var(--light) !important;
	border-color: var(--portal-color-primary) !important;
	color: var(--portal-color-secondary) !important;
}
.portal-btn-secondary {
	background-color: var(--portal-color-secondary);
	border-color: var(--portal-color-primary);
	color: var(--light);
}

.portal-btn-xs {
	font-size: .75rem;
	line-height: 1.2;
	padding: .15rem .25rem;
}

.portal-btn-toggle.btn-sm {
	min-width: 30px;
	padding: .15rem .3rem !important;
}
.portal-btn-icon {
	width: 35px;
}

/* Portal Breadcrumb */
.portal-breadcrumb a {
	color: var(--portal-color-secondary);
}
.portal-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	content: "\00BB";
}

/* Portal Controls */
.portal-controls .btn-group button {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: transparent;
	color: var(--portal-color-secondary);
}
.portal-controls a {
	color: var(--portal-color-secondary) !important;
}
.portal-controls .dropdown-item {
	padding: .2rem 1rem;
}

/* Portal Menu */
.portal-menu nav {
	display: block;
}
.portal-menu .nav-link:first-child {
	border-top: none;
}
.portal-menu .nav-link {
	padding: .25rem .5rem;
	border-top: 1px solid var(--portal-color-primary);
	color: var(--portal-color-secondary) !important;
}
.portal-menu .nav-link:hover, .portal-menu .nav-link.active {
	background-color: #eeeeee;
}

.portal-menu .portal-menu-last-div {
	border-bottom: 1px solid var(--portal-color-primary);
}
.portal-menu .nav-link i {
	margin-right: .5rem;
	width: 1rem;
	text-align: center;
}
.portal-menu .dropdown-toggle::after {
	float: right;
	margin-top: .5rem;
	transform: rotate(90deg);
}
.portal-menu-rotate .dropdown-toggle::after, .portal-menu-rotate::after {
	transform: rotate(0deg) !important;
}

.portal-menu nav .nav-link {
	padding-left: 1.5rem;
}
.portal-menu nav nav .nav-link {
	padding-left: 3rem;
}
.portal-menu nav .nav-link, .portal-menu nav .nav-link:last-child {
	border: none;
}

.portal-dropdown-menu {
	border-color: var(--portal-color-primary);
}
.portal-dropdown-menu .dropdown-item {
	padding: .1rem 1rem;
	color: var(--portal-color-secondary);
}
.portal-dropdown-menu .dropdown-item.active, .portal-dropdown-menu .dropdown-item:active {
	color: var(--portal-color-primary);
	background-color: var(--portal-color-secondary);
}


/* Portal Accordeon */
.portal-accordeon .border-bottom, .portal-accordeon .card, .portal-accordeon .card-header, .portal-accordeon .card-body {
	border-color: var(--portal-color-primary) !important;
}

/* Portal Card */
.portal-card {
	border-color: var(--portal-color-primary);
}
.portal-card .card-header {
	background-color: var(--portal-color-secondary);
	border-bottom-color: var(--portal-color-primary);
	color: white;
	font-weight: bolder;
	padding: .5rem;
}
.portal-card .card-body {
	padding: 1rem;
}
.portal-card .card-footer {
	border-color: var(--portal-color-primary);
	padding: .5rem 1rem;
}

/* Portal Form */
.portal-form label {
	margin-bottom: .2rem;
}
.portal-form input:not(.form-control-plaintext), .portal-form select, .portal-form textarea, .portal-form .custom-file-label {
	border-color: var(--portal-color-primary);
}
.portal-form button {
	background-color: var(--portal-color-secondary);
	border-color: var(--portal-color-primary);
	color: white;
}
.portal-form .form-control:focus, .btn:focus, .form-control:focus {
	border-color: var(--portal-color-primary);
	box-shadow: 0 0 0 0.2rem rgba(255,170,0,.25);
}
.portal-form .custom-select:focus, .portal-form .custom-file-input:focus {
    border-color: var(--portal-color-primary);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(255,170,0,.5);
}
.portal-form .custom-file-label {
	height: calc(2rem + 2px);
}
.portal-form .custom-file-label:after {
	height: 2rem;
}

/* Portal Modal */
.portal-modal .modal-header,
.portal-modal .modal-header .close {
	padding: .75rem;
	padding-bottom: .25rem;
}
.portal-modal .modal-header {
	background-color: var(--portal-color-secondary);
	color: var(--light);
}
.portal-modal .modal-header .close {
	color: var(--light);
	background-color: transparent;
}
.portal-modal .modal-body {
	padding: .5rem;
}
.portal-modal .modal-footer {
	padding: .5rem;
}
.portal-modal .modal-dialog-scrollable {
    max-height: calc(100% - 1rem);
}

/* Portal Tables */
.portal-table th {
	padding: .5rem;
	border-color: var(--portal-color-primary) !important;
	color: var(--portal-color-secondary);
}
.portal-table td {
	padding: .25rem;
	border-color: var(--portal-color-primary) !important;
	color: var(--portal-color-secondary);
}
.portal-table table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
	top: 4px;
}
.portal-table .child {
	padding-bottom: 0;
	padding-left: 1rem;
}
.portal-table .child td {
	text-align: left !important;
}

.portal-table a {
	color: var(--portal-color-secondary);
}
.portal-table .page-item.active .page-link {
	background-color: var(--portal-color-secondary);
	color: var(--portal-color-primary) !important;
}
.portal-table .page-item:not(.disabled):not(.active) .page-link {
	color: var(--portal-color-secondary);
}
.portal-table .page-item .page-link, 
.portal-table .page-item.disabled .page-link, 
.portal-table .form-control, 
.portal-table .table-bordered, 
.portal-table .table-bordered th, 
.portal-table .table-bordered td {
	border-color: var(--portal-color-primary) !important;
}

.dataTables_processing.card {
	border-color: var(--portal-color-primary) !important;
}

/* Portal Bootbox */
.portal-bootbox .modal-body, 
.portal-bootbox .modal-footer {
	padding: .75rem;
}
.extra-large {
	/*margin: 0 auto;*/
	max-width: 90%;
}
.portal-bootbox input {
	border-color: var(--portal-color-primary) !important;
}

/* Portal Editor (ACE) */
.portal-editor {
	border: 1px solid var(--portal-color-primary);
	border-radius: .2rem;
}

/* 
 * Bootstrap 
 */
.popover {
	/*max-width: none !important;*/
	/*max-width: 100% !important;*/
	border: 1px solid var(--portal-color-primary);
	font-size: .8rem;
}

.btn-sm {
	padding: .2rem .5rem !important;
}