/* Colored */
	.colored, .colored-hover:hover{ color:#3e5ee7 !important; }
	.bg-colored, .bg-colored-hover:hover{background-color:#3e5ee7 !important; }
	.border-colored, .border-colored-hover:hover{ border-color:#3e5ee7 !important; }

	/* Colored1 */
	.colored1, .colored1-hover:hover{ color:#d82950 !important; }
	.bg-colored1, .bg-colored1-hover:hover{ background-color:#d82950 !important; }
	.border-colored1, .border-colored1-hover:hover{ border-color:#d82950 !important; }

	/* Colored2 */
	.colored2, .colored2-hover:hover{ color:#2d355a !important; }
	.bg-colored2, .bg-colored2-hover:hover{ background-color:#2d355a !important; }
	.border-colored2, .border-colored2-hover:hover{ border-color:#2d355a !important; }

	::selection{ background-color:#3e5ee7; }

	.bg-soft-colored:before{ background-color:#3e5ee7; opacity: 0.9;}
	.bg-soft-colored1:before{ background-color:#c64040; opacity: 0.9;}
	.bg-soft-colored2:before{ background-color:#923fa5; opacity: 0.95;}
	.bg-soft-colored3:before{ background-color:#252525; opacity: 0.95;}
	.bg-soft-gradient3:before{ opacity: 0.92;}

	.bg-soft-gradient:before,
	.bg-gradient{
		background: #448dff; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #448dff 0%, #c227ff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #448dff 0%,#c227ff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #448dff 0%,#c227ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	.bg-soft-gradient1:before,
	.bg-gradient1{
		background: #f2b03d; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #f2b03d 0%, #e53838 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #f2b03d 0%,#e53838 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #f2b03d 0%,#e53838 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	.bg-soft-gradient2:before,
	.bg-gradient2{
		background: #ed900a;
		background: -moz-linear-gradient(15deg, #ed900a 0%, #a63fb5 50%, #601ddd 100%);
		background: -webkit-linear-gradient(45deg, #ed900a 0%,#a63fb5 50%,#601ddd 100%);
		background: linear-gradient(45deg, #ed900a 0%,#a63fb5 50%,#601ddd 100%);
	}

	.bg-soft-gradient3:before,
	.bg-gradient3{
		background: #f6f6f6; /* Old browsers */
		background: -moz-linear-gradient(140deg,  #fff 0%, #f6f6f6 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(140deg,  #fff 0%, #f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(140deg,  #fff 0%, #f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	.bg-soft-gradient4:before,
	.bg-gradient4{
		background: #f2b03d; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #131313 0%, #282828 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #131313 0%,#282828 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #131313 0%,#282828 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	/* Hover Colors */
	.qdr-hover:before{ background-color:#3e5ee7 !important; }
	.qdr-hover-5:before{ background-color:#3e5ee7 !important; }
	.qdr-hover:after{background-color:#363636;}
	.qdr-hover-1:before,
	.qdr-hover-1-left:before,
	.qdr-hover-1-right:before,
	.qdr-hover-1-bottom:before{background-color:rgba(0,0,0,0.1);}
	.qdr-hover-2:before,.qdr-hover-2-vertical:before{background-color:#3e4557;}
	.qdr-hover-2-rotate:before{background-color:#3e4557;}

	/* Prices Section Colors */
	.interactive-packages .selector{border-bottom-color:#3e5ee7;}
	.interactive-packages .rise_title span.title_selector{ color:#3e5ee7;}
	.interactive-packages .step-titles .title.active{color:#3e5ee7;}
	.interactive-packages .bar .interactive_bar{ background:#3e5ee7;}

	.accordion-toggle-link{ background-color:#3e5ee7; color:white; }

	/* Categories button hover color */
	.categories-parallax-type .item:hover .container .ctg-button{ background-color: #3e5ee7; border-color:#3e5ee7; }

	/* Tabs Colors */
	.services-with-tabs .services.container .cbp-filter-item.cbp-filter-item-active,.services-with-tabs .services.container .cbp-filter-item.cbp-filter-item-active:hover{ color:white; background-color:#3e5ee7; }

	/* Navigation Active Link on Hover4 */
	#navigation.modern.hover4 .columns li a.active{ color:#3e5ee7 !important; }
	/* Navigation Active Link on Hover4 */
	#navigation.modern.hover5 .columns .nav-menu>.nav>li>a:before{ background-color:#3e5ee7; }
	/* Hover Effect for dropdown menus - white navs */
	#navigation.modern.white-nav .columns .nav-menu ul.dropdown-menu li a:hover{ color:#0b36ba; }


	.strip-timeline .dates div:hover:before, .strip-timeline .dates div.active:before{ background-color:#3e5ee7; }
	.strip-timeline .dates div:hover:after, .strip-timeline .dates div.active:after{ border-color: #3e5ee7; }

	/* Side Dotted Navigation Colors */
	#side-dotted-navigation li{ background-color:#3e5ee7; border-color:rgba(255,255,255,0); }


	.irs-from, .irs-to, .irs-single, .irs-line-left, .irs-line-mid, .irs-line-right{ background-color:#3e5ee7; background-image: none;}
	.irs-bar,.irs-bar-edge{ background-color:#fff; }


	/* Process Step Colors */
	.process-steps li a.active{ background:#3e5ee7 !important; }

	/* Gradient Progress Bars */
	.gradient-progress-bar {
	    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	    background-image: linear-gradient(45deg,rgba(255,255,255,1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 75%,transparent 75%,transparent);
	    -webkit-background-size: 22px 22px;
	    background-size: 22px 22px;
		position: relative;
		background-color:#aaa;
	}
	
	.gradient-progress-bar:before{
		position: absolute; left:0; top:0; bottom:0; right: 0; content: ''; opacity: 0.9;
		background: -moz-linear-gradient(90deg,  #448dff 0%, #c227ff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(90deg,  #448dff 0%,#c227ff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(90deg,  #448dff 0%,#c227ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}


.custom-control label:hover {
	cursor:pointer;
}

.logo img {
	width:90%;
	height:auto;
}
.logo-login img,.lock-logo img {
	width:90%;
	height:auto;	
}

@media (max-width: 767.98px) {
.logo img {
	height:90%;
	width:auto;
	}	
}

.datetimepicker table tbody td, .datetimepicker table thead th {
	padding: .375rem;
}

.description p {
	display:inline;
}


select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}

.disabled-link {
	cursor:no-drop;
}

.reordering-hook {
	cursor:move;

}

.reordering-hook:hover {
	color: #0665d0;
}


.bg-black-80 {
    background-color: rgba(0,0,0,.8)!important;
}

td.details-control1,td.details-control2,td.details-control3 {
    background: url('../media/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control1,tr.shown td.details-control2,tr.shown td.details-control3 {
    background: url('../media/details_close.png') no-repeat center center;
}

#tracking-list th:first-child,
#tracking-list td.tracking-expand-trigger,
#tracking-list td.details-control2,
.nested-planning-table th:first-child,
.nested-planning-table td:first-child,
tr[class*="tracking-inline-child-"] > td:first-child {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    text-align: center;
    white-space: nowrap;
}

.planning-inline-row td {
    background-color: #f3f6fb !important;
}

.planning-inline-row:hover td {
    background-color: #e9eff8 !important;
}

.shown > td {
    background-color: #f3f6fb !important;
}

.shown:hover > td {
    background-color: #e9eff8 !important;
}

.planning-expand-trigger .btn,
.planning-expand-trigger .btn:hover,
.planning-expand-trigger .btn:focus,
.planning-expand-trigger .btn:active {
    border: none !important;
    box-shadow: none !important;
}

table.dataTable td .badge,
.dataTables_wrapper table td .badge {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.35;
}



.pulse {
	-webkit-animation: 1.5s pulse ease infinite;
	animation: 1.5s pulse ease infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, .8)
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0)
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255,255,255, .8);
        box-shadow: 0 0 0 0 rgba(255,255,255, .8)
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
        box-shadow: 0 0 0 10px rgba(255,255,255, 0)
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0)
    }
}


.nav-items {
overflow-y : scroll;
overflow-x : hidden;
max-height: 450px;
}

/* width */
.nav-items::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.nav-items::-webkit-scrollbar-track {
    background: none; 
}
 
/* Handle */
.nav-items::-webkit-scrollbar-thumb {
    background: #888; 
	opacity:0.5;
}

/* Handle on hover */
.nav-items::-webkit-scrollbar-thumb:hover {
	opacity:0.9;
    transition: opacity .2s linear;
    background: #022954;
    background-clip: padding-box;
}

.nav-items:before::-webkit-scrollbar-thumb:hover {
	opacity:0.9;
    transition: opacity .2s linear;
    background: #022954;
    background-clip: padding-box;
}





.task-items p{
	color:#fff;
	margin:5px;
	padding:5px;
	margin-top:-5px;
    font-size: 12px;
    line-height: 18px;
}
.task-items h6{
	color:#fff;
	margin:5px 5px 0px 5px;
	padding:5px;

    font-size: 13px;
    line-height: 18px;
}
.description-list{
	list-style:none;
	margin:0;
	padding:0;
	display: grid;
}

.description-list li{

		margin-bottom:3px;
	width:100%;
			background:#f9fafc;
	font-size:13px;

}
.description-list .title{
	width:40%;
	float:left;	padding:5px;

}
.description-list .text{
	padding:5px;
	width:100%;


}
.description-list .text:before{
	content:': ';
	margin-left:-5px;		
}

.document-list {
	    word-break: break-word;
}

.disabled {
	cursor:no-drop!important;
}



.machines .badge {

padding:0px;
    white-space: normal;


}



*[contenteditable="true"]:hover { outline: 2px dashed #82b54b; }
*[contenteditable="true"]:focus,*[contenteditable="true"]:visited { background-color:#fbfde1; outline: 2px dashed #0665d0;}
 


@media (min-width: 992px) {
.modal-xl {
    max-width: 70%!important;
}


			
			
		
table.display {
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  table-layout: fixed;         
  word-wrap:break-word;        
}

.one-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.two-truncate {
  display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden; 
}

.three-truncate {
  display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden; 
}


.four-truncate {
  display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
   overflow: hidden; 
}

.five-truncate {
  display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 5;
   overflow: hidden; 
}


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


.lh-xs {
    line-height: 1.2;
}

/*
.hero-static {
	  min-height: 60vh;
}
*/

div.dataTables_wrapper div.dataTables_paginate {
	margin-top: .75rem;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	gap: .35rem;
	flex-wrap: wrap;
}

div.dataTables_wrapper div.dataTables_paginate .paginate_button {
	margin: 0;
}

div.dataTables_wrapper div.dataTables_paginate .page-link {
	border-radius: .375rem;
	border: 1px solid #d8dfed;
	background-color: #fff;
	color: #0665d0;
	padding: .375rem .75rem;
	line-height: 1;
	box-shadow: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.25rem;
}

div.dataTables_wrapper div.dataTables_paginate .page-link:hover {
	background-color: #eff6ff;
	border-color: #9ec5fe;
	color: #03356d;
}

div.dataTables_wrapper div.dataTables_paginate .paginate_button.active .page-link,
div.dataTables_wrapper div.dataTables_paginate .paginate_button.current .page-link {
	background-color: #0665d0;
	border-color: #0665d0;
	color: #fff;
}

div.dataTables_wrapper div.dataTables_paginate .paginate_button.disabled .page-link {
	background-color: #f4f6fa;
	border-color: #e6ebf4;
	color: #98a6b3;
	cursor: default;
}

div.dataTables_wrapper div.dataTables_paginate .paginate_button.disabled .page-link:hover {
	background-color: #f4f6fa;
	border-color: #e6ebf4;
	color: #98a6b3;
}

div.dataTables_wrapper div.dataTables_paginate .page-link i.fa,
div.dataTables_wrapper div.dataTables_paginate .page-link i.fas {
	display: inline-block;
	min-width: .75rem;
	font-style: normal;
	line-height: 1;
	vertical-align: middle;
}

div.dataTables_wrapper div.dataTables_paginate .page-link i.fa-angle-left:before,
div.dataTables_wrapper div.dataTables_paginate .page-link i.fas.fa-angle-left:before {
	content: "\2039";
}

div.dataTables_wrapper div.dataTables_paginate .page-link i.fa-angle-right:before,
div.dataTables_wrapper div.dataTables_paginate .page-link i.fas.fa-angle-right:before {
	content: "\203A";
}

div.dataTables_wrapper div.dataTables_paginate .page-link i.fa-angle-double-left:before,
div.dataTables_wrapper div.dataTables_paginate .page-link i.fas.fa-angle-double-left:before {
	content: "\00AB";
}

div.dataTables_wrapper div.dataTables_paginate .page-link i.fa-angle-double-right:before,
div.dataTables_wrapper div.dataTables_paginate .page-link i.fas.fa-angle-double-right:before {
	content: "\00BB";
}

.swal2-title {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.swal2-popup,
.swal2-popup .swal2-content,
.swal2-popup #swal2-content,
.swal2-popup .swal2-html-container,
.swal2-popup .swal2-footer {
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

.select2-container--default .select2-selection--single {
	padding-right: 3.5rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-right: 1.5rem;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	position: absolute;
	right: 2rem;
	top: 50%;
	margin-top: 0;
	padding: 0 .25rem;
	transform: translateY(-50%);
	line-height: 1;
}

.swal-overlay,
.swal-modal,
.swal-modal .swal-title,
.swal-modal .swal-text,
.swal-modal .swal-content,
.swal2-container,
.swal2-popup,
.swal2-popup .swal2-title,
.swal2-popup .swal2-content,
.swal2-popup #swal2-content,
.swal2-popup .swal2-html-container,
.swal2-popup .swal2-validation-message,
.swal2-popup .swal2-footer,
.swal-selectable-message,
.swal-selectable-title,
.swal-selectable-body {
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

.swal-modal .swal-text,
.swal-modal .swal-content,
.swal-selectable-message,
.swal-selectable-title,
.swal-selectable-body,
.swal2-popup .swal2-content,
.swal2-popup #swal2-content,
.swal2-popup .swal2-html-container,
.swal2-popup .swal2-validation-message {
	cursor: text !important;
}

.swal-selectable-message {
	color: #545454;
	line-height: 1.45;
	text-align: center;
}

.swal-selectable-title {
	color: #595959;
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: .75rem;
}

.swal-button,
.swal2-styled,
.swal2-icon,
.swal2-close {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

.task-mobile-tabs {
	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: nowrap;
	-webkit-overflow-scrolling: touch;
}

.task-mobile-tabs .nav-item {
	flex: 0 0 auto;
}

.task-mobile-tabs .nav-link {
	white-space: nowrap;
}

.task-table-scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.task-table-scroll table,
.task-table-scroll .dataTables_wrapper {
	min-width: 760px;
}

@media (max-width: 575.98px) {
	.task-table-scroll {
		margin-left: -1rem;
		margin-right: -1rem;
		padding-left: 1rem;
		padding-right: 1rem;
		width: calc(100% + 2rem);
	}

	div.dataTables_wrapper div.dataTables_filter input {
		width: 100%;
		margin-left: 0;
	}

	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: flex-start !important;
		overflow-x: auto;
		flex-wrap: nowrap;
		padding-bottom: .25rem;
	}

	.operator-task-mobile .content {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.operator-task-mobile .custom-control.custom-block {
		margin-bottom: .5rem;
	}

	.description-list .title {
		float: none;
		width: 100%;
		padding-bottom: 0;
	}

	.description-list .text:before {
		content: '';
		margin-left: 0;
	}

	.mobile-date-range .input-group {
		display: block;
	}

	.mobile-date-range .input-group .form-control {
		width: 100%;
		margin-bottom: .5rem;
	}

	.mobile-date-range .input-group-prepend,
	.mobile-date-range .input-group-append {
		display: none;
	}

	.mobile-planning-lists .dd-handle {
		height: auto;
		white-space: normal;
		overflow-wrap: anywhere;
	}
}