:root, [data-bs-theme=light]  {
	--ct-font-sans-serif: "Montserrat", sans-serif;
	--ct-body-font-family: "Montserrat", sans-serif;
	--ct-body-color: #000;
	--ct-text-title-color: #6c757d;
    --ct-page-title-color: #D0021B;
    --ct-link-color-rgb: 0,0,0;
    --ct-link-hover-color-rgb: 208, 2, 27;    
        
  	--ct-link-color: #000;
 	--ct-link-hover-color: #D0021B;	
 	--ct-component-active-bg: #38518B;
 	--ct-btn-hover-bg: #2E78CD;
 	--ct-topbar-item-hover-color: #D0021B;
 	
 	--ct-logo-lg-height: 55px;
    --ct-logo-sm-height: 22px;
    --ct-logo-sts-sm-height: 45px;
    --ct-primary-rgb-purple: 114,124,245;
    
    --ct-menu-item-padding-x: 8px;
    --ct-menu-item-padding-y: 8px;
    
    --ct-isv-red: #d0021b;
    --ct-isv-red-rgb: 208,2,27;
    
    --ct-activity-bg: #0001ff;
    --ct-header-title-bg: #0001ff;
    
    --dashboard-pog-user: #0001ff;
    

	--ct-menu-bg: #000 !important;
    
  /*  --ct-heading-color: #000; */

}

.progress, .progress-stacked {
	--ct-progress-bg: #dee2e6;
}



html[data-bs-theme=dark]  {
	--ct-font-sans-serif: "Montserrat", sans-serif;
	--ct-body-font-family: "Montserrat", sans-serif;
	--ct-body-color: #000;
	--ct-text-title-color: #6c757d;
    --ct-page-title-color: #FFF;
    --ct-link-color-rgb: 255,255,255;
    --ct-link-hover-color-rgb: 255,255,255;  
        
  	--ct-link-color: #000;
 	--ct-link-hover-color: #FFF;	
 	--ct-component-active-bg: #38518B;
 	--ct-btn-hover-bg: #2E78CD;
 	--ct-topbar-item-hover-color: #D0021B;
 	
 	--ct-logo-lg-height: 55px;
    --ct-logo-sm-height: 22px;
    --ct-logo-sts-sm-height: 45px;
    --ct-primary-rgb-purple: 114,124,245;
    
    --ct-menu-item-padding-x: 8px;
    --ct-menu-item-padding-y: 8px;
	
	--ct-heading-color: #FFF;
	--ct-component-active-bg: #FFF;
	
	--ct-isv-bg: #7bdb3e;
	
	--ct-activity-bg: #0001ff;
	--ct-header-title-bg: #0001ff;
	  
	 --ct-menu-bg: #000 !important;
	 
	
    --ct-dark-rgb: 0, 0, 0;	 
}

.btn-primary {
  --ct-btn-color: #fff;
 /* --ct-btn-bg: #38518B;
  --ct-btn-border-color: #38518B;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #2E78CD;
  --ct-btn-hover-border-color: #2E78CD;*/
  --ct-btn-focus-shadow-rgb: 135, 144, 247;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #2E78CD;
  --ct-btn-active-border-color: #2E78CD;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #fff;
  --ct-btn-disabled-bg: #38518B;
  --ct-btn-disabled-border-color: #38518B;
}

/*
.badge {
	--ct-badge-font-weight: 600 !important;
} */

html[data-bs-theme=dark], [data-bs-theme=dark] {
	--ct-body-color: #FFF;	
}

html[data-bs-theme=dark] a {
  color: #FFF;
  text-decoration: none;
}

html[data-topbar-color=light] {
	--ct-topbar-item-hover-color: #D0021B;
	--ct-topbar-item-color: #6c757d;
}

html[data-bs-theme=light] .navbar-custom .topbar-menu .nav-link {
	 color: var(--ct-topbar-item-color, inherit) !important;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .side-nav-title {
    display: none;
}

html[data-bs-theme=dark] .btn-primary {
	--ct-btn-bg: #2E78CD;
}

.page-title-box .page-title {
	color: var(--ct-page-title-color);
}

.logo {
	padding: 0px !important;
}

html[data-sidenav-size=full]:not([data-layout=topnav]) .leftside-menu .logo {
    text-align: center;
}

.text-primary {
	color: var(--ct-primary-rgb) !important;
}

.text-danger, input#feature {
    --ct-text-opacity: 1;
    color: var(--ct-page-title-color) !important;
}

.text-duty-partial {
	--ct-text-opacity: 1;
	color: rgba(var(--ct-primary-rgb-purple),var(--ct-text-opacity))!important;
}

