@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
html {
	height: 100%;
	background-color: #f4f6f9;
}
html, body {
	font-family: 'Lato', Verdana, sans-serif;
}
body {
	background-color: transparent;
}
p {
	margin-bottom: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance: textfield;
}
div::-webkit-scrollbar {
	width: 12px;
}
div::-webkit-scrollbar-track {
	background: #f4f4f4;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
div::-webkit-scrollbar-thumb {
	background: #cecece;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.tab-pane:not(.active) {
	display: none;
}
.nav-pills .nav-link.active {
	color: #FFF!important;
	background-color: #df3d2e!important;
}
.nav-link {
	color: #df3d2e!important;
}

/*::-webkit-scrollbar-track-piece the track (progress bar) NOT covered by the handle.
::-webkit-scrollbar-corner the bottom corner of the scrollbar, where both horizontal and vertical scrollbars meet.
*/

.cursor {
	cursor: pointer;
}
.alert {
	z-index: 500;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.top-padding-10 {
	padding-top: 10px;
}
.top-padding-15 {
	padding-top: 15px;
}
.top-padding-20  {
	padding-top: 12px;
}
.row-top-padding-10 div {
	padding-top: 10px;
}
.row-top-padding-15 div {
	padding-top: 15px;
}
.row-top-padding-20 div {
	padding-top: 20px;
}
.padding-reset {
	padding-left: 0px!important;
	padding-right: 0px!important;	
}
.margin-reset {
	margin-left: 0px!important;
	margin-right: 0px!important;
}
#loading-container {
	position: absolute;
	width: 100vw;
	height: 100vh;
	z-index: 5000;
	background: rgb(47,47,47);
	background: linear-gradient(180deg, rgba(47,47,47,1) 0%, rgba(0,0,0,1) 100%);
}
#loading-icon-container,
#loading-icon-container img {
	position: relative;
	width: 350px;
	height: 350px;
}
.toggle-container {
	display: flex;
}
.toggle-switch {
	position: relative;
	display: inline-block;
	width: 42px;
	height: 24px;
	margin-right: 5px;
}
.toggle-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.toggle-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.toggle-slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .toggle-slider {
	background-color: #df3d2e;
}
input:focus + .toggle-slider {
	box-shadow: 0 0 1px #df3d2e;
}
input:checked + .toggle-slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}
.toggle-slider.toggle-slider-round {
	border-radius: 34px;
}
.toggle-slider.toggle-slider-round:before {
	border-radius: 50%;
}
.loading-background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.35);
	opacity: 1;
}
.fade-out.ng-hide-add,
.fade-out.ng-hide-remove {
	opacity: 1;
    transition: all 1s ease;
}
.fade-out.ng-hide {
	opacity: 0;
}
/*fade-out ng-hide-animate ng-animate ng-hide-add ng-hide ng-hide-add-active*/
.sort-style {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	transition-timing-function: ease-in-out;
}
.sort-style:hover {
	color: #df3d2e;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	transition-timing-function: ease-in-out;
}
.sort-style-active {
	color: #df3d2e;
}
.sort-icons {
	font-size: 8pt;
	width: 12px;
	color: #df3d2e;
	background-color: #fff;
	position: absolute;
	top: 0;
	right: 0;
}
.sort-icons i:nth-child(2) {
	position: relative;
	top: -4px;
}
.animate-row.ng-move,
.animate-row.ng-enter {
    transition:all linear 0.2s;
}
.animate-row.ng-leave.ng-leave-active,
.animate-row.ng-move,
.animate-row.ng-enter {
    opacity:0;
}
.animate-row.ng-leave,
.animate-row.ng-move.ng-move-active,
.animate-row.ng-enter.ng-enter-active {
    opacity:1;
}
.animate-row.ng-leave,
.animate-row.ng-leave.ng-leave-active {
  transition: all 0s;
}
div.ng-hide-add,
div.ng-hide-remove {
    transition: 0s linear opacity;
    opacity: 0;
}
div.ng-hide-add-active,
div.ng-hide-remove-active {
    opacity: 1;
}
.pagination{display:inline-block;padding-left:0;margin:0px;margin-top:10px!important;border-radius:4px;font-size:12pt;}
.pagination>li{display:inline}
.pagination>li>a,
.pagination>li>span{position:relative;float:left;padding:5px 9px;margin-left:-1px;line-height:1.2;color:#838383;text-decoration:none;background-color:#fff;border:1px solid #d1d1d1}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{z-index:2;color:#838383;background-color:#eee;border-color:#d1d1d1}
.pagination>li:first-child>a,
.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,
.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#df3d2e;border-color:#df3d2e}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#d1d1d1;}
.pagination-subtext {
	font-size: 12pt;
	color: #838383;
}
::-webkit-input-placeholder {
	opacity: .50;
	-webkit-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;
}
:-moz-placeholder {
	opacity: .50;
	-webkit-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;
}
::-moz-placeholder {
	opacity: .50;
	-webkit-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;
}
:-ms-input-placeholder {
	opacity: .50;
	-webkit-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;
}
::-ms-input-placeholder {
	opacity: .50;
	-webkit-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;
}
::placeholder {
	opacity: .50;
	-webkit-transition: opacity 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out;
}
.modal {
	color: #838383;
}

/*******************************************/
/************* PORTAL - LOGIN **************/
/*******************************************/

video {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -100;
}
#login-logo {
	background: url('/portal-alpha/images/main-electric-supply-logo-sm.png');
	background-size: contain;
	width: 250px;
	height: 125px;
	position: absolute;
	bottom: 15px;
	left: 15px;
}
#login-portal-container {
	width: 500px;
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	background-color: #FFF;
	margin: 0 auto;
}
#login-portal-content {
	position: relative;
	width: 80%;
	height: 100%;
	display: block;
	margin: 0px auto;
	font-size: 11pt;
}
.link-text a {
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	transition-timing-function: ease-in-out;	
}
.link-text a {
	color: #484848;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	transition-timing-function: ease-in-out;	
}
.link-text:hover,
.link-text a:hover {
	color: #df3d2e!important;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	transition-timing-function: ease-in-out;
	cursor: pointer;
}
#login-portal-logo {
	text-align: center;
}
#login-portal-logo img {
	width: 80%;
}
#login-portal-content * div > label {
	font-weight: 700;
}
.password-sub-container {
	margin-top: -15px;
}
.password-sub-container * span {
	margin-top: 1px;
}
input.login-input,
#login-portal-content * div > label {
	display: block;
	border: none;
}
input.login-input {
	outline: 0;
	margin: 0;
	padding-left: 30px;
	width: 100%;
	height: 40px;
	font-size: 11pt;
	letter-spacing: 1px;
	background: rgba(0, 0, 0, 0);
	border-radius: 0;
	border-bottom: 1px solid #dcdcdc!important;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
}
input.login-input + i {
	position: relative;
	font-size: 13pt;
	color: #dcdcdc;
	margin-left: 5px;
	top: -33px;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
}
input.login-input:focus {
	outline: 0;
	border-bottom: 1px solid #000!important;
}
input.login-input:focus + i {
	color: #000;
}

