:root {	--orange:rgb(243,112,95); --blue:rgb(90,172,235); --teal:rgb(7,183,196); --gold:rgb(234,180,83); --purple:rgb(164, 75, 122); --pink:rgb(225, 167,161); --green:rgb(175 214 182);}

.bg-orange {background:var(--orange);}
.bg-blue {background:var(--blue);}
.bg-teal {background:var(--teal);}
.bg-gold {background:var(--gold);}
.bg-purple {background:var(--purple);}
.bg-pink {background:var(--pink);}
.bg-green {background:var(--green);}

.text-orange {color:var(--orange);}
.text-blue {color:var(--blue);}
.text-teal {color:var(--teal);}
.text-gold {color:var(--gold);}
.text-purple {color:var(--purple);}
.text-pink {color:var(--pink);}
.text-green {color:var(--green);}
.text-black {color:#000;}



/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		S T Y L E S 
		--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body {font-family: 'DM Sans', 'Plus Jakarta Sans', sans-serif; font-weight:400; background:#ffffff; color:#181818; height: 100vh;}

html {font-size: 100%;} /*16px*/
p, li {font-size:1rem; margin-bottom: 1rem;}
li {margin-bottom:0.5rem;}
h1, h2, h3, h4, h5 {margin: 3rem 0 1.38rem; font-weight: 700;  line-height: 1.3;}
h1 {margin-top: 0; font-size: 2.488rem;}
h2 {font-size: 2.074rem;}
h3 {font-size: 1.728rem;}
h4 {font-size: 1.44rem;}
h5 {font-size: 1.2rem;}

small, .text_small {font-size:0.833rem;}

.link-text {color:#000; font-weight:600; text-decoration:underline;}

.btn {transition:0.3s ease-in-out; padding:0.65rem 0.85rem; font-style:normal; font-size:0.825rem; font-weight:500; flex-direction:row; align-items:center; justify-content:center;}
.btn-primary {background:var(--teal); border-color:var(--teal);}
.btn-primary:hover {background:#06a1ac; border-color:#06a1ac;}
.btn-primary:first-child:active, .btn-primary:focus-visible {background:#007179; border-color:#007179;}

.btn-outline-primary {background-color:transparent; border-color:var(--teal); color:#058a94;}
.btn-outline-primary:hover {background:#06a1ac; border-color:#06a1ac;}


.btn-sm { padding:0.35rem 0.7rem; font-size:0.7rem;}
.btn-sm i {line-height:1;}

.btn-icon {border-radius:6px; background:none; border:none; font-size:1.6rem; font-weight:500; color:#222; transition:ease-in all 0.25s; text-decoration:none; min-width:40px; min-height:40px; display:flex; justify-content:center; align-items:center; padding:0;}
.btn-icon-text span {font-size:0.75rem; font-weight:600; display:none;}
.btn-icon i {line-height:1; font-size:1.725rem; font-size:1.1rem;}

/*.admin .btn {transition: 0.3s ease-in-out; font-style: normal; font-weight:500;  flex-direction: row; align-items: center; justify-content: center;}*/
.admin .btn-primary {background:#000000; border-color:#000000; color:#fff;}
.admin .btn-primary:hover {background:#222222; border-color:#111111;}
.admin :not(.btn-check)+.btn:active {background:#444444; border-color:#333;}
.admin .btn-outline-primary {background:transparent; border-color:#000000; color:#000;}
.admin .btn-outline-primary:hover {background:#222222; border-color:#111111; color:#fff;}
.admin .btn-secondary {background:#999; border-color:#888; color:#fff;}
.admin .btn-secondary:hover {background:#777;}
.btn-tertiary {text-decoration:underline; transition: 0.3s ease-in-out;}
.btn-tertiary:hover {border-color:#ddd; text-decoration:none; background:#f6f6f6;}
:not(.btn-check)+.btn-tertiary:active {background:#ddd; border-color:#333;}

.admin .btn-sm {font-size:0.7rem;}
.UserCounts {background:#000; color:#fff; font-size:0.8rem; font-weight:700; display:flex; justify-content:center; align-items:center; padding:0.25rem 0.75rem; margin-right:0.5rem; border-radius:6px;}
.UserCountsLabel {line-height:1.2; font-size:0.75rem;}



@media screen and (min-width: 500px) {

		.btn-icon-text { width:auto;}
		.btn-icon-text span {font-size:0.75rem; font-weight:600; display:flex;}

}


@media screen and (min-width: 992px) {

		/*.btn-icon {width:40px; height:40px; border:1px solid #ccc; background:#fff;}*/
		.btn-icon:hover {background:#fff;}
		.btn-icon i {font-size:1.1rem; line-height:1;}
		.btn-icon-text { width:auto;}

		.btn-icon.btn-icon-text {padding:0 0.5rem;}
}






/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		S T R U C T U R E 
		--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mypemco-logo {font-weight:800; color:#000; font-size:1.4rem; font-family: 'Space Grotesk', sans-serif;}
.mypemco-logo a {color:#000; text-decoration:none;}

.wrapper {display:flex; height:100%; flex-direction:column;}
aside.dashboard-menu.offcanvas-xl {background-color:#fff !important; border-right:1px solid #E5EAEF; box-shadow: 0 0.125rem 0.25rem rgba(165,163,174,.3); border:none; flex:1 0 25%; min-height:100vh;}
aside.dashboard-menu.offcanvas-xl .offcanvas-header {height:70px; padding:0 1.375rem;}
aside.dashboard-menu.offcanvas-xl .offcanvas-body {padding:0;}
aside.dashboard-menu.offcanvas-xl .offcanvas-body .offcanvas-inner {height:calc(100vh - 70px);}

.sidebar-top {padding:0.5rem 1.375rem; overflow-y:auto;}
.sidebar-bottom {padding:0.5rem 1.375rem 1rem;}
.sidebar-bottom a {font-size:0.7rem; text-decoration:none; color:#666; margin:0.25rem 0;}

.sidebar-nav {flex-grow: 1; list-style: none; margin-bottom:0; padding:0;}
.sidebar-nav li.nav-item {margin-bottom:0;}
.sidebar-nav li.nav-item a.nav-link {display:flex; padding:0.75rem; align-items:center; font-weight:500; color:#222; line-height:1.2; font-size:0.925rem; cursor:pointer;}
.sidebar-nav li.nav-item a.nav-link.active {background:#E5EAEF; color:#000; font-weight:500; border-radius:6px;}
.sidebar-nav li.nav-item a.nav-link i {font-size:1rem; margin-right:1rem; line-height:1;}
.sidebar-nav li.nav-item a.nav-link.active i {color:#000; }
.sidebar-nav li.nav-item a.nav-link.active:hover i {color:var(--teal);}
.sidebar-nav li.nav-item a.nav-link:hover i {visibility:visible; color:#888;}
.sidebar-nav li.nav-item .submenu {list-style: none; margin:0; padding:0; padding-left:1rem; padding-right:1rem;}
.sidebar-nav li.nav-item .submenu li {margin-bottom:0.5rem;}
.sidebar-nav li.nav-item .submenu li a {background:none;}
.sidebar-nav .sidebar-dropdown li.nav-item a.nav-link {padding: .35rem 1.5rem 0.35rem 2rem;}
.sidebar-nav [data-bs-toggle=collapse] { position: relative;}
.sidebar-nav [data-bs-toggle=collapse]:after {border:solid; border-width:0 0.075rem 0.075rem 0; content:""; display:inline-block; padding:2px; position:absolute; right:1.5rem; top:0.6rem; transform:rotate(45deg); transition:all .2s ease-out;}
.nav-divider {font-size:0.75rem; text-transform:uppercase; margin:1rem 0 0.5rem; font-weight:800;}
.dropdown-menu {padding:0.25rem 0;}
.dropdown-menu li {margin-bottom:0;}

.dashboard header {position:fixed; z-index:99; background:#F6F7F9; width:100%; top:0; left:0; right:0; display:flex; align-items:center; height:60px;}
.dashboard header .primary-logo .logo-box .logo {width:40px; border-radius:100px; background:#fff; border:solid 1px #E5EAEF;}
.dashboard header .primary-logo {display:flex; justify-content:center; align-items:center; /* border-right:solid 1px #E5EAEF; */}
.dashboard header .secondary-logo {display:flex; justify-content:center; align-items:center;}
.dashboard header .secondary-logo .site-title {color:#b4b4b4; font-weight:500;}
.dashboard header .secondary-logo img {max-height:44px; max-width:150px}

.dashboard header ul.nav {list-style: none; padding: 0; margin-bottom: 0;}
.dashboard header ul.nav li {display: inline-flex; margin-bottom: 0;}

.dashboard .site-title,
.dashboard-menu .site-title { font-weight:700; color:#1b1b1E; font-size:0.875rem; line-height:0.9; margin:0;}
.dashboard .site-title span {text-transform:none; font-size:0.9rem;}


main.dashboard {/* border-radius:25px 0 0 0; overflow:hidden; flex: 1 0 75%; */  padding-top:70px; }
/*main.dashboard section {padding:0.5rem;}*/

.wrap {overflow-wrap: break-word;	word-break: break-word;}



		main.dashboard section {padding:0rem;}
		main.dashboard section.back-button {padding:1rem 0 0;}


@media screen and (min-width: 550px) {

		main.dashboard section {padding:0rem;}

}


@media screen and (min-width: 768px) {

		main.dashboard section {padding:0rem 1rem;}
		main.dashboard section.back-button {padding:0 0 1rem;}

}




@media screen and (min-width: 1200px) {

		main.dashboard {padding:unset; margin-left:280px; margin-top:0; min-height:100vh; background-color:#f9f9f9;}
		main.dashboard section.back-button {padding:1rem 2rem 0;}
		main.dashboard section {padding:1rem 2rem;}

		aside.dashboard-menu.offcanvas-xl {max-width:280px; width:280px; position:fixed; z-index:999; }
		aside.dashboard-menu.offcanvas-xl .offcanvas-header {padding:0 1.375rem 0; padding:0 2rem; display:flex;}
		aside.dashboard-menu.offcanvas-xl .offcanvas-header .btn-close {display:none;}

		.sidebar-top .logo {margin:1rem auto 2rem;}

		.sidebar-nav li.nav-item a.nav-link {padding:0.5rem 0.5rem;  font-size:0.8rem; }
		.sidebar-nav li.nav-item a.nav-link i {font-size:1rem; margin-right:16px; }
		.sidebar-nav li.nav-item a.nav-link.active {background:#E5EAEF; color:#000; font-weight:500; border-radius:6px; padding:0.5rem 0.5rem;}
		.sidebar-nav li.nav-item a.nav-link.active i {color:#000;}
		
		.dashboard .site-title {display:none; }
		.dashboard header {position:sticky; /* border-bottom: 1px solid #e8e8e8; */ height:70px; background-color:rgba(255,255,255,0.8); backdrop-filter:blur(1px); }
			



	}





.card.card-bsc .img-wrapper img {filter: contrast(0.75);}


.card-border {border-color: #e0e0e5;}



/* The background panels on the dashboard pages */
.card.dash-card {box-shadow: #919eab4d 0 0 2px, #919eab1f 0 12px 24px -4px; border-radius:6px; border-color:#f1f1f4; margin-bottom:1rem;  overflow:hidden;  border-width:inherit;}
.card.dash-card .card-header {padding:0 0.75rem; background:#fff;}
.card.dash-card .card-header .card-title {display: flex; align-items: center; margin:0 0.5rem 0.75rem; margin-left: 0; flex-direction:column; align-items:start; justify-content:center;}
.card.dash-card .card-header .card-title .title {line-height:26px; font-size:18px; font-weight:600; letter-spacing:normal;}
.card.dash-card .card-header .card-title .sub {font-size: 12px; font-weight: 400; line-height: 20px;  letter-spacing: normal;margin: 0; color: #2a3547;}
.card.dash-card .card-body {padding:0.75rem; background:inherit;}
.dash-card.card-flush>.card-header {border-bottom: 0!important; justify-content: space-between; align-items: stretch; flex-wrap: wrap; min-height: 70px;}


@media screen and (min-width: 992px) {

		.card.dash-card .card-header {padding:0 1.5rem;}
		.card.dash-card .card-body {padding:1.5rem; background:inherit;}

		}

.card.container-card {box-shadow: #919eab4d 0 0 2px, #919eab1f 0 12px 24px -4px; border-radius: 8px; border-color: #f1f1f4;  /* overflow: hidden; */ border-width: inherit;}

.card.container-card .card-header {padding:0.5rem 1rem; background:#fff; border:none; display:none;}
.card.container-card .card-header .card-title {margin:0rem 0 0.75rem;}
.card.container-card .card-header .card-title .title {font-size:0.875rem; }
.card.container-card .card-header .card-title .sub {display:none;}
.card.container-card .card-body {padding:1rem;}
.card.container-card .card-body img {filter:invert(0);}
.card.container-card .card-body h2 {font-size:1.1rem; margin:0;}
.card.container-card .card-body p {color:#222;}
.card.container-card .card-header .tag {display:none;}





.card.dash-stats {border:1px #f1f2f5 solid; margin-bottom:unset; background:#f8f9fa;}
.card.dash-stats .card-header {padding:0.75rem 0.75rem 0; justify-content:space-between; align-items:end; display:flex; justify-content:space-between; }
.card.dash-stats .card-header h2 {margin-bottom:0.25rem;}
.card.dash-stats .card-header img {max-width:32px;}

.card.dash-stats .card-body {padding:2.5rem 1.5rem;}

.card.dash-stats .card-footer {background:transparent; justify-content:end; display:flex; border-top: none; align-items:center;}
.card.dash-stats .card-footer i {color:#000; margin-left:10px; font-size: 1rem; line-height: 0;  transition: ease-in-out all 0.25s; color: #000;}
.card.dash-stats .card-footer p {font-size: 0.75rem; color: #000; margin: 0;}

.card.dash-stats.gen {background-color:rgba(243,112,95,0.050); background:#fff;}
.card.dash-stats.fire {background-color:rgba(164,75,122,0.050); background:#fff;}
.card.dash-stats.legi {background-color:rgba(225,167,161,0.050); background:#fff;}
.card.dash-stats.ppm {background-color:rgba(7,183,196,0.050); background:#fff;}
.card.dash-stats.reac {background-color:rgba(234,180,83,0.050); background:#fff;}

.card.dash-stats.gen .card-header {background-color:var(--orange);}
.card.dash-stats.fire .card-header {background-color:var(--purple);}
.card.dash-stats.legi .card-header {background-color:var(--pink);}
.card.dash-stats.ppm .card-header {background-color:var(--teal);}
.card.dash-stats.reac .card-header {background-color:var(--gold);}

.stat-container-outer {display:flex; width:100%;}
.stat-container {display:flex; width:50%; justify-content:center; align-items:center;}
.stat-value {font-size:3rem; font-weight:900; line-height:1; margin:0 0 0.75rem 0; /*text-align:center;*/}
.stat-value.large {font-size:6rem;}
.stat-label {font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:1px; line-height:1; /*text-align:center;*/ }


/*.stat-label:before {font-family:'Bootstrap-icons'; content:'\F287'; font-size:0.6rem; margin-right:5px;}
*/
.stat-label.high:before {color:#eb1c1c; }

.stat-label.pill.high {background-color:#eb1c1c39; color:#eb1c1c; padding:0.25rem 0.75rem; border-radius:100px; width:fit-content; line-height:1; border:1px solid #eb1c1c39;}
.stat-label.pill.med {background-color:transparent; color:#ff9800; padding:0.25rem 0.75rem; border-radius:100px; width:fit-content; line-height:1; border:1px solid #ff9800;}


.stat-value.large {font-size:5rem;}
.stat-label {font-size:0.9rem; font-weight:900; text-transform:unset; letter-spacing:unset; line-height:1; /*text-align:center;*/ color:#333; }


/**********************  VERSION 2 - Add Ons **********************************/

.card.dash-stats .card-header {align-items:center;}
.card.dash-stats.gen .card-header {background-color:var(--orange); background-color:rgba(0,0,0,0.05); background-color:rgba(243,112,95,0.17);}
.card.dash-stats.fire .card-header {background-color:var(--purple);background-color:rgba(0,0,0,0.05); background-color:rgba(164,75,122,0.17);}
.card.dash-stats.legi .card-header {background-color:var(--pink);background-color:rgba(0,0,0,0.05); background-color:rgba(225,167,161,0.17);}
.card.dash-stats.ppm .card-header {background-color:var(--teal);background-color:rgba(0,0,0,0.05); background-color:rgba(7,183,196,0.17);}
.card.dash-stats.reac .card-header {background-color:var(--gold); background-color:rgba(0,0,0,0.05); background-color:rgba(234,180,83,0.17);}


.card.dash-stats .card-header .icon img {max-width:24px; filter:invert(1)}
.card.dash-stats .card-header .icon {padding:0.5rem; border-radius:100px; display:flex; align-items:center; justify-content:center;}
.card.dash-stats.gen .card-header .icon {background-color:var(--orange); display:none; }
.card.dash-stats.fire .card-header .icon {background-color:var(--purple);}
.card.dash-stats.legi .card-header .icon {background-color:var(--pink); }
.card.dash-stats.ppm .card-header .icon {background-color:var(--teal);}
.card.dash-stats.reac .card-header .icon {background-color:var(--gold); }


/*.card.dash-stats.gen .card-header h2 {color:var(--orange);} 
.card.dash-stats.fire .card-header h2 {color:var(--purple);} 
.card.dash-stats.legi .card-header h2 {color:var(--pink);} */

.card.dash-stats .card-body {padding:1.5rem 1.5rem;}


.card.dash-stats.gen .stat-value {color:var(--orange);}
.card.dash-stats.fire .stat-value {color:var(--purple);}
.card.dash-stats.legi .stat-value {color:var(--pink);}











.card.card-info-dash {border: 1px #f1f2f5 solid; margin-bottom: unset; background: #f8f9fa;}
.card.card-info-dash .card-header {background-color:transparent; padding: 0.75rem 0.75rem 0; justify-content:space-between; align-items:flex-start; display:flex; border-bottom:none;}
.card.card-info-dash .card-header h2 {margin:0; font-size:1rem;}
.card.card-info-dash .card-header h2 .sub {display: flex; font-weight: 300; color: #000 !important; font-size: 0.75rem;}
.card.card-info-dash .card-header .icon {width: 40px; height: 40px; border-radius: 8px; display: flex; margin-right: 0.75rem; padding: 0; align-items:center; justify-content:center;}
.card.card-info-dash .card-header .icon img, .card.card-info-dash .card-header .icon svg {width:24px; height:auto; max-height:24px;}
.card.card-info-dash .card-header a {color:#aaa;}
.card.card-info-dash .card-header a i {line-height:1;}

.card.card-info-dash .tag {display:none;}
.stat-container {justify-content:flex-start;}

.stat-value.large {margin:0 0.75rem 0 0;}
.stat-value.medium {margin:0 0.75rem 0 0; color:#666;}

.stat-label {font-weight:400;}





.card.card-info-dash .stat-container-outer {align-items:flex-start;}
.card.card-info-dash .stat-value.large {font-size:3rem;}
.card.card-info-dash .stat-value.medium {font-size:2rem;}





@media screen and (min-width: 768px) {

		.card.card-info-dash .card-header {padding: 1.25rem 1.25rem;}
		.card.card-info-dash .card-body {padding: 1.25rem 1.25rem;}


		}




@media screen and (min-width: 992px) {

		.card.card-info-dash .card-header {padding: 1.5rem 1.5rem;}
		.card.card-info-dash .card-body {padding: 1.5rem 1.5rem;}


		}


/**********************  VERSION 3 - Add Ons **********************************/


.card.dash-stats.v3 {border:1px #f1f2f5 solid; margin-bottom:unset; background:#f8f9fa;}

.card.dash-stats.v3 .icon {padding:1rem; border-radius:100px; display:flex; align-items:center; justify-content:center; margin:0; width:60px; height:60px;}
.card.dash-stats.v3 .icon img {max-width:50px;}

.card.dash-stats.v3 .stat-value {color:#000; margin:0 5px 0 0;}
.card.dash-stats.v3 .stat-value.medium {font-size:2rem;}
.card.dash-stats.v3 .stat-value.large {font-size:3rem; margin-bottom:0;}


.card.dash-stats.v3 .stat-container.high .stat-value, .card.dash-stats.v3 .stat-container.high .stat-label {color:#000;}
.card.dash-stats.v3 .stat-container.medium .stat-value, .card.dash-stats.v3 .stat-container.medium .stat-label {color:#999;}

.card.dash-stats.v3 .card-header {background-color:var(--orange); background-color:rgba(0,0,0,0);}
.card.dash-stats.v3 .card-header a {color:#999;}
/*.card.dash-stats .card-header .icon svg {width:30px; height:auto;}*/

.card.dash-stats.v3 .card-header .icon {width:40px; height:40px; border-radius:8px; display:flex; margin-right:0.75rem; padding:0;}
.card.dash-stats.v3 .card-header .icon img {max-width:24px;}

.card.dash-stats.v3 .card-header h2 {font-size:1rem; font-weight:600;}
.card.dash-stats.v3 .card-header h2 .sub {display:flex; font-weight:300; color:#000 !important; font-size:0.75rem;}

.card.dash-stats.v3 .card-body {padding:1rem 0.75rem 1rem; display:flex; flex-direction:row;}
.card.dash-stats.v3 .icon svg {width:24px; height:auto;}


.card.dash-stats.v3 .stat-label {color:#aaa; font-weight:500;}

.card.dash-stats.ppm.v3 .icon svg,
.card.dash-stats.legi.v3 .icon svg {height:50px !important; width:auto;}

.card.dash-stats.v3 .card-footer {display:none;}

.stat-value.large {font-size:4rem;}
.stat-value.med {font-size:2rem;}
.stat-label {font-size:0.85rem; font-weight:700; color:#666; }

.Risk1::before {content:'LOW'; color:#28d628; color:#999;}
.Risk2::before {content:'MED'; color:#ff9800; color:#999;}
.Risk3::before {content:'HIGH'; color:#eb1c1c; font-weight:700;}



.card.dash-stats.gen.v3 .icon {background-color:var(--orange); }
.card.dash-stats.fire.v3 .icon {background-color:var(--purple);  }
.card.dash-stats.legi.v3 .icon {background-color:var(--pink);  }
.card.dash-stats.ppm.v3 .icon {background-color:var(--teal); }
.card.dash-stats.reac.v3 .icon {background-color:var(--gold); }


.cls-1 {fill:#fff; stroke-width:0;}
.cls-2 {fill:#fff; stroke-width:0;}
.cls-3 {fill:#fff; stroke-width:0;}
.cls-4 {fill:#fff; stroke-width:0;}
.cls-6 {fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:16px}

/**********************  VERSION 4 - Add Ons **********************************/




.ppm .stat-container-outer {flex-direction:column;}
.ppm .stat-container-list {background:unset; border-bottom:1px dotted #ddd; border-radius:unset; padding:0.5rem 0.25rem; }
.ppm .stat-container-list .stat-label {display:flex; align-items:center; color:#aaa;}
.ppm .stat-container-list .stat-label i {font-size:1.2rem; margin-right:10px; /*color:var(--teal);*/}
.ppm .stat-container-list .stat-value {font-size:1.2rem; width:unset; height:unset;}





.stat-container-list {background-color:rgba(0,0,0,0.03); background:#fff; padding:0.5rem 0.5rem 0.5rem 1rem; border-radius:100px; display:flex; justify-content:space-between; width:100%; align-items:center; margin-bottom:0.25rem;}
.stat-container-list .stat-label {font-size:0.8rem; font-weight:500; color:#000; display:flex; align-items:center;}
.stat-container-list .stat-value {font-size:0.9rem; display:flex; justify-content:center; align-items:center; background:#fff; color:#222; border-radius:100px; width:30px; height:30px; margin:0;}
.stat-container-list .stat-label i {font-size:1.2rem; margin-right:0.5rem; color:#666;}


.card.dash-stats.v3.manager .card-body {padding:0.75rem;}

.card.dash-stats.v3.manager .icon {display:none;}
.card.dash-stats.v3.manager .icon svg {height:16px !important; width:auto;}


.card.dash-stats.v3.manager h4.type {margin-left:0;}
.card.dash-stats.v3.manager h4 {font-size:0.9rem; margin:0 0 0.25rem 0; font-weight:600;}
.card.dash-stats.v3.manager h4 .sub {display: flex; font-weight: 300; color: #000 !important; font-size: 0.9rem;}


.card.dash-stats.v3.manager h3 {font-size:1.1rem; margin:0 0 0.75rem;}



.card.dash-stats.v3.manager .stat-value {font-size:0.8rem; margin:0;}
.card.dash-stats.v3.manager .stat-label {font-weight:500; font-size:0.8rem;}
.card.dash-stats.v3.manager .stat-label i {margin-right:5px;}


.card.dash-stats.v3.manager .stat-value.ppm {background:rgba(25,135,84,0.8); padding:0.35rem 0.35rem; border-radius:100px; color:#198754; color:#fff; font-size:0.75rem; font-weight:500; margin-left:5px;}


.card.dash-stats.v3.manager .stat-container-outer-box {display:flex; padding:0.75rem; border:1px solid #eee; border-radius:6px; margin-bottom:0.5rem;}

.card.dash-stats.v3.manager .stat-container {flex-direction:row; width:unset; gap:0.25rem; align-items:center;}

.card.dash-stats.v3.manager .stat-container-list {border:none; padding:unset; justify-content:space-evenly;}





.card.dash-stats.v3.manager .card-footer a {font-weight: 700; margin: 0.5rem 0; font-size: 0.8rem; color: #000; text-decoration: none;}


@media screen and (min-width: 768px) {


				.stat-container {width:unset;}
				.stat-container-outer {flex-direction:column; align-items:flex-end;}

				.card.dash-stats.v3 .icon {margin-right:1rem;}

		}


@media screen and (min-width: 992px) {

		.card.dash-stats.v3 .stat-container-outer {flex-direction:row;}
		.card.dash-stats.v3 .stat-container {width:50%; align-items:flex-end;}

		.card.dash-stats.v3 .stat-container.high .stat-value, .card.dash-stats.v3 .stat-container.high .stat-label {line-height:0.9;}

		}


@media screen and (min-width: 1200px) {


		

		.card.dash-stats.v3.manager .card-body {padding:1rem;}

		.card.dash-stats.v3.manager .stat-container-outer-box {padding:0.5rem 0; border:unset; border-bottom:1px solid #eee;}
	

		



		}



@media screen and (min-width: 1400px) {

		.card.dash-stats.v3.manager h3 {font-size:1rem;}

		.card.dash-stats.v3.manager h4.type {margin:0 0 0.5rem; font-weight:700;}

		.card.dash-stats.v3.manager h4 {font-size:0.8rem; margin:0 0 0.25rem 0; font-weight:500;}
		.card.dash-stats.v3.manager .icon {padding:0.2rem; border-radius:100px; display:flex; align-items:center; justify-content:center; width:fit-content; margin:0; width:32px; height:32px;}

		.card.dash-stats.v3.manager .stat-container-outer-box {padding:0.25rem 0;}

		}






/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		LOGIN PAGE 
		--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.login-slogan {font-size:0.9rem; letter-spacing:0.1rem; text-transform:uppercase; font-weight:300;}

.login-page .login-left {background-image:url('../images/login-bg3.jpg'); background-size:cover; background-position:center center; background-repeat: no-repeat; min-height:120px; flex-direction:column;}

.login-page .login-right {align-items: center; justify-content:center;background: #4f4c4d;  box-shadow:inset 0px 30px 20px 0px #0000002e; padding-bottom:100px; min-height:calc(100vh - 120px)}
.login-page .login-right .add-brand {display:flex; flex-direction:column; align-items:center;}
.login-page .login-right .add-brand .add-brand-logo {max-width:100px;}
.login-page .login-right .add-brand .add-brand-strap {font-size:0.875rem; color:#fff; margin:2rem 0;}
.login-page .login-right .login-panel {min-width:330px; background:#fff; border-radius:0.375rem; display:flex; flex-direction:column;}
.login-page .login-right .login-panel .client-logo {padding:1rem 0 1.75rem; display:flex; justify-content:center;}
.login-page .login-right .login-panel .client-logo img {max-width:120px;}

.help-request {position:absolute; top:20px; right:30px; color:#fff; font-size:2rem;}


@media screen and (min-width: 768px) {

		.login-page .login-left {height:200px;}
		.login-page .login-right {min-height:calc(100vh - 200px); padding-bottom:0;}
		.login-page .login-right .login-panel {min-width:380px; max-width:380px;}

		}


@media screen and (min-width: 1200px) {

		.login-page .login-left {height: 100vh; width:55%}
		.login-page .login-right {height: 100vh; width:45%; display:flex; flex-direction:column; justify-content:center; box-shadow:inset 20px 0px 20px 0px #0000002e;}
		.login-page .login-right .add-brand .add-brand-strap {margin: 1.5rem 0 3rem;}


		}





/* ---------------------- DASHBOARD CARDS ----------------------*/

.card.user-dashboard {border:none; border-radius:6px; height:100%; overflow:hidden; transition:ease-in-out all 0.25s;}

.card.user-dashboard .card-header {border:none; background:none; padding:0.75rem 0.75rem 0; display:flex;}
.card.user-dashboard .card-header .tag {background:#000; padding:0.3rem 0.5rem; border-radius:4px; font-size:0.7rem; font-weight:700; letter-spacing:1px; font-family: 'Space Grotesk', sans-serif; line-height:1; }
.card.user-dashboard .card-body {padding:0 0.75rem 0.725rem; display:flex; /*flex-direction:column; justify-content:end;*/ align-items:center;}
.card.user-dashboard .card-body h2 {font-weight:600; font-size:1rem; text-decoration:none; max-width:100%; margin:0; color:#fff;}
.card.user-dashboard .card-body p {font-size:0.75rem; color:#fff; margin:0;}
.card.user-dashboard .card-body img {max-width:40px; height:auto; filter:invert(1); opacity:0.5; margin-right:0.5rem;}
.card.user-dashboard .card-body a {font-weight:700; font-size:0.8rem; color:#000; text-decoration:none;}
.card.user-dashboard .card-body i {font-size:1.275rem; line-height:0; transition:ease-in-out all 0.25s; color:#fff; margin-right:5px;}
.card.user-dashboard:hover {box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;  transform:translateY(-1px); }
.card.user-dashboard:hover .card-body i {margin-right:0;}

.card.user-dashboard .card-footer {display:flex; justify-content:space-between; align-items:center; border-top:none;}
.card.user-dashboard .card-footer p {font-size:0.75rem; color:#fff; margin:0;}
.card.user-dashboard .card-footer i {font-size:1rem; line-height:0; transition:ease-in-out all 0.25s; color:#fff;}



.card.card-ppm {background-repeat:no-repeat; background-size:cover; background-position:center center; border:none; border-radius:6px; height:100%; overflow:hidden; transition:ease-in-out all 0.25s;}
.card.card-ppm:hover {box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;  transform:translateY(-1px); }
.card.card-ppm:hover .card-footer {background:rgba(0, 0, 0, 0.06);}
.card.card-ppm:hover .card-footer i {margin-right:10px;}
.card.card-ppm a {text-decoration:none; color:#000;}
.card.card-ppm .card-label {display:flex; justify-content:center; align-items:center; font-weight:400; font-size:0.8rem; color:#fff; opacity:0.85; display:none;  }
.card.card-ppm .card-label i {font-size:1.2rem; line-height:1; margin-right:5px;}
.card.card-ppm .img-wrapper {/*margin:0 1rem; border-radius:6px; max-height:125px;*/ border-radius:0; min-height:155px; max-height:155px;}
.card.card-ppm .img-wrapper img {border-radius:0; filter:contrast(0.75)}

.card.card-ppm .btn.btn-key-info { padding:0.5rem 0.5rem; background:#fff; display:flex; font-size:0.7rem; font-weight:800; align-items:center;}
.card.card-ppm .btn.btn-key-info i {font-size:1.4rem; margin-right:0.25rem; line-height:1;}

.card.card-ppm .card-header { border:none; background:rgba(255,255,255,0.5); display:flex; justify-content:end;  position:absolute; top:0; left:0; right:0; z-index:99; padding:0.5rem;}
.card.card-ppm .card-body p {font-size:0.8rem; margin-bottom:0;}
.card.card-ppm .lblIssues {display:flex; flex-direction:row; align-items:center;}
.card.card-ppm .lblIssues-number {background:var(--orange); border-radius:25px; width:25px; height:25px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:0.7rem; margin-right:5px;}
.card.card-ppm .lblIssues-text {font-size:0.7rem; color:#000; margin-right:5px; font-weight:700;}
.card.card-ppm .lblName {font-weight:700; color:#000; font-size:1rem; line-height:1.2; display:flex; margin:0rem 0 1rem;}
.card.card-ppm .card-body .OverDue {color: red;}
.card.card-ppm .card-footer {border:none;}
.card.card-ppm .card-footer a {font-weight:700; margin:0.5rem 0; font-size:0.8rem; color:#000; text-decoration:none;}
.card.card-ppm .card-footer i {font-size:1.2rem; transition:ease-in-out all 0.25s;}


.card.download-card {border:none; border-radius:6px; height:100%; overflow:hidden; transition:ease-in-out all 0.25s;}
.card.download-card:hover {box-shadow:0 .5rem 1rem rgba(0,0,0,.05)!important;  transform:translateY(-1px); }
.card.download-card:hover .card-footer {background:rgba(0, 0, 0, 0.06);}
.card.download-card:hover .card-footer i {margin-right:10px;}
.card.download-card .card-header {border:none; background:none; padding:1rem; display:flex;}
.card.download-card .card-header .tag {border-radius:60px; font-size:0.7rem; font-weight:800;}
.card.download-card .card-header .tag i {font-size:1.6rem;}
.card.download-card .card-body h2 {font-weight:700; margin:0 0 0.25rem 0; font-size:1rem; text-decoration:none;}

.card.download-card .card-body img {max-width:60px; margin-top:2rem;}
.card.download-card .card-footer {border:none;}
.card.download-card .card-footer a {font-weight:700; margin:0.5rem 0; font-size:0.8rem; color:#000; text-decoration:none;}
.card.download-card .card-footer i {font-size:1.2rem; transition:ease-in-out all 0.25s;}





.card.admin-card-shortcut {border:1px solid #f0f2f4; border-radius:6px; height:100%; overflow:hidden; transition:ease-in-out all 0.25s; background:#f8f9fa; background:#f3f0fd;}
.card.admin-card-shortcut:hover {box-shadow:0 .25rem 0.25rem rgba(0,0,0,.08)!important;  transform:translateY(-1px); }

.card.admin-card-shortcut .card-body {display:flex; flex-direction:row; align-items:center; padding:0.5rem;}
.card.admin-card-shortcut .card-body h2 {font-weight:700; margin:0 0 0.25rem 0; font-size:0.8rem; text-decoration:none; margin-bottom:0;}
.card.admin-card-shortcut .card-body h2 a {color:#000; text-decoration:none;}
.card.admin-card-shortcut .card-body .tag {border-radius:60px; font-size:0.7rem; font-weight:800;margin-right:15px;}
.card.admin-card-shortcut .card-body .tag i {font-size:1.2rem; color:#6942e2;}
.card.admin-card-shortcut .card-body img {max-width:60px; margin-top:2rem;}

.card.admin-card-shortcut .card-footer {background:rgba(0, 0, 0, 0.06);}
.card.admin-card-shortcut .card-footer {border:none; display:none;}
.card.admin-card-shortcut .card-footer a {font-weight:700; margin:0.5rem 0; font-size:0.8rem; color:#000; text-decoration:none;}
.card.admin-card-shortcut .card-footer i {font-size:1.2rem; transition:ease-in-out all 0.25s;}



@media screen and (min-width: 768px) {




		.card.admin-card-shortcut .card-body {padding:0.75rem;}
		.card.admin-card-shortcut .card-body .tag i {font-size:1.6rem;}

		}




.card.card-ppm .card-header .badge {font-size:0.7rem; font-weight:600; color:#ffdde0 !important; }
.card.card-ppm .card-header .badge.text-bg-warning {color: var(--bs-badge-color) !important;}
.card.card-ppm .card-header .badge.text-bg-success {color:#0a510a !important; /*color:#fff !important;*/ display:flex; align-items:center; padding:0; background-color:transparent !important;}
.card.card-ppm .card-header .badge.text-bg-success:after {content:'\F287'; font-family:'Bootstrap-icons'; color:#43e443; font-size:1rem; line-height:1; margin-left:5px;}

.progress-bar.text-bg-warning  {background-color:#ff9800 !important;}
.progress-bar.text-bg-success {background-color:#43e443 !important;}
.progress-bar.text-bg-danger {background-color:#eb1c1c !important;}


.percentage-circle {background:#fff; height:26px; width:26px; display:flex; justify-content:center; align-items:center; border-radius:100px; border:1px solid #ddd;}




.card.proj-progress-card .card-header .badge {font-size:0.7rem; font-weight:500; color:#fff !important; }
.card.proj-progress-card .card-header .badge.text-bg-warning {color: var(--bs-badge-color) !important;}
.card.proj-progress-card .card-header .badge.text-bg-success {color:#0a510a !important; /*color:#fff !important;*/ display:flex; align-items:center; padding:0; background-color:transparent !important;}
.card.proj-progress-card .card-header .badge.text-bg-success:after {content:'\F287'; font-family:'Bootstrap-icons'; color:#43e443; font-size:1rem; line-height:1; margin-left:5px;}

.card.proj-progress-card {background-color:#fff; border: 1px #f1f2f5 solid;}
.card.proj-progress-card .card-footer {background-color:#ededed;}
.card.proj-progress-card .card-footer a {margin:0;}

.card.proj-progress-card .progress-wrapper {width:calc(100% - 40px);}

.card.proj-progress-card h5 {font-size:0.75rem;}
.card.proj-progress-card h5 span {font-weight:400; margin-left:5px;}



.card.proj-progress-card .progress {height: 4px; overflow: visible; margin-bottom: 10px; }
.card.proj-progress-card .percentage-circle {font-size:0.7rem !important; font-weight:800; border:none; height:24px;}

.card.proj-progress-card .progress .progress-bar { position: relative; overflow:visible; border-radius:10px;}
.card.progress .progress-bar {height: 100%; color: inherit;}


.card.proj-progress-card.pg-2 h5 span {font-size:0.8rem; font-weight:800; margin-left:0;}
.card.proj-progress-card.pg-2 h5 span span {font-weight:400; margin-left:5px;}



.bg-c-red { background: #FF5370; }
.proj-progress-card .progress .progress-bar.bg-c-red:after { border: 3px solid #FF5370; }
.proj-progress-card .progress .progress-bar:after { /*content: "";   Hiding this means that the slider lookinging bit has gone now */ background: #fff; position: absolute; right: -6px; top: -3px; border-radius: 50%; width: 10px; height: 10px; border: 2px solid #000; }
.bg-c-blue { background: #4099ff; }
.proj-progress-card .progress .progress-bar.bg-c-blue:after { border: 3px solid #4099ff; }
.proj-progress-card .progress .progress-bar.bg-c-green:after { border: 3px solid #2ed8b6; }
.bg-c-green { background: #2ed8b6; }
.bg-c-yellow { background: #FFB64D; }
.proj-progress-card .progress .progress-bar.bg-c-yellow:after { border: 3px solid #FFB64D; }
.m-b-30 { margin-bottom: 30px; }
.text-c-red { color: #FF5370; }









/* ---------------------- PAGE TABLES ----------------------*/


.page-title {margin-bottom:1.5rem;}
.page-title img {display:none; }
.page-title h1 {font-size:1.1rem; margin-bottom:0.25rem;}
.page-title h2 {font-size:1.3rem; margin:0;}


.breadcrumb {display:flex; align-items:center; background-color:transparent; padding:0; margin:0;}
.breadcrumb .breadcrumb-item:first-child {padding-left: 0;}
.breadcrumb .breadcrumb-item {display: flex; align-items:center; padding-left:0.5rem; font-size:0.75rem; margin-bottom:0;}
.breadcrumb .breadcrumb-item a {color:#99a1b7; text-decoration:none;}
.breadcrumb .breadcrumb-item a:hover {color:#222;}
.breadcrumb .breadcrumb-item:before {content:none;}
.bullet {display:inline-block; border-radius:6px; width:8px; height:2px; flex-shrink:0; background:#99a1b7;}



.filter-container { margin-bottom:1.5rem; /* background:#fff; border:solid 1px #e7e7e7; border-radius:4px; padding:1rem;*/}
.filter-container .radio-blue {padding:1rem 1rem 0 0;}

.page-lists .log-item {text-align:unset; overflow:unset; font-size:0.85rem; position:unset; padding:0.5rem; margin:unset; margin-bottom:1rem; border:solid 1px #e0e0e5; border-radius:4px;}
.page-lists .row.tableheaders {display:none;}
.page-lists .log-item h4 {font-size:0.9rem; margin:0; font-weight:600;}
.page-lists .log-item h4 a {color:#000; text-decoration:none;}
.page-lists .log-item h4 a:hover {color:#6c757d;}
.page-lists .log-item span.label {color:#6c757d; font-weight:400;}
.page-lists .log-item span {font-weight:500;}
.page-lists .log-item .field-released {text-align:left; font-size:0.75rem; font-weight:700; display:flex; flex-direction:column; }
.page-lists .log-item .field-high {text-align:left; min-width:50px;}
.page-lists .log-item .field-medium {text-align:left; min-width:70px;}
.page-lists .log-item .field-files {display:flex; justify-content:end;}
.page-lists .log-item .col-view {display:flex; justify-content:end;}
.page-lists .log-item span.medium-value {background:orange; margin-left:3px; font-size:0.7rem; color:#fff; padding:10px; border-radius:100px; display:inline-flex; width:20px; height:20px; justify-content:center; align-items:center; font-weight:500;}
.page-lists .log-item span.high-value {background:red; margin-left:3px; font-size:0.7rem; color:#fff; padding:10px; border-radius:100px; display:inline-flex; width:20px; height:20px; justify-content:center; align-items:center;font-weight:500;}
.page-lists .log-item .btn {padding:0.4rem 0.8rem;}


.dropdown-item {font-size:0.75rem;}

.table-wrapper, .risk-box {border:none;}



@media screen and (min-width: 576px) {
		
		.filter-container .radio-blue {padding:0 1rem 0 0;}

	.page-lists .log-item {justify-content:end;}
	.page-lists .log-item .btn {margin-top:unset;}
	.page-lists .log-item .col-view .btn {width:unset;}
	.page-lists .log-item span.label {font-size:0.6rem;}




	}


@media screen and (min-width: 768px) {

.page-lists .log-item .field-released {min-width: 90px;}

}

@media screen and (min-width: 992px) {

.page-title {display:flex; flex-direction:column; margin-bottom:2.5rem;}

.page-lists .log-item {margin-bottom:0.5rem;}
.page-lists .log-item h4 {font-size:0.9rem; font-weight:500; line-height:1.5; display:flex; align-items:center;}

.page-lists .log-item .field-medium {min-width: 35px;}
.page-lists .log-item .field-high {min-width: 35px;}
.page-lists .row.tableheaders .released, .page-lists .row.tableheaders .medium, .page-lists .row.tableheaders .high {text-align:center;}
	
	

	}


@media screen and (min-width: 1200px) {

		.page-lists .log-item {justify-content:space-between;}
		.page-lists .row.tableheaders {overflow:hidden; margin-top:1rem; color:#222; margin-bottom:10px; padding:10px 6px; text-align:unset; font-weight:400; font-size:0.8rem;}

		/*
		.col-name-meta {background:pink;}
		.col-name-buttons {background:lime;}
		*/

		}







.item-obs, .item-desc {margin-bottom:0;}

.lblIssues-number {top:0; right:0; background:red; }

.logbook-table th {color:#999; padding:0 0.25rem 1.5rem ;font-weight:500; font-size: 0.7rem; text-align:left;}
.logbook-table th a {color:#222222; padding:0; font-weight:700; font-size: 0.8rem;}
.logbook-table tbody {font-size:0.9rem;}
.logbook-table tbody tr {border-bottom: 1px solid #eee;}
.logbook-table tbody tr td {padding:0.25rem; font-size:0.825rem;}
.logbook-table tbody tr:hover {background:#f9f9f9;}
.logbook-table .check-type {font-weight:500;}
.logbook-table .date {font-size:0.8rem;}

.logbook-table tbody tr.pgr:last-child {border-bottom:none;}
.logbook-table tbody tr.pgr:last-child td {padding:1rem 0;}
.logbook-table tbody tr.pgr:last-child:hover {background:none;}

.NotesPopup {cursor:pointer; background-color: #ddd; border-width:0; max-width:200px; height: auto; padding:0.25rem; text-align: left; font-size:0.7rem; color:#000; font-weight:400; transition:0.5s ease-in-out all; border-radius:3px;}

.date-inputs {position:relative;}
.date-inputs .calendar svg {fill:var(--teal)}

.date-inputs .calendar_short {/*	left:0; bottom:0; position:absolute; */ background:#07b7c475; background:#dee2e6; width:44px;  padding:15px; border-radius:0.375rem 0 0 0.375rem; border:1px 0 1px 1px solid #dee2e6; }


.date-inputs .form-control-calendar {border-radius:0 0.375rem 0.375rem 0; }


/* ---------------------- RISK ITEMS ACCORDRION ----------------------*/


.width60 {width: 60%;	display: inline; max-width:180px;}
.width40 {width: 38%;	display: inline;}
.widthfixed40 {width: 80px;	display: inline;}
.NotesParent {	top: 0;}
.risk-box {position:relative; }
.risk-box {font-size:0.8rem;}

.risk-label {display:flex; position:absolute; right:1.5rem;}

.Risk1, .Risk2, .Risk3 {height:unset;background-repeat:unset;	display:inline-flex;	position: unset;	margin-top:unset;	width:unset; display:flex; align-items:center;}
.Risk1 i, .Risk2 i, .Risk3 i {line-height:0; font-size:0.8rem;}
.Risk1 i {color:#28d628;}
.Risk2 i {color:#ff9800;}
.Risk3 i {color:#eb1c1c;}

/* .Risk1::before, .Risk2::before, .Risk3::before {padding:0.35rem 0.5rem; border-radius:30px; font-size:0.6rem; font-weight:700; line-height:1; color:#fff; letter-spacing:0.15rem; width:50px; text-align:center;} */
.Risk1::before, .Risk2::before, .Risk3::before {font-size:0.6rem; font-weight:400; line-height:0; letter-spacing:0.15rem; margin-right:5px; }

.Risk1::before {content:'LOW'; color:#28d628; color:#999;}
.Risk2::before {content:'MED'; color:#ff9800; color:#999;}
.Risk3::before {content:'HIGH'; color:#eb1c1c; font-weight:700;}

.accordion {border-bottom:none; background-color:#f9f9f9;}
.accordion-item {background:#fbfbfb; border-bottom:1px dashed #ddd}
.accordion-item:first-of-type .accordion-button {border-radius:unset;}
.accordion-button {padding:0.75rem 0rem; border-radius:unset; background-color:#fff;}
.accordion-button:not(.collapsed) {background-color:#fbfbfb; background-color:#fff; color:#000; box-shadow:none;}
.accordion-button h4 {font-size:0.9rem; max-width:65%; font-weight:500; line-height:1.6;}
.accordion-button:focus {box-shadow:none;}
.accordion-button::after {content:'\F282'; font-family:'Bootstrap-icons'; background-image:unset; display:flex; align-items:center; color:#ccc;}
.accordion-button:not(.collapsed)::after {background-image:unset;}
.accordion-body {padding:1rem; background:#fff;}
.accordion-body h5 {font-size:0.8rem; margin-top:0; margin-bottom:0.75rem; font-weight:600; color:#99a1b7; color:#000; }
.accordion-body p, .accordion-body li {font-size:0.85rem; margin-bottom:0.5rem;}
.accordion.riskitem textarea.form-control {min-height:140px;}

.completed-show {background:#eee; height:20px; width:20px; display:flex; justify-content:center; align-items:center; border-radius:100px; margin-right:10px;}
.completed-show i {line-height:0; display:none}

.complete .completed-show {background:#43e443; }
.complete .completed-show i {color:#fff; display:flex;}

.comment-box {font-family: 'Space Grotesk', sans-serif; border-radius:4px; overflow:hidden;}
.comment-box { font-size:0.8rem; height:unset; width:100%; background-color:#f6f6f6; border:unset;  /* border-radius: 5px; */ margin: 0.5rem 0 1rem;	padding:0.75rem;}

.proof-table {margin-bottom:1rem; border-radius:4px; overflow:hidden;}
.proof-table table {font-family: 'Space Grotesk', sans-serif; margin-top:0.5rem; margin-bottom:0;}
.proof-table table tr {border-bottom:dotted 0.1rem #ddd;}
.proof-table table tr td {color:#000; line-height:1.4; font-weight:300; padding:0.25rem 0; font-size:0.8rem;}

.comment-table {border-radius:4px; overflow:hidden;}
.comment-table table td:first-child {font-size:0.7rem; padding-right:2rem; font-weight:600;}
.comment-table table td:last-child {font-size:0.7rem; padding-left:2rem; color:#999;}
.comment-table table td {vertical-align:top; padding-bottom:1rem;}

.table-btn {height:30px; display:flex; justify-content:center; align-items:center; font-size:0.9rem;}
.table-btn.edit {color:#333;}
.table-btn.delete {color:red;}
.table-btn i {line-height:1;}











.printed-text {font-family:'Space Grotesk', sans-serif; font-size:0.9rem; color:#515151;}



@media screen and (min-width: 768px) {

		.accordion-button {padding:0.5rem;}
		.accordion-body {padding: 2rem 1.25rem;}

		.completed-show {margin-right:20px;}
		.risk-label {right:3rem;}

		}


/* ---------------------- MODALS ----------------------*/
.modal-fullscreen {margin:1rem; width:calc(100vw - 4rem); height:calc(100% - 2rem);}
.modal.basic .modal-body {padding:1rem; background:#ededed;}
.modal.basic .modal-body textarea.form-control {min-height:120px; font-size:0.8rem;}
.modal.basic .modal-content .modal-footer {background:#ededed; border:none; padding:0.5rem;}
.modal.basic .modal-body table td {background-color:transparent;}


/* ---------------------- FORMS ----------------------*/

input::placeholder, input:-ms-input-placeholder, input:-ms-input-placeholder {color:red;}
input.form-control, span.form-control, .form-select {color:#111; font-size:0.825rem; padding:0.65rem 0.85rem;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px white inset !important;}


.option {font-size:0.8rem; margin:0; color:var(--midnight); line-height:1.3; font-weight:500; }

.form-label {font-size:0.8rem; display:flex; font-weight:600;}
textarea.form-control {font-size:0.75rem; color:#999; }
.span-body {font-size:0.8rem; line-height:1.5; display:flex;}

.checkbox-style .form-control {display:flex; flex-direction:row; grid-template-columns:1em auto; gap:1rem; border-radius:0; border-radius:6px; align-items:center;}
.checkbox-style .form-control + .form-control {margin-top: 0.5rem;}
.checkbox-style .form-control--disabled {color: var(--form-control-disabled); cursor: not-allowed;}
.checkbox-style input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0; margin-right:5px; font: inherit; color: #fff; border: 0.1rem solid var(--teal); border-radius: 0.375rem; transform: translateY(-0.075em); display: grid; place-content: center;min-width:20px; min-height:20px; height:20px; width:20px; max-width:20px; max-height:30px;}

.checkbox-style input[type=checkbox]::before {
  content: ""; width: 0.65em; height: 0.65em;
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
          clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: var(--teal);}

.checkbox-style input[type=checkbox]:checked::before {transform: scale(1);}
.checkbox-style input[type=checkbox]:focus {outline: max(2px, 0.15em) solid #3bcfcf; /* outline-offset: max(2px, 0.15em); */ }
.checkbox-style input[type=checkbox]:disabled {--form-control-color: var(--form-control-disabled); color: var(--form-control-disabled); cursor: not-allowed;}

[type="radio"]:checked, [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative;  padding-left: 26px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; font-size:0.8rem;}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff;}
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {content: ''; width:10px; height:10px; background: var(--teal); position:absolute; top:4px; left:4px; border-radius:100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}


.table.comments {font-size:0.7rem; font-family: 'Space Grotesk', sans-serif; }
.table.comments td {background:transparent;}
.comment {font-size:0.8rem; font-family: 'Space Grotesk', sans-serif; display:flex; flex-direction:column; border-bottom:#d7d7d7 dotted 1px; padding:0.75rem 0; }
.comment .comment-meta {font-size:0.7rem; font-weight:600; color:#000;}

.error-text {font-size:0.8rem; color:#dc3545; font-weight:100; display:flex; letter-spacing:0.05rem;}
.complete-icon-bg {background:#43e443; padding:5px; border-radius:40px;}
.problem-icon-bg {background:#f3705f; padding:5px; border-radius:40px;}
.alert-success {background:#ebfbf5; color:#181818; border:none;  font-size:0.8rem; font-weight:500; display:flex !important; margin-top:1rem; align-items:flex-start; padding:1rem;}
.alert-success::before {font-family:'Bootstrap-icons'; content:'\F26A'; color:#35d39d; font-size:1rem; margin-right:15px; line-height:1;}
.alert-error {background:#fdedef; color:#181818; border:none; font-size:0.8rem; font-weight:500; display:flex !important; margin-top:1rem; align-items:flex-start; padding:1rem;}
.alert-error::before {font-family:'Bootstrap-icons'; content:'\F430'; color:#ef4d61; font-size:1rem; margin-right:15px; line-height:1;}
.alert-sm {font-weight:500; padding:0.5rem 0.5rem; margin-top:0.5rem; display:inline-flex; line-height:1; font-size:0.75rem; }
.alert-sm::before {font-size:0.75rem; margin-right:0.25rem;}
.alert-error-inline {color:#ef4d61 !important; padding:0.25rem 0; margin:0; font-weight:500; color:#181818; font-size:0.8rem; display:inline-flex !important;}
.alert-error-inline::before {font-family:'Bootstrap-icons'; content:'\F431'; color:#ef4d61; font-size:0.75rem; margin-right:0.25rem;}

.alert-error-code {color:#ef4d61 !important; padding:0.25rem 0; margin:0; font-weight:500; color:#181818; font-size:0.8rem; display:inline-flex !important;}


table.document-upload tr th:first-child {width:40px;}

.btn-accept {background:#ebfbf5; color:#35d39d; border:1px solid #35d39d; text-decoration:none;}
.btn-accept:hover {background:#35d39d; color:#fff;}



/* ---------------------- DASHBOARD CARDS ----------------------*/

body.admin {background:#fff;}

main.admin {background:#fff;}

.admin aside.dashboard-menu.offcanvas-xl {background-color:#fff !important; border-right:1px solid #e8e8e8;}
.admin aside.dashboard-menu.offcanvas-xl .offcanvas-header {height:70px; padding:0 1.375rem;}
.admin .sidebar-nav ul li.nav-item.active .nav-link {color:#000; font-weight:600;}

.admin .sidebar-top .logo {margin:unset; padding:1rem 1.25rem;}
.admin .sidebar-top .pareto-logo {max-width:110px; margin:0rem 0 1rem;}

.admin .user-mode-title {font-size:.75rem; font-weight:900; text-transform:uppercase; letter-spacing:0.1rem; padding:0 0.5rem 0 0rem;}


.admin .sidebar-nav .pemcoOnly {border-top:#eee solid 1px; border-radius:6px; margin-top:1rem; padding-top:1rem;}
.admin .sidebar-nav .pemcoOnly a.nav-link  {font-weight:800; }




.admin table.table th {color:#000; padding:0 0.25rem 1.5rem ;font-weight:500; font-size: 0.7rem; text-align:left;}
.admin table.table th a {color:#000; padding:0; font-weight:500; font-size: 0.7rem;}
.admin table.table th a:hover {color:#444; text-decoration:none; }
.admin table.table tbody {font-size:0.9rem;}
.admin table.table tbody tr {border-bottom: 1px solid #e8e8e8;}
.admin table.table tbody tr:hover {background:#f9f9f9;}
.admin table.table tbody tr.pgr {border-bottom:none;}
.admin table.table tbody tr.pgr td {padding:0.5rem 0;}
.admin table.table tbody tr.pgr:hover {background:none;}
.admin table.table tbody tr td {font-size:0.8rem; vertical-align:middle;}
.admin table.table tbody tr td .folder-name {font-weight:600; text-decoration:none; color:var(--teal);}
.admin table.table .check-type {font-weight:500;}
.admin table.table .date {font-size:0.75rem;}

.admin .filter-container {border:1px solid #f1f2f5; padding:1rem;}
.admin .date-inputs .calendar {top:8px; right:0.75rem;}

.ajax__calendar .ajax__calendar_container {border-color:#eee !important;}
.ajax__calendar_container {width:100% !important; min-width:215px !important; font-family:'Plus Jakarta Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; border-radius:6px !important; margin-top:10px !important;}

.table.document-upload td:first-child a {visibility:hidden; text-decoration:none;}
.table.document-upload td:first-child a::before {font-family:'Bootstrap-icons'; color:red; content:'\F78B'; visibility:visible;}

.folder-name img {display:none;}
.folder-name::before {font-family:'Bootstrap-icons'; content:'\F3D8'; color:var(--teal);}

tr.pgr a:hover {color:#999; border:1px solid #ddd;}


.cke_reset_all, .cke_reset_all * {font-family: 'Plus Jakarta Sans', sans-serif !important;}
.cke_top {padding:0.5rem !important; background:none !important; background-image:none!important; border-bottom:1px solid #e8e8e8  !important; font-family:'Plus Jakarta Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; }
.cke_bottom {background:none !important; background-image:none!important; border-top:none !important;}
.cke_chrome {border:#e8e8e8 solid 1px !important; box-shadow:none !important;}
.cke_toolgroup, .cke_combo_button { border:1px solid #e8e8e8 !important; background:none !important; background-image:none!important;}




@media screen and (min-width: 768px) {


		.admin .sidebar-nav li.nav-item a.nav-link {padding:0.4rem 0.8rem; font-size:0.9rem;}
		.admin .sidebar-nav .sidebar-dropdown {margin-bottom:0.25rem;}
		.admin .sidebar-nav .sidebar-dropdown li.nav-item a.nav-link {padding: 0.4rem 1.2rem; font-weight:400; font-size:0.85rem;}
		.admin .sidebar-nav [data-bs-toggle=collapse]:after {right:1rem;}
		.admin .offcanvas-inner {height:100vh;}
		.admin main {flex:1 0 74%;}
		/* .admin header {position:unset;} */

		.admin .sidebar-top {padding:1rem;}

	}



@media screen and (min-width: 1200px) {

		
		
		.admin aside.dashboard-menu.offcanvas-xl {width:280px; max-width:280px; position:fixed;}
		main.admin {padding:unset; margin-left:280px; margin-top:0; min-height:100vh;}


}





/*

:root {
  --base:              #07b7c4;
  --bg-blend:          multiply;
  --blur:              0px;
  --fg-blend:          lighten;
  --foreground:        #140b37;
  --opacity:           1;
  --spacing:           0px;
}

		*/


.img-wrapper {
		/*
				background-color:    var(--base);
		*/
  
  display:             flex;
  flex:                1 1 100%;
  height:              100%;
  overflow:            hidden;
  padding:             var(--spacing);
  position:            relative;
}

.img-wrapper img {
  /* filter:              grayscale(100%) contrast(1) blur(var(--blur));
				mix-blend-mode:      var(--bg-blend);
				opacity:             var(--opacity);
  */
  flex:                1 0 100%;
  height:              100%;
  max-width:           100%;
  
  object-fit:          cover;
  
  position:            relative;
  width:               100%;
}

.img-wrapper::before {
		/* 
				 background-color:    var(--foreground);
				mix-blend-mode:      var(--fg-blend);
		*/
 
  bottom:              0;
  content:             '';
  height:              100%;
  left:                0;
  
  position:            absolute;
  right:               0;
  top:                 0;
  width:               100%;
  z-index:             1;
}