.content-page .preview {
	padding: 70px 12px 65px !important;
}

.form-check-input[type=checkbox], .form-check-input[type=radio] {
	--ct-border-width: 2px !important;
}

@media (min-width: 1100px) {
	
	.navbar-custom .app-search {
		display: none;
	}
	
	.navbar-custom .app-search1 {
		display: block;
		max-width: 350px;
		padding: calc(32px * .5) 5px calc(32px * .5) 0;
	}	
	
	.navbar-custom .app-search1 .form-control {
	    border: none;
	    height: calc(1.5em + 0.9rem + 2px);
	    padding-left: 40px;
	    padding-right: 20px;
	    background-color: var(--ct-bg-topbar-search) !important;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}	
	
    .navbar-custom .app-search1  span.search-icon {
        position: absolute;
        z-index: 4;
        font-size: 20px;
        line-height: 38px;
        left: 10px;
        top: 0;
    }

     .app-search1 .input-group-text {
        margin-left: 0;
        z-index: 4;
    }	
    
    .role-btns-align, .duty-btns-align {
		text-align: right;
	}
	
	.lg-width {
		width: 500px !important;
	}
}

@media (min-width: 576px) {
    .role-btns-align, .duty-btns-align {
		text-align: right;
	}	
	
	.md-mt-1 {
	    margin-top: .375rem!important;
	}
	
	.md-mt-2 {
	    margin-top: .75rem !important;
	}	
	
	.md-mt-3 {
	    margin-top: 1.5rem !important;
	}	
	
	.md-mb-1 {
	    margin-bottom: .375rem!important;
	}
	
	.md-mb-2 {
	    margin-bottom: .75rem !important;
	}	
	
	.md-mb-3 {
	    margin-bottom: 1.5rem !important;
	}	
		
}

@media (max-width: 414px) {
	.role-btns-align {
	    margin-top: .5rem !important;
	    margin-bottom: 1.5rem !important;
	}	
	
	.stats-info {
		 margin-top: 1.5rem !important;
	}
}

@media (min-width: 375px) and (max-width: 398px) {

	.xsm-mt-2 {
	    margin-top: .75rem !important;
	}	
}
		
@media (min-width: 375px) and (max-width: 600px) {
	.text-sm-end {
		text-align: right!important;
	}

	.sm-mt-1 {
	    margin-top: .375rem!important;
	}
	
	.sm-mt-2 {
	    margin-top: .75rem !important;
	}	
	
	.sm-mt-3 {
	    margin-top: 1.5rem !important;
	}	
	
	.sm-mb-1 {
	    margin-bottom: .375rem!important;
	}
	
	.sm-mb-2 {
	    margin-bottom: .75rem !important;
	}	
	
	.sm-mb-3 {
	    margin-bottom: 1.5rem !important;
	}	
	
}	

@media (min-width: 1100px) {
	
	.lg-mt-1 {
	    margin-top: .375rem!important;
	}
	
	.lg-mt-2 {
	    margin-top: .75rem !important;
	}	
	
	.lg-mt-3 {
	    margin-top: 1.5rem !important;
	}
	
	.lg-mb-1 {
	    margin-bottom: .375rem!important;
	}
	
	.lg-mb-2 {
	    margin-bottom: .75rem !important;
	}	
	
	.lg-mb-3 {
	    margin-bottom: 1.5rem !important;
	}	
		
}
		
@include media-breakpoint-down(sm) {
	
        .dropdown {
            position: static;

            .dropdown-menu {
                left: 10px !important;
                right: 10px !important;
            }
        }	
        
	.dropdown-menu-scroll {
		max-height: 300px;
		overflow-y: scroll;
	}
        
}

.dropdown-menu {
	z-index: 20000 !important;
}

.dropdown-header {
    padding: var(--ct-dropdown-item-padding-y) var(--ct-dropdown-item-padding-x) !important;
}

.dropdown-menu-scroll {
	max-height: 350px;
	overflow-y: scroll;
}

.dropdown-item.active, .dropdown-item:active {
	font-weight: bold;
}

.nav-user .account-user-name {
    display: block;
}

.btn:hover {
    color: var(--ct-btn-hover-color);
    background-color: var(--ct-btn-hover-bg);
    border-color: var(--ct-btn-hover-border-color);
}

:root .pagination {
	--ct-pagination-focus-color: #38518B;
}

/*html[data-theme=dark] a:hover {
  color: var(--ct-link-hover-color);
} */

/*.nav-user {
	padding: calc(50px * .5) 20px calc(31px * .5) 20px!important;
} */