button.btn-large {
	width: 100%;
	margin-top: 10px;
	height: 45px;
	font-size: 14pt;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 18px;
	letter-spacing: 2px;
}
button.btn-small {
	width:auto;
	margin-top:0;
	height:24px;
	font-size:8pt;
	font-weight: 700;
	text-transform: uppercase;
	border-radius:9px;
	letter-spacing:1px;
}

button.btn-style1,
button.btn-style1:focus,
button.btn-style1:visited {
	color: #FFF;
	background-color: #df3d2e;
	border: 3px solid #df3d2e;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
button.btn-style1:hover {
	color: #FFF;
	background-color: #a31414;
	border: 3px solid #a31414;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;	
}
button.btn-style2,
button.btn-style2:focus,
button.btn-style2:visited {
	color: #df3d2e;
	background-color: #FFF;
	border: 3px solid #df3d2e;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
button.btn-style2:hover {
	color: #a31414;
	background-color: rgba(200,200,200,0.1);
	border: 3px solid #a31414;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;	
}
button.btn-style1:active,
button.btn-style2:active {
	position: relative;
	top: 3px;
}
button.btn-style3,
button.btn-style3:focus,
button.btn-style3:visited {
	color: #2b2b2b;
	padding: 0px 8px;
	background-color: #f4f6f9;
	border: 1px solid #DCDCDC;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
button.btn-style3:hover {
	color: #2b2b2b;
	background-color: #FFF;
	border: 1px solid #DCDCDC;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;	
}
button.btn-style3:active {
	position: relative;
	top: 2px;
}
.btn-style1[disabled],
.btn-style1[disabled]:hover,
.btn-style2[disabled],
.btn-style2[disabled]:hover {
	cursor: not-allowed;
	color: #ddd;
	border-color: rgba(200,200,200,0.2);
	background-color: rgba(200,200,200,0.1);
}
.form-style1 {
	color: #838383;
	border: none;
	outline: 0;
	margin: 0;
	background: rgba(0, 0, 0, 0);
	padding-left: 5px;
	width: 100%;
	height: 30px;
	border-radius: 0;
	border-bottom: 1px solid #dcdcdc!important;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
}
.form-style1:focus {
	outline: 0;
	border-bottom: 1px solid #000!important;
}
textarea.form-style1 {
	color: #838383;
	border: none;
	outline: 0;
	margin: 0;
	background: rgba(0, 0, 0, 0);
	padding-left: 5px;
	width: 100%;
	height: 120px;
	border-radius: 0;
	border: 1px solid #dcdcdc!important;
	-webkit-transition: color 0.4s ease, background-color 0.2s ease;
	transition: color 0.4s ease, background-color 0.2s ease;
}
textarea.form-style1:focus {
	outline: 0;
	border: 1px solid #000!important;
}
.form-style1-error {
	outline: 0;
	background-color: rgba(223,61,46,0.1);
	border-bottom: 1px solid #df3d2e!important;
	-webkit-transition: color 0.4s ease, background-color 0.2s ease;
	transition: color 0.4s ease, background-color 0.2s ease;
}
textarea.form-style1-error {
	outline: 0;
	background-color: rgba(223,61,46,0.1);
	border: 1px solid #df3d2e!important;
	-webkit-transition: color 0.4s ease, background-color 0.2s ease;
	transition: color 0.4s ease, background-color 0.2s ease;
}
.form-style1-success {
	outline: 0;
	background-color: rgba(0,195,100,0.1);
	border-bottom: 1px solid #129b1e!important;
	-webkit-transition: color 0.4s ease, background-color 0.2s ease;
	transition: color 0.4s ease, background-color 0.2s ease;
}
.form-style1[disabled] {
	cursor: not-allowed;
	background-color: rgba(200,200,200,0.1);
}
#text-modal-container {
	width: 100%;
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}
.modal-title {
	text-transform: uppercase;
}
.modal-subtitle {
	font-size: 13pt;
	font-weight: 700;
	text-transform: uppercase;
}

/*******************************************/
/*********** PORTAL - DASHBOARD ************/
/*******************************************/

#dashboard-header-container {
	height: 70px;
	background-color: #FFF;
	justify-content: flex-end;
}
#dashboard-header-logo {
	padding-left: 25px;
	height: 70px;
}
#dashboard-header-container div span {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #838383;
}
#dashboard-header-search {
	display: inline;
	color: #838383;
	padding-left: 15px;
}
#dashboard-header-search form {
	display: inline;
}
#dashboard-header-search select,
#dashboard-header-search input {
	width: 175px!important;
}
#dashboard-header-search button {
	position: relative;
	top: 2px;
	border: 0;
	padding: 0;
	background-color: rgba(255,255,255,0);
}
#dashboard-icon-search {
	position: relative;
	font-size: 20px;
	color: #838383;
}
.header-sep {
	border-left: 2px solid #838383;
	height: 50px;
	width: 10px;
	margin: 0px 5px 0px 10px;
}
#header-profile-pic {
	display: inline-block;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