.ulsubs {
    padding-left: 2rem !important;
}

.toc-dutyarea {
    font-weight: bolder;
}

.duty-perf {
	padding-top: 1rem;
}

.padding-bottom {
	padding-bottom: 2rem;
}

div.dt-button-info{ 
	color: #FFF;
}

div.dt-button-info h2 {
	background-color: #38518B !important;
}

div.dt-button-info{ 
	background-color: #5c636a !important;
}

label {
	font-weight: 500 !important;
}

/*.toast {
	margin-top: 75px !important;
}*/

#handle-dragula-left .dragula-handle, #dutylist .duty .dragula-handle {
		display: none;
}

#handle-dragula-right .stretched-link {
	    position: fixed;
}

.mapdutylink {
	cursor: pointer;
}

#dutylist .duty {
	cursor: pointer;
}

#dutycontent .modal-body .dutystdname {
	display: none;
}

li.breadcrumb-item.text-truncate {
    max-width: 180px !important;
}

li.dutydrag {
	cursor: move;
}

li.subdrag {
	cursor: move;
}

.role-title {
	color: var(--ct-body-color) !important;
	font-weight: 600 !important;
	margin-bottom: 3px;
	margin-top: 0px;
}

.da-title {
	color: var(--ct-body-color) !important;
	font-weight: 600 !important;
	margin-bottom: 3px;
	margin-top: 0px;
}

.duty-title {	
	color: var(--ct-link-hover-color) !important;
	font-weight: 600 !important;
	margin-top: 0px;
	margin-bottom: 0px;
}

.activity-title {	
	color: var(--ct-activity-bg) !important;
	font-weight: 600 !important;
	margin-top: 0px;
}

.task-title {
	font-style:italic;
	color: var(--ct-btn-bg) !important;
	font-weight: 500 !important;
}

.task-asso {
	color: var(--ct-component-active-bg) !important;
	font-size: 1.0rem !important;
	font-weight: 600 !important;
}

.task-asso-font {
	font-size: 1.0rem !important;
}

.task-da-title {
	margin-bottom: -8px !important;
}