#header-profile-pic .bi {
	margin-top: 6px;
}
#dashboard-icon-notification {
	position: relative;
	font-size: 33px;
	color: #838383;
}
.bell-active {
	background-color: #df3d2e;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 2px solid #FFF;
	position: absolute;
	top: 3px;
	right: 0;
}
#header-profile-name {
	margin: 0px 10px;
	letter-spacing: 1px;
	height: 70px;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
#header-profile-name:hover {
	color: #df3d2e;
	cursor: pointer;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
#header-profile-name:hover ~ #dashboard-nav-ext {
	display: block;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
#dashboard-nav-ext {
	display: none;
	position: absolute;
	top: 70px;
	right: 0;
	background-color: #FFF;
	width: 220px;
	height: 80px;
	color: #838383;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
	text-transform: uppercase;
	font-size: 12pt!important;
	z-index: 400;
	box-shadow: 3px 3px 0px rgba(0, 0, 0, .15);
}
#dashboard-nav-ext ul {
	height: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#dashboard-nav-ext ul li {
	width: 100%;
	padding: 5px 0 0 15px;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
#dashboard-nav-ext ul li:hover,
#dashboard-nav-ext ul li:hover i {
	cursor: pointer;
	color: #df3d2e!important;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
#dashboard-nav-ext ul li i{
	margin-right: 15px;
	font-size: 14pt!important;
}
#dashboard-nav-ext:hover {
	display: block;
}
#dashboard-breadcrumbs {
	height: 70px;
	font-size: 13pt;
	font-weight: 700;
	color: #838383;
}
#dashboard-breadcrumbs a {
	color: #838383;
	text-decoration: none;
}
#dashboard-breadcrumbs a {
	color: #838383;
	text-decoration: none;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
#dashboard-breadcrumbs a:hover {
	color: #df3d2e!important;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
#dashboard-nav-container {
	height: 100vh;
	width: 265px;
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	color: #c0c0c0;
	background-color: #2a2a2a;
	margin: 0 auto;
	-webkit-transition: left 0.5s ease;
	transition: left 0.5s ease;
	z-index: 1000;
}
.dashboard-nav-container-close {
	left: -240px!important;
	-webkit-transition: left 0.5s ease!important;
	transition: left 0.5s ease!important;
}
#dashboard-nav-button {
	background-color: #df3d2e;
	color: #FFFFFF;
	height: 100vh;
	width: 25px;
	position: absolute;
	right: 0;
	font-size: 20pt;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	cursor: pointer;
}
#dashboard-nav-button:hover {
	background-color: #a31414;
	color: #FFFFFF;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
#dashboard-nav-logo {
	position: relative;
	margin: 10px 0px 0px 15px;
}
#dashboard-nav-logo img {
	width: 215px;
}
.nav-active {
	color: #FFF!important;
}
.dashboard-nav ul {
	font-weight: 700;
	font-size: 12pt;
	padding: 25px 0 0 15px;
	text-transform: uppercase;
}
.dashboard-nav ul li {
	font-weight: 500;
	padding: 12px 0 0 10px;
	list-style-type: none;
}
.dashboard-nav ul li a {
	color: #c0c0c0;
	text-decoration: none;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
.dashboard-nav ul li a:hover {
	color: #FFF;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
.dashboard-nav ul li .bi {
	margin-right: 15px;
}
.dashboard-row {
	min-height: calc(50vh - 95px);
}
.dashboard-stat-container,
.dashboard-app-container {
	padding: 10px;
}
.dashboard-stat-wrapper,
.dashboard-app-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	padding: 10px;
}
.dashboard-stat-content {
	max-height: 450px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 10px;
}
.dashboard-stat-title,
.dashboard-app-title {
	font-size: 14pt;
	color: #2b2b2b;
	text-transform: uppercase;
	font-weight: 700;
	background-color: #FFF;
	height: 40px;
	padding: 6px 10px;
	letter-spacing: 1px;
	border-bottom: 1px solid #dcdcdc;
}
.dashboard-stat-title-sm {
	font-size: 11pt;
	color: #2b2b2b;
	text-transform: uppercase;
	font-weight: 700;
	background-color: #f4f6f9;
	height: 36px;
	padding: 8px 5px;
	letter-spacing: 1px;
	border-bottom: 1px solid #dcdcdc;
}
.dashboard-stat-title .title-hover:hover,
.dashboard-app-title .title-hover:hover,
.dashboard-stat-title-sm .title-hover:hover,
.title-hover:hover {
	color: #df3d2e;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
.dashboard-stat-title * button,
.dashboard-app-title * button,
.dashboard-stat-title-sm * button {
	display: block;
	position: relative;
	float: right;
	margin: 0px 3px;
}
.dashboard-stat-title-fade {
	color: #e3e3e3;
	background-color: #fff;
	border-bottom: 1px solid #ebebeb;
}
.dashboard-stat-help {
	color: #c3c3c3;
}
#dashboard-copyright {
	height: 50px;
	color: #484848;
}
.dashboard-content-titles {
	font-size: 12pt;
	color: #838383;
	text-transform: uppercase;
	padding: 8px 0px;
}
.dashboard-content-rows {
	font-size: 10pt;
	color: #838383;
	padding: 3px 0px;
}
.dashboard-content-rows:nth-child(even) {
	background-color: #f8f9fb;
}
.dashboard-content-rows a {
	text-decoration: none;
	color: #df3d2e;
}
.dashboard-content-rows a:hover {
	text-decoration: underline;
}
.dashboard-content-sub-rows {
	font-size: 10pt;
	color: #838383;
	background-color: #fff!important;
	padding: 1px 0px;
}
.dashboard-content-sub-rows:nth-child(even) {
	background-color: #f8f9fb!important;
}
.dashboard-linked-row {
	cursor: pointer;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
.dashboard-linked-row:hover {
	background-color: rgba(223,61,46,0.1);
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
.dashboard-pm-card {
	padding: 14px 0px;
}
.dashboard-pm-name {
	color: #838383;
	font-size: 23pt;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.dashboard-pm-title {
	color: #c9c9c9;
	font-size: 14pt;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: -0.2px;
	margin-top: -14px;
}
.dashboard-pm-email a {
	color: #838383;
	font-size: 14pt;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: -0.2px;
	text-decoration: none;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
.dashboard-pm-email a:hover {
	color: #df3d2e;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
.dashboard-pm-email a i {
	margin: 0px 5px;
}
.dashboard-pm-picture {
	width: 100%;
	border-radius: 50%;
	background-color: #ddd;
	aspect-ratio: 1/1;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.text-error {
	color: #df3d2e!important;
}
.text-success {
	color: #129b1e!important;
}

/*******************************************/
/************* PORTAL - APPS ***************/
/*******************************************/

.app-preload {
	text-transform: uppercase;
	font-weight: 500;
}
.progress {
	height: 22px;
}
.bg-warning-progress-text {
	color: #554804;
}
.bg-custom-progress {
	background-color: #5f5f5f;
}
.dashboard-app {
	min-height: calc(100vh - 190px);
}
.dashboard-app-rows {
	font-size: 10pt;
	color: #838383;
	padding: 3px 0px;
}
.scrollbar-offset {
	margin-right: 0px;
}
.dashboard-app-linked-row {
	cursor: pointer;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
.dashboard-app-linked-row:hover {
	background-color: rgba(223,61,46,0.1);
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
.dashboard-app-row-button {
	outline: 0;
	border-radius: 9px;
	font-size: 9pt;
	height: 22px;
	color: #FFF;
	background-color: #df3d2e;
	border: 2px solid #df3d2e;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.dashboard-app-row-button:hover {
	color: #FFF;
	background-color: #a31414;
	border: 2px solid #a31414;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;	
}
.form-sort-alt {
	font-size: 9pt;
	color: #838383;
	border: none;
	outline: 0;
	margin: 0;
	background: rgba(0, 0, 0, 0);
	padding-left: 5px;
	width: 100%;
	height: 30px;
	border-radius: 0;
	border: 1px solid #dcdcdc!important;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
}
.form-sort-alt[disabled] {
	cursor: not-allowed;
	color: #838383;
	border-color: rgba(200,200,200,0.2);
	background-color: rgba(200,200,200,0.1);
}
.form-sort-alt:focus {
	outline: 0;
	border: 1px solid #000!important;
}
.multiselect {
	outline: 0;
	color: #838383!important;
	text-align: left!important;
	font-size: 9pt!important;
	border-radius: 0;
	height: 30px!important;
	line-height: 1!important;
	padding: 3px 3px!important;
}
.multiselect:focus {
	outline: 0;
	border: 1px solid #000!important;
}
.form-select {
	background-position: right 0.05rem center!important;
}
.form-select:focus {
	box-shadow: none!important;
}
.dropdown-menu {
	font-size: 10pt!important;
	color: #838383!important;
}
.dropdown-toggle {
	white-space: normal!important;
}
.dropdown-toggle::after {
	display: none!important;
}
.multiselect-container > li {
	margin-left: -32px!important;
}
.field-title {
	line-height: 30px;
	font-size: 9pt;
	color: #838383;
	font-weight: 700;
}
.field-input input {
	font-size: 10pt!important;
}
.carousel-item img {
	max-height: 450px;
}
.scrolling-box {
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.highlight {
	background-color: #ffffa2!important;
}
.badge {
	font-size: 1em!important;
}
.enlarge-image {
	display: block;
	position: absolute;
	top: 25px;
	right: 25px;
	color: #FFF;
	font-size: 35px;
	border-radius: 8px;
	width: 55px;
	height: 55px;
	padding: 3px;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
}
a.enlarge-image:hover {
	color: #FFF;
	background-color: rgba(255,0,0,0.3);
}
.attachment-download {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.attachment-download a,
.attachment-download a:visited,
.attachment-download a:active {
	font-size: 16pt;
	font-weight: bold;
	text-decoration: none;
	padding: 8px;
	border-radius: 18px;
	text-align: center;
	color: #FFF;
	background-color: #df3d2e;
	border: 3px solid #df3d2e;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;	
}
.attachment-download-sm a,
.attachment-download-sm a:visited,
.attachment-download-sm a:active {
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
	border-radius: 5px;
	text-align: center;
	color: #FFF;
	background-color: #df3d2e;
	border: 3px solid #df3d2e;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;	
}
.attachment-download a:hover,
.attachment-download-sm a:hover {
	background-color: #a31414;
	border: 3px solid #a31414;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.order-tracker-content-titles {
	font-size: 7pt;
	font-weight: 700;
	color: #838383;
	text-transform: uppercase;
	padding: 8px 0px;
}
.order-tracker-content-rows {
	font-size: 8pt;
	color: #838383;
	padding: 4px 0px;
}
.order-tracker-content-rows:nth-child(even) {
	background-color: #f8f9fb;
}
.order-tracker-content-rows a {
	text-decoration: none;
	color: #df3d2e;
}
.order-tracker-content-rows a:hover {
	text-decoration: underline;
}
.order-tracker-content-sub-rows {
	font-size: 8pt;
	color: #838383;
	background-color: #fff!important;
	padding: 4px 0px;
}
.order-tracker-content-sub-rows:nth-child(even) {
	background-color: #f8f9fb!important;
}
@media screen and (max-width: 768px) {
html {
	background: none;
}
#loading-icon-container,
#loading-icon-container img {
	position: relative;
	width: 200px;
	height: 200px;
}
#login-logo {
	display: none;
}
#login-portal-container {
	position: relative;
	width: 100%;
	height: 100vh;
	background-color: #FFF;
}
#text-modal-container {
	width: 100%;
	height: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	select,
	textarea,
	input {
		font-size: 16px;
	}
}