.task-icon {
	cursor: pointer;
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-move {
	cursor: move;
}

dt {
    font-weight: 600 !important;
}

.dataTables_info, .duty-cc-label {
    font-weight: 400 !important;
}

.text-bold{
  font-weight: bold;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right;
}

.text-italic {
  font-style: italic;
}

.pm-details {
    font-weight: 600 !important;
}

.bullet-head {
  font-style: italic;
  font-weight: 500 !important;
}

.survey-value {
	color: var(--ct-component-active-bg) !important;
	font-size: 1.2rem !important;
	font-weight: 600 !important;
	margin-bottom: 0px !important;
}

.survey-title {
	font-weight: 500 !important;
	font-size: 0.8rem !important;
	margin-top: 0px !important
}

.survey-map {
	font-weight: 500 !important;
	font-size: 1.0rem !important;
	color: var(--ct-link-hover-color) !important;
}

.survey-msg {
    font-size: 1.0rem !important;
    font-weight: 500 !important;
}

.survey-ques {
    font-size: 1.0rem !important;
    font-weight: 500 !important;
}

.font-rem-125 {
    font-size: 1.25rem !important;
   }

.survey-card {
    padding-top: 5px !important;
}

.survey-info-icon {
	padding:0px !important;
	margin:0px !important;
}

.irs--flat .irs-bar, .irs--flat .irs-line, .irs-from, .irs-single, .irs-to {
	cursor: pointer;
}
    
.irs--flat .irs-bar, .irs-single {
	background-color: rgba(var(--ct-success-rgb)) !important
}

.link-color {
	color: var(--ct-link-hover-color) !important;
}

.master-view-header {
    font-weight: 600;
}

.survey-result-duty {
	font-weight: 400 !important;
}

.survey-dd {
	margin-bottom: 0 !important;
}

.survey-contact-header {
	font-weight: 500 !important;
}

.ri-alert-fill, .ri-alert-fill:hover {
	color: red;
}

.activities .ri-alert-fill, .activities .ri-alert-fill:hover {
	color: #FFF;
}

.top-20 {
    top: 20%!important;
}

.top-25 {
    top: 25%!important;
}

.start-20 {
    left: 20%!important;
}

.start-25 {
    left: 25%!important;
}

.logo-topbar2 {
	float: left;
    display: block;
    line-height: var(--ct-topbar-height);
    padding: 0 0.75rem;
}
.isv-mod-image {
	width: 40%;
}

@media (max-width: 375px) {

	.logo-topbar2 span.isvlglogo {
	    display: none;
	}
	
	.logo-topbar2 span.isvsmlogo {
	    display: block;
	}	
	
	.sm-hide {
		display: none;
	}
	
	.lg-hide {
		display: block;
	}	
	
	.isv-mod-image {
		width: 90%;
	}	
	
	.sm-margin-mt-1 {
		margin-top: .375rem !important;
	}
	
	.sm-margin-mt-2 {
		margin-top: .75rem !important;
	}
	
	.sm-margin-mt-3 {
		margin-top: 1.5rem !important;
	}		
	
	.sm-margin-mt-4 {
		margin-top: 2.25rem !important;
	}	
}

@media (max-width: 767.98px) {

	.logo-topbar2 span.isvlglogo {
	    display: none;
	}
	
	.logo-topbar2 span.isvsmlogo {
	    display: block;
	}	
	
	.sm-hide {
		display: none;
	}
	
	.lg-hide {
		display: block;
	}	
	
	.isv-mod-image {
		width: 80%;
	}	
	
	.sm-margin-mt-1 {
		margin-top: .375rem !important;
	}
	
	.sm-margin-mt-2 {
		margin-top: .75rem !important;
	}
	
	.sm-margin-mt-3 {
		margin-top: 1.5rem !important;
	}		
	
	.sm-margin-mt-4 {
		margin-top: 2.25rem !important;
	}	
	
}

@media (min-width: 844px) {

	.logo-topbar2 span.isvlglogo {
	    display: block;
	}	
	
	.logo-topbar2 span.isvsmlogo {
	    display: none;
	}
	
	.sm-hide {
		display: block;
	}
	
	.lg-hide {
		display: none;
	}	
	
	.isv-mod-image {
		width: 30%;
	}	
}

@media (min-width: 576px) and (max-width: 1180px) {
	.logo-topbar2 span.isvlglogo {
	    display: block;
	}
	
	.logo-topbar2 span.isvsmlogo {
	    display: none;
	}	
	
	.sm-hide {
		display: block;
	}
	
	.lg-hide {
		display: none;
	}	
	
	.isv-mod-image {
		width: 25%;
	}
	
}

@include media-breakpoint-up(xl) {
	.isv-mod-image {
		width: 25%;
	}	
}


@include media-breakpoint-up(xxl) {
	.isv-mod-image {
		width: 25%;
	}	
}

.isv-text-bg-success {
    color: #fff!important;
    background-color: RGBA(123,219,62,var(--ct-bg-opacity,1))!important;
    border: none;
}

.isv-text-bg-red {
    color: #fff!important;
    background-color: RGBA(var(--ct-isv-red-rgb),var(--ct-bg-opacity,1))!important;
    border: none;
}

.isv-bg-red {
    --ct-bg-opacity: 1;
    background-color: rgba(var(--ct-isv-red-rgb),var(--ct-bg-opacity))!important;
}

@media (min-width: 1200px) {
	
	.isv-text-xl-py {
		 padding-left: 4rem;
   		 padding-right: 4rem;
	}
	
}
	
@media (min-width: 1400px) { 
	
	.isv-text-xl-py {
		 padding-left: 4rem;
   		 padding-right: 4rem;
	}
		
 }	
 
.progress-xl-act {
    height: 25px;
}

.progress a, .progress-stacked a {
	color: var(--ct-progress-bar-color);
}

.mdi-isv-data::before {
	content: url(../images/icons/data_collector.svg);
	width: 24px;
	height: 24px;
}

.menuitem-active .active .mdi-isv-data::before {
	content: url(../images/icons/data_collector_a.svg);
	width: 24px;
	height: 24px;
}

.mdi-isv-ojt::before {
	content: url(../images/icons/ojt_detector.svg);
	width: 24px;
	height: 24px;
}

.menuitem-active .active .mdi-isv-ojt::before {
	content: url(../images/icons/ojt_detector_a.svg);
	width: 24px;
	height: 24px;
}

.mdi-isv-pm::before {
	content: url(../images/icons/pm_developer.svg);
	width: 24px;
	height: 24px;
}

.menuitem-active .active .mdi-isv-pm::before {
	content: url(../images/icons/pm_developer_a.svg);
	width: 24px;
	height: 24px;
}

.mdi-isv-builder::before {
	content: url(../images/icons/role_builder.svg);
	width: 24px;
	height: 24px;
}

/*.mdi-isv-builder:hover {
	content: url(../images/icons/role_builder_r.svg);
	width: 24px;
	height: 24px;
}*/

.menuitem-active .active .mdi-isv-builder::before {
	content: url(../images/icons/role_builder_a.svg);
	width: 24px;
	height: 24px;
}

.mdi-isv-tracker::before {
	content: url(../images/icons/tracker.svg);
	width: 24px;
	height: 24px;
}

.menuitem-active .active .mdi-isv-tracker::before {
	content: url(../images/icons/tracker_a.svg);
	width: 24px;
	height: 24px;
}

.mdi-isv-td::before {
	content: url(../images/icons/training_developer.svg);
	width: 24px;
	height: 24px;
}

.menuitem-active .active .mdi-isv-td::before {
	content: url(../images/icons/training_developer_a.svg);
	width: 24px;
	height: 24px;
}

.padding-right {
	padding-right: 0.75rem!important;
}

.padding-left {
	padding-left: 0.75rem!important;
}

.padding-card-blocks {
	padding: 1.5rem!important;
}

.desc-truncate {
  max-width: 350px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;    
}

.submitBtn .rounded-circle {
	background-color: rgba(var(--ct-isv-red-rgb),var(--ct-bg-opacity)) !important;
}

.ribbon-box .ribbon-primary {
    background: var(--ct-isv-red);
}

.pm-badge-status {
	color: #FFF;
	font-weight: 600 !important;
}

.pm-badge-status a {
	color: #FFF;
	font-weight: 600 !important;
}

.taskduties span {
	color: var(--ct-dropdown-link-color) !important;
	font-weight: 400 !important;	
}

.taskduties i {
	font-weight: 400 !important;	
}

.bg-danger, .notification-list .noti-icon-badge {
    --ct-bg-opacity: 1;
    background-color: rgba(var(--ct-isv-red-rgb),var(--ct-bg-opacity)) !important;
}

.ri-alert-fill, .ri-alert-fill:hover {
 	color: var(--ct-isv-red) !important;
}

#knowledgereq #kreq ul, #knowledgereq #kreq td ul {
	list-style: none;
	padding-left: 0px;
}

#knowledgereq #kreq li ul li, #knowledgereq #kreq td li ul li {
	padding-left: 2rem;
}

.h-59 {
    height: 59%!important;
}

.eula-text {
	font-size: 0.7rem !important; 
}

li.parenthesis::before {
    content: counter(list) ")";
    counter-increment: list;
}

.ml-0 {
	margin-left: 0px !important; 
}  

.ml-0-5 {
	margin-left: 0.5rem !important; 
}  

.ml-1 {
	margin-left: .375rem !important; 
}      
.ml-2 {
	margin-left: 2rem !important; 
}    

.mt-1-ne {
	margin-top: -.375rem !important;
}

.mb-1rem {
    margin-bottom: 1rem !important;
}

.width-500 {
	width: 500px !important;
}

.logo-sm-sts img {
	height: var(--ct-logo-sts-sm-height) !important; 
}    

.user-pog {
	color: var(--dashboard-pog-user) !important;
}

.user-pog-tntpending {
	background-color: #FFD700  !important;
}

.user-pog-progress {
	--ct-progress-bg: #FFD700 !important;
	--ct-progress-bar-bg: #0001ff !important;
}

.user-training-progress {
	--ct-progress-bar-bg: #0001ff !important;
}

.user-vouch-progress {
	--ct-progress-bar-bg: #6c757dd9 !important;
}

.user-pending-progress {
	background-color: #dee2e6  !important;
}

.progres-height-2m {
    --ct-progress-height: 2rem !important;
 }
 
.progres-height-3m {
    --ct-progress-height: 3rem !important;
 }
    
.font-50 {
	font-size: 50px!important;
}    
    
.display-inline {
	display: inline !important;
}    
  
.chart-vs {
	color: var(--ct-body-color) !important;
}
   
.help-box-isv {
	background-color: transparent !important;
}   

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper :is(.help-box-isv) {
   display: inherit !important;
   padding: 2px;
   margin: 100px 10px 10px;
}
   
.add-select2-color {
	color: var(--ct-link-hover-color) !important;
}   
   
.title-blue {
	color: var(--ct-header-title-bg) !important;
}  

.title-red {
	color: var(--ct-isv-red) !important;
}   

/*Type head*/
.tt-menu {
	top: 75% !important;
}

.twitter-typeahead pre {
	position: inherit !important;
}

.actionactname .text-truncate {
	max-width: 300px !important;
	display: inline-block;
}

.scrollx {
    overflow-x: auto;
}

.scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
}

/*
@media (max-width: 991.98px)
.nav-user .account-position, .nav-user .account-user-name {
    display: visible;
